:root{--sm-blue: #1a7fc4;--sm-blue-dark: #0f6aa8;--sm-blue-soft: rgba(26, 127, 196, .12);--sm-navy: #0b1426;--sm-sidebar: #0d1b2a;--sm-bg: #f4f6f9;--sm-surface: #ffffff;--sm-border: #e2e8f0;--sm-border-strong: #cbd5e1;--sm-text: #0f172a;--sm-muted: #64748b;--sm-danger: #dc2626;--sm-success: #16a34a;--sm-warning: #d97706;--sm-radius: 10px;--sm-radius-sm: 6px;--sm-shadow: 0 1px 2px rgba(15, 23, 42, .05), 0 1px 3px rgba(15, 23, 42, .04);--sm-shadow-md: 0 4px 16px rgba(15, 23, 42, .08);--sm-sidebar-width: 260px;--status-free: #16a34a;--status-free-bg: #dcfce7;--status-occupied: #1a7fc4;--status-occupied-bg: #dbeafe;--status-resting: #d97706;--status-resting-bg: #ffedd5;--status-deleted: #64748b;--status-deleted-bg: #f1f5f9;--status-queued: #7c3aed;--status-queued-bg: #ede9fe}*{box-sizing:border-box}html,body{height:100%;margin:0}body{font-family:Manrope,Segoe UI,system-ui,-apple-system,sans-serif;color:var(--sm-text);background:var(--sm-bg);-webkit-font-smoothing:antialiased}a{color:var(--sm-blue);text-decoration:none}a:hover{text-decoration:underline}button,.btn{appearance:none;border:1px solid transparent;border-radius:var(--sm-radius-sm);padding:.55rem 1rem;cursor:pointer;font:inherit;font-weight:650;font-size:.9rem;background:var(--sm-blue);color:#fff;transition:background .15s ease,border-color .15s ease,box-shadow .15s ease;white-space:nowrap}button:hover:not(:disabled),.btn:hover:not(:disabled){background:var(--sm-blue-dark)}button:disabled{opacity:.45;cursor:not-allowed}.btn-secondary{background:#fff;color:var(--sm-text);border-color:var(--sm-border-strong)}.btn-secondary:hover:not(:disabled){background:#f8fafc;border-color:#94a3b8}.btn-danger{background:var(--sm-danger)}.btn-ghost{background:transparent;color:var(--sm-muted);border-color:transparent}.btn-outline{background:#fff;color:var(--sm-blue);border-color:var(--sm-blue)}.btn-sm{padding:.35rem .65rem;font-size:.8rem}input,select,textarea{width:100%;padding:.55rem .75rem;border:1px solid var(--sm-border-strong);border-radius:var(--sm-radius-sm);background:#fff;font:inherit;color:var(--sm-text);transition:border-color .15s ease,box-shadow .15s ease}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--sm-blue);box-shadow:0 0 0 3px var(--sm-blue-soft)}input::placeholder,textarea::placeholder{color:#94a3b8}.state-select{position:relative;width:100%;z-index:1}.state-select.open{z-index:40}.state-select-trigger{appearance:none;display:block;width:100%;min-height:2.4rem;padding:.45rem 2rem .45rem .75rem;border:1px solid var(--sm-border-strong);border-radius:var(--sm-radius-sm);background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%2364748b' stroke-width='1.75' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat right .65rem center;color:var(--sm-text);font:inherit;font-weight:500;text-align:left;cursor:pointer;box-shadow:none}.state-select-trigger.placeholder{color:#94a3b8}.state-select-trigger:hover:not(:disabled),.state-select-trigger:focus,.state-select.open .state-select-trigger{outline:none;background-color:#fff;border-color:var(--sm-blue);box-shadow:0 0 0 3px var(--sm-blue-soft);color:var(--sm-text)}.state-select-menu{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:50;max-height:220px;overflow:auto;margin:0;padding:.2rem 0;list-style:none;background:#fff;border:1px solid #cbd5e1;border-radius:8px;box-shadow:0 12px 28px #0f172a24;scrollbar-width:thin}.state-select-option{padding:.45rem .75rem;cursor:pointer;color:var(--sm-text);font-size:.92rem;line-height:1.35}.state-select-option:hover,.state-select-option.selected{background:#eff6ff;color:var(--sm-blue)}.card{background:var(--sm-surface);border:1px solid var(--sm-border);border-radius:var(--sm-radius);box-shadow:var(--sm-shadow);padding:1.15rem 1.25rem}.page-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.25rem;flex-wrap:wrap}.page-header-text{min-width:0;flex:1}.page-title{margin:0;font-size:clamp(1.35rem,2.2vw,1.65rem);font-weight:800;letter-spacing:-.03em;color:var(--sm-text)}.page-sub{margin:.35rem 0 0;color:var(--sm-muted);font-size:.92rem;line-height:1.45;max-width:60ch}.page-actions{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.grid-stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.9rem}@media (max-width: 1200px){.grid-stats{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width: 720px){.grid-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 420px){.grid-stats{grid-template-columns:1fr}}.kpi-card{display:flex;gap:.9rem;align-items:flex-start;padding:1.1rem 1.15rem}.kpi-icon{width:42px;height:42px;border-radius:10px;display:grid;place-items:center;background:var(--sm-blue-soft);color:var(--sm-blue);flex-shrink:0}.kpi-icon.is-total{background:#eef2ff;color:#4338ca}.kpi-icon.is-occupied{background:var(--sm-blue-soft);color:var(--sm-blue)}.kpi-icon.is-resting{background:#fff7ed;color:#c2410c}.kpi-icon.is-free{background:#ecfdf5;color:#15803d}.kpi-icon.is-queued{background:#f5f3ff;color:#6d28d9}.kpi-icon svg{width:22px;height:22px}.kpi-skel{height:5.5rem;border-radius:var(--sm-radius, 12px);background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0,#f1f5f9 75%);background-size:200% 100%;animation:kpi-shimmer 1.2s ease-in-out infinite}@keyframes kpi-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.kpi-card .kpi-label{display:block;font-size:.82rem;font-weight:650;color:var(--sm-muted)}.kpi-card .kpi-value{display:block;margin-top:.2rem;font-size:1.55rem;font-weight:800;letter-spacing:-.03em;line-height:1.1}.kpi-card .kpi-hint{display:block;margin-top:.25rem;font-size:.78rem;color:#94a3b8}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:.9rem}@media (max-width: 900px){.grid-2{grid-template-columns:1fr}}.panel-title{margin:0 0 1rem;font-size:1rem;font-weight:750;letter-spacing:-.01em}.table-wrap{overflow:auto;-webkit-overflow-scrolling:touch}.table-wrap.card{padding:0}.table-toolbar{display:flex;justify-content:space-between;align-items:center;gap:.75rem;flex-wrap:wrap;padding:.85rem 1.1rem;border-bottom:1px solid var(--sm-border)}.table-toolbar .meta{color:var(--sm-muted);font-size:.88rem;font-weight:600}table.data{width:100%;border-collapse:collapse;min-width:640px}table.data th,table.data td{padding:.75rem 1rem;border-bottom:1px solid var(--sm-border);text-align:left;font-size:.9rem;vertical-align:middle}table.data th{background:#f8fafc;font-size:.78rem;font-weight:700;color:var(--sm-muted);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}table.data tbody tr:hover{background:#fafbfd}table.data tbody tr:last-child td{border-bottom:none}table.data .num{font-variant-numeric:tabular-nums}.inventory-table,.bulk-search-table{overflow:visible}.inventory-table .table-toolbar,.bulk-search-table .table-toolbar,.inventory-table .table-controls,.bulk-search-table .table-controls{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;padding:.85rem 1.1rem;border-bottom:1px solid var(--sm-border)}.inventory-table .select-all,.bulk-search-table .select-all{display:inline-flex;align-items:center;gap:.45rem;font-size:.88rem;font-weight:600;white-space:nowrap}.inventory-table .table-controls,.bulk-search-table .table-controls{font-size:.88rem;color:var(--sm-text)}.inventory-table .table-controls label,.bulk-search-table .table-controls label{display:inline-flex;align-items:center;gap:.45rem;font-weight:600;white-space:nowrap}.inventory-table .table-controls select,.bulk-search-table .table-controls select{width:auto;min-width:4.5rem;padding:.35rem .5rem}.inventory-table .table-controls .search input,.bulk-search-table .table-controls .search input{width:min(240px,42vw);padding:.35rem .55rem}.inventory-table .table-scroll,.bulk-search-table .table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}.inventory-table table.data thead th,.bulk-search-table table.data thead th{position:sticky;top:0;z-index:2;background:#f8fafc}.inventory-table table.data tbody tr:nth-child(2n),.bulk-search-table table.data tbody tr:nth-child(2n){background:#fafbfc}.inventory-table th.sortable,.bulk-search-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}.inventory-table th.sortable:hover,.bulk-search-table th.sortable:hover{background:#eef2f7}.inventory-table .th-label,.bulk-search-table .th-label{display:inline-block;vertical-align:middle}.inventory-table .sort-icons,.bulk-search-table .sort-icons{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;margin-left:.35rem;vertical-align:middle;line-height:0}.inventory-table .sort-icons svg,.bulk-search-table .sort-icons svg{width:.55rem;height:.45rem;color:#cbd5e1}.inventory-table .sort-icons svg.active,.bulk-search-table .sort-icons svg.active{color:var(--sm-blue)}.inventory-table th.col-check,.inventory-table td.col-check,.bulk-search-table th.col-check,.bulk-search-table td.col-check{width:44px;min-width:44px;max-width:44px;padding-left:.75rem;padding-right:.75rem;text-align:center}.inventory-table th.col-check input[type=checkbox],.inventory-table td.col-check input[type=checkbox],.bulk-search-table th.col-check input[type=checkbox],.bulk-search-table td.col-check input[type=checkbox]{width:16px;height:16px;margin:0;cursor:pointer;accent-color:var(--sm-blue)}.inventory-table .table-footer,.bulk-search-table .table-footer{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;padding:.85rem 1.1rem;border-top:1px solid var(--sm-border);font-size:.88rem;color:var(--sm-muted);font-weight:600}.inventory-table .pagination,.bulk-search-table .pagination{display:flex;align-items:center;gap:.35rem}.inventory-table .pagination button,.bulk-search-table .pagination button{min-width:2.1rem;padding:.35rem .65rem;font-size:.85rem;font-weight:650}.inventory-table .pagination .page-num,.bulk-search-table .pagination .page-num{background:var(--sm-blue);color:#fff;border-color:var(--sm-blue);pointer-events:none}.inventory-table table.data{min-width:1100px}.inventory-table .col-actions{white-space:nowrap;min-width:9.5rem}.inventory-table .action-buttons{display:flex;flex-wrap:wrap;gap:.35rem;margin:0}.bulk-search-table{border:1px solid var(--sm-border);border-radius:12px;background:#fff}.bulk-search-table table.data{min-width:520px}@media (max-width: 768px){.inventory-table .table-toolbar,.bulk-search-table .table-toolbar{flex-direction:column;align-items:stretch;gap:.75rem}.inventory-table .table-toolbar .toolbar,.bulk-search-table .table-toolbar .toolbar{justify-content:flex-start;flex-wrap:wrap}.inventory-table .table-controls,.bulk-search-table .table-controls{flex-direction:column;align-items:stretch}.inventory-table .table-controls label,.bulk-search-table .table-controls label{width:100%;justify-content:space-between}.inventory-table .table-controls .search input,.bulk-search-table .table-controls .search input{width:100%;max-width:none}.inventory-table .table-footer,.bulk-search-table .table-footer{flex-direction:column;align-items:stretch;text-align:center}.inventory-table .pagination,.bulk-search-table .pagination{justify-content:center}}.toolbar{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:.85rem;align-items:center}.filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.75rem;margin-bottom:1rem}.filters.card h3,.card>h3{margin:0 0 .85rem;font-size:.98rem}.modal-backdrop{position:fixed;inset:0;background:#0f172a73;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal{background:#fff;border-radius:12px;padding:1.35rem;width:min(520px,100%);max-height:90vh;overflow:auto;box-shadow:var(--sm-shadow-md)}.modal h3{margin-top:0;letter-spacing:-.02em}.form-row{margin-bottom:.85rem}.form-row label{display:block;font-size:.82rem;font-weight:650;margin-bottom:.3rem;color:#475569}.error{color:var(--sm-danger);font-size:.9rem}.field-error{margin-top:.3rem;color:var(--sm-danger);font-size:.78rem;font-weight:600}.muted{color:var(--sm-muted);font-size:.9rem}.filter-loader{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;min-height:10rem;padding:2rem 1rem;color:var(--sm-muted);font-size:.92rem;font-weight:650}.filter-spinner{width:2rem;height:2rem;border:3px solid #dbe7f2;border-top-color:var(--sm-blue);border-radius:50%;animation:filter-spin .7s linear infinite}@keyframes filter-spin{to{transform:rotate(360deg)}}.is-filtering .table-controls,.is-loading .table-controls{opacity:.65;pointer-events:none}.toast-host{position:fixed;top:5.25rem;left:70%;right:1rem;transform:none;z-index:1100;display:flex;flex-direction:column;align-items:stretch;gap:.5rem;pointer-events:none}.toast{display:flex;align-items:center;gap:.75rem;width:100%;padding:.8rem 1rem;border-radius:8px;border:1px solid transparent;box-shadow:var(--sm-shadow-md);font-size:.92rem;font-weight:650;line-height:1.4;pointer-events:auto}.toast-message{flex:1;min-width:0}.toast-close{display:inline-flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;padding:0;border:none;border-radius:6px;background:transparent;color:inherit;opacity:.75;flex-shrink:0;box-shadow:none}.toast-close:hover:not(:disabled){opacity:1;background:#0000000f}.toast-close svg{width:.9rem;height:.9rem}.toast.success{background:#ecfdf5;color:#166534;border-color:#86efac}.toast.error{background:#fef2f2;color:#991b1b;border-color:#fecaca}.badge{display:inline-flex;align-items:center;padding:.2rem .55rem;border-radius:999px;font-size:.75rem;font-weight:700;line-height:1.2}.badge-soft{background:var(--badge-bg, #f1f5f9);color:var(--badge-fg, var(--sm-muted))}.tabs{display:inline-flex;gap:.25rem;margin-bottom:1rem;padding:.25rem;background:#e8eef4;border-radius:9px}.tabs button{background:transparent;color:var(--sm-muted);border:none;box-shadow:none;padding:.45rem .9rem;border-radius:7px;font-weight:650}.tabs button:hover:not(:disabled){background:#ffffff8c}.tabs button.active{background:#fff;color:var(--sm-blue);box-shadow:var(--sm-shadow)}.type-pill{display:inline-flex;padding:.15rem .5rem;border-radius:999px;font-size:.72rem;font-weight:700}.type-pill.dlc{background:#dbeafe;color:#1d4ed8}.type-pill.tf{background:#dcfce7;color:#15803d}.empty-state{padding:2rem 1.25rem;text-align:center;color:var(--sm-muted)}.empty-state strong{display:block;margin-bottom:.35rem;color:var(--sm-text);font-size:.98rem}@media (max-width: 720px){.page-header{flex-direction:column;align-items:stretch}.page-actions{width:100%}.page-actions button{flex:1;justify-content:center}.filters{grid-template-columns:1fr}}