*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary: #ffffff;--bg-secondary: #f8dd51;--bg-tertiary: #e9e9ec;--bg-info: #eff6ff;--bg-success: #f0fdf4;--bg-warning: #fffbeb;--bg-danger: #fef2f2;--text-primary: #09090b;--text-secondary: #52525b;--text-tertiary: #6b6b72;--text-info: #1d4ed8;--text-success: #15803d;--text-warning: #b45309;--text-danger: #b91c1c;--border: rgba(0,0,0,.08);--border-md: rgba(0,0,0,.15);--border-info: #93c5fd;--border-danger: #fca5a5;--border-warning: #fcd34d;--border-success: #86efac;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--font: system-ui, -apple-system, sans-serif}@media (prefers-color-scheme: dark){:root{--bg-primary: #18181b;--bg-secondary: #f1ed9a;--bg-tertiary: #09090b;--bg-info: #1e3a5f;--bg-success: #052e16;--bg-warning: #1c1208;--bg-danger: #1c0a0a;--text-primary: #f4f4f5;--text-secondary: #a1a1aa;--text-tertiary: #52525b;--text-info: #93c5fd;--text-success: #86efac;--text-warning: #fcd34d;--text-danger: #fca5a5;--border: rgba(255,255,255,.08);--border-md: rgba(255,255,255,.15);--border-info: #1d4ed8;--border-danger: #7f1d1d}}body{font-family:var(--font);font-size:14px;background:var(--bg-tertiary);color:var(--text-primary);line-height:1.5;-webkit-font-smoothing:antialiased}.app{display:flex;height:100vh;overflow:hidden}.sidebar{width:210px;background:var(--bg-secondary);border-right:.5px solid var(--border);display:flex;flex-direction:column;flex-shrink:0;height:100vh}.sidebar-logo{padding:16px;border-bottom:.5px solid var(--border)}.logo-name{font-size:13px;font-weight:600;letter-spacing:.08em;color:var(--text-primary)}.logo-sub{font-size:11px;color:var(--text-tertiary);margin-top:2px}.sidebar-nav{flex:1;padding:8px;overflow-y:auto}.nav-item{display:flex;align-items:center;gap:9px;padding:7px 10px;border-radius:var(--radius-md);cursor:pointer;font-size:14px;font-weight:500;color:var(--text-secondary);margin-bottom:2px;border:.5px solid transparent;text-decoration:none;transition:background .1s}.nav-item:hover{background:var(--bg-primary);color:var(--text-primary)}.nav-item.active{background:var(--bg-primary);color:var(--text-primary);border-color:var(--border-md);font-weight:500}.nav-icon{width:16px;height:16px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.nav-badge{margin-left:auto;font-size:10px;font-weight:600;background:var(--bg-info);color:var(--text-info);padding:1px 6px;border-radius:4px}.sidebar-foot{padding:12px 16px;font-size:11px;color:var(--text-tertiary);border-top:.5px solid var(--border)}.main{flex:1;overflow-y:auto;background:var(--bg-tertiary);min-width:0;width:100%}.page{padding:22px 24px 48px;width:100%;box-sizing:border-box}.page-hdr{margin-bottom:18px}.page-hdr-row{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:18px}.page-title{font-size:18px;font-weight:500;color:var(--text-primary)}.page-sub{font-size:12px;color:var(--text-secondary);margin-top:3px}.btn{padding:7px 14px;border-radius:var(--radius-md);font-size:12px;font-weight:500;cursor:pointer;border:.5px solid var(--border-md);background:var(--bg-primary);color:var(--text-primary);font-family:var(--font)}.btn:hover{opacity:.8}.btn-primary{background:var(--text-primary);color:var(--bg-primary);border-color:transparent}.stat-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:18px}.stat-card{background:var(--bg-secondary);border-radius:var(--radius-md);padding:12px 14px}.stat-val{font-size:20px;font-weight:500;line-height:1;margin-bottom:4px}.stat-lbl{font-size:11px;color:var(--text-secondary);line-height:1.3}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:14px}.sec-hdr{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.sec-title{font-size:12px;font-weight:500;color:var(--text-primary)}.sec-count{font-size:11px;color:var(--text-secondary)}.card-list{display:flex;flex-direction:column;gap:5px;margin-bottom:14px}.lc{background:var(--bg-primary);border:.5px solid var(--border);border-radius:var(--radius-md);padding:9px 11px;cursor:pointer}.lc:hover{border-color:var(--border-md)}.lc-row{display:flex;justify-content:space-between;align-items:center}.lc-name{font-size:13px;font-weight:500}.lc-time{font-size:12px;font-weight:500}.lc-detail{font-size:12px;color:var(--text-secondary);margin-top:2px}.lc-meta{font-size:11px;color:var(--text-tertiary);margin-top:2px}.ac{background:var(--bg-danger);border:.5px solid var(--border-danger);border-radius:var(--radius-md);padding:9px 11px}.toolbar{display:flex;gap:7px;margin-bottom:12px;flex-wrap:wrap;align-items:center}.search-input{flex:1;min-width:160px;padding:7px 11px;background:var(--bg-primary);border:.5px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-size:13px;font-family:var(--font)}.search-input:focus{outline:none;border-color:var(--border-md)}.flt-btn{padding:6px 11px;border:.5px solid var(--border);border-radius:var(--radius-md);background:var(--bg-primary);color:var(--text-secondary);font-size:12px;cursor:pointer;font-family:var(--font)}.flt-btn.active{background:var(--bg-info);color:var(--text-info);border-color:var(--border-info)}.table-wrap{background:var(--bg-primary);border:.5px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.data-table{width:100%;border-collapse:collapse;table-layout:fixed}.data-table th{font-size:11px;font-weight:500;color:var(--text-tertiary);text-align:left;padding:9px 12px;border-bottom:.5px solid var(--border)}.data-table td{padding:10px 12px;border-bottom:.5px solid var(--border);vertical-align:middle}.data-table tbody tr:last-child td{border-bottom:none}.data-table tbody tr:hover td{background:var(--bg-secondary)}.badge{display:inline-block;font-size:11px;font-weight:500;padding:2px 8px;border-radius:4px}.badge-success{background:var(--bg-success);color:var(--text-success)}.badge-warning{background:var(--bg-warning);color:var(--text-warning)}.badge-danger{background:var(--bg-danger);color:var(--text-danger)}.badge-neutral{background:var(--bg-secondary);color:var(--text-secondary)}.badge-info{background:var(--bg-info);color:var(--text-info)}.qty-bar{height:4px;background:var(--border);border-radius:2px;overflow:hidden;display:flex;margin-top:5px;width:90px}.qs-issued{height:100%;background:#378add}.qs-reserved{height:100%;background:#7f77dd}.loading{display:flex;align-items:center;justify-content:center;padding:48px;color:var(--text-tertiary);font-size:13px}.empty{padding:28px;text-align:center;font-size:13px;color:var(--text-tertiary)}.placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center;gap:8px}.ph-icon{width:44px;height:44px;border-radius:var(--radius-lg);background:var(--bg-secondary);border:.5px solid var(--border);display:flex;align-items:center;justify-content:center;margin:0 auto}.ph-title{font-size:16px;font-weight:500}.ph-sub{font-size:13px;color:var(--text-secondary);max-width:300px}.ph-tag{margin-top:8px;font-size:12px;color:var(--text-tertiary);background:var(--bg-secondary);padding:5px 14px;border-radius:var(--radius-md);display:inline-block}@media (max-width: 640px){.sidebar{display:none}.stat-grid{grid-template-columns:repeat(2,1fr)}.two-col{grid-template-columns:1fr}}@media (max-width: 640px){.app{display:block;height:auto}.mobile-topbar{display:flex!important}.sidebar{position:fixed;top:0;left:0;bottom:0;z-index:45;transform:translate(-100%);transition:transform .2s ease;width:220px}.sidebar-open{transform:translate(0)}.sidebar-logo{display:none}.main{height:100vh;overflow-y:auto}.main-with-topbar{padding-top:56px}.stat-grid{grid-template-columns:repeat(2,1fr)}.two-col{grid-template-columns:1fr}}