@import"https://fonts.googleapis.com/css2?family=Geist:wght@300;400;500;600&family=Geist+Mono:wght@400;500&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#fff;--bg2:#fafafa;--bg3:#f4f4f5;--bg4:#ececee;--bg5:#e4e4e7;--border:#e4e4e7;--border2:#d4d4d8;--text:#18181b;--text2:#52525b;--text3:#a1a1aa;--text4:#d4d4d8;--blue:#2563eb;--blue2:#1d4ed8;--green:#16a34a;--red:#dc2626;--orange:#ea580c;--purple:#7c3aed;--yellow:#b45309;--font:"Geist",system-ui,-apple-system,sans-serif;--mono:"Geist Mono","Menlo",monospace;--r:6px;--r2:10px;--r3:14px;--t:all .15s cubic-bezier(.4,0,.2,1);--sh:0 1px 2px rgba(0,0,0,.06),0 4px 12px rgba(0,0,0,.07);--sh2:0 2px 8px rgba(0,0,0,.08),0 16px 40px rgba(0,0,0,.1);--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:48px;--s-10:64px;--fs-xs:11px;--fs-sm:12px;--fs-base:13px;--fs-md:14px;--fs-lg:16px;--fs-xl:18px;--fs-2xl:22px;--fs-3xl:28px;--fs-4xl:34px;--lh-tight:1.15;--lh-snug:1.35;--lh-relaxed:1.55;--r-xs:4px;--r-sm:6px;--r-md:8px;--r-lg:12px;--r-xl:16px;--r-full:9999px;--elev-1:0 1px 2px rgba(15,23,42,.04), 0 0 0 1px rgba(15,23,42,.04);--elev-2:0 2px 4px rgba(15,23,42,.06), 0 1px 2px rgba(15,23,42,.04);--elev-3:0 10px 24px rgba(15,23,42,.1), 0 2px 6px rgba(15,23,42,.06);--elev-pop:0 20px 48px rgba(15,23,42,.16), 0 4px 12px rgba(15,23,42,.08);--ls-tight:-.02em;--ls-wide:.06em;--ls-ultra:.18em;--ring:0 0 0 3px color-mix(in oklab, var(--blue) 35%, transparent);--tap-sm:32px;--tap-md:40px;--tap-lg:48px;--ease:cubic-bezier(.2,.7,.2,1);--dur-fast:.12s;--dur-med:.2s;--dur-slow:.32s}html{font-size:14px}body{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;overflow-x:hidden;line-height:1.55}::-webkit-scrollbar{width:3px;height:3px}::-webkit-scrollbar-thumb{background:var(--border2);border-radius:99px}.login-shell{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;background:var(--bg)}.login-main{display:flex;align-items:center;justify-content:center;padding:var(--s-6);min-height:100vh;background:var(--bg)}.login-card{width:100%;max-width:420px;display:flex;flex-direction:column;gap:var(--s-5)}.login-mobile-logo{display:none;align-items:center;gap:var(--s-3);margin-bottom:var(--s-5)}.login-card-head{display:flex;flex-direction:column;gap:var(--s-2)}.login-card-title{font-size:var(--fs-3xl);font-weight:700;letter-spacing:var(--ls-tight);line-height:var(--lh-tight);color:var(--text);margin:0}.login-card-sub{font-size:var(--fs-md);color:var(--text3);line-height:var(--lh-snug);margin:0}.login-form{display:flex;flex-direction:column;gap:var(--s-3)}.login-submit{width:100%;margin-top:var(--s-2);min-height:44px;font-size:var(--fs-md);font-weight:600}.login-link-forgot{background:none;border:none;color:var(--blue);font-size:var(--fs-xs);font-weight:500;cursor:pointer;padding:0;font-family:inherit}.login-link-forgot:hover{text-decoration:underline}.login-link-back{display:inline-flex;align-items:center;justify-content:center;gap:var(--s-2);margin:var(--s-3) auto 0;background:none;border:none;color:var(--text2);font-size:var(--fs-sm);font-weight:500;cursor:pointer;padding:var(--s-2);font-family:inherit}.login-link-back:hover{color:var(--text)}.login-foot{font-size:var(--fs-xs);color:var(--text3);text-align:center;margin-top:var(--s-5);padding-top:var(--s-4);border-top:1px solid var(--border)}.login-error{display:inline-flex;align-items:center;gap:var(--s-2);background:color-mix(in oklab,var(--red) 7%,transparent);border:1px solid color-mix(in oklab,var(--red) 25%,var(--border));border-radius:var(--r-md);padding:var(--s-2) var(--s-3);font-size:var(--fs-sm);color:var(--red);line-height:1.4}.login-brand{position:relative;overflow:hidden;background:linear-gradient(135deg,#0f172a,#1e293b,#312e81);color:#fff;display:flex;flex-direction:column;padding:var(--s-8) var(--s-7);isolation:isolate}.login-brand-glow{position:absolute;top:-20%;right:-20%;bottom:-20%;left:-20%;background:radial-gradient(circle at 20% 30%,rgba(99,102,241,.3),transparent 50%),radial-gradient(circle at 80% 70%,rgba(59,130,246,.2),transparent 50%);z-index:0;animation:brandPulse 14s ease-in-out infinite}@keyframes brandPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.login-brand-inner{position:relative;z-index:1;display:flex;flex-direction:column;flex:1;gap:var(--s-7)}.login-brand-logo{display:inline-flex;align-items:center;gap:var(--s-3)}.login-brand-logo-icon{width:40px;height:40px;background:linear-gradient(135deg,var(--blue) 0%,var(--purple) 100%);border-radius:var(--r-md);display:flex;align-items:center;justify-content:center;font-size:18px;box-shadow:0 4px 12px #6366f159,inset 0 1px #fff3}.login-brand-wordmark{font-size:var(--fs-lg);font-weight:700;letter-spacing:-.01em;line-height:1.1;color:#fff}.login-brand-tagline{font-size:var(--fs-xs);color:#fff9;letter-spacing:.04em}.login-brand-hero{margin-top:auto}.login-brand-kicker{font-size:10px;font-weight:700;letter-spacing:var(--ls-ultra);color:#818cf8;margin-bottom:var(--s-4);text-transform:uppercase}.login-brand-title{font-size:40px;font-weight:800;letter-spacing:-.025em;line-height:1.1;color:#fff;margin:0 0 var(--s-3)}.login-brand-sub{font-size:var(--fs-lg);color:#ffffffbf;line-height:var(--lh-relaxed);margin:0;max-width:460px}.login-brand-features{display:flex;flex-direction:column;gap:var(--s-3);padding-top:var(--s-5);border-top:1px solid rgba(255,255,255,.08)}.login-brand-feature{display:flex;align-items:center;gap:var(--s-3);font-size:var(--fs-sm);color:#ffffffd9;line-height:1.4}.login-brand-feature .ds-icon{color:#818cf8;flex-shrink:0}.login-brand-footer{font-size:10px;color:#fff6;letter-spacing:.04em;margin-top:var(--s-5)}@media (max-width:900px){.login-shell{grid-template-columns:1fr;min-height:100vh}.login-brand{display:none}.login-main{padding:var(--s-5) var(--s-4);padding-top:calc(var(--s-5) + env(safe-area-inset-top));padding-bottom:calc(var(--s-5) + env(safe-area-inset-bottom))}.login-mobile-logo{display:flex}.login-card{max-width:420px}}@media (max-width:640px){.login-main{padding:var(--s-4)}.login-card-title{font-size:var(--fs-2xl)}}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg2);padding:var(--s-5)}.login-box{width:100%;max-width:420px;padding:var(--s-8) var(--s-7);background:var(--bg);border:1px solid var(--border);border-radius:var(--r-xl);box-shadow:var(--elev-pop)}.login-logo{display:flex;align-items:center;gap:var(--s-3);margin-bottom:var(--s-7)}.login-logo-icon{width:40px;height:40px;background:linear-gradient(135deg,var(--blue),var(--purple));border-radius:var(--r-md);display:flex;align-items:center;justify-content:center;font-size:18px;color:#fff}.login-logo-text strong{font-size:var(--fs-lg);font-weight:700;letter-spacing:var(--ls-tight);display:block}.login-logo-text span{font-size:var(--fs-xs);color:var(--text3)}.login-tabs{display:flex;border-bottom:1px solid var(--border);margin-bottom:var(--s-6)}.login-tab{flex:1;padding:var(--s-3);font-size:var(--fs-base);font-weight:500;cursor:pointer;color:var(--text3);border:none;background:none;border-bottom:2px solid transparent;margin-bottom:-1px;transition:var(--t)}.login-tab.active{color:var(--blue);border-bottom-color:var(--blue)}.form-field{margin-bottom:var(--s-3)}.form-label{font-size:var(--fs-sm);font-weight:500;color:var(--text2);display:block;margin-bottom:var(--s-1);line-height:1.4}.form-input,input[type=text],input[type=email],input[type=password],input[type=number],input[type=tel],input[type=url],input[type=date],input[type=datetime-local],input[type=time],select,textarea{width:100%;background:var(--bg);border:1px solid var(--border);border-radius:var(--r-md);padding:0 var(--s-3);min-height:var(--tap-md);font-family:var(--font);font-size:var(--fs-base);color:var(--text);outline:none;transition:all var(--dur-fast) var(--ease);-webkit-appearance:none;box-shadow:var(--elev-1)}input:hover:not(:focus):not(:disabled),select:hover:not(:focus):not(:disabled),textarea:hover:not(:focus):not(:disabled){border-color:var(--border2)}input:focus,select:focus,textarea:focus{border-color:var(--blue);background:var(--bg);box-shadow:var(--ring)}input:disabled,select:disabled,textarea:disabled{opacity:.6;cursor:not-allowed;background:var(--bg2)}input::placeholder,textarea::placeholder{color:var(--text3)}select{cursor:pointer;padding-right:var(--s-7);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23a1a1aa' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--s-3) center;background-size:12px}textarea{resize:vertical;min-height:80px;padding:var(--s-2) var(--s-3);line-height:var(--lh-relaxed)}.search-box{display:flex;align-items:center;gap:8px;background:var(--bg3);border:1px solid var(--border);border-radius:var(--r2);padding:7px 12px}.search-box input{background:transparent;border:none;outline:none;font-size:13px;color:var(--text);width:160px}.search-box input::placeholder{color:var(--text3)}.app{display:flex;height:100vh;overflow:hidden;background:var(--bg)}.sidebar{width:244px;flex-shrink:0;background:var(--bg2);border-right:1px solid var(--border);display:flex;flex-direction:column;transition:width var(--dur-med) var(--ease);position:relative}.app.sidebar-collapsed .sidebar{width:64px}.sidebar-logo{padding:var(--s-4) var(--s-4);border-bottom:1px solid var(--border);display:flex;align-items:center;gap:var(--s-3);min-height:56px}.logo-icon{width:32px;height:32px;background:linear-gradient(135deg,var(--blue),var(--blue2));border-radius:var(--r-md);display:flex;align-items:center;justify-content:center;font-size:15px;flex-shrink:0;box-shadow:0 1px 2px #2563eb40,inset 0 1px #ffffff26}.logo-text{min-width:0;overflow:hidden}.logo-text strong{font-size:13px;font-weight:600;letter-spacing:-.3px;display:block;color:var(--text)}.logo-text span{font-size:10px;color:var(--text3);letter-spacing:.02em}.sidebar-search{display:flex;align-items:center;gap:var(--s-2);margin:var(--s-3) var(--s-3) var(--s-2);padding:0 var(--s-2);height:32px;background:var(--bg);border:1px solid var(--border);border-radius:var(--r-md);transition:border-color var(--dur-fast),box-shadow var(--dur-fast);color:var(--text3)}.sidebar-search:focus-within{border-color:var(--blue);box-shadow:var(--ring)}.sidebar-search input{flex:1;border:none;outline:none;background:transparent;font-family:inherit;font-size:var(--fs-sm);color:var(--text);min-width:0;height:100%;padding:0}.sidebar-search input::placeholder{color:var(--text3)}.sidebar-kbd{font-family:var(--mono);font-size:9px;font-weight:600;padding:1px 5px;background:var(--bg3);border:1px solid var(--border);border-radius:3px;color:var(--text3);letter-spacing:.04em}.sidebar-nav{flex:1;overflow-y:auto;padding:var(--s-1) 0 var(--s-2)}.sidebar-section-label{font-size:9px;font-weight:700;letter-spacing:var(--ls-ultra);text-transform:uppercase;color:var(--text3);padding:var(--s-4) var(--s-4) var(--s-1);-webkit-user-select:none;user-select:none}.nav-item{display:flex;align-items:center;gap:var(--s-3);padding:var(--s-2) var(--s-3);margin:1px var(--s-2);border-radius:var(--r-md);cursor:pointer;font-size:var(--fs-base);font-weight:500;color:var(--text2);transition:all var(--dur-fast) var(--ease);border:none;background:none;text-align:left;text-decoration:none;position:relative;line-height:1.2;min-height:34px}.nav-item:hover{background:var(--bg3);color:var(--text)}.nav-item.active{background:var(--bg);color:var(--text);font-weight:600;box-shadow:0 1px 2px #0000000a,0 0 0 1px var(--border)}.nav-item.active .ds-icon{color:var(--blue)}.app.sidebar-collapsed .nav-item{justify-content:center;padding:var(--s-2);margin:1px var(--s-1)}.app.sidebar-collapsed .nav-item-label{display:none}.nav-item-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-item-badge{background:var(--red);color:#fff;font-size:10px;font-weight:700;padding:1px 6px;border-radius:var(--r-full);min-width:18px;text-align:center;line-height:1.3}.nav-item-dot{width:6px;height:6px;border-radius:50%;background:var(--red);position:absolute;top:6px;right:6px}.sidebar-bottom{padding:var(--s-2);border-top:1px solid var(--border);position:relative}.user-pill-btn{display:flex;align-items:center;gap:var(--s-2);padding:var(--s-2);border-radius:var(--r-md);cursor:pointer;transition:background var(--dur-fast);width:100%;border:none;background:none;font-family:inherit;color:var(--text2)}.user-pill-btn:hover,.user-pill-btn.is-open{background:var(--bg3)}.user-pill-text{flex:1;text-align:left;min-width:0}.user-pill-text strong{font-size:12px;font-weight:600;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text)}.user-pill-text span{font-size:10px;color:var(--text3);letter-spacing:.04em;text-transform:uppercase;font-weight:600}.app.sidebar-collapsed .user-pill-btn{justify-content:center}.app.sidebar-collapsed .user-pill-text,.app.sidebar-collapsed .user-pill-btn .ds-icon:last-child{display:none}.sidebar-collapse-toggle{margin-top:var(--s-1);width:100%;display:flex;align-items:center;justify-content:center;padding:var(--s-1);border-radius:var(--r-sm);background:transparent;border:none;color:var(--text3);cursor:pointer;transition:background var(--dur-fast);font-family:inherit;min-height:28px}.sidebar-collapse-toggle:hover{background:var(--bg3);color:var(--text2)}.user-menu-popup{position:absolute;bottom:calc(100% + 4px);left:var(--s-2);right:var(--s-2);background:var(--bg);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--elev-pop);padding:var(--s-2);z-index:50;animation:fadeIn .15s var(--ease)}.user-menu-head{display:flex;align-items:center;gap:var(--s-3);padding:var(--s-2) var(--s-2) var(--s-3);border-bottom:1px solid var(--border);margin-bottom:var(--s-2)}.user-menu-item{display:flex;align-items:center;gap:var(--s-3);padding:var(--s-2) var(--s-3);border-radius:var(--r-sm);border:none;background:transparent;width:100%;cursor:pointer;font-family:inherit;font-size:var(--fs-sm);color:var(--text2);text-align:left;transition:background var(--dur-fast)}.user-menu-item:hover{background:var(--bg3);color:var(--text)}.main{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0}.topbar{height:52px;flex-shrink:0;background:var(--bg);border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 var(--s-6);gap:var(--s-3);position:sticky;top:0;z-index:10}.topbar-crumbs{display:flex;align-items:center;gap:var(--s-2);flex:1;font-size:var(--fs-md);min-width:0;overflow:hidden}.topbar-crumb{color:var(--text3);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar-crumb.is-current{color:var(--text);font-weight:600;letter-spacing:-.01em}.topbar-crumb-sep{color:var(--text4);font-weight:400;flex-shrink:0}.content{flex:1;overflow-y:auto;padding:var(--s-6)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s-2);padding:0 var(--s-4);min-height:var(--tap-md);border-radius:var(--r-md);border:1px solid transparent;font-family:var(--font);font-size:var(--fs-sm);font-weight:500;cursor:pointer;transition:all var(--dur-fast) var(--ease);white-space:nowrap;letter-spacing:.01em;line-height:1}.btn:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.btn:active:not(:disabled){transform:scale(.98)}.btn-primary{background:var(--blue);color:#fff;border-color:var(--blue);box-shadow:0 1px 2px #2563eb33,inset 0 1px #ffffff1f}.btn-primary:hover{background:var(--blue2);border-color:var(--blue2);box-shadow:0 2px 4px #2563eb40}.btn-ghost{background:var(--bg);color:var(--text2);border-color:var(--border);box-shadow:var(--elev-1)}.btn-ghost:hover{background:var(--bg2);color:var(--text);border-color:var(--border2)}.btn-danger{background:var(--bg);color:var(--red);border-color:color-mix(in oklab,var(--red) 25%,var(--border));box-shadow:var(--elev-1)}.btn-danger:hover{background:color-mix(in oklab,var(--red) 8%,var(--bg));border-color:color-mix(in oklab,var(--red) 40%,var(--border))}.btn-success{background:var(--bg);color:var(--green);border-color:color-mix(in oklab,var(--green) 25%,var(--border));box-shadow:var(--elev-1)}.btn-success:hover{background:color-mix(in oklab,var(--green) 8%,var(--bg));border-color:color-mix(in oklab,var(--green) 40%,var(--border))}.btn-sm{padding:0 var(--s-3);min-height:var(--tap-sm);font-size:var(--fs-xs);border-radius:var(--r-sm);gap:var(--s-1)}.btn-close{width:var(--tap-sm);height:var(--tap-sm);border-radius:var(--r-sm);background:transparent;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text3);font-size:16px;line-height:1;transition:all var(--dur-fast)}.btn-close:hover{background:var(--bg3);color:var(--text)}.actions{display:flex;gap:var(--s-1)}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-3);margin-bottom:var(--s-4)}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s-3);margin-bottom:var(--s-4)}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--s-3);margin-bottom:var(--s-4)}.card{background:var(--bg);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--s-5);box-shadow:var(--elev-1);transition:box-shadow var(--dur-med),border-color var(--dur-med)}.card.clickable{cursor:pointer}.card.clickable:hover{border-color:var(--border2);box-shadow:var(--elev-2)}.card-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--s-3);gap:var(--s-2)}.card-title{font-size:var(--fs-xs);font-weight:600;color:var(--text3);text-transform:uppercase;letter-spacing:var(--ls-wide)}.card-icon{font-size:16px;opacity:.5;color:var(--text3)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--s-3);margin-bottom:var(--s-6)}.stat-value{font-size:var(--fs-3xl);font-weight:700;letter-spacing:var(--ls-tight);line-height:1.05;margin-bottom:var(--s-1);font-variant-numeric:tabular-nums}.stat-value.blue{color:var(--blue)}.stat-value.green{color:var(--green)}.stat-value.orange{color:var(--orange)}.stat-value.red{color:var(--red)}.stat-value.purple{color:var(--purple)}.table-wrap{border-radius:var(--r-lg);overflow:hidden;border:1px solid var(--border);margin-bottom:var(--s-4);background:var(--bg);box-shadow:var(--elev-1)}table,th,td{border-collapse:collapse}table{width:100%;font-size:var(--fs-base)}thead tr{background:var(--bg2)}thead th{position:sticky;top:0;background:var(--bg2);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:1}th{padding:var(--s-3) var(--s-4);text-align:left;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:var(--ls-wide);color:var(--text3);white-space:nowrap;border-bottom:1px solid var(--border)}td{padding:var(--s-3) var(--s-4);border-top:1px solid var(--border);color:var(--text2);vertical-align:middle;transition:background var(--dur-fast)}tbody tr:first-child td{border-top:none}tbody tr:hover td{background:color-mix(in oklab,var(--blue) 3%,var(--bg))}tbody tr.clickable-row{cursor:pointer}tbody tr.clickable-row:hover td{background:color-mix(in oklab,var(--blue) 4%,var(--bg))}code{font-family:var(--mono);font-size:.88em;color:var(--text2);background:var(--bg3);padding:2px 6px;border-radius:var(--r-xs);border:1px solid var(--border)}.pill{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:99px;font-size:11px;font-weight:500;white-space:nowrap}.pill:before{content:"";width:5px;height:5px;border-radius:50%;flex-shrink:0}.pill-green{background:#16a34a1a;color:var(--green)}.pill-green:before{background:var(--green);animation:blink 2s infinite}.pill-blue{background:#2563eb1a;color:var(--blue)}.pill-blue:before{background:var(--blue)}.pill-orange{background:#ea580c1a;color:var(--orange)}.pill-orange:before{background:var(--orange);animation:blink 2s infinite}.pill-red{background:#dc26261a;color:var(--red)}.pill-red:before{background:var(--red)}.pill-purple{background:#7c3aed1a;color:var(--purple)}.pill-purple:before{background:var(--purple)}.pill-gray{background:#0000000f;color:var(--text3)}.pill-gray:before{background:var(--text3)}.pill.online,.pill.active{background:#16a34a1a;color:var(--green)}.pill.online:before,.pill.active:before{background:var(--green);animation:blink 2s infinite}.pill.offline,.pill.inactive,.pill.expired,.pill.grey,.pill.free{background:#0000000f;color:var(--text3)}.pill.offline:before,.pill.inactive:before,.pill.expired:before,.pill.free:before{background:var(--text3)}.pill.confirmed,.pill.authorized{background:#7c3aed1a;color:var(--purple)}.pill.confirmed:before,.pill.authorized:before{background:var(--purple)}.pill.pending,.pill.cleaning{background:#ea580c1a;color:var(--orange)}.pill.pending:before,.pill.cleaning:before{background:var(--orange);animation:blink 2s infinite}.pill.paid,.pill.released,.pill.done{background:#16a34a1a;color:var(--green)}.pill.paid:before,.pill.released:before,.pill.done:before{background:var(--green)}.pill.cancelled,.pill.error,.pill.unpaid,.pill.suspended,.pill.maintenance{background:#dc262614;color:var(--red)}.pill.cancelled:before,.pill.error:before,.pill.unpaid:before,.pill.suspended:before,.pill.maintenance:before{background:var(--red)}.pill.unknown{background:#0000000f;color:var(--text4)}.pill.unknown:before{background:var(--text4)}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.page-header{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:var(--s-6);gap:var(--s-3);flex-wrap:wrap}.page-container{animation:fadeIn .2s ease}.page-title{font-size:var(--fs-3xl);font-weight:700;letter-spacing:var(--ls-tight);line-height:var(--lh-tight);color:var(--text)}.page-sub{font-size:var(--fs-base);color:var(--text3);margin-top:var(--s-1);line-height:var(--lh-snug)}.tabs{display:inline-flex;gap:2px;margin-bottom:var(--s-4);background:var(--bg3);padding:3px;border-radius:var(--r-md);border:1px solid var(--border)}.tab{padding:6px var(--s-3);border-radius:var(--r-sm);font-size:var(--fs-sm);font-weight:500;cursor:pointer;color:var(--text3);transition:all var(--dur-med) var(--ease);border:none;background:none;font-family:inherit;min-height:30px;line-height:1.2;white-space:nowrap}.tab:hover:not(.active){color:var(--text2)}.tab.active{background:var(--bg);color:var(--text);font-weight:600;box-shadow:0 1px 3px #00000014,0 0 0 1px var(--border)}.spinner-wrap{display:flex;align-items:center;justify-content:center;padding:var(--s-10);color:var(--text3);font-size:var(--fs-base)}.spinner{width:20px;height:20px;border:2px solid var(--bg4);border-top-color:var(--blue);border-radius:50%;animation:spin .7s linear infinite;display:inline-block;flex-shrink:0}@keyframes spin{to{transform:rotate(360deg)}}.empty{text-align:center;padding:var(--s-10) var(--s-6);color:var(--text3);display:flex;flex-direction:column;align-items:center;gap:var(--s-3)}.empty-icon{font-size:32px;width:64px;height:64px;border-radius:var(--r-full);background:linear-gradient(135deg,var(--bg2),var(--bg3));display:flex;align-items:center;justify-content:center;color:var(--text4);opacity:1;margin-bottom:var(--s-1)}.empty p{font-size:var(--fs-md);color:var(--text2);font-weight:500}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.fade-in{animation:fadeIn .2s ease forwards}.dashboard{animation:fadeIn .2s ease}.toast-container{position:fixed;bottom:20px;right:20px;z-index:9999;display:flex;flex-direction:column;gap:6px;pointer-events:none}.toast{background:var(--bg);border:1px solid var(--border2);border-radius:var(--r2);padding:11px 14px;font-size:13px;box-shadow:var(--sh2);display:flex;align-items:center;gap:9px;animation:toastIn .2s ease;min-width:260px;pointer-events:all;cursor:pointer}.toast-success{border-left:3px solid var(--green)}.toast-error{border-left:3px solid var(--red)}.toast-info{border-left:3px solid var(--blue)}.toast-warning{border-left:3px solid var(--orange)}@keyframes toastIn{0%{transform:translate(20px);opacity:0}to{transform:none;opacity:1}}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:200;display:flex;align-items:center;justify-content:center;padding:var(--s-5);animation:fadeIn var(--dur-med) var(--ease)}.modal{background:var(--bg);border:1px solid var(--border);border-radius:var(--r-xl);width:100%;max-width:480px;box-shadow:var(--elev-pop);animation:modalIn var(--dur-med) var(--ease);overflow:hidden;display:flex;flex-direction:column;max-height:92vh}.modal-lg{max-width:680px}.modal-xl{max-width:960px}@keyframes modalIn{0%{opacity:0;transform:scale(.96) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-header{padding:var(--s-5) var(--s-5) var(--s-3);border-bottom:1px solid var(--border);display:flex;align-items:center;gap:var(--s-3);flex-shrink:0}.modal-title{font-size:var(--fs-lg);font-weight:700;letter-spacing:var(--ls-tight);flex:1;color:var(--text);line-height:var(--lh-tight)}.modal-close{width:var(--tap-sm);height:var(--tap-sm);border-radius:var(--r-sm);background:transparent;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text3);font-size:14px;transition:all var(--dur-fast)}.modal-close:hover{background:var(--bg3);color:var(--text)}.modal-body{padding:var(--s-5)}.modal-footer{padding:var(--s-3) var(--s-5);border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:var(--s-2);background:var(--bg2);flex-shrink:0}.alert{padding:12px 16px;border-radius:var(--r2);font-size:13px;margin-bottom:16px;display:flex;align-items:center;gap:10px}.alert-warning{background:#ea580c12;border:1px solid rgba(234,88,12,.2);color:var(--orange)}.alert-error{background:#dc262612;border:1px solid rgba(220,38,38,.2);color:var(--red)}.alert-success{background:#16a34a12;border:1px solid rgba(22,163,74,.2);color:var(--green)}.alert-info{background:#2563eb12;border:1px solid rgba(37,99,235,.2);color:var(--blue)}.detail-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:100;opacity:0;pointer-events:none;transition:opacity .25s}.detail-overlay.open{opacity:1;pointer-events:all}.detail-panel{position:fixed;top:0;right:-520px;bottom:0;width:480px;background:var(--bg);border-left:1px solid var(--border);z-index:101;display:flex;flex-direction:column;transition:right .3s cubic-bezier(.4,0,.2,1);box-shadow:-8px 0 32px #0000001f}.detail-panel.open{right:0}.detail-header{padding:24px 20px 20px;border-bottom:1px solid var(--border);display:flex;align-items:flex-start;gap:14px;flex-shrink:0}.detail-avatar{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;flex-shrink:0}.detail-name{font-size:17px;font-weight:600;letter-spacing:-.4px}.detail-email{font-size:12px;color:var(--text3);margin-top:2px}.detail-body{flex:1;overflow-y:auto;padding:20px}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:20px}.info-item{background:var(--bg3);border-radius:var(--r2);padding:12px 14px}.info-label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.6px;color:var(--text3);margin-bottom:4px}.info-value{font-size:13px;color:var(--text);font-weight:500}.section-title{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.8px;color:var(--text3);margin-bottom:10px}.link-card{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;background:var(--bg3);border:1px solid var(--border);border-radius:var(--r2);margin-bottom:8px;cursor:pointer;transition:var(--t)}.link-card:hover{background:var(--bg4);border-color:var(--border2)}.link-card-left{display:flex;align-items:center;gap:12px}.link-card-icon{width:34px;height:34px;background:var(--bg5);border-radius:var(--r);display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}.link-card-text strong{display:block;font-size:13px;font-weight:500;color:var(--text)}.link-card-text span{font-size:11px;color:var(--text3)}.link-card-arrow{font-size:16px;color:var(--text4)}.avatar{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;flex-shrink:0}.sub-plan-card{background:linear-gradient(135deg,var(--blue) 0%,var(--blue2) 100%);border-radius:var(--r3);padding:28px;color:#fff;margin-bottom:20px}.sub-plan-name{font-size:11px;font-weight:600;opacity:.75;letter-spacing:1px;text-transform:uppercase;margin-bottom:8px}.sub-plan-price{font-size:36px;font-weight:600;letter-spacing:-1.5px}.sub-plan-price span{font-size:14px;font-weight:400;opacity:.7}.sub-feature-list{display:grid;gap:8px;margin-top:8px}.sub-feature{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text2)}.sub-feature:before{content:"✓";color:var(--green);font-weight:700}.progress-bar-wrap{background:var(--bg5);border-radius:99px;height:4px;overflow:hidden;margin:8px 0}.progress-bar{height:100%;border-radius:99px;background:var(--blue);transition:width .4s ease}.mqtt-param{display:grid;grid-template-columns:140px 1fr;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid var(--border);font-size:12px}.mqtt-param:last-child{border-bottom:none}.mqtt-param label{color:var(--text3);font-size:11px;font-weight:500}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:200;display:flex;align-items:center;justify-content:center;padding:20px}.modal-icon{font-size:22px;flex-shrink:0}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.detail-close{margin-left:auto;background:var(--bg3);border:1px solid var(--border);border-radius:var(--r);width:28px;height:28px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text3);font-size:14px;transition:var(--t);flex-shrink:0}.detail-close:hover{background:var(--bg4);color:var(--text)}.pill.sub-active{background:#7c3aed1a;color:var(--purple)}.pill.sub-active:before{background:var(--purple)}.device-cmd-btn{flex:1;padding:8px 4px;border-radius:var(--r);border:1px solid var(--border);background:var(--bg4);font-family:var(--font);font-size:11px;color:var(--text2);cursor:pointer;transition:var(--t);text-align:center}.device-cmd-btn:hover:not(:disabled){background:var(--bg5);border-color:var(--border2);color:var(--text)}.device-cmd-btn:disabled{opacity:.3;cursor:not-allowed}.device-cmd-btn.open-door{border-color:#16a34a4d;color:var(--green);background:#16a34a0d}.device-cmd-btn.open-door:hover:not(:disabled){background:#16a34a1a}.user-access-row{display:flex;align-items:center;gap:10px;padding:12px 14px;background:var(--bg3);border:1px solid var(--border);border-radius:var(--r2);margin-bottom:8px;transition:var(--t)}.user-access-row:hover{border-color:var(--border2)}.user-access-info{flex:1;min-width:0}.user-access-name{font-size:13px;font-weight:600;color:var(--text)}.user-access-meta{font-size:11px;color:var(--text3);margin-top:2px}.pin-display{font-family:var(--mono,monospace);font-size:18px;font-weight:700;color:var(--blue);letter-spacing:4px;background:var(--bg4);padding:6px 14px;border-radius:var(--r);min-width:100px;text-align:center;cursor:pointer;transition:var(--t);border:1px solid var(--border)}.pin-display:hover{border-color:var(--blue)}.pin-expired{color:var(--red)!important}.hamburger{display:none;width:38px;height:38px;border-radius:var(--r-md);background:transparent;border:1px solid var(--border);align-items:center;justify-content:center;cursor:pointer;color:var(--text2);flex-shrink:0;transition:all var(--dur-fast)}.hamburger:hover{background:var(--bg3);color:var(--text)}.hamburger:active{transform:scale(.96)}.sidebar-backdrop{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a52;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:99;animation:fadeIn var(--dur-med) var(--ease)}@media (max-width: 900px){html{font-size:15px}.hamburger{display:flex}.app.sidebar-collapsed .sidebar{width:260px;max-width:80vw}.app.sidebar-collapsed .nav-item{justify-content:flex-start;padding:var(--s-2) var(--s-3);margin:1px var(--s-2)}.app.sidebar-collapsed .nav-item-label{display:inline}.app.sidebar-collapsed .user-pill-text,.app.sidebar-collapsed .user-pill-btn .ds-icon:last-child{display:flex}.app.sidebar-collapsed .logo-text{display:block}.sidebar-collapse-toggle{display:none}.sidebar{position:fixed;top:0;left:0;bottom:0;width:260px;max-width:80vw;z-index:100;transform:translate(-100%);transition:transform .25s cubic-bezier(.4,0,.2,1);box-shadow:4px 0 24px #0000001f;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.sidebar.open{transform:translate(0)}.sidebar-backdrop.open{display:block}.app{display:block;height:100vh}.main{height:100vh;display:flex;flex-direction:column}.topbar{padding:0 14px;padding-top:env(safe-area-inset-top);height:calc(50px + env(safe-area-inset-top))}.content{padding:14px;padding-bottom:calc(14px + env(safe-area-inset-bottom))}.modal-backdrop,.modal-overlay{padding:8px;align-items:flex-end}.modal,.modal-lg,.modal-xl{max-width:100%;border-radius:var(--r3) var(--r3) 0 0;max-height:92vh;overflow:hidden;display:flex;flex-direction:column}.modal-body{overflow-y:auto;-webkit-overflow-scrolling:touch}.detail-panel{width:100%;right:-100%;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}table{min-width:560px}.page-header{margin-bottom:14px;flex-wrap:wrap;gap:10px}.page-title{font-size:18px}}@media (max-width: 640px){html{font-size:14px}.content{padding:12px 10px}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr;gap:10px;margin-bottom:12px}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin-bottom:14px}.form-row{grid-template-columns:1fr;gap:10px}.info-grid{grid-template-columns:1fr;gap:8px;margin-bottom:14px}.mqtt-param{grid-template-columns:1fr;gap:4px}.card{padding:14px}.stat-value{font-size:24px}.login-box{width:100%;max-width:420px;padding:28px 22px;margin:12px}.page-header{margin-bottom:12px}.page-title{font-size:17px}.page-sub{font-size:11px}.tabs{overflow-x:auto;-webkit-overflow-scrolling:touch;width:100%;justify-content:flex-start;flex-shrink:0}.tab{flex-shrink:0}.btn{padding:9px 14px;font-size:13px;min-height:38px}.btn-sm{padding:7px 11px;min-height:32px}.btn-close{width:34px;height:34px}.form-input,input[type=text],input[type=email],input[type=password],input[type=number],select,textarea{font-size:16px;padding:11px 13px}.toast-container{left:8px;right:8px;bottom:calc(8px + env(safe-area-inset-bottom));align-items:stretch}.toast{min-width:0;width:100%}.modal-backdrop,.modal-overlay{padding:0;align-items:flex-end}.modal,.modal-lg,.modal-xl{border-radius:var(--r3) var(--r3) 0 0;max-height:96vh;padding-bottom:env(safe-area-inset-bottom)}.modal-header{padding:14px 16px 12px}.modal-body{padding:14px 16px}.modal-footer{padding:10px 16px;padding-bottom:calc(10px + env(safe-area-inset-bottom));flex-wrap:wrap}.modal-footer .btn{flex:1;justify-content:center;min-width:120px}.detail-header{padding:18px 16px 14px;padding-top:calc(18px + env(safe-area-inset-top))}.detail-body{padding:14px 16px}.sub-plan-card{padding:20px}.sub-plan-price{font-size:30px}}.only-mobile{display:none}.only-desktop{display:block}@media (max-width: 900px){.only-mobile{display:block}.only-desktop{display:none}.only-mobile-flex{display:flex!important}}.r-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:8px}.r-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}@media (max-width: 640px){.r-grid-2,.r-grid-3{grid-template-columns:1fr;gap:10px}}.ca-shell{--ca-accent:#2563eb;--ca-accent-2:#1d4ed8;--ca-muted:#f8fafc;background:linear-gradient(180deg,#fafafa,#fff 260px);min-height:calc(100vh - 60px);padding-bottom:64px}.ca-hero{padding:28px 0 20px;border-bottom:1px solid var(--border);margin-bottom:24px;display:flex;flex-direction:column;gap:18px}.ca-hero-top{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;flex-wrap:wrap}.ca-eyebrow{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:var(--text3);display:flex;align-items:center;gap:8px}.ca-eyebrow:before{content:"";width:24px;height:1px;background:var(--text3);display:inline-block}.ca-title{margin:4px 0 0;font-size:32px;font-weight:700;letter-spacing:-.02em;line-height:1.1;color:var(--text)}.ca-subtitle{margin-top:10px;display:flex;align-items:center;gap:14px;flex-wrap:wrap;font-size:13px;color:var(--text2)}.ca-subtitle .dot{width:4px;height:4px;background:var(--text4);border-radius:50%}.ca-prop-selector{display:inline-flex;align-items:center;gap:10px;padding:8px 14px;background:var(--bg);border:1px solid var(--border);border-radius:999px;box-shadow:var(--sh);transition:var(--t);cursor:pointer}.ca-prop-selector:hover{border-color:var(--ca-accent);box-shadow:0 0 0 3px #2563eb14,var(--sh)}.ca-prop-selector select{border:none;background:transparent;font-size:14px;font-weight:600;color:var(--text);outline:none;cursor:pointer;padding-right:4px}.ca-prop-icon{width:32px;height:32px;border-radius:8px;background:linear-gradient(135deg,#2563eb,#7c3aed);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:14px;letter-spacing:-.02em}.ca-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}@media (max-width:900px){.ca-kpis{grid-template-columns:repeat(2,1fr)}}@media (max-width:520px){.ca-kpis{grid-template-columns:1fr}}.kpi{position:relative;padding:18px 18px 16px;background:var(--bg);border:1px solid var(--border);border-radius:var(--r3);overflow:hidden;transition:var(--t)}.kpi:hover{border-color:var(--border2);box-shadow:var(--sh);transform:translateY(-1px)}.kpi:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--kpi-accent,var(--ca-accent));border-radius:var(--r3) 0 0 var(--r3)}.kpi-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text3)}.kpi-value{font-size:28px;font-weight:700;letter-spacing:-.02em;margin-top:6px;color:var(--text);font-variant-numeric:tabular-nums}.kpi-meta{font-size:12px;color:var(--text2);margin-top:4px;display:flex;align-items:center;gap:6px}.kpi--blue{--kpi-accent:#2563eb}.kpi--green{--kpi-accent:#059669}.kpi--orange{--kpi-accent:#ea580c}.kpi--purple{--kpi-accent:#7c3aed}.kpi--zinc{--kpi-accent:#71717a}.ca-tabs{display:flex;gap:4px;margin-bottom:22px;padding:4px;background:var(--bg2);border:1px solid var(--border);border-radius:999px;width:fit-content;max-width:100%;overflow-x:auto;scrollbar-width:none}.ca-tabs::-webkit-scrollbar{display:none}.ca-tab{padding:8px 18px;border:none;background:transparent;border-radius:999px;font-size:13px;font-weight:500;color:var(--text2);cursor:pointer;transition:var(--t);white-space:nowrap;display:flex;align-items:center;gap:8px}.ca-tab:hover{color:var(--text)}.ca-tab.active{background:var(--bg);color:var(--text);font-weight:600;box-shadow:var(--sh)}.ca-tab-count{display:inline-block;min-width:22px;padding:0 7px;height:18px;line-height:18px;text-align:center;background:var(--bg3);border-radius:9px;font-size:10px;font-weight:600;color:var(--text2);font-variant-numeric:tabular-nums}.ca-tab.active .ca-tab-count{background:var(--blue);color:#fff}.ca-section{margin-bottom:28px}.ca-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:14px;flex-wrap:wrap}.ca-section-title{font-size:18px;font-weight:700;letter-spacing:-.01em;margin:0;display:flex;align-items:center;gap:10px}.ca-section-title .accent{width:3px;height:18px;border-radius:2px;background:var(--ca-accent)}.ca-section-sub{font-size:13px;color:var(--text2);margin-top:4px}.ca-actions{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.ca-btn{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;background:var(--bg);border:1px solid var(--border);border-radius:10px;font-size:13px;font-weight:500;color:var(--text);cursor:pointer;transition:var(--t);font-family:inherit}.ca-btn:hover:not(:disabled){border-color:var(--text3);box-shadow:var(--sh)}.ca-btn:disabled{opacity:.5;cursor:not-allowed}.ca-btn--primary{background:var(--text);color:var(--bg);border-color:var(--text)}.ca-btn--primary:hover:not(:disabled){background:#000;border-color:#000}.ca-btn--ghost{background:transparent;border-color:transparent}.ca-btn--ghost:hover:not(:disabled){background:var(--bg2);border-color:var(--border)}.ca-btn-icon{font-size:15px;line-height:1}.tier{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:999px;font-size:11px;font-weight:600;letter-spacing:.01em;white-space:nowrap}.tier--direct{background:#2563eb1a;color:#1d4ed8}.tier--premium{background:#7c3aed1a;color:#6d28d9}.tier--budget{background:#ea580c1a;color:#c2410c}.tier--unknown{background:var(--bg3);color:var(--text2)}.rating-ring{position:relative;width:44px;height:44px;flex-shrink:0}.rating-ring svg{transform:rotate(-90deg)}.rating-ring-track{stroke:var(--bg4);fill:none;stroke-width:3}.rating-ring-prog{fill:none;stroke-width:3;stroke-linecap:round;transition:stroke-dashoffset .8s cubic-bezier(.4,0,.2,1)}.rating-ring-text{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;color:var(--text);font-variant-numeric:tabular-nums;letter-spacing:-.02em}.comp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:14px}.comp-card{position:relative;padding:18px;background:var(--bg);border:1px solid var(--border);border-radius:var(--r3);transition:var(--t);cursor:pointer;display:flex;flex-direction:column;gap:14px;overflow:hidden}.comp-card:after{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--border),transparent);opacity:0;transition:var(--t)}.comp-card:hover{border-color:var(--border2);transform:translateY(-2px);box-shadow:var(--sh2)}.comp-card:hover:after{opacity:1}.comp-card-head{display:flex;gap:12px;align-items:flex-start}.comp-card-body{flex:1;min-width:0}.comp-name{font-size:14px;font-weight:600;color:var(--text);line-height:1.3;margin:0 0 4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.comp-meta{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--text3);flex-wrap:wrap}.comp-card-stats{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;padding-top:14px;border-top:1px dashed var(--border)}.comp-stat{display:flex;flex-direction:column;gap:2px}.comp-stat-label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text3)}.comp-stat-value{font-size:14px;font-weight:600;color:var(--text);font-variant-numeric:tabular-nums}.comp-card-actions{display:flex;gap:6px;position:absolute;top:14px;right:14px;opacity:0;transition:var(--t)}.comp-card:hover .comp-card-actions{opacity:1}.comp-action{width:28px;height:28px;padding:0;border:1px solid var(--border);background:var(--bg);border-radius:8px;display:inline-flex;align-items:center;justify-content:center;font-size:13px;cursor:pointer;transition:var(--t)}.comp-action:hover{background:var(--bg2)}.comp-action--danger:hover{background:#dc26261a;border-color:var(--red);color:var(--red)}.chips{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:var(--bg);border:1px solid var(--border);border-radius:999px;font-size:12px;color:var(--text2);cursor:pointer;transition:var(--t);font-family:inherit}.chip:hover{border-color:var(--text3);color:var(--text)}.chip.active{background:var(--text);color:var(--bg);border-color:var(--text);font-weight:500}.chip-label{font-weight:500;color:var(--text3);margin-right:4px;font-size:11px;text-transform:uppercase;letter-spacing:.06em}.mini-map{position:relative;width:100%;aspect-ratio:16/9;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border-radius:var(--r3);overflow:hidden;border:1px solid var(--border)}.mini-map:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle at 1px 1px,rgba(0,0,0,.06) 1px,transparent 0);background-size:24px 24px;opacity:.6}.mini-map-pin{position:absolute;transform:translate(-50%,-50%);width:14px;height:14px;border-radius:50%;border:2px solid #fff;box-shadow:0 2px 8px #00000026;cursor:pointer;transition:var(--t);z-index:1}.mini-map-pin:hover{width:18px;height:18px;z-index:10}.mini-map-pin--me{width:18px;height:18px;background:#dc2626;z-index:5;animation:pulse 2s ease-in-out infinite}.mini-map-pin--direct{background:#2563eb}.mini-map-pin--premium{background:#7c3aed}.mini-map-pin--budget{background:#ea580c}.mini-map-pin--unknown{background:#71717a}.mini-map-label{position:absolute;left:14px;top:14px;padding:6px 10px;background:#ffffffe6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:8px;font-size:11px;font-weight:600;color:var(--text);z-index:2;display:flex;align-items:center;gap:6px}.mini-map-legend{position:absolute;right:14px;bottom:14px;display:flex;flex-direction:column;gap:4px;padding:10px 12px;background:#ffffffe6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:10px;font-size:11px;z-index:2}.mini-map-legend-row{display:flex;align-items:center;gap:8px;color:var(--text2)}.mini-map-legend-dot{width:10px;height:10px;border-radius:50%;border:1.5px solid #fff;box-shadow:0 1px 3px #0003}@keyframes pulse{0%,to{box-shadow:0 0 #dc262666,0 2px 8px #00000026}50%{box-shadow:0 0 0 10px #dc262600,0 2px 8px #00000026}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.ca-empty{padding:60px 20px;text-align:center;background:var(--bg);border:1px dashed var(--border2);border-radius:var(--r3)}.ca-empty-icon{font-size:40px;margin-bottom:10px;opacity:.4}.ca-empty-title{font-size:16px;font-weight:600;color:var(--text);margin-bottom:6px}.ca-empty-sub{font-size:13px;color:var(--text3);max-width:420px;margin:0 auto 18px}.ca-table{width:100%;border-collapse:separate;border-spacing:0;font-size:13px;background:var(--bg);border:1px solid var(--border);border-radius:var(--r3);overflow:hidden}.ca-table thead th{padding:11px 14px;background:var(--bg2);border-bottom:1px solid var(--border);text-align:left;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text3);white-space:nowrap}.ca-table tbody td{padding:14px;border-bottom:1px solid var(--border);vertical-align:middle}.ca-table tbody tr:last-child td{border-bottom:none}.ca-table tbody tr{transition:var(--t)}.ca-table tbody tr:hover{background:var(--bg2)}.ca-table tbody tr:hover .comp-card-actions-row{opacity:1}.comp-card-actions-row{opacity:.4;transition:var(--t);display:flex;gap:4px}.chart-box{padding:20px;background:var(--bg);border:1px solid var(--border);border-radius:var(--r3);position:relative}.chart-title{font-size:13px;font-weight:600;color:var(--text);margin-bottom:4px;display:flex;align-items:center;gap:8px}.chart-sub{font-size:12px;color:var(--text3);margin-bottom:16px}.daycell{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px 4px;border-radius:8px;min-height:64px;cursor:pointer;transition:var(--t);font-variant-numeric:tabular-nums;border:1px solid transparent}.daycell:hover{transform:scale(1.04);z-index:2;box-shadow:var(--sh)}.daycell-day{font-size:10px;color:currentColor;opacity:.6;font-weight:600}.daycell-price{font-size:12px;font-weight:700;color:currentColor;margin-top:2px}.daycell-range{font-size:9px;color:currentColor;opacity:.65;margin-top:1px}.daycell-delta{font-size:9px;font-weight:700;color:currentColor;margin-top:1px}.daycell--above{background:#10b98126;color:#047857;border-color:#10b98140}.daycell--inrange{background:#3b82f61f;color:#1e40af;border-color:#3b82f638}.daycell--below{background:#f59e0b26;color:#92400e;border-color:#f59e0b40}.daycell--way-below{background:#ef444426;color:#991b1b;border-color:#ef444440}.daycell--nodata{background:#64748b14;color:#475569;border-color:#64748b26}.skeleton{background:linear-gradient(90deg,var(--bg3) 0%,var(--bg2) 50%,var(--bg3) 100%);background-size:200% 100%;animation:shimmer 1.4s ease infinite;border-radius:6px}.inline-stats{display:flex;gap:24px;flex-wrap:wrap}.inline-stat{display:flex;flex-direction:column}.inline-stat-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text3)}.inline-stat-value{font-size:20px;font-weight:700;color:var(--text);font-variant-numeric:tabular-nums;margin-top:2px}.mini-map--radar{background:radial-gradient(circle at center,#fafafa,#f1f5f9 70%,#e2e8f0)}.mini-map--radar:before{display:none}.mini-map-rings{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}.mini-map-tooltip{position:absolute;transform:translate(-50%,calc(-100% - 14px));background:#111827f2;color:#fff;padding:8px 11px;border-radius:8px;font-size:12px;pointer-events:none;z-index:20;white-space:nowrap;box-shadow:0 4px 12px #0003;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.mini-map-tooltip:after{content:"";position:absolute;bottom:-5px;left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:#111827f2;border-bottom:0}.mini-map-tooltip-name{font-weight:600;margin-bottom:3px}.mini-map-tooltip-stats{display:flex;gap:6px;font-size:11px;color:#cbd5e1;align-items:center}.chart-hover-wrap{position:relative}.chart-tooltip{position:absolute;top:-4px;transform:translate(-50%,-100%);background:#111827f5;color:#fff;padding:10px 12px;border-radius:10px;pointer-events:none;z-index:30;min-width:180px;box-shadow:0 6px 20px #00000040;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:tooltipFade .12s ease-out}.chart-tooltip:after{content:"";position:absolute;bottom:-6px;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:#111827f5;border-bottom:0}.chart-tooltip-date{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:#fff;margin-bottom:6px;padding-bottom:6px;border-bottom:1px solid rgba(255,255,255,.1)}.chart-tooltip-row{display:flex;align-items:center;gap:6px;font-size:12px;color:#e2e8f0;padding:2px 0}.chart-tooltip-row .dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.chart-tooltip-row strong{margin-left:auto;color:#fff;font-variant-numeric:tabular-nums}.chart-tooltip-meta{font-size:10.5px;color:#94a3b8;margin-top:6px;padding-top:6px;border-top:1px solid rgba(255,255,255,.08)}@keyframes tooltipFade{0%{opacity:0;transform:translate(-50%,calc(-100% + 4px))}to{opacity:1;transform:translate(-50%,-100%)}}.chart-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:20px;padding:12px 16px;margin-bottom:16px;background:var(--bg);border:1px solid var(--border);border-radius:var(--r3);box-shadow:var(--sh)}.chart-toolbar-group{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.chart-toolbar-label{font-size:11px;font-weight:600;color:var(--text3);text-transform:uppercase;letter-spacing:.08em}.chart-toolbar-select{padding:6px 10px;border:1px solid var(--border);border-radius:8px;background:var(--bg);font-size:13px;font-weight:500;color:var(--text);cursor:pointer;font-family:inherit;transition:var(--t)}.chart-toolbar-select:hover{border-color:var(--blue)}.chart-toolbar-select:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px #2563eb26}.chart-toggle{display:flex;align-items:center;gap:7px;padding:5px 10px;border:1px solid var(--border);border-radius:999px;font-size:12px;font-weight:500;color:var(--text2);cursor:pointer;transition:var(--t);-webkit-user-select:none;user-select:none;background:var(--bg)}.chart-toggle:hover{border-color:var(--toggle-color,var(--blue))}.chart-toggle.active{border-color:var(--toggle-color,var(--blue));background:color-mix(in srgb,var(--toggle-color,var(--blue)) 8%,var(--bg));color:var(--text)}.chart-toggle input{display:none}.chart-toggle-dot{width:10px;height:10px;border-radius:50%;opacity:.4;transition:var(--t)}.chart-toggle.active .chart-toggle-dot{opacity:1;box-shadow:0 0 0 2px #fff,0 0 0 3px var(--toggle-color,var(--blue))}.chart-toggle input:disabled~*{opacity:.4}.suggestion-row{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:20px}.suggestion-chip{display:flex;align-items:center;gap:12px;padding:10px 14px;border:1px solid var(--border);border-radius:var(--r3);min-width:180px}.suggestion-chip-icon{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px;flex-shrink:0}.suggestion-chip-label{font-size:11px;font-weight:600;color:var(--text3);text-transform:uppercase;letter-spacing:.06em}.suggestion-chip-value{font-size:18px;font-weight:700;font-variant-numeric:tabular-nums;margin-top:2px}.month-card{position:relative;padding:14px;background:var(--bg);border:1px solid var(--border);border-radius:var(--r3);text-align:left;cursor:pointer;transition:var(--t);font-family:inherit;color:inherit;display:flex;flex-direction:column;gap:0;overflow:hidden}.month-card:hover{border-color:var(--blue);box-shadow:var(--sh2);transform:translateY(-1px)}.month-card:hover .month-card-arrow{opacity:1;transform:translate(0)}.month-card-label{font-size:11px;color:var(--text3);text-transform:uppercase;font-weight:600;letter-spacing:.08em}.month-card-price{font-size:20px;font-weight:700;margin-top:4px;font-variant-numeric:tabular-nums;color:var(--text)}.month-card-bar{margin-top:8px;height:4px;background:var(--bg3);border-radius:2px;overflow:hidden}.month-card-bar>div{height:100%;border-radius:2px;transition:width .3s ease}.month-card-meta{font-size:11px;color:var(--text3);margin-top:4px}.month-card-arrow{position:absolute;top:12px;right:12px;font-size:14px;color:var(--blue);opacity:0;transform:translate(-4px);transition:var(--t);font-weight:700}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--bg5);border-radius:var(--r-full);border:2px solid var(--bg);transition:background var(--dur-fast)}::-webkit-scrollbar-thumb:hover{background:var(--text4)}*{scrollbar-width:thin;scrollbar-color:var(--bg5) transparent}*:focus-visible{outline:none;box-shadow:var(--ring);border-radius:var(--r-sm)}.ds-h1{font-size:var(--fs-4xl);font-weight:800;letter-spacing:var(--ls-tight);line-height:var(--lh-tight)}.ds-h2{font-size:var(--fs-3xl);font-weight:700;letter-spacing:var(--ls-tight);line-height:var(--lh-tight)}.ds-h3{font-size:var(--fs-2xl);font-weight:700;line-height:var(--lh-snug)}.ds-body{font-size:var(--fs-md);line-height:var(--lh-relaxed);color:var(--text)}.ds-caption{font-size:var(--fs-xs);color:var(--text3);letter-spacing:var(--ls-wide);font-weight:500}.ds-label{font-size:var(--fs-xs);font-weight:700;color:var(--text3);text-transform:uppercase;letter-spacing:var(--ls-ultra)}.ds-kicker{font-size:10px;font-weight:700;color:var(--text3);text-transform:uppercase;letter-spacing:var(--ls-ultra);margin-bottom:var(--s-2)}.ds-mono{font-family:var(--mono);font-variant-numeric:tabular-nums;letter-spacing:-.01em}.ds-badge{display:inline-flex;align-items:center;gap:var(--s-1);padding:2px var(--s-2);font-size:var(--fs-xs);font-weight:600;border-radius:var(--r-full);background:var(--bg3);color:var(--text2);border:1px solid var(--border);line-height:1.5;white-space:nowrap}.ds-badge--sm{font-size:10px;padding:1px 6px}.ds-badge--success{background:color-mix(in oklab,var(--green) 10%,transparent);color:var(--green);border-color:color-mix(in oklab,var(--green) 25%,transparent)}.ds-badge--warn{background:color-mix(in oklab,var(--orange) 10%,transparent);color:var(--orange);border-color:color-mix(in oklab,var(--orange) 25%,transparent)}.ds-badge--error{background:color-mix(in oklab,var(--red) 10%,transparent);color:var(--red);border-color:color-mix(in oklab,var(--red) 25%,transparent)}.ds-badge--info{background:color-mix(in oklab,var(--blue) 10%,transparent);color:var(--blue);border-color:color-mix(in oklab,var(--blue) 25%,transparent)}.ds-badge--purple{background:color-mix(in oklab,var(--purple) 10%,transparent);color:var(--purple);border-color:color-mix(in oklab,var(--purple) 25%,transparent)}.ds-badge--neutral{background:var(--bg3);color:var(--text2);border-color:var(--border)}.ds-chip{display:inline-flex;align-items:center;gap:var(--s-1);padding:var(--s-1) var(--s-3);font-size:var(--fs-sm);font-weight:500;border-radius:var(--r-full);background:var(--bg);color:var(--text2);border:1px solid var(--border);cursor:pointer;transition:all var(--dur-fast) var(--ease);-webkit-user-select:none;user-select:none;line-height:1.4;white-space:nowrap;min-height:28px}.ds-chip:hover{border-color:var(--text4);color:var(--text);background:var(--bg2)}.ds-chip[data-active=true]{background:color-mix(in oklab,var(--text) 7%,transparent);border-color:var(--text);color:var(--text);font-weight:600}.ds-chip--sm{font-size:11px;padding:2px var(--s-2);min-height:22px}.ds-chip--dashed{border-style:dashed}.ds-hint{display:flex;gap:var(--s-3);padding:var(--s-3) var(--s-4);border-radius:var(--r-lg);background:var(--bg2);border:1px solid var(--border);border-left:3px solid var(--text3);font-size:var(--fs-sm);color:var(--text2);line-height:var(--lh-snug)}.ds-hint strong{color:var(--text);font-weight:600}.ds-hint--info{border-left-color:var(--blue);background:color-mix(in oklab,var(--blue) 4%,var(--bg))}.ds-hint--success{border-left-color:var(--green);background:color-mix(in oklab,var(--green) 4%,var(--bg))}.ds-hint--warn{border-left-color:var(--orange);background:color-mix(in oklab,var(--orange) 4%,var(--bg))}.ds-hint--error{border-left-color:var(--red);background:color-mix(in oklab,var(--red) 4%,var(--bg))}.ds-hint-icon{font-size:16px;line-height:1;flex-shrink:0;margin-top:1px}.ds-hint-body{flex:1;min-width:0}.ds-hint-title{font-weight:600;color:var(--text);margin-bottom:2px}.ds-section{margin-bottom:var(--s-6)}.ds-section-kicker{font-size:10px;font-weight:700;color:var(--text3);text-transform:uppercase;letter-spacing:var(--ls-ultra);margin-bottom:var(--s-2)}.ds-section-title{font-size:var(--fs-2xl);font-weight:700;letter-spacing:var(--ls-tight);color:var(--text);line-height:var(--lh-tight)}.ds-section-subtitle{font-size:var(--fs-base);color:var(--text3);margin-top:var(--s-1);line-height:var(--lh-snug)}.ds-section-rule{height:1px;background:var(--border);margin:var(--s-4) 0 var(--s-5)}.ds-toolbar{background:var(--bg);border:1px solid var(--border);border-radius:var(--r-xl);padding:var(--s-4) var(--s-5);display:flex;gap:var(--s-6);align-items:flex-end;flex-wrap:wrap;box-shadow:var(--elev-1);margin-bottom:var(--s-5)}.ds-toolbar-group{display:flex;flex-direction:column;gap:var(--s-2)}.ds-toolbar-group-label{font-size:10px;font-weight:700;color:var(--text3);text-transform:uppercase;letter-spacing:var(--ls-ultra)}.ds-seg{display:inline-flex;padding:3px;border-radius:var(--r-md);background:var(--bg3);border:1px solid var(--border);gap:2px}.ds-seg-btn{padding:6px var(--s-3);border-radius:var(--r-sm);border:none;background:transparent;color:var(--text3);font-size:var(--fs-sm);font-weight:500;cursor:pointer;transition:all var(--dur-med) var(--ease);font-family:inherit;letter-spacing:.01em;line-height:1.2;white-space:nowrap}.ds-seg-btn:hover:not(.is-active){color:var(--text2)}.ds-seg-btn.is-active{background:var(--bg);color:var(--text);font-weight:600;box-shadow:0 1px 3px #00000014,0 0 0 1px var(--border)}.ds-stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1px;background:var(--border);border:1px solid var(--border);border-radius:var(--r-xl);overflow:hidden;box-shadow:var(--elev-1)}.ds-stat{padding:var(--s-5) var(--s-5) var(--s-4);background:var(--bg);display:flex;flex-direction:column;gap:var(--s-2);position:relative;min-height:118px;transition:background var(--dur-med) var(--ease)}.ds-stat--hero{background:color-mix(in oklab,var(--accent,var(--blue)) 4%,var(--bg))}.ds-stat--hero:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--accent,var(--blue))}.ds-stat-head{display:flex;align-items:center;justify-content:space-between;gap:var(--s-2)}.ds-stat-label{font-size:10px;font-weight:700;color:var(--text3);text-transform:uppercase;letter-spacing:var(--ls-ultra);font-family:var(--mono)}.ds-stat-sign{width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;line-height:1;background:color-mix(in oklab,var(--accent,var(--blue)) 14%,transparent);color:var(--accent,var(--blue))}.ds-stat-value{font-size:var(--fs-3xl);font-weight:800;letter-spacing:var(--ls-tight);font-variant-numeric:tabular-nums;line-height:1.02;color:var(--accent,var(--text));margin-top:var(--s-1)}.ds-stat-value--hero{font-size:var(--fs-4xl)}.ds-stat-hint{font-size:10px;color:var(--text3);letter-spacing:var(--ls-wide);text-transform:uppercase;font-weight:500;margin-top:auto}.ds-stat-delta{display:inline-flex;align-items:center;gap:3px;font-size:10px;font-weight:700;font-variant-numeric:tabular-nums;padding:1px 6px;border-radius:var(--r-xs)}.ds-stat-delta--up{background:color-mix(in oklab,var(--green) 10%,transparent);color:var(--green)}.ds-stat-delta--down{background:color-mix(in oklab,var(--red) 10%,transparent);color:var(--red)}.ds-avatar{width:32px;height:32px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:var(--fs-sm);flex-shrink:0;background:var(--blue);letter-spacing:.01em}.ds-avatar--sm{width:26px;height:26px;font-size:11px}.ds-avatar--lg{width:40px;height:40px;font-size:var(--fs-lg)}.ds-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:16px;height:16px;color:inherit}.ds-icon--sm{width:14px;height:14px}.ds-icon--lg{width:20px;height:20px}.ds-icon--xl{width:24px;height:24px}.ds-icon svg{width:100%;height:100%;display:block}.ds-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--s-10) var(--s-6);text-align:center;gap:var(--s-3);color:var(--text3)}.ds-empty-icon{width:56px;height:56px;border-radius:var(--r-full);background:linear-gradient(135deg,var(--bg2),var(--bg3));display:flex;align-items:center;justify-content:center;color:var(--text3);margin-bottom:var(--s-2)}.ds-empty-title{font-size:var(--fs-lg);font-weight:600;color:var(--text2)}.ds-empty-sub{font-size:var(--fs-sm);color:var(--text3);max-width:320px;line-height:var(--lh-relaxed)}.page-container{max-width:1280px;margin:0 auto}@media (max-width:640px){.ds-chip{min-height:32px;padding:var(--s-1) var(--s-3)}.ds-toolbar{padding:var(--s-3);gap:var(--s-4)}.ds-seg-btn{padding:var(--s-2) var(--s-3);min-height:36px}.ds-stat{min-height:100px;padding:var(--s-4)}.ds-stat-value{font-size:var(--fs-2xl)}.ds-stat-value--hero{font-size:var(--fs-3xl)}.ds-hint{padding:var(--s-3)}}