:root{--brand: #4f46e5;--brand-dark: #4338ca;--brand-soft: #eef2ff;--bg: #f6f7f9;--surface: #ffffff;--border: #e6e7eb;--border-strong: #d4d6dd;--text: #1f2430;--text-2: #374151;--muted: #667085;--faint: #b8bcc8;--danger: #b91c1c;--danger-bg: #fef2f2;--danger-border: #fecaca;--ok: #1e7e34;--warn-ink: #8a6d1a;--orange: #9a4a08;--line-soft: #f0f1f4;--neutral-bg: #f0f1f5;--special: #7c3aed;--special-bg: #f3e8ff;--warn-bg: #fff8e1;--warn-border: #f0e0a0;--ok-bg: #e8f5e9;--ok-border: #c8e6c9;--surface-soft: #fafafb;--sb-bg: #12141f;--sb-item: #a7adbf;--sb-muted: #8a92a6;--sb-soft: #9aa1b5;--sb-hover: rgba(255, 255, 255, .07);--sb-pressed: rgba(255, 255, 255, .11);--sb-active: linear-gradient(180deg, #5b52f2, #4a41dd)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button{font-family:inherit;transition:filter .15s ease,background .15s ease,border-color .15s ease,opacity .15s ease}button:not(:disabled){cursor:pointer}button:hover:not(:disabled){filter:brightness(.95)}button:active:not(:disabled){filter:brightness(.9)}button:disabled{opacity:.55;cursor:default}input,select,textarea{font-family:inherit;transition:border-color .15s ease,box-shadow .15s ease}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--brand)!important;box-shadow:0 0 0 3px #4f46e51f}:is(a,button,[role=tab],[role=menuitem]):focus-visible{outline:none;box-shadow:0 0 0 2px var(--surface),0 0 0 4px var(--brand)}a{color:var(--brand)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#d6d8de;border-radius:6px}::-webkit-scrollbar-thumb:hover{background:#c3c6cf}aside nav{scrollbar-width:thin;scrollbar-color:#2e3346 transparent}aside nav::-webkit-scrollbar{width:8px}aside nav::-webkit-scrollbar-thumb{background:#2e3346}aside nav::-webkit-scrollbar-thumb:hover{background:#3a4056}.sb{width:236px;flex-shrink:0;height:100%;display:flex;flex-direction:column;background:var(--sb-bg);color:var(--sb-item);overflow:hidden;transition:width .18s ease}.sb.collapsed{width:64px}.sb-brand{display:flex;align-items:center;gap:10px;padding:18px 12px 14px 16px}.sb.collapsed .sb-brand{padding:18px 0 14px;justify-content:center;gap:0}.sb-logo{width:34px;height:34px;border-radius:9px;flex-shrink:0;display:grid;place-items:center;color:#fff;font-weight:800;font-size:17px;background:linear-gradient(135deg,#6366f1,#4338ca)}.sb-logo-m,.sb-logo-x{grid-area:1 / 1;display:grid;place-items:center;transition:opacity .12s ease}.sb-logo-x,.sb-logo.hint .sb-logo-m{opacity:0}.sb-logo.hint .sb-logo-x{opacity:1}.sb-title{color:#fff;font-weight:700;font-size:14.5px;line-height:1.2;white-space:nowrap}.sb-org{font-size:12px;color:var(--sb-soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sb-fade{min-width:0;flex:1;opacity:1;transition:opacity .12s ease}.sb.collapsed .sb-fade{flex:none;width:0;opacity:0;overflow:hidden}.sb-iconbtn{flex-shrink:0;display:grid;place-items:center;width:28px;height:28px;background:transparent;color:#8b91a3;border:1px solid rgba(255,255,255,.14);border-radius:7px;cursor:pointer}.sb-iconbtn:hover{background:var(--sb-hover);color:#e2e6f2;border-color:#ffffff42}.sb-nav{flex:1;overflow-y:auto;overflow-x:hidden;padding:4px 10px}.sb-sect{font-size:10.5px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--sb-muted);padding:16px 8px 6px;white-space:nowrap}.sb-divider{border-top:1px solid rgba(255,255,255,.1);margin:10px 6px}.sb-item{position:relative;display:flex;align-items:center;gap:11px;padding:9px 11px;margin-bottom:2px;border-radius:8px;font-size:13.5px;font-weight:500;color:var(--sb-item);text-decoration:none;white-space:nowrap;transition:background .15s ease,color .15s ease}.sb-item:hover{background:var(--sb-hover);color:#e2e6f2}.sb-item:active{background:var(--sb-pressed)}.sb.collapsed .sb-item{justify-content:center;gap:0;padding:10px 0}.sb-item[aria-current=page]{background:var(--sb-active);color:#fff;font-weight:600;box-shadow:inset 0 1px #ffffff24,0 1px 2px #00000059}.sb-label{flex:1;overflow:hidden;text-overflow:ellipsis;opacity:1;transition:opacity .12s ease}.sb.collapsed .sb-label{flex:none;width:0;opacity:0}.sb-badge{background:#f4c150;color:#241d07;border-radius:99px;padding:1px 7px;font-size:10.5px;font-weight:700;font-variant-numeric:tabular-nums}.sb.collapsed .sb-badge{position:absolute;top:4px;right:8px;min-width:15px;height:15px;padding:0 4px;font-size:9.5px;display:grid;place-items:center;line-height:1}.sb-foot{border-top:1px solid rgba(255,255,255,.08);padding:12px 14px}.sb.collapsed .sb-foot{padding:10px 8px}.sb-user{color:#e5e7ef;font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sb-email{font-size:11.5px;color:var(--sb-soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sb-btn{background:transparent;color:#c3c8d6;border:1px solid rgba(255,255,255,.16);border-radius:8px;white-space:nowrap}.sb-btn:hover{background:var(--sb-hover);border-color:#ffffff42;color:#e2e6f2}.sb-item:focus-visible,.sb-btn:focus-visible,.sb-iconbtn:focus-visible{outline:none;box-shadow:0 0 0 2px var(--sb-bg),0 0 0 4px #8b85f4}.drawer-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0f111c8c;animation:drawer-fade .2s ease-out}.drawer-panel{position:absolute;top:0;left:0;bottom:0;background:var(--sb-bg);padding-left:env(safe-area-inset-left);box-shadow:0 0 40px #00000059;animation:drawer-slide .22s ease-out}.drawer.closing .drawer-overlay{animation:drawer-fade .2s ease-in reverse forwards}.drawer.closing .drawer-panel{animation:drawer-slide .22s ease-in reverse forwards}@keyframes drawer-fade{0%{opacity:0}}@keyframes drawer-slide{0%{transform:translate(-100%)}}.action-menu{position:fixed;z-index:60;min-width:230px;padding:4px;background:var(--surface);border:1px solid #e2e5ee;border-radius:10px;box-shadow:0 4px 6px -2px #1018280d,0 12px 24px -4px #10182824;transform-origin:top right;animation:menu-pop .12s ease-out}.action-menu.up{transform-origin:bottom right}@keyframes menu-pop{0%{opacity:0;transform:scale(.97)}}.action-menu button{display:block;width:100%;text-align:left;padding:7px 10px;border:none;background:none;border-radius:6px;font-size:12px;white-space:nowrap;color:var(--text-2);transition:background .12s ease}.action-menu button:hover:not(:disabled){background:#f3f4fa}.action-menu button:disabled{color:#a5abbc;cursor:default}.action-menu button.danger{color:var(--danger)}.action-menu button.danger:hover:not(:disabled){background:var(--danger-bg)}.action-menu hr{border:none;border-top:1px solid #eef0f4;margin:4px 6px}.tab-pill{padding:6px 14px;border-radius:99px;font-size:13px;font-weight:600;cursor:pointer;border:1px solid var(--border-strong);background:var(--surface);color:#556;transition:border-color .15s ease,background .15s ease,color .15s ease}.tab-pill:hover:not(.on){border-color:#aeb4c4;background:#f8f9fc;color:#333d51}.tab-pill.on{border-color:var(--brand);background:var(--brand-soft);color:var(--brand)}.foot-link{color:var(--muted);text-decoration:none;transition:color .15s ease}.foot-link:hover{color:var(--brand);text-decoration:underline}.icon-btn,.icon-btn-danger{display:inline-grid;place-items:center;width:28px;height:28px;padding:0;border:none;background:none;border-radius:6px;font-size:14px;color:var(--text-2);flex-shrink:0;vertical-align:middle;transition:background .12s ease,color .12s ease}.icon-btn:hover:not(:disabled){background:#f3f4fa;color:var(--text);filter:none}.icon-btn-danger{color:var(--danger)}.icon-btn-danger:hover:not(:disabled){background:var(--danger-bg);filter:none}.spinner{display:inline-block;width:15px;height:15px;flex-shrink:0;border:2px solid var(--border-strong);border-top-color:var(--brand);border-radius:50%;animation:spinner-rot .8s linear infinite}@keyframes spinner-rot{to{transform:rotate(360deg)}}.modal-overlay{animation:modal-fade .15s ease-out}.modal-card{animation:modal-pop .15s ease-out}@keyframes modal-fade{0%{opacity:0}}@keyframes modal-pop{0%{opacity:0;transform:scale(.98)}}.live-row{background:#fff;transition:background .12s ease}.live-row:hover{background:#f7f8fc}.live-row.notif:hover{background:#fff}.live-row.newest,.live-row.newest:hover{background:#f3fbf4}.live-row.on,.live-row.on:hover{background:#eef2ff}.live-row.sold,.live-row.sold:hover{background:#fff;opacity:.6}.customer-row{background:var(--surface);transition:background .12s ease,border-color .12s ease}.customer-row:hover{background:#fafbff;border-color:#d8dbeb}.grp-head{cursor:pointer;transition:background .12s ease}.grp-head:hover{background:#fafbff}.grp-chev{display:grid;place-items:center;flex-shrink:0;color:var(--muted);transition:transform .15s ease}.grp-chev.open{transform:rotate(90deg)}.data-table tbody tr{transition:background .12s ease}.data-table tbody tr:hover{background:#fafbff}@media(prefers-reduced-motion:reduce){.sb,.sb-item,.sb-label,.sb-fade,.sb-logo-m,.sb-logo-x,.drawer-overlay,.drawer-panel,.action-menu,.grp-chev,.grp-head,.customer-row,.modal-overlay,.modal-card,.spinner{transition:none!important;animation:none!important}}.live-grid{display:grid;gap:14px;align-items:stretch;grid-template-columns:minmax(240px,400px) minmax(330px,1.6fr) minmax(300px,1fr)}.live-col{height:calc(100vh - 86px);min-height:460px;min-width:0;display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:12px;box-shadow:0 1px 2px #1018280a}@media(max-width:1230px){.live-grid{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}.live-video-col{grid-column:1 / -1;height:300px;min-height:300px}.live-col:not(.live-video-col){height:calc(100vh - 414px);min-height:400px}}@media(max-width:880px){.live-grid{grid-template-columns:1fr}.live-video-col{height:260px;min-height:260px}.live-col:not(.live-video-col){height:480px;min-height:0}}