@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2c55a0e60120577a-s.2a48534a.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.18a48cbc.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/ad66f9afd8947f86-s.7a40eb73.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5476f68d60460930-s.c995e352.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.76dcb0b2.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/1bffadaabf893a1e-s.7cd81963.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.3a6ba036.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Fallback;src:local(Arial);ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.0%;size-adjust:107.12%}.inter_c15e96cb-module__0bjUvq__className{font-family:Inter,Inter Fallback;font-style:normal}.inter_c15e96cb-module__0bjUvq__variable{--font-inter:"Inter","Inter Fallback"}
@font-face{font-family:Outfit;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/b2ea385cb5ae8625-s.866357a4.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/1b99372b3eaef0c8-s.p.758e15a8.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit Fallback;src:local(Arial);ascent-override:100.18%;descent-override:26.05%;line-gap-override:0.0%;size-adjust:99.82%}.outfit_9f4f9187-module__4LtYgq__className{font-family:Outfit,Outfit Fallback;font-style:normal}.outfit_9f4f9187-module__4LtYgq__variable{--font-outfit:"Outfit","Outfit Fallback"}
:root{--bg-base:#070b12;--bg-deep:#0a0f18;--bg-surface:#0f1521;--bg-surface-2:#141c2b;--bg-surface-3:#1a2434;--bg-elevated:#1e2939;--bg-hover:rgba(255,255,255,.04);--bg-active:rgba(255,255,255,.07);--glass-bg:rgba(20,28,43,.62);--glass-bg-strong:rgba(20,28,43,.86);--glass-border:rgba(255,255,255,.08);--glass-border-strong:rgba(255,255,255,.14);--glass-blur:18px;--accent:#10b981;--accent-2:#0d9488;--accent-3:#14b8a6;--accent-soft:rgba(16,185,129,.14);--accent-soft-2:rgba(16,185,129,.24);--accent-glow:rgba(16,185,129,.35);--accent-gradient:linear-gradient(135deg,#10b981 0%,#0d9488 100%);--accent-gradient-soft:linear-gradient(135deg,rgba(16,185,129,.18) 0%,rgba(13,148,136,.06) 100%);--gold:#f0b429;--gold-soft:rgba(240,180,41,.14);--gold-gradient:linear-gradient(135deg,#f5c451 0%,#d99a1c 100%);--success:#22c55e;--success-soft:rgba(34,197,94,.14);--warning:#f59e0b;--warning-soft:rgba(245,158,11,.14);--danger:#ef4444;--danger-soft:rgba(239,68,68,.14);--info:#38bdf8;--info-soft:rgba(56,189,248,.14);--purple:#a78bfa;--purple-soft:rgba(167,139,250,.14);--text-1:#f1f5f9;--text-2:#cbd5e1;--text-3:#94a3b8;--text-4:#64748b;--text-inverse:#04140f;--border:rgba(255,255,255,.07);--border-2:rgba(255,255,255,.11);--border-3:rgba(255,255,255,.18);--r-xs:6px;--r-sm:9px;--r-md:13px;--r-lg:18px;--r-xl:24px;--r-full:999px;--sh-1:0 1px 2px rgba(0,0,0,.3);--sh-2:0 4px 14px rgba(0,0,0,.34);--sh-3:0 12px 32px rgba(0,0,0,.42);--sh-4:0 24px 64px rgba(0,0,0,.55);--sh-accent:0 8px 26px rgba(16,185,129,.28);--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:20px;--s-6:24px;--s-7:32px;--s-8:40px;--s-9:56px;--font-body:var(--font-inter),system-ui,-apple-system,"Segoe UI",sans-serif;--font-display:var(--font-outfit),var(--font-inter),system-ui,sans-serif;--font-mono:ui-monospace,"SF Mono","JetBrains Mono",Menlo,monospace;--ease:cubic-bezier(.22,1,.36,1);--ease-in-out:cubic-bezier(.4,0,.2,1);--dur-1:.12s;--dur-2:.22s;--dur-3:.38s;--sidebar-w:254px;--sidebar-w-collapsed:72px;--header-h:62px}:root[data-theme=light]{--bg-base:#f3f5f8;--bg-deep:#eceff3;--bg-surface:#fff;--bg-surface-2:#f6f7fa;--bg-surface-3:#eef1f5;--bg-elevated:#fff;--bg-hover:rgba(15,23,42,.043);--bg-active:rgba(15,23,42,.075);--glass-bg:rgba(255,255,255,.72);--glass-bg-strong:rgba(255,255,255,.92);--glass-border:rgba(15,23,42,.08);--glass-border-strong:rgba(15,23,42,.14);--text-1:#0f172a;--text-2:#334155;--text-3:#64748b;--text-4:#94a3b8;--border:rgba(15,23,42,.09);--border-2:rgba(15,23,42,.14);--border-3:rgba(15,23,42,.22);--sh-1:0 1px 2px rgba(15,23,42,.06);--sh-2:0 4px 14px rgba(15,23,42,.07);--sh-3:0 12px 32px rgba(15,23,42,.1);--sh-4:0 24px 64px rgba(15,23,42,.14)}[data-theme=light] .sidebar{background:linear-gradient(rgba(255,255,255,.94),rgba(248,250,252,.97))}[data-theme=light] .topbar{background:rgba(255,255,255,.78)}[data-theme=light] .landing-bg{background:radial-gradient(1100px 620px at 8% -10%,rgba(16,185,129,.1),transparent 55%),radial-gradient(900px 560px at 100% 0,rgba(13,148,136,.08),transparent 55%),radial-gradient(1200px 700px at 50% 120%,rgba(240,180,41,.05),transparent 60%)}[data-theme=light] .modal-foot{background:rgba(15,23,42,.03)}[data-theme=light] .app-bg,[data-theme=light] .device{background-color:var(--bg-base)!important}[data-theme=light] ::-webkit-scrollbar-thumb{background:rgba(15,23,42,.14) padding-box content-box}[data-theme=light] ::-webkit-scrollbar-thumb:hover{background:rgba(15,23,42,.26) padding-box content-box}*,:before,:after{box-sizing:border-box}*{margin:0;padding:0}html,body{height:100%}body{font-family:var(--font-body);background:var(--bg-base);color:var(--text-2);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-size:14px;line-height:1.55;overflow-x:hidden}body:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(900px 520px at 12% -8%,rgba(16,185,129,.1),transparent 60%),radial-gradient(760px 480px at 92% 4%,rgba(13,148,136,.09),transparent 62%),radial-gradient(1000px 600px at 60% 110%,rgba(240,180,41,.043),transparent 60%);position:fixed;top:0;bottom:0;left:0;right:0}h1,h2,h3,h4,h5{font-family:var(--font-display);color:var(--text-1);letter-spacing:-.02em;font-weight:600;line-height:1.2}h1{font-size:26px}h2{font-size:20px}h3{font-size:16px}h4{font-size:14px}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:none}ul,ol{list-style:none}img,svg{max-width:100%;display:block}table{border-collapse:collapse;width:100%}::selection{background:var(--accent-soft-2);color:var(--text-1)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{border-radius:var(--r-full);background:rgba(255,255,255,.1) padding-box content-box;border:3px solid transparent}::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.2) padding-box content-box}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--r-xs)}.stack{flex-direction:column;display:flex}.row{align-items:center;display:flex}.between{justify-content:space-between;align-items:center;display:flex}.wrap{flex-wrap:wrap}.g1{gap:var(--s-1)}.g2{gap:var(--s-2)}.g3{gap:var(--s-3)}.g4{gap:var(--s-4)}.g5{gap:var(--s-5)}.g6{gap:var(--s-6)}.g7{gap:var(--s-7)}.grow{flex:1}.mono{font-family:var(--font-mono);letter-spacing:-.01em;font-size:.92em}.muted{color:var(--text-3)}.dim{color:var(--text-4)}.tiny{font-size:11px}.small{font-size:12.5px}.bold{font-weight:600}.center{text-align:center}.right{text-align:right}.nowrap{white-space:nowrap}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.uppercase{text-transform:uppercase;letter-spacing:.08em;font-size:10.5px;font-weight:600}.pos{color:var(--success)}.neg{color:var(--danger)}.accent-text{color:var(--accent)}.gold-text{color:var(--gold)}.grid{gap:var(--s-4);display:grid}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-auto{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.grid-rooms{gap:var(--s-3);grid-template-columns:repeat(4,minmax(0,1fr))}@media (max-width:1180px){.grid-4,.grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-rooms{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:720px){.grid-2,.grid-3,.grid-4{grid-template-columns:minmax(0,1fr)}.grid-rooms{grid-template-columns:repeat(2,minmax(0,1fr))}}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.96)translateY(8px)}to{opacity:1;transform:none}}@keyframes pulseGlow{0%,to{box-shadow:0 0 0 0 var(--accent-glow)}50%{box-shadow:0 0 0 7px rgba(16,185,129,0)}}@keyframes pulseDanger{0%,to{box-shadow:0 0 rgba(239,68,68,.5)}50%{box-shadow:0 0 0 8px rgba(239,68,68,0)}}@keyframes shimmer{0%{background-position:-420px 0}to{background-position:420px 0}}@keyframes spin{to{transform:rotate(360deg)}}.anim-in{animation:fadeUp var(--dur-3)var(--ease)both}.d1{animation-delay:40ms}.d2{animation-delay:80ms}.d3{animation-delay:.12s}.d4{animation-delay:.16s}.d5{animation-delay:.2s}.d6{animation-delay:.24s}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}
.app-shell{min-height:100vh;display:flex}.app-bg{z-index:-1;pointer-events:none;background-color:var(--app-bg-base,#070b12);background-image:var(--app-bg-layer),var(--app-bg-photo,none);background-position:50%,50%;background-repeat:no-repeat,no-repeat;background-size:auto,cover;position:fixed;top:0;bottom:0;left:0;right:0}.sidebar{width:var(--sidebar-w);z-index:60;-webkit-backdrop-filter:blur(var(--glass-blur));border-right:1px solid var(--border);transition:transform var(--dur-2)var(--ease);background:linear-gradient(rgba(15,21,33,.94),rgba(10,15,24,.97));flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0}.sidebar-brand{border-bottom:1px solid var(--border);align-items:center;gap:11px;padding:18px 18px 16px;display:flex}.brand-mark{background:var(--accent-gradient);color:#04140f;width:36px;height:36px;box-shadow:var(--sh-accent);border-radius:11px;flex-shrink:0;place-items:center;display:grid}.brand-name{font-family:var(--font-display);color:var(--text-1);letter-spacing:-.03em;font-size:16.5px;font-weight:700;line-height:1.1}.brand-sub{color:var(--text-4);letter-spacing:.06em;text-transform:uppercase;font-size:10.5px;font-weight:600}.sidebar-scope{border-radius:var(--r-md);background:var(--accent-gradient-soft);border:1px solid rgba(16,185,129,.16);margin:14px 12px 6px;padding:10px 12px}.sidebar-nav{flex-direction:column;flex:1;gap:2px;padding:10px 10px 16px;display:flex;overflow-y:auto}.nav-section{text-transform:uppercase;letter-spacing:.11em;color:var(--text-4);margin:14px 10px 6px;font-size:10px;font-weight:700}.nav-item{border-radius:var(--r-sm);color:var(--text-3);transition:background var(--dur-1)var(--ease-in-out),color var(--dur-1)var(--ease-in-out);align-items:center;gap:11px;padding:9px 12px;font-size:13.5px;font-weight:500;display:flex;position:relative}.nav-item svg{opacity:.85;flex-shrink:0}.nav-item:hover{background:var(--bg-hover);color:var(--text-1)}.nav-item.active{background:var(--accent-soft);color:var(--accent);font-weight:600}.nav-item.active:before{content:"";background:var(--accent);width:3px;height:18px;box-shadow:0 0 12px var(--accent-glow);border-radius:0 3px 3px 0;position:absolute;top:50%;left:-10px;transform:translateY(-50%)}.nav-item .nav-badge{background:var(--danger);color:#fff;border-radius:var(--r-full);place-items:center;min-width:18px;height:18px;margin-left:auto;padding:0 5px;font-size:10px;font-weight:700;display:grid}.sidebar-foot{border-top:1px solid var(--border);padding:12px}.user-chip{border-radius:var(--r-md);transition:background var(--dur-1);align-items:center;gap:10px;padding:8px;display:flex}.user-chip:hover{background:var(--bg-hover)}.main-col{margin-left:var(--sidebar-w);flex-direction:column;flex:1;min-width:0;display:flex}.topbar{z-index:50;height:var(--header-h);align-items:center;gap:var(--s-4);padding:0 var(--s-6);-webkit-backdrop-filter:blur(var(--glass-blur))saturate(150%);border-bottom:1px solid var(--border);background:rgba(10,15,24,.72);display:flex;position:-webkit-sticky;position:sticky;top:0}.topbar h1{font-size:17px}.page{padding:var(--s-6);flex:1;width:100%;max-width:1560px;margin:0 auto}.page-head{justify-content:space-between;align-items:flex-start;gap:var(--s-4);margin-bottom:var(--s-6);flex-wrap:wrap;display:flex}.page-head p{color:var(--text-3);margin-top:3px;font-size:13px}.sidebar-toggle{display:none}@media (max-width:1024px){.sidebar{box-shadow:var(--sh-4);transform:translate(-100%)}.sidebar.open{transform:none}.main-col{margin-left:0}.sidebar-toggle{display:inline-grid}.page{padding:var(--s-4)}}.scrim{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:55;animation:fadeIn var(--dur-2)var(--ease);background:rgba(0,0,0,.55);position:fixed;top:0;bottom:0;left:0;right:0}.card{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--r-lg);box-shadow:var(--sh-2);position:relative;overflow:hidden}.card:after{content:"";pointer-events:none;background:linear-gradient(90deg,transparent,rgba(255,255,255,.12),transparent);height:1px;position:absolute;top:0;bottom:auto;left:0;right:0}.card-pad{padding:var(--s-5)}.card-tight{padding:var(--s-4)}.card-head{justify-content:space-between;align-items:center;gap:var(--s-3);padding:15px var(--s-5);border-bottom:1px solid var(--border);display:flex}.card-head h3{font-size:14.5px}.card-head .sub{color:var(--text-4);margin-top:1px;font-size:12px}.card-body{padding:var(--s-5)}.card-body-flush{padding:0}.card-hover{transition:transform var(--dur-2)var(--ease),border-color var(--dur-2),box-shadow var(--dur-2)}.card-hover:hover{border-color:var(--glass-border-strong);box-shadow:var(--sh-3);transform:translateY(-2px)}.stat{border-radius:var(--r-lg);background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);box-shadow:var(--sh-2);transition:transform var(--dur-2)var(--ease),border-color var(--dur-2);padding:17px 18px;position:relative;overflow:hidden}.stat:hover{border-color:var(--glass-border-strong);transform:translateY(-2px)}.stat:before{content:"";background:var(--stat-glow,rgba(16,185,129,.1));filter:blur(34px);pointer-events:none;border-radius:50%;width:160px;height:160px;position:absolute;top:-40%;right:-20%}.stat-top{justify-content:space-between;align-items:center;gap:10px;display:flex}.stat-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-4);font-size:11px;font-weight:600}.stat-icon{background:var(--stat-icon-bg,var(--accent-soft));width:32px;height:32px;color:var(--stat-icon-fg,var(--accent));border-radius:10px;flex-shrink:0;place-items:center;display:grid}.stat-value{font-family:var(--font-display);color:var(--text-1);letter-spacing:-.035em;margin-top:9px;font-size:25px;font-weight:700;line-height:1.1}.stat-value small{color:var(--text-3);margin-left:2px;font-size:14px;font-weight:600}.stat-foot{align-items:center;gap:6px;margin-top:7px;font-size:12px;display:flex}.delta{border-radius:var(--r-full);align-items:center;gap:3px;padding:2px 7px;font-size:11.5px;font-weight:600;display:inline-flex}.delta.up{color:var(--success);background:var(--success-soft)}.delta.down{color:var(--danger);background:var(--danger-soft)}.delta.flat{color:var(--text-3);background:var(--bg-active)}.btn{border-radius:var(--r-sm);letter-spacing:-.005em;white-space:nowrap;height:36px;transition:all var(--dur-1)var(--ease-in-out);-webkit-user-select:none;-moz-user-select:none;user-select:none;border:1px solid transparent;justify-content:center;align-items:center;gap:7px;padding:0 14px;font-size:13px;font-weight:600;display:inline-flex}.btn:active{transform:translateY(1px)scale(.99)}.btn:disabled{opacity:.45;pointer-events:none}.btn-primary{background:var(--accent-gradient);color:#04140f;box-shadow:var(--sh-accent)}.btn-primary:hover{filter:brightness(1.08);box-shadow:0 10px 30px rgba(16,185,129,.36)}.btn-ghost{background:var(--bg-surface-2);border-color:var(--border-2);color:var(--text-2)}.btn-ghost:hover{background:var(--bg-surface-3);color:var(--text-1);border-color:var(--border-3)}.btn-quiet{color:var(--text-3)}.btn-quiet:hover{background:var(--bg-hover);color:var(--text-1)}.btn-danger{background:var(--danger-soft);color:var(--danger);border-color:rgba(239,68,68,.28)}.btn-danger:hover{background:rgba(239,68,68,.22)}.btn-gold{background:var(--gold-gradient);color:#2a1c00}.btn-gold:hover{filter:brightness(1.07)}.btn-sm{border-radius:var(--r-xs);height:30px;padding:0 10px;font-size:12px}.btn-lg{border-radius:var(--r-md);height:44px;padding:0 22px;font-size:14.5px}.btn-icon{width:36px;padding:0}.btn-icon.btn-sm{width:30px}.btn-block{width:100%}.badge{border-radius:var(--r-full);letter-spacing:.015em;white-space:nowrap;border:1px solid transparent;align-items:center;gap:5px;height:22px;padding:0 9px;font-size:11px;font-weight:600;display:inline-flex}.badge .dot{background:currentColor;border-radius:50%;width:6px;height:6px}.badge-neutral{background:var(--bg-active);color:var(--text-3);border-color:var(--border-2)}.badge-success{background:var(--success-soft);color:var(--success);border-color:rgba(34,197,94,.24)}.badge-warning{background:var(--warning-soft);color:var(--warning);border-color:rgba(245,158,11,.24)}.badge-danger{background:var(--danger-soft);color:var(--danger);border-color:rgba(239,68,68,.24)}.badge-info{background:var(--info-soft);color:var(--info);border-color:rgba(56,189,248,.24)}.badge-accent{background:var(--accent-soft);color:var(--accent);border-color:rgba(16,185,129,.26)}.badge-gold{background:var(--gold-soft);color:var(--gold);border-color:rgba(240,180,41,.26)}.badge-purple{background:var(--purple-soft);color:var(--purple);border-color:rgba(167,139,250,.24)}.badge-lg{height:26px;padding:0 12px;font-size:12px}.table-wrap{overflow-x:auto}table.tbl{font-size:13px}table.tbl thead th{text-align:left;text-transform:uppercase;letter-spacing:.09em;color:var(--text-4);border-bottom:1px solid var(--border-2);white-space:nowrap;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:rgba(255,255,255,.02);padding:11px 16px;font-size:10.5px;font-weight:700;position:-webkit-sticky;position:sticky;top:0}table.tbl tbody td{border-bottom:1px solid var(--border);color:var(--text-2);vertical-align:middle;padding:12px 16px}table.tbl tbody tr{transition:background var(--dur-1)}table.tbl tbody tr:hover{background:var(--bg-hover)}table.tbl tbody tr:last-child td{border-bottom:none}table.tbl .num{text-align:right;font-variant-numeric:tabular-nums;font-family:var(--font-mono);font-size:12.5px}table.tbl .strong{color:var(--text-1);font-weight:600}.field{flex-direction:column;gap:6px;display:flex}.field label{color:var(--text-3);letter-spacing:.01em;font-size:12px;font-weight:600}.field .hint{color:var(--text-4);font-size:11.5px}.input,.select,.textarea{background:var(--bg-deep);border:1px solid var(--border-2);border-radius:var(--r-sm);width:100%;height:38px;color:var(--text-1);transition:border-color var(--dur-1),box-shadow var(--dur-1),background var(--dur-1);padding:0 12px;font-size:13.5px}.textarea{resize:vertical;height:auto;min-height:84px;padding:10px 12px;line-height:1.55}.input::placeholder,.textarea::placeholder{color:var(--text-4)}.input:hover,.select:hover,.textarea:hover{border-color:var(--border-3)}.input:focus,.select:focus,.textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);background:var(--bg-base);outline:none}.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-position:right 11px center;background-repeat:no-repeat;padding-right:32px}.select option{background:var(--bg-surface-2);color:var(--text-1)}.search-box{align-items:center;display:flex;position:relative}.search-box svg{color:var(--text-4);pointer-events:none;position:absolute;left:11px}.search-box .input{padding-left:34px}.switch{border-radius:var(--r-full);background:var(--bg-surface-3);border:1px solid var(--border-2);width:40px;height:22px;transition:background var(--dur-2)var(--ease),border-color var(--dur-2);flex-shrink:0;position:relative}.switch:after{content:"";background:var(--text-3);width:16px;height:16px;transition:transform var(--dur-2)var(--ease),background var(--dur-2);border-radius:50%;position:absolute;top:2px;left:2px}.switch.on{background:var(--accent-soft-2);border-color:rgba(16,185,129,.4)}.switch.on:after{background:var(--accent);transform:translate(18px)}.checkbox{border:1.5px solid var(--border-3);width:17px;height:17px;transition:all var(--dur-1);color:transparent;border-radius:5px;flex-shrink:0;place-items:center;display:grid}.checkbox.on{background:var(--accent);border-color:var(--accent);color:#04140f}.tabs{background:var(--bg-deep);border:1px solid var(--border);border-radius:var(--r-md);scrollbar-width:none;gap:3px;padding:3px;display:flex;overflow-x:auto}.tabs::-webkit-scrollbar{display:none}.tab{border-radius:var(--r-sm);color:var(--text-3);white-space:nowrap;transition:all var(--dur-1)var(--ease-in-out);padding:7px 14px;font-size:12.5px;font-weight:600}.tab:hover{color:var(--text-1);background:var(--bg-hover)}.tab.active{background:var(--bg-surface-3);color:var(--text-1);box-shadow:var(--sh-1)}.tabs-line{gap:var(--s-5);border-bottom:1px solid var(--border);scrollbar-width:none;display:flex;overflow-x:auto}.tabs-line::-webkit-scrollbar{display:none}.tab-line{color:var(--text-3);white-space:nowrap;transition:color var(--dur-1),border-color var(--dur-1);border-bottom:2px solid transparent;margin-bottom:-1px;padding:10px 2px 11px;font-size:13px;font-weight:600}.tab-line:hover{color:var(--text-1)}.tab-line.active{color:var(--accent);border-bottom-color:var(--accent)}.avatar{font-weight:700;font-family:var(--font-display);color:#04140f;letter-spacing:-.02em;border:1px solid rgba(255,255,255,.14);border-radius:50%;flex-shrink:0;place-items:center;display:grid;position:relative}.avatar-rect{border-radius:var(--r-md)}.avatar-status{border:2px solid var(--bg-surface);border-radius:50%;width:10px;height:10px;position:absolute;bottom:-1px;right:-1px}.avatar-status.online{background:var(--success)}.avatar-status.busy{background:var(--warning)}.avatar-status.off{background:var(--text-4)}.avatar-stack{display:flex}.avatar-stack .avatar{border:2px solid var(--bg-surface);margin-left:-8px}.avatar-stack .avatar:first-child{margin-left:0}.modal-scrim{z-index:200;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:var(--s-5);animation:fadeIn var(--dur-2)var(--ease);background:rgba(4,8,14,.7);place-items:center;display:grid;position:fixed;top:0;bottom:0;left:0;right:0;overflow-y:auto}.modal{background:var(--bg-surface-2);border:1px solid var(--glass-border-strong);border-radius:var(--r-xl);width:100%;max-width:560px;box-shadow:var(--sh-4);animation:scaleIn var(--dur-3)var(--ease);flex-direction:column;max-height:90vh;margin:auto;display:flex}.modal-lg{max-width:820px}.modal-sm{max-width:420px}.modal-head{justify-content:space-between;align-items:flex-start;gap:var(--s-4);border-bottom:1px solid var(--border);padding:18px 20px 15px;display:flex}.modal-head p{color:var(--text-4);margin-top:2px;font-size:12.5px}.modal-body{flex:1;padding:20px;overflow-y:auto}.modal-foot{justify-content:flex-end;align-items:center;gap:var(--s-2);border-top:1px solid var(--border);background:rgba(0,0,0,.14);padding:15px 20px;display:flex}.drawer{background:var(--bg-surface-2);border-left:1px solid var(--glass-border-strong);width:440px;max-width:92vw;box-shadow:var(--sh-4);z-index:200;animation:drawerIn var(--dur-3)var(--ease);flex-direction:column;display:flex;position:fixed;top:0;bottom:0;right:0}@keyframes drawerIn{0%{transform:translate(100%)}to{transform:none}}.divider{background:var(--border);border:none;height:1px}.vdivider{background:var(--border);align-self:stretch;width:1px}.progress{border-radius:var(--r-full);background:var(--bg-surface-3);height:6px;overflow:hidden}.progress>i{border-radius:var(--r-full);background:var(--accent-gradient);height:100%;transition:width var(--dur-3)var(--ease);display:block}.progress.gold>i{background:var(--gold-gradient)}.progress.warn>i{background:linear-gradient(90deg,#f59e0b,#ef4444)}.chip{border-radius:var(--r-full);background:var(--bg-surface-2);border:1px solid var(--border-2);height:28px;color:var(--text-3);transition:all var(--dur-1);align-items:center;gap:6px;padding:0 11px;font-size:12px;font-weight:500;display:inline-flex}.chip:hover{border-color:var(--border-3);color:var(--text-1)}.chip:not(a):not(button){cursor:default}.chip:not(a):not(button):hover{border-color:var(--border-2);color:var(--text-3)}.chip.on{background:var(--accent-soft);color:var(--accent);border-color:rgba(16,185,129,.3)}.empty{text-align:center;color:var(--text-4);flex-direction:column;align-items:center;gap:10px;padding:52px 20px;display:flex}.empty-icon{border-radius:var(--r-lg);background:var(--bg-surface-2);border:1px solid var(--border-2);width:52px;height:52px;color:var(--text-3);place-items:center;display:grid}.timeline{padding-left:26px;position:relative}.timeline:before{content:"";background:linear-gradient(180deg,var(--accent-soft-2),var(--border));width:1.5px;position:absolute;top:6px;bottom:6px;left:7px}.timeline-item{padding-bottom:18px;position:relative}.timeline-item:before{content:"";background:var(--bg-surface);border:2px solid var(--accent);border-radius:50%;width:9px;height:9px;position:absolute;top:5px;left:-23px}.kv{justify-content:space-between;align-items:baseline;gap:var(--s-4);padding:8px 0;display:flex}.kv+.kv{border-top:1px solid var(--border)}.kv dt{color:var(--text-4);font-size:12.5px}.kv dd{color:var(--text-1);text-align:right;font-size:13px;font-weight:600}.pill-row{flex-wrap:wrap;gap:6px;display:flex}.live-dot{background:var(--success);width:8px;height:8px;animation:pulseGlow 2s var(--ease-in-out)infinite;box-shadow:0 0 0 0 var(--accent-glow);border-radius:50%;flex-shrink:0}.skeleton{background:linear-gradient(90deg,var(--bg-surface-2)25%,var(--bg-surface-3)50%,var(--bg-surface-2)75%);border-radius:var(--r-sm);background-size:420px 100%;animation:1.4s linear infinite shimmer}.tooltip-host{position:relative}.scroll-x{overflow-x:auto}.mini-bar{align-items:flex-end;gap:2px;height:26px;display:flex}.mini-bar i{background:var(--accent-soft-2);min-height:2px;transition:background var(--dur-1);border-radius:2px 2px 0 0;flex:1}.mini-bar:hover i{background:var(--accent)}.seg{border-radius:var(--r-sm);background:var(--bg-deep);border:1px solid var(--border);padding:3px;display:inline-flex}.seg button{border-radius:var(--r-xs);color:var(--text-3);transition:all var(--dur-1);padding:5px 12px;font-size:12px;font-weight:600}.seg button.on{background:var(--bg-surface-3);color:var(--text-1)}:root{--rc-violet:#a78bfa;--rc-sky:#38bdf8;--rc-gold:#f0b429;--rc-teal:#10b981;--rc-emerald:#34d399;--rc-rose:#fb7185;--rc-cyan:#22d3ee}.landing{flex-direction:column;min-height:100vh;display:flex;position:relative}.landing-bg{z-index:-1;background:radial-gradient(1100px 620px at 8% -10%,rgba(16,185,129,.16),transparent 55%),radial-gradient(900px 560px at 100% 0,rgba(13,148,136,.13),transparent 55%),radial-gradient(1200px 700px at 50% 120%,rgba(240,180,41,.06),transparent 60%);position:fixed;top:0;bottom:0;left:0;right:0}.landing-top{justify-content:space-between;align-items:center;padding:22px max(20px,min(5vw,64px));display:flex}.landing-hero{max-width:980px;padding:40px max(20px,min(5vw,64px)) 20px}.landing-title{letter-spacing:-.03em;margin-bottom:18px;font-size:max(28px,min(4.6vw,46px));line-height:1.14}.landing-sub{color:var(--text-3);max-width:640px;margin-bottom:30px;font-size:15px;line-height:1.7}.landing-kpi-row{flex-wrap:wrap;gap:10px;display:flex}.mini-kpi{border-radius:var(--r-md);background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));align-items:center;gap:10px;padding:10px 16px;display:flex}.mini-kpi-icon{background:var(--accent-soft);width:30px;height:30px;color:var(--accent);border-radius:9px;flex-shrink:0;place-items:center;display:grid}.mini-kpi-value{font-family:var(--font-display);color:var(--text-1);letter-spacing:-.02em;font-size:16px;font-weight:700;line-height:1.1}.role-grid{flex:1;padding:26px max(20px,min(5vw,64px)) 60px}.role-grid-head{margin-bottom:20px}.role-grid-head h2{margin-bottom:4px;font-size:18px}.role-card{border-radius:var(--r-lg);background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));transition:transform var(--dur-2)var(--ease),border-color var(--dur-2),box-shadow var(--dur-2);align-items:flex-start;gap:14px;padding:18px;display:flex}.role-card:hover{border-color:var(--role-tone,var(--accent));transform:translateY(-3px);box-shadow:0 16px 40px rgba(0,0,0,.38)}.role-card h3{font-size:15px}.role-arrow{color:var(--text-4);transition:transform var(--dur-2)var(--ease),color var(--dur-2);flex-shrink:0}.role-card:hover .role-arrow{color:var(--role-tone,var(--accent));transform:translate(3px)}.role-icon{border-radius:12px;flex-shrink:0;place-items:center;width:42px;height:42px;display:grid}.tone-violet{color:#a78bfa;background:rgba(167,139,250,.14)}.tone-sky{color:#38bdf8;background:rgba(56,189,248,.14)}.tone-gold{color:#f0b429;background:rgba(240,180,41,.14)}.tone-teal{color:#10b981;background:rgba(16,185,129,.14)}.tone-emerald{color:#34d399;background:rgba(52,211,153,.14)}.tone-rose{color:#fb7185;background:rgba(251,113,133,.14)}.tone-cyan{color:#22d3ee;background:rgba(34,211,238,.14)}.landing-foot{border-top:1px solid var(--border);padding:20px max(20px,min(5vw,64px)) 30px}.device-stage{align-items:flex-start;gap:max(20px,min(4vw,56px));min-height:100vh;padding:max(20px,min(4vw,48px));display:flex}.device-context{flex-direction:column;flex-shrink:0;width:330px;max-height:calc(100vh - 96px);padding-right:4px;display:flex;position:-webkit-sticky;position:sticky;top:max(20px,min(4vw,48px));overflow-y:auto}.device-wrap{flex:1;justify-content:center;padding-bottom:20px;display:flex}.device{background-color:var(--app-bg-base,var(--bg-deep));background-image:var(--app-bg-layer),var(--app-bg-photo,none);background-position:50%,50%;background-repeat:no-repeat,no-repeat;background-size:auto,cover;border:10px solid #10151f;border-radius:46px;flex-direction:column;flex-shrink:0;width:396px;height:812px;display:flex;position:relative;overflow:hidden;box-shadow:0 0 0 1.5px rgba(255,255,255,.1),0 40px 90px rgba(0,0,0,.6)}.device-notch{z-index:5;background:#10151f;border-radius:0 0 16px 16px;width:132px;height:24px;position:absolute;top:0;left:50%;transform:translate(-50%)}.device-status{color:var(--text-2);flex-shrink:0;justify-content:space-between;align-items:center;padding:9px 24px 3px;display:flex}.device-header{border-bottom:1px solid var(--border);background:var(--glass-bg-strong);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));flex-shrink:0;align-items:center;gap:10px;padding:10px 16px 12px;display:flex}.device-body{scrollbar-width:none;flex:1;padding:16px;overflow-y:auto}.device-body::-webkit-scrollbar{display:none}.device-tabs{border-top:1px solid var(--border);background:var(--glass-bg-strong);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));flex-shrink:0;align-items:stretch;padding:6px 4px 14px;display:flex}.device-tab{color:var(--text-4);border-radius:var(--r-sm);transition:color var(--dur-1);flex-direction:column;flex:1;align-items:center;gap:3px;padding:6px 2px;display:flex}.device-tab:hover{color:var(--text-2)}.device-tab.active{color:var(--accent)}.device-tab-label{letter-spacing:-.01em;font-size:10px;font-weight:600}.device-tab-dot{background:var(--danger);border:1.5px solid var(--bg-deep);border-radius:50%;width:7px;height:7px;position:absolute;top:-2px;right:-3px}.m-card{background:var(--bg-surface-2);border:1px solid var(--border);border-radius:var(--r-lg);padding:14px}.m-card-tight{padding:11px}.m-title{font-family:var(--font-display);color:var(--text-1);letter-spacing:-.02em;font-size:15px;font-weight:600}.m-section{text-transform:uppercase;letter-spacing:.09em;color:var(--text-4);margin-bottom:8px;font-size:11px;font-weight:700}.m-stat{background:var(--bg-surface-2);border:1px solid var(--border);border-radius:var(--r-md);flex:1;min-width:0;padding:10px 11px}.m-stat-value{font-family:var(--font-display);color:var(--text-1);letter-spacing:-.03em;font-size:17px;font-weight:700;line-height:1.15}.m-btn{border-radius:var(--r-md);width:100%;height:44px;transition:all var(--dur-1);justify-content:center;align-items:center;gap:7px;font-size:14px;font-weight:600;display:flex}.m-btn-primary{background:var(--accent-gradient);color:#04140f;box-shadow:var(--sh-accent)}.m-btn-ghost{background:var(--bg-surface-3);color:var(--text-2);border:1px solid var(--border-2)}.m-btn-danger{background:var(--danger-soft);color:var(--danger);border:1px solid rgba(239,68,68,.3)}.m-btn:disabled{opacity:.45;pointer-events:none}.m-row{border-bottom:1px solid var(--border);align-items:center;gap:11px;padding:11px 0;display:flex}.m-row:last-child{border-bottom:none}.m-list-link{background:var(--bg-surface-2);border:1px solid var(--border);border-radius:var(--r-md);transition:border-color var(--dur-1),background var(--dur-1);align-items:center;gap:11px;padding:13px 14px;display:flex}.m-list-link:hover{border-color:var(--border-3);background:var(--bg-surface-3)}@media (max-width:1080px){.device-context{display:none}.device-stage,.device-wrap{padding:0}.device{width:100vw;height:100vh;box-shadow:none;border:none;border-radius:0}.device-notch,.device-status{display:none}}.action-bar{justify-content:space-between;align-items:center;gap:var(--s-4);background:var(--glass-bg-strong);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));border-top:1px solid var(--glass-border-strong);padding:14px 18px;display:flex;position:-webkit-sticky;position:sticky;bottom:0}.kasir-shell{min-height:100vh;background-color:var(--app-bg-base,var(--bg-deep));background-image:var(--app-bg-layer),var(--app-bg-photo,none);background-position:50%,50%;background-repeat:no-repeat,no-repeat;background-size:auto,cover;flex-direction:column;min-height:100dvh;display:flex;position:relative}.kasir-topbar{border-bottom:1px solid var(--border);background:var(--glass-bg-strong);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));z-index:20;flex-shrink:0;align-items:center;gap:10px;padding:10px 14px;display:flex;position:-webkit-sticky;position:sticky;top:0}.kasir-icon-btn.btn-icon{width:44px;height:44px}.kasir-notif-dot{background:var(--danger);border:1.5px solid var(--bg-deep);border-radius:50%;width:8px;height:8px;position:absolute;top:8px;right:9px}.kasir-role-switch{border-bottom:1px solid var(--border);background:var(--glass-bg-strong);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));padding:12px 14px}.kasir-body{-webkit-overflow-scrolling:touch;flex:1;overflow-y:auto}.kasir-sheet-scrim{z-index:40;background:rgba(0,0,0,.55);position:fixed;top:0;bottom:0;left:0;right:0}.kasir-sheet{z-index:41;background:var(--bg-surface-1,var(--bg-deep));border-top:1px solid var(--border);padding:14px 14px calc(20px + env(safe-area-inset-bottom,0px));border-radius:18px 18px 0 0;flex-direction:column;gap:8px;max-height:75vh;display:flex;position:fixed;bottom:0;left:0;right:0;overflow-y:auto}.kasir-sheet-item{min-height:52px}.kasir-tabs{border-top:1px solid var(--border);background:var(--glass-bg-strong);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));padding:6px 4px calc(6px + env(safe-area-inset-bottom,0px));z-index:20;flex-shrink:0;align-items:stretch;display:flex;position:-webkit-sticky;position:sticky;bottom:0}.kasir-tab{min-height:56px;color:var(--text-4);border-radius:var(--r-sm);transition:color var(--dur-1);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;padding:6px 2px;display:flex}.kasir-tab:hover{color:var(--text-2)}.kasir-tab.active{color:var(--accent)}.kasir-tab-label{letter-spacing:-.01em;font-size:11px;font-weight:600}@media (max-width:860px){.kasir-body .grid-4,.kasir-body .grid-rooms{grid-template-columns:repeat(2,minmax(0,1fr))}}.kasir-shell .btn{min-height:42px}.kasir-shell .btn-sm{height:40px;padding:0 14px;font-size:13px}.kasir-shell .btn-icon{width:42px}.kasir-shell .btn-icon.btn-sm{width:40px}.kasir-shell .chip{height:38px;padding:0 14px;font-size:13px}.kasir-shell .input,.kasir-shell .select,.kasir-shell .textarea{min-height:44px;font-size:14.5px}.kasir-shell table.tbl{font-size:13.5px}.kasir-shell table.tbl thead th{padding:12px 14px}.kasir-shell table.tbl tbody td{padding:14px}.kasir-shell .switch{width:46px;height:26px}.kasir-shell .switch:after{width:20px;height:20px}