:root{--bg:#050505;--surface:#0a0a0a;--surface2:#111;--surface3:#1a1a1a;--border:#3a3a5e;--text:#e2e8f0;--text-muted:#94a3b8;--text-dim:#64748b;--pink:#ff007f;--cyan:#00e5ff;--purple:#6a0dad;--purple-glow:#f0f;--green:#00e676;--orange:#ff9100;--gold:gold;--gold-glow:gold;--red:#ff1744;--font-display:"Bebas Neue", sans-serif;--font-body:"Montserrat", sans-serif;--sidebar-width:240px;--nav-height:80px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{background:var(--bg);height:100%;color:var(--text);font-family:var(--font-body);font-size:17px;line-height:1.6}body{background:radial-gradient(1000px 600px at 15% -10%, #a855f712, transparent 60%), radial-gradient(900px 550px at 100% 0%, #00e5ff0f, transparent 55%), radial-gradient(800px 700px at 50% 120%, #ff00ff0d, transparent 60%), var(--bg)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:linear-gradient(180deg, var(--purple), var(--purple-glow));border-radius:4px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg, var(--purple-glow), var(--cyan));box-shadow:0 0 10px #f0f6}*{scrollbar-color:var(--purple) #050505;scrollbar-width:thin}::selection{color:#fff;background:#ff00ff40}input,select,textarea,button{outline:none}input:focus,select:focus,textarea:focus{border-color:var(--cyan);box-shadow:0 0 0 2px #00d5ff2e,0 0 24px #00d5ff1f}a{color:var(--cyan);text-decoration:none}a:hover{color:var(--pink);text-shadow:0 0 8px #ff007f66}.hidden{display:none!important}body.role-ceo .admin-nav{border-bottom-color:#ffd70040;box-shadow:0 1px 20px #ffd7000f}.money{font-family:var(--font-display);color:var(--green);text-shadow:0 0 6px #00e67680;letter-spacing:.02em;font-weight:400}.money--lg{font-size:1.6rem}.money--sm{text-shadow:none;font-size:.95rem}.role-ceo .money--sm{text-shadow:none}.role-ceo .money{color:gold;text-shadow:0 0 6px #ffd70080}@keyframes bgPulse{0%,to{opacity:.3}50%{opacity:.6}}.glass{-webkit-backdrop-filter:blur(18px)saturate(140%);background:linear-gradient(160deg,#141428a6,#080810cc);border:1px solid #94a3b824;box-shadow:0 8px 32px #00000059}@keyframes glowPulse{0%,to{box-shadow:0 0 8px #ff00ff26}50%{box-shadow:0 0 20px #ff00ff59}}html,body,#root{max-width:100%;overflow-x:hidden}@media (width<=1024px){:root{--sidebar-width:240px}html,body,#root,input,select,textarea{font-size:16px}}@media (width<=480px){html,body,#root{font-size:15px}}.page{width:100%}.role-ceo .page-title{background:linear-gradient(135deg, var(--gold), #ffe44d);-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 10px #ffd70033);-webkit-background-clip:text;background-clip:text}.role-ceo .stat-card:hover{border-color:var(--gold)!important;box-shadow:0 0 16px #ffd7001a!important}.role-ceo .card{border-color:#ffd70014}.role-ceo .data-table th{color:var(--gold);text-shadow:0 0 10px #ffd70040;background:linear-gradient(#ffd7000f,#0000);border-bottom-color:#ffd7002e}.page{animation:.3s ease-out pageFadeIn}@keyframes pageFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.stats-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;display:grid}.stats-grid--compact{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.stat-card.clickable{cursor:pointer}.stat-card.clickable:hover{border-color:var(--purple-glow);box-shadow:0 6px 24px #00000059,0 0 18px #ff00ff24}.stat-number{font-size:1.3rem;font-weight:800;font-family:var(--font-display);letter-spacing:.5px}.stats-grid--hero .stat-number{font-variant-numeric:tabular-nums;font-size:1.85rem;line-height:1.1}.stat-card.stat-gold .stat-number{color:#fc0;text-shadow:0 0 16px #ffcc004d}.stat-card.stat-cyan .stat-number{color:#0cf;text-shadow:0 0 16px #00ccff4d}.stat-card.stat-green .stat-number{color:var(--green);text-shadow:0 0 16px #00e67647}.stat-card.stat-orange .stat-number{color:var(--orange);text-shadow:0 0 16px #ff910047}.stat-card.stat-blue .stat-number{color:#13d8ff;text-shadow:0 0 16px #13d8ff47}.stat-card.stat-violet .stat-number{color:var(--purple-glow);text-shadow:0 0 16px #ff00ff40}.row-selected{background:#6a0dad26!important}.card:hover{border-color:#f0f3;box-shadow:0 6px 28px #00000059,0 0 14px #ff00ff0d}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:1rem;display:flex}.page-title{font-family:var(--font-display);letter-spacing:1px;text-transform:uppercase;background:linear-gradient(92deg,#fff 5%,#00e5ff 60%,#7a0e57 110%);color:#0000;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 8px #00e5ff2e)drop-shadow(0 2px 18px #a855f73d);-webkit-background-clip:text;background-clip:text;font-size:1.6rem}.page-header-extra{flex-shrink:0;align-items:center;gap:8px;display:flex}.page-desc{color:var(--text-muted);margin-top:2px;font-size:.85rem}.alert-row{border-bottom:1px solid #94a3b814;align-items:center;gap:12px;padding:14px 16px;transition:background .15s;display:flex}.alert-row:last-child{border-bottom:none}.alert-row:hover{background:#00e5ff09}.alert-title{color:var(--text);margin-bottom:2px;font-size:13px;font-weight:600}.alert-msg{color:var(--text-muted);margin-bottom:4px;font-size:12px}.alert-meta{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:10px;font-size:11px;display:flex}.bar-chart{align-items:flex-end;gap:2px;height:160px;display:flex}.bar-col{flex-direction:column;flex:1;align-items:center;gap:3px;display:flex}.bar{background:linear-gradient(to top, var(--purple), var(--cyan));border-radius:3px 3px 0 0;width:100%;min-height:4px;transition:height .3s;box-shadow:0 0 8px #00e5ff33}.bar-label{color:var(--text-muted);font-size:9px}.btn-secondary{color:var(--text);font-family:var(--font-body);cursor:pointer;white-space:nowrap;background:#ffffff05;border:1px solid #94a3b824;border-radius:8px;align-items:center;gap:6px;padding:10px 18px;font-size:13px;font-weight:600;transition:all .2s;display:flex;box-shadow:0 2px 12px #00000026}.btn-secondary:hover{border-color:var(--purple-glow);color:#fff;box-shadow:0 0 14px #ff00ff1a}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.btn-danger{border-color:var(--red)!important;color:var(--red)!important}.btn-danger:hover{background:#ff17441a!important}.flex{display:flex}.flex-col{flex-direction:column;display:flex}.flex-center{align-items:center;display:flex}.flex-between{justify-content:space-between;align-items:center;display:flex}.flex-wrap{flex-wrap:wrap}.flex-shrink-0{flex-shrink:0}.gap-4{gap:4px}.gap-6{gap:6px}.gap-8{gap:8px}.gap-10{gap:10px}.gap-12{gap:12px}.gap-16{gap:16px}.mb-4{margin-bottom:4px}.mb-8{margin-bottom:8px}.mb-12{margin-bottom:12px}.mb-16{margin-bottom:16px}.mb-20{margin-bottom:20px}.mt-8{margin-top:8px}.mt-12{margin-top:12px}.mt-16{margin-top:16px}.p-8{padding:8px}.p-12{padding:12px}.p-16{padding:16px}.px-16{padding-left:16px;padding-right:16px}.py-8{padding-top:8px;padding-bottom:8px}.py-12{padding-top:12px;padding-bottom:12px}.text-center{text-align:center}.text-muted{color:var(--text-muted)}.text-sm{font-size:.75rem}.fw-600{font-weight:600}.fw-700{font-weight:700}.fw-800{font-weight:800}.w-full{width:100%}.section-header{border-bottom:1px solid var(--border);color:var(--text);letter-spacing:.4px;background:linear-gradient(90deg,#6a0dad38,#0000);padding:12px 16px;font-size:13px;font-weight:600}.modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);background:#000000b3;justify-content:center;align-items:flex-start;padding:24px 16px;display:flex;position:fixed;inset:0;overflow-y:auto}.modal-card{-webkit-overflow-scrolling:touch;background:var(--surface);border:1px solid var(--border);border-radius:12px;width:100%;max-width:480px;max-height:calc(100vh - 32px);margin:auto;overflow:auto;box-shadow:0 20px 60px #0000008c}.modal-card--wide{max-width:700px}.modal-header{border-bottom:1px solid var(--border);z-index:1;background:var(--surface);justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;display:flex;position:sticky;top:0}.modal-title{font-family:var(--font-display);letter-spacing:1px;margin:0;font-size:1.1rem;line-height:1.2}.modal-close{width:34px;height:34px;color:var(--text-muted);cursor:pointer;background:#ffffff0a;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:16px;line-height:1;transition:all .15s;display:flex}.modal-close:hover{color:#fff;background:#ffffff1a}.modal-body{padding:20px}@media (width<=768px){.modal-overlay{padding:16px 10px}.modal-card,.modal-card--wide{max-width:100%}.modal-header{padding:14px 16px}.modal-body{padding:16px}}@media (width<=480px){.modal-overlay{padding:8px}.modal-card,.modal-card--wide{border-radius:10px;max-height:calc(100vh - 16px)}.modal-header{padding:12px 14px}.modal-body{padding:14px}}@media (width<=768px){.stats-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.stats-grid--compact{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px}.stat-card{padding:14px}.page-title{font-size:1.3rem}.page-desc{font-size:.8rem}.page-header-extra{justify-content:flex-start;width:100%}.bar-chart{height:120px}.bar-label{font-size:8px}.card-table{-webkit-overflow-scrolling:touch;overflow-x:auto}}@media (width<=480px){.stats-grid,.stats-grid--compact{grid-template-columns:1fr 1fr;gap:8px}.stat-number{font-size:1.15rem}.page-header{gap:8px}.section-header{padding:10px 12px}}:root{--glass-bg:#ffffff0b;--glass-bg-strong:#ffffff12;--glass-border:#ffffff1a;--glass-border-strong:#ffffff2e;--glass-blur:blur(14px) saturate(140%);--neon-cyan:#0cf;--neon-violet:#a855f7;--neon-gold:#fc0;--neon-green:#22e6a8;--neon-pink:#ff2d95}.glass-stats{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin-bottom:20px;display:grid}.glass-stat{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-radius:16px;flex-direction:column;gap:6px;padding:18px 18px 16px;transition:transform .22s cubic-bezier(.22,1,.36,1),box-shadow .22s,border-color .22s;display:flex;position:relative;overflow:hidden;box-shadow:0 12px 34px #0000006b,inset 0 1px #ffffff0f}.glass-stat:after{content:"";border-radius:inherit;pointer-events:none;background:radial-gradient(120% 90% at 100% 0,#00ccff24,#0000 62%);position:absolute;inset:0}.glass-stat:hover{border-color:var(--glass-border-strong);transform:translateY(-3px);box-shadow:0 18px 44px #00000080,0 0 0 1px #00ccff2e,inset 0 1px #ffffff14}.glass-stat--gold:after{background:radial-gradient(120% 90% at 100% 0,#ffcc0029,#0000 62%)}.glass-stat--violet:after{background:radial-gradient(120% 90% at 100% 0,#a855f72e,#0000 62%)}.glass-stat--green:after{background:radial-gradient(120% 90% at 100% 0,#22e6a824,#0000 62%)}.glass-stat__label{z-index:1;letter-spacing:1.7px;text-transform:uppercase;color:#9fb0c9;font-size:10.5px;font-weight:700;position:relative}.glass-stat__value{z-index:1;font-family:var(--font-display,"Plus Jakarta Sans", "Montserrat", system-ui, sans-serif);letter-spacing:-.02em;color:#f1f5f9;font-size:clamp(1.5rem,1.1rem + 1.4vw,2.35rem);font-weight:800;line-height:1.12;position:relative}.glass-stat__value--gold{color:var(--neon-gold);text-shadow:0 0 18px #ffcc0073,0 0 46px #ffcc0029}.glass-stat__value--cyan{color:var(--neon-cyan);text-shadow:0 0 18px #00ccff73,0 0 46px #00ccff29}.glass-stat__value--violet{color:#c084fc;text-shadow:0 0 18px #a855f773,0 0 46px #a855f729}.glass-stat__value--green{color:var(--neon-green);text-shadow:0 0 18px #22e6a866,0 0 46px #22e6a824}.glass-stat__meta{z-index:1;color:#7f8fa8;font-size:11.5px;position:relative}.glass-tabs{border:1px solid var(--glass-border);background:#ffffff08;border-radius:12px;flex-wrap:wrap;gap:6px;padding:4px;display:inline-flex}.glass-tab{appearance:none;color:#a8b6cc;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:9px;padding:7px 14px;font-size:12px;font-weight:600;transition:background .18s,color .18s,box-shadow .18s,transform .18s}.glass-tab:hover{color:#fff;background:#a855f7cc;box-shadow:0 6px 18px #a855f747}.glass-tab.active{color:#fff;background:linear-gradient(135deg,#a855f7,#7c3aed);border-color:#ffffff29;box-shadow:0 8px 24px #a855f761,inset 0 1px #ffffff2e}.glass-tab:focus-visible{outline:2px solid var(--neon-cyan);outline-offset:2px}.pm3d{background:radial-gradient(120% 120% at 50% 0%, #a855f71a, transparent 60%), var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-radius:16px;padding:10px 10px 4px;position:relative;overflow:hidden;box-shadow:0 16px 40px #00000073,inset 0 1px #ffffff12}.pm3d__chart{filter:drop-shadow(0 14px 22px #00ccff38)drop-shadow(0 4px 8px #0000008c);transition:transform .26s cubic-bezier(.22,1,.36,1)}.pm3d:hover .pm3d__chart{transform:translateY(-2px)scale(1.015)}.pm3d__center{pointer-events:none;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0;transform:translateY(-16px)}.pm3d__center-value{color:var(--neon-gold);text-shadow:0 0 16px #ffcc0073;letter-spacing:-.02em;font-size:18px;font-weight:800}.pm3d__center-label{letter-spacing:1.6px;text-transform:uppercase;color:#7f8fa8;font-size:9px;font-weight:700}.pm3d__legend{flex-wrap:wrap;justify-content:center;gap:10px 14px;padding:4px 8px 10px;display:flex}.pm3d__legend-item{color:#9fb0c9;background:#ffffff08;border:1px solid #ffffff12;border-radius:999px;align-items:center;gap:6px;padding:3px 9px;font-size:10.5px;display:inline-flex}.pm3d__swatch{border-radius:999px;width:8px;height:8px;box-shadow:0 0 8px}.pm3d__legend-amount{color:#e2e8f0;font-weight:700}.glass-tooltip{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#e2e8f0!important;background:#0a0f1deb!important;border:1px solid #00ccff47!important;border-radius:10px!important;font-size:12px!important;box-shadow:0 12px 30px #0000008c,inset 0 0 0 1px #ffffff0a!important}.glass-panel{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-radius:16px;box-shadow:0 14px 36px #0006}.glass-panel__head{letter-spacing:.4px;color:#cfd9e8;border-bottom:1px solid #ffffff12;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;font-size:12px;font-weight:700;display:flex}.glass-panel__body{padding:14px 16px}.btn-glass{appearance:none;cursor:pointer;color:#dbe6f5;border:1px solid var(--glass-border);background:#ffffff0d;border-radius:10px;padding:8px 16px;font-size:12px;font-weight:700;transition:background .18s,color .18s,box-shadow .18s,transform .18s}.btn-glass:hover{color:#fff;background:#a855f7cc;transform:translateY(-1px);box-shadow:0 8px 22px #a855f752}.btn-glass--gold{color:var(--neon-gold);border-color:#ffcc0059}.btn-glass--gold:hover{color:var(--neon-gold);background:#ffcc002e;box-shadow:0 8px 22px #ffcc0038}.money--gold{text-shadow:0 0 12px #ffcc0047;font-weight:700;color:var(--neon-gold)!important}.revenue-target__head{z-index:1;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;display:flex;position:relative}.revenue-target__pct{font-size:clamp(1.35rem,1rem + 1.1vw,2rem)}.revenue-target__body{z-index:1;flex-wrap:wrap;align-items:center;gap:20px;margin-top:12px;display:flex;position:relative}.revenue-gauge{flex:none;place-items:center;width:108px;height:108px;display:grid;position:relative}.revenue-gauge__svg{width:100%;height:100%;overflow:visible;transform:rotate(-90deg)}.revenue-gauge__track{fill:none;stroke:#ffffff14;stroke-width:9px}.revenue-gauge__arc{fill:none;stroke:url(#revenueGaugeGradient);stroke-width:9px;stroke-linecap:round;filter:drop-shadow(0 0 6px #00ccff73);transition:stroke-dashoffset .9s cubic-bezier(.22,1,.36,1)}.revenue-gauge__center{font-family:var(--font-display,"Plus Jakarta Sans", "Montserrat", system-ui, sans-serif);letter-spacing:-.02em;color:var(--neon-gold);text-shadow:0 0 16px #fc06;pointer-events:none;place-items:center;font-size:1.35rem;font-weight:800;display:grid;position:absolute;inset:0}.revenue-gauge__center small{opacity:.85;margin-left:1px;font-size:.7rem;font-weight:700}.revenue-target__copy{flex:220px;min-width:0}.revenue-target__achieved{color:#f1f5f9;margin:0;font-size:clamp(1.1rem,.9rem + .8vw,1.5rem);font-weight:800}.revenue-target__achieved span{color:#7f8fa8;font-size:.8rem;font-weight:600}.revenue-target__meta{color:#7f8fa8;margin:4px 0 0;font-size:11.5px}@media (prefers-reduced-motion:reduce){.revenue-gauge__arc{transition:none}}.glass-progress{background:#ffffff14;border:1px solid #ffffff0f;border-radius:999px;height:8px;margin-top:10px;position:relative;overflow:hidden}.glass-progress--lg{align-items:center;height:26px;margin-top:0;display:flex}.glass-progress__fill{border-radius:inherit;background:linear-gradient(90deg, var(--neon-gold), #ff9f1a);height:100%;transition:width .42s cubic-bezier(.22,1,.36,1);box-shadow:0 0 18px #ffcc008c}.glass-progress__label{letter-spacing:.04em;color:#0a0f1d;text-shadow:0 1px #ffffff59;font-size:11px;font-weight:700;position:absolute;right:10px}.settings-stack{flex-direction:column;gap:16px;display:flex}.settings-target{border:1px solid #ffcc0038;box-shadow:0 18px 44px #00000052,inset 0 1px #ffffff0a}.settings-target__hint{color:var(--text-dim);margin:6px 0 14px;font-size:12px;line-height:1.6}.settings-target__meta{color:var(--text-dim);flex-wrap:wrap;align-items:baseline;gap:8px;margin-top:12px;font-size:12px;display:flex}.settings-target__achieved{color:var(--neon-cyan);text-shadow:0 0 14px #00ccff52;font-size:1.35rem;font-weight:800}.settings-target__field{color:var(--text-dim);flex-direction:column;gap:6px;font-size:12px;display:flex}.settings-target__field input{border:1px solid var(--glass-border,#ffffff1f);width:200px;color:var(--text);background:#ffffff0a;border-radius:8px;padding:9px 12px;font-size:14px}.settings-target__field input:focus{border-color:#00ccff8c;outline:none;box-shadow:0 0 0 3px #00ccff24}@media (prefers-reduced-motion:reduce){.glass-stat,.glass-tab,.btn-glass,.pm3d__chart{transition:none!important}.glass-stat:hover,.pm3d:hover .pm3d__chart{transform:none}}.navbar-right{align-items:center;gap:10px;height:100%;padding:0 18px;display:flex;position:relative}.navbar-portal{color:#22d3ee;height:40px;font-family:var(--font-body);white-space:nowrap;background:#22d3ee14;border:1px solid #22d3ee59;border-radius:999px;flex-shrink:0;align-items:center;gap:8px;padding:0 14px;font-size:13px;font-weight:700;text-decoration:none;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.navbar-portal:hover{color:#67e8f9;background:#22d3ee29;border-color:#22d3eea6}.navbar-portal svg{flex-shrink:0;font-size:15px}.navbar-profile{color:#e2e8f0;height:40px;font-family:var(--font-body);cursor:pointer;background:#ffffff05;border:1px solid #1f2432;border-radius:999px;align-items:center;gap:10px;padding:0 12px;font-size:13px;font-weight:600;transition:background .15s,border-color .15s;display:flex}.navbar-profile:hover{background:#ffffff0d;border-color:#2a3147}.navbar-dot{background:#10b981;border-radius:50%;flex-shrink:0;width:8px;height:8px;box-shadow:0 0 0 3px #10b98126}.navbar-profile-name{text-overflow:ellipsis;white-space:nowrap;color:#e2e8f0;max-width:180px;overflow:hidden}.navbar-role{text-transform:uppercase;letter-spacing:.8px;border-radius:999px;padding:3px 9px;font-size:9.5px;font-weight:800}.navbar-role--staff{color:#22d3ee;background:#22d3ee1f}.navbar-role--manager{color:#f472b6;background:#f472b61f}.navbar-role--ceo{color:#facc15;background:#facc1524}.navbar-chevron{color:#64748b;align-items:center;font-size:15px;transition:transform .2s,color .2s;display:flex}.navbar-chevron.open{color:#22d3ee;transform:rotate(180deg)}.navbar-menu{z-index:200;background:#0d0f18;border:1px solid #1f2432;border-radius:12px;min-width:220px;padding:6px;animation:.15s ease-out navMenuIn;position:absolute;top:calc(100% + 8px);right:18px;box-shadow:0 16px 32px #00000080}.navbar-menu--right{transform-origin:100% 0;max-width:calc(100vw - 24px);left:auto;right:18px}.navbar-menu-item{color:#cbd5e1;width:100%;font-family:var(--font-body);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;padding:9px 11px;font-size:13px;font-weight:500;transition:background .12s,color .12s;display:flex}.navbar-menu-item:hover{color:#fff;background:#ffffff0f}.navbar-menu-item--danger{color:#f87171}.navbar-menu-item--danger:hover{color:#fca5a5;background:#f871711a}.navbar-menu-head{border-bottom:1px solid #1f2432;flex-direction:column;gap:2px;margin-bottom:4px;padding:8px 11px;display:flex}.navbar-menu-name{color:#e2e8f0;font-size:13px;font-weight:600}.navbar-menu-email{color:#64748b;font-size:11px}@keyframes navMenuIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@media (width<=1024px){.navbar-right{padding:0 12px}.navbar-profile{height:38px;padding:0 10px}}@media (width<=768px){.navbar-right{flex-wrap:nowrap;flex-shrink:0;gap:8px;margin-left:auto;padding:0}.navbar-portal{height:38px;padding:0 11px;font-size:12px}.navbar-portal-label{display:none}.navbar-profile{white-space:nowrap;flex-wrap:nowrap;flex-shrink:0}.navbar-profile-name{max-width:110px}.navbar-menu{min-width:200px;right:10px}}@media (width<=480px){.navbar-right{padding:0}.navbar-portal{display:none}.navbar-profile-name{max-width:80px;font-size:12px}.navbar-role{display:none}.navbar-profile{gap:6px;height:34px;padding:0 8px}.navbar-dot{width:7px;height:7px}.navbar-menu{min-width:min(200px,100vw - 24px);left:auto;right:8px}}.admin-root{background:var(--bg);flex-direction:column;height:100dvh;display:flex}.admin-nav{height:var(--nav-height);-webkit-backdrop-filter:blur(18px)saturate(140%);z-index:100;background:#08080ee0;border-bottom:1px solid #7a0e5759;align-items:center;display:flex;position:sticky;top:0}.admin-nav:before{content:"";pointer-events:none;background:radial-gradient(600px 130px at 12% -30%,#7a0e5738,#0000 60%),radial-gradient(600px 130px at 88% -30%,#00e5ff1f,#0000 60%);position:absolute;inset:0}.admin-nav:after{content:"";opacity:.9;pointer-events:none;background:linear-gradient(90deg,#0000,#7a0e57,#00e5ff,#71ff2f,#0000) 0 0/200% 100%;height:2px;animation:9s linear infinite navHairline;position:absolute;bottom:-1px;left:0;right:0}@keyframes navHairline{0%{background-position:0 0}to{background-position:200% 0}}.admin-nav-inner{z-index:1;grid-template-columns:var(--sidebar-width) 1fr auto;align-items:center;width:100%;height:100%;display:grid;position:relative}.admin-nav-brand{background:linear-gradient(#ffffff06,#0000);border-right:1px solid #94a3b81f;flex-direction:column;justify-content:center;align-items:center;gap:2px;height:100%;padding:0 10px;display:flex}.admin-logo{filter:drop-shadow(0 0 8px #a855f773)drop-shadow(0 0 24px #8b5cf680);width:auto;height:68px;transition:transform .3s;animation:3.4s ease-in-out infinite logoGlow}@media (hover:hover){.admin-logo:hover{filter:drop-shadow(0 0 12px #a855f7a6)drop-shadow(0 0 32px #8b5cf6b3);animation-play-state:paused;transform:scale(1.04)}}@keyframes logoGlow{0%,to{filter:drop-shadow(0 0 6px #a855f759)drop-shadow(0 0 16px #8b5cf666)}50%{filter:drop-shadow(0 0 14px #a855f7a6)drop-shadow(0 0 34px #8b5cf699)}}.admin-nav-center{background:linear-gradient(#ffffff04,#0000);border-right:1px solid #94a3b81f;align-items:center;gap:18px;min-width:0;height:100%;padding:0 20px;display:flex}.workspace-switch{-webkit-backdrop-filter:blur(8px);background:linear-gradient(#ffffff0b,#ffffff05);border:1px solid #7a0e5773;border-radius:11px;align-items:center;gap:2px;padding:3px;display:flex;box-shadow:inset 0 1px #ffffff0f,0 0 0 1px #00e5ff0a}.ws-btn{color:var(--text-muted);font-family:var(--font-body);letter-spacing:.02em;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:8px;align-items:center;gap:7px;padding:7px 14px;font-size:12.5px;font-weight:600;transition:all .18s;display:flex}@media (hover:hover){.ws-btn:hover{color:var(--text);background:#ffffff12;transform:translateY(-1px)}}.ws-btn.active{color:#fff;box-shadow:inset 0 0 0 1px #00e5ff59,0 0 18px #7a0e578c,0 2px 10px #00000059}.ws-btn.active .ws-icon{filter:drop-shadow(0 0 6px #00e5ffcc)}.ws-btn.active .ws-label{text-shadow:0 0 12px #71ff2f59}.ws-btn.active[data-ws=ultranet]{background:linear-gradient(135deg,#00e5ff4d,#6a0dada6)}.ws-btn.active[data-ws=transit]{background:linear-gradient(135deg,#ffd70073,#ff007f66)}.ws-btn.active[data-ws=pos]{background:linear-gradient(135deg,#7a0e579e,#00e5ff29)}.ws-icon{flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;line-height:1;display:inline-flex}.ws-logo{aspect-ratio:1;object-fit:contain;object-position:center;width:100%;max-width:100%;height:100%;max-height:100%;display:block}.ws-logo--favicon{object-fit:cover;object-position:center;mix-blend-mode:screen;filter:drop-shadow(0 0 5px #00e5ff8c)drop-shadow(0 0 14px #a855f780);border-radius:50%;width:22px;height:22px;transition:transform .2s,filter .2s;animation:3.4s ease-in-out infinite faviconGlow;display:block}@keyframes faviconGlow{0%,to{filter:drop-shadow(0 0 4px #00e5ff73)drop-shadow(0 0 12px #a855f773)}50%{filter:drop-shadow(0 0 10px #00e5ffd9)drop-shadow(0 0 22px #a855f7b3)}}@media (hover:hover){.ws-btn:hover .ws-logo--favicon{transform:scale(1.12)}}.ws-btn.active .ws-logo--favicon{filter:drop-shadow(0 0 8px #00e5fff2)drop-shadow(0 0 24px #a855f7d9);animation:none}.ws-logo--transit{object-fit:contain;object-position:center;mix-blend-mode:normal;filter:drop-shadow(0 0 5px #22c55e80)drop-shadow(0 0 14px #22c55e52);width:100%;height:100%;transition:transform .2s,filter .2s}@media (hover:hover){.ws-btn:hover .ws-logo--transit{transform:scale(1.08)}}.ws-btn.active .ws-logo--transit{filter:drop-shadow(0 0 8px #4ade80e6)drop-shadow(0 0 24px #22c55eb3)}.nav-hamburger{width:42px;height:42px;color:var(--text-muted);cursor:pointer;background:#ffffff08;border:1px solid #94a3b82e;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;margin-right:4px;font-size:19px;transition:all .18s;display:none}.nav-hamburger:hover{color:var(--cyan);border-color:#00e5ff66}.sidebar-overlay{z-index:90;-webkit-backdrop-filter:blur(2px);opacity:0;visibility:hidden;pointer-events:none;background:#0009;transition:opacity .25s,visibility .25s;position:fixed;inset:0}.sidebar-overlay.visible{opacity:1;visibility:visible;pointer-events:auto}.admin-layout{flex:1;display:flex;overflow:hidden}.admin-main{background:radial-gradient(1200px 520px at 82% -12%, #7a0e571f, transparent 60%), radial-gradient(900px 420px at -8% -4%, #00e5ff14, transparent 55%), linear-gradient(#ffffff04 1px, transparent 1px), linear-gradient(90deg, #ffffff04 1px, transparent 1px), var(--bg);background-repeat:no-repeat,no-repeat,repeat,repeat,repeat;background-size:auto,auto,46px 46px,46px 46px,auto;flex:1;padding:28px;overflow-y:auto}.sidebar{width:var(--sidebar-width);background:linear-gradient(#08080ef5,#0a0a12fa);border-right:1px solid #7a0e5759;flex-direction:column;display:flex;position:relative;overflow-y:auto}.sidebar:after{content:"";pointer-events:none;opacity:.55;background:linear-gradient(#0000,#7a0e57,#00e5ff,#0000);width:2px;position:absolute;top:0;bottom:0;right:-1px}.sidebar-links{flex-direction:column;flex:1;gap:6px;padding:10px;display:flex}.sidebar-group{flex-direction:column;gap:3px;margin-bottom:6px;display:flex}.sidebar-group--system{border-top:1px solid #7a0e5766;margin-top:12px;padding-top:6px}.sidebar-group-label{text-transform:uppercase;letter-spacing:.16em;color:var(--text-muted);align-items:center;gap:7px;padding:14px 10px 6px;font-size:9px;font-weight:800;display:flex}.sidebar-group-label:before{content:"";background:linear-gradient(90deg, var(--purple-glow), var(--cyan));border-radius:2px;width:11px;height:2px;box-shadow:0 0 8px #00e5ff99}.sidebar-link{color:var(--text-muted);font-family:var(--font-body);cursor:pointer;text-align:left;background:#ffffff05;border:1px solid #0000;border-radius:9px;align-items:center;gap:11px;padding:8px 10px;font-size:13px;font-weight:500;transition:all .18s;display:flex;position:relative}.sidebar-link-ic{background:#ffffff0b;border:1px solid #ffffff0f;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;transition:all .18s;display:inline-flex}.sidebar-link-ic svg{opacity:.85;font-size:15px;transition:all .18s}.sidebar-link:hover{color:var(--text);background:#ffffff0e;border-color:#7a0e5759;transform:translate(2px)}.sidebar-link:hover .sidebar-link-ic{background:#00e5ff14;border-color:#00e5ff59}.sidebar-link:hover .sidebar-link-ic svg{opacity:1;color:var(--cyan)}.sidebar-link.active{color:#fff;background:linear-gradient(90deg,#7a0e5747,#00e5ff0f);border-color:#00e5ff40;font-weight:600;box-shadow:0 0 16px #7a0e572e}.sidebar-link.active:before{content:"";background:linear-gradient(180deg, var(--purple-glow), var(--cyan));border-radius:3px;width:3px;position:absolute;top:8px;bottom:8px;left:-1px;box-shadow:0 0 10px #00e5ffb3}.sidebar-link.active .sidebar-link-ic{background:linear-gradient(135deg,#7a0e5780,#00e5ff38);border-color:#00e5ff80;box-shadow:0 0 12px #7a0e5766}.sidebar-link.active .sidebar-link-ic svg{opacity:1;color:#fff;filter:drop-shadow(0 0 6px #00e5ffcc)}.sidebar-badge{background:var(--red);color:#fff;text-align:center;border-radius:99px;flex-shrink:0;min-width:18px;height:18px;margin-left:auto;padding:0 5px;font-size:10px;font-weight:700;line-height:18px;animation:2s ease-in-out infinite badgePulse;box-shadow:0 0 8px #ff174480}@keyframes badgePulse{0%,to{box-shadow:0 0 6px #ff174466}50%{box-shadow:0 0 14px #ff1744cc}}.role-ceo .sidebar-link.active{background:linear-gradient(90deg,#ffd70029,#ffd70005);border-color:#ffd7004d}.role-ceo .sidebar-link.active:before{background:linear-gradient(180deg, var(--gold), #ffd7004d);box-shadow:0 0 10px #ffd700b3}.role-ceo .sidebar-link.active .sidebar-link-ic svg{filter:drop-shadow(0 0 8px #ffd700b3)}.sidebar-openapps{border-top:1px solid #7a0e5766;border-image:linear-gradient(90deg,#7a0e57a6,#00e5ff59,#0000) 1;padding-top:6px}.sidebar--collapsed{width:64px!important}.sidebar--collapsed .sidebar-links{padding:8px}.sidebar--collapsed .sidebar-link{justify-content:center;padding:8px 0}.sidebar--collapsed .sidebar-link-ic{width:30px;height:30px}.sidebar--collapsed .sidebar-link-ic svg{opacity:.85;font-size:17px}.sidebar-collapse-btn{color:var(--text-muted);cursor:pointer;background:#ffffff08;border:1px solid #7a0e5766;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;margin:8px;padding:10px;font-size:15px;transition:all .2s;display:flex}.sidebar-collapse-btn:hover{color:var(--cyan);border-color:#00e5ff66;box-shadow:0 0 12px #00e5ff26}.sidebar-footer{border-top:1px solid var(--border);padding:10px 12px;display:none}.toast-container{z-index:9999;pointer-events:none;flex-direction:column;align-items:center;gap:6px;padding:12px 16px;display:flex;position:fixed;top:0;left:0;right:0}.toast-banner{pointer-events:auto;-webkit-backdrop-filter:blur(20px);background:#14141ef5;border:1px solid #ffffff14;border-radius:12px;width:100%;max-width:420px;padding:14px 18px;animation:.35s ease-out toastSlideIn;box-shadow:0 8px 32px #00000080}.toast--success{border-left:3px solid var(--green)}.toast--info{border-left:3px solid var(--purple-glow)}.toast--warning{border-left:3px solid var(--gold)}.toast--error{border-left:3px solid var(--red)}.toast-title{color:#fff;margin-bottom:2px;font-size:13px;font-weight:700}.toast-message{color:var(--text-muted);font-size:12px;line-height:1.4}@keyframes toastSlideIn{0%{opacity:0;transform:translateY(-120%)}to{opacity:1;transform:translateY(0)}}.toast--clickable{cursor:pointer;transition:transform .15s}.toast--clickable:hover{transform:scale(1.02)}.toast-goto{text-transform:uppercase;letter-spacing:.5px;color:var(--purple-glow);margin-left:6px;font-size:10px;font-weight:600}.ap-warning-banner{cursor:pointer;background:#ff17441f;border-bottom:1px solid #ff17444d;align-items:center;gap:12px;padding:10px 18px;transition:background .2s;animation:.3s ease-out bannerSlideDown;display:flex}.ap-warning-banner:hover{background:#ff17442e}.ap-warning-icon{color:var(--red);flex-shrink:0;align-items:center;animation:1.5s ease-in-out infinite alertPulse;display:flex}.ap-warning-body{flex-direction:column;flex:1;gap:1px;display:flex}.ap-warning-title{color:#fff;font-size:13px;font-weight:700}.ap-warning-desc{color:var(--text-muted);font-size:12px}.ap-warning-dismiss{width:28px;height:28px;color:var(--text-muted);cursor:pointer;background:#ffffff0f;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;transition:all .15s;display:flex}.ap-warning-dismiss:hover{color:#fff;background:#ffffff1f}@keyframes bannerSlideDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes alertPulse{0%,to{opacity:1}50%{opacity:.5}}@media (width<=1280px){.admin-nav-center{gap:12px;padding-left:16px}}@media (width<=1024px){.nav-hamburger{margin-left:12px;display:flex}.admin-nav-inner{grid-template-columns:auto auto minmax(0,1fr) auto}.admin-nav-brand{border-right:none;flex-direction:column;padding:0 10px}.admin-logo{height:56px}.admin-nav-center{border-right:none;gap:10px;padding:0 12px}.sidebar,.sidebar.sidebar--collapsed{top:var(--nav-height);z-index:95;max-width:84vw;box-shadow:none;transition:transform .28s;position:fixed;bottom:0;left:0;transform:translate(-100%);width:min(var(--sidebar-width), 84vw)!important}.nav-open .sidebar,.nav-open .sidebar.sidebar--collapsed{transform:translate(0);box-shadow:24px 0 60px #0000008c}.sidebar-collapse-btn{display:none}.admin-main{padding:22px}.ap-warning-banner{flex-wrap:wrap}}@media (width<=768px){:root{--nav-height:56px}.admin-nav-inner{width:100%;height:100%;padding-left:max(12px, env(safe-area-inset-left));padding-right:max(12px, env(safe-area-inset-right));align-items:center;gap:8px;display:flex}.nav-hamburger{flex-shrink:0;width:38px;height:38px;margin-left:0;font-size:17px}.admin-nav-brand{background:0 0;border:none;flex-direction:row;flex-shrink:0;justify-content:flex-start;align-items:center;gap:8px;padding:0}.admin-logo{object-fit:contain;object-position:left center;width:auto;max-width:130px;height:42px}.admin-nav-center{border:none;flex:auto;justify-content:center;gap:4px;min-width:0;margin:0 6px;padding:0;overflow:visible}.workspace-switch{flex-shrink:1;gap:4px;min-width:0;max-width:100%}.ws-btn{white-space:nowrap;flex:0 auto;gap:6px;min-width:0;padding:7px 9px;font-size:11.5px}.ws-btn .ws-label{display:none}.sidebar{top:var(--nav-height)}.admin-main{padding:14px}}@media (width<=480px){.admin-nav-inner{padding-left:max(10px, env(safe-area-inset-left));padding-right:max(10px, env(safe-area-inset-right));gap:6px}.admin-logo{max-width:112px;height:36px}.admin-nav-brand{gap:6px}.nav-hamburger{width:34px;height:34px}.admin-nav-center{gap:4px;margin:0 2px}.ws-btn{padding:6px}.admin-main{padding:12px}.ap-warning-banner{gap:8px;padding:8px 12px}}.lock-overlay{z-index:9999;-webkit-backdrop-filter:blur(22px)saturate(130%);background:radial-gradient(900px 520px at 50% -8%,#6a0dad29,#0000 62%),#050505f0;justify-content:center;align-items:center;padding:20px;animation:.25s lockFadeIn;display:flex;position:fixed;inset:0;overflow:hidden}@keyframes lockFadeIn{0%{opacity:0}to{opacity:1}}@keyframes lockCardIn{0%{opacity:0;transform:translateY(18px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes lockSpin{to{transform:rotate(360deg)}}@keyframes lockShake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.lock-card{text-align:center;background:linear-gradient(#101526eb,#080a14f5);border:1px solid #94a3b824;border-radius:20px;width:100%;max-width:420px;padding:28px 30px 24px;animation:.3s lockCardIn;position:relative;box-shadow:0 32px 64px #0000008c}.lock-card:before{content:"";background:linear-gradient(90deg,#0000,#00e5ff,#a855f7,#f0f,#0000);border-radius:18px 18px 0 0;height:3px;position:absolute;inset:0 0 auto}.lock-brand{justify-content:center;align-items:center;margin-bottom:18px;display:flex}.lock-logo{object-fit:contain;width:auto;max-width:100%;height:100px;display:block}.lock-avatar{width:64px;height:64px;font-family:var(--font-display);letter-spacing:.04em;color:#fff;background:linear-gradient(135deg,#6a0dad66,#8b18c947);border:1px solid #94a3b838;border-radius:50%;justify-content:center;align-items:center;margin:0 auto 14px;font-size:1.6rem;display:flex}.lock-title{font-family:var(--font-display);letter-spacing:.04em;color:var(--text);margin:0 0 6px;font-size:1.9rem}.lock-sub{max-width:330px;color:var(--text-muted);margin:0 auto 18px;font-size:13.5px;line-height:1.6}.lock-identity{background:#00e5ff12;border:1px solid #00e5ff2e;border-radius:999px;align-items:center;gap:8px;margin-bottom:18px;padding:6px 14px;display:inline-flex}.lock-identity-name{color:var(--text);font-size:13px;font-weight:600}.lock-identity-role{text-transform:uppercase;letter-spacing:.1em;color:var(--cyan);font-size:11px;font-weight:700}.lock-form{text-align:left;flex-direction:column;gap:14px;display:flex}.lock-field{flex-direction:column;gap:6px;display:flex}.lock-field>span:first-child{text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted);font-size:11px;font-weight:700}.lock-pw{display:block;position:relative}.lock-pw input{width:100%;color:var(--text);font-family:var(--font-body);background:#05050ea6;border:1px solid #94a3b833;border-radius:10px;padding:12px 42px 12px 14px;font-size:14px;transition:border-color .2s,box-shadow .2s}.lock-pw input:focus{background:#050710eb;border-color:#6a0dad;outline:none;box-shadow:0 0 0 3px #6a0dad38}.lock-eye{color:var(--text-muted);cursor:pointer;background:0 0;border:none;align-items:center;padding:4px;display:flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.lock-eye:hover{color:var(--cyan)}.lock-error{color:var(--red);background:#ff17441a;border:1px solid #ff174452;border-radius:8px;padding:9px 12px;font-size:13px;animation:.4s lockShake;box-shadow:0 0 20px #ff17441f}.lock-btn{background:linear-gradient(120deg, var(--purple) 0%, var(--pink) 52%, var(--cyan) 130%);color:#fff;width:100%;font-family:var(--font-body);cursor:pointer;text-transform:uppercase;letter-spacing:.1em;background-position:0%;background-size:170% 100%;border:none;border-radius:10px;padding:13px;font-size:14.5px;font-weight:800;transition:transform .18s,box-shadow .25s,background-position .4s,opacity .2s;animation:3.6s ease-in-out infinite authPulseGlow;position:relative;overflow:hidden;box-shadow:0 10px 34px #a855f76b,inset 0 1px #ffffff2e}.lock-btn:after{content:"";pointer-events:none;background:linear-gradient(100deg,#0000,#fff6,#0000);width:42%;height:100%;animation:3.4s ease-in-out infinite authShineSweep;position:absolute;top:0;left:-70%;transform:skew(-20deg)}.lock-btn:hover:not(:disabled){background-position:60%;transform:translateY(-2px);box-shadow:0 16px 46px #a855f799,0 0 34px #00e5ff4d}.lock-btn:active:not(:disabled){transform:translateY(0)}.lock-btn:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.lock-btn:disabled{cursor:wait;opacity:.85;animation:none;box-shadow:0 8px 26px #a855f759}.lock-btn:disabled:after{animation-duration:1.6s}.lock-spinner{vertical-align:-2px;border:2px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:14px;height:14px;margin-right:8px;animation:.7s linear infinite lockSpin;display:inline-block}.lock-foot{border-top:1px solid #94a3b81f;justify-content:space-between;align-items:center;gap:12px;margin-top:16px;padding-top:14px;display:flex}.lock-cap{color:var(--text-dim);font-size:12px}.lock-cap strong{color:var(--orange);font-variant-numeric:tabular-nums}.lock-signout{color:var(--text-muted);cursor:pointer;text-underline-offset:3px;background:0 0;border:none;font-size:12.5px;font-weight:600;text-decoration:underline}.lock-signout:hover{color:var(--pink)}.lock-note{color:var(--text-dim);margin:12px 0 0;font-size:11.5px;line-height:1.55}.idle-warning{z-index:9998;-webkit-backdrop-filter:blur(6px);background:#0303088c;justify-content:center;align-items:flex-end;padding:24px;animation:.2s lockFadeIn;display:flex;position:fixed;inset:0}.idle-warning-card{background:linear-gradient(#101526f2,#080a14f7);border:1px solid #ff910047;border-radius:16px;align-items:center;gap:16px;width:100%;max-width:640px;padding:16px 18px;animation:.28s lockCardIn;display:flex;box-shadow:0 24px 56px #0000008c}.idle-warning-icon{width:44px;height:44px;color:var(--orange);background:#ff91001f;border:1px solid #ff910040;border-radius:50%;flex:none;justify-content:center;align-items:center;display:flex}.idle-warning-body{flex:1;min-width:0}.idle-warning-title{color:var(--text);margin:0 0 2px;font-size:15px;font-weight:800}.idle-warning-text{color:var(--text-muted);margin:0;font-size:13px;line-height:1.5}.idle-warning-text strong{color:var(--orange);font-variant-numeric:tabular-nums}.idle-warning-actions{flex:none;align-items:center;gap:10px;display:flex}.idle-warning-ghost{color:var(--text-muted);font-family:var(--font-body);cursor:pointer;background:0 0;border:1px solid #94a3b840;border-radius:9px;padding:9px 14px;font-size:13px;font-weight:600;transition:color .2s,border-color .2s}.idle-warning-ghost:hover{color:var(--pink);border-color:#ff007f66}.idle-warning-btn{background:linear-gradient(120deg, var(--purple) 0%, var(--pink) 60%, var(--cyan) 130%);color:#fff;font-family:var(--font-body);cursor:pointer;background-size:170% 100%;border:none;border-radius:9px;padding:9px 18px;font-size:13px;font-weight:800;transition:background-position .4s,box-shadow .3s;box-shadow:0 5px 18px #a855f74d}.idle-warning-btn:hover{background-position:100%;box-shadow:0 7px 24px #00e5ff47}@media (width<=640px){.idle-warning-card{text-align:center;flex-direction:column;align-items:stretch}.idle-warning-icon{margin:0 auto}.idle-warning-actions{justify-content:center}.lock-foot{flex-direction:column;gap:8px}}.auth-screen{background:radial-gradient(900px 520px at 50% -8%,#6a0dad29,#0000 62%),radial-gradient(760px 480px at 50% 108%,#00d4ff12,#0000 60%),#050505;justify-content:center;align-items:center;min-height:100vh;padding:32px 20px;display:flex;position:relative}.auth-screen:before{content:"";pointer-events:none;z-index:0;background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-size:56px 56px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(720px 520px at 50% 42%,#000 0%,#0000 78%);mask-image:radial-gradient(720px 520px at 50% 42%,#000 0%,#0000 78%)}.auth-card{z-index:1;background:linear-gradient(#101526eb,#080a14f5);border:1px solid #94a3b824;border-radius:20px;width:100%;max-width:428px;animation:.45s cubic-bezier(.22,1,.36,1) both authCardIn;position:relative;overflow:hidden;box-shadow:0 32px 64px #0000008c,inset 0 2px #ffffff08}.auth-nav:after{content:"";opacity:.85;background:linear-gradient(90deg,#0000 4%,#6a0dad 38%,#f0f 62%,#0000 96%);height:2px;position:absolute;top:0;left:0;right:0}.auth-nav{background:linear-gradient(#6a0dad14,#0000);border-bottom:1px solid #94a3b81a;justify-content:center;align-items:center;padding:34px 24px 26px;display:flex;position:relative}.auth-logo{object-fit:contain;width:auto;max-width:100%;height:120px;display:block}.auth-body{padding:26px 26px 28px}.auth-tabs{background:#ffffff09;border:1px solid #94a3b824;border-radius:12px;gap:4px;margin-bottom:14px;padding:4px;display:flex}.auth-tab{color:var(--text-muted);font-family:var(--font-body);letter-spacing:.02em;cursor:pointer;background:0 0;border:none;border-radius:9px;flex:1;padding:10px 12px;font-size:13.5px;font-weight:600;transition:color .18s,background .18s}.auth-tab:hover{color:var(--text)}.auth-tab.active{color:#fff;background:linear-gradient(135deg,#6a0dad,#8b18c9);box-shadow:inset 0 1px #ffffff1f,0 4px 12px #6a0dad59}.auth-tab:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.auth-tagline{color:var(--text-dim);text-align:center;margin:0 0 20px;font-size:12.5px;line-height:1.5}.auth-form{flex-direction:column;gap:16px;display:flex}.auth-field{flex-direction:column;gap:7px;display:flex}.auth-field label{text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);font-size:11px;font-weight:600}.auth-field input{width:100%;color:var(--text);font-family:var(--font-body);background:#050710b8;border:1px solid #94a3b82e;border-radius:11px;padding:12px 14px;font-size:14px;transition:border-color .18s,box-shadow .18s,background .18s}.auth-field input::placeholder{color:#94a3b873}.auth-field input:hover{border-color:#94a3b852}.auth-field input:focus{background:#050710eb;border-color:#6a0dad;outline:none;box-shadow:0 0 0 3px #6a0dad38}.auth-field input:focus-visible{outline:none}.password-wrapper{align-items:center;display:flex;position:relative}.password-wrapper input{flex:1;padding-right:44px}.password-toggle{cursor:pointer;color:var(--text-muted);z-index:1;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:4px;line-height:0;transition:color .18s;display:flex;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.password-toggle:hover{color:var(--text)}.password-toggle:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.segmented{background:#05071099;border:1px solid #94a3b82e;border-radius:11px;display:flex;overflow:hidden}.segmented-option{color:var(--text-muted);font-family:var(--font-body);letter-spacing:.03em;cursor:pointer;background:0 0;border:none;flex:1;padding:10px;font-size:12.5px;font-weight:600;transition:color .18s,background .18s}.segmented-option+.segmented-option{border-left:1px solid #94a3b824}.segmented-option:hover{color:var(--text)}.segmented-option.active{color:#fff;background:linear-gradient(135deg,#6a0dad,#8b18c9);box-shadow:inset 0 1px #ffffff1f}.segmented-option:focus-visible{outline:2px solid var(--cyan);outline-offset:-2px}.auth-hint{color:var(--text-dim);font-size:11px}.auth-error{color:var(--red);background:#ff174414;border:1px solid #ff174447;border-radius:10px;padding:10px 12px;font-size:13px;line-height:1.45;animation:.35s authShake}.auth-success{color:var(--green);background:#00e67614;border:1px solid #00e67642;border-radius:10px;padding:10px 12px;font-size:13px;line-height:1.45}.auth-btn{background:linear-gradient(120deg, var(--purple) 0%, var(--pink) 52%, var(--cyan) 130%);color:#fff;width:100%;font-family:var(--font-body);cursor:pointer;text-transform:uppercase;letter-spacing:.1em;background-position:0%;background-size:170% 100%;border:none;border-radius:10px;padding:13px;font-size:14.5px;font-weight:800;transition:transform .18s,box-shadow .25s,background-position .4s,opacity .2s;animation:3.6s ease-in-out infinite authPulseGlow;position:relative;overflow:hidden;box-shadow:0 10px 34px #a855f76b,inset 0 1px #ffffff2e}.auth-btn:after{content:"";pointer-events:none;background:linear-gradient(100deg,#0000,#fff6,#0000);width:42%;height:100%;animation:3.4s ease-in-out infinite authShineSweep;position:absolute;top:0;left:-70%;transform:skew(-20deg)}.auth-btn:hover:not(:disabled){background-position:60%;transform:translateY(-2px);box-shadow:0 16px 46px #a855f799,0 0 34px #00e5ff4d}.auth-btn:active:not(:disabled){transform:translateY(0)}.auth-btn:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.auth-btn:disabled{cursor:wait;opacity:.85;animation:none;box-shadow:0 8px 26px #a855f759}.auth-btn:disabled:after{animation-duration:1.6s}.auth-btn-spinner{vertical-align:-2px;border:2px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:15px;height:15px;margin-right:9px;animation:.7s linear infinite authSpin;display:inline-block}.auth-link-btn{color:var(--text-muted);font-family:var(--font-body);cursor:pointer;text-align:center;background:0 0;border:none;border-radius:8px;padding:5px;font-size:13px;font-weight:600;transition:color .18s}.auth-link-btn:hover:not(:disabled){color:#00d4ff}.auth-link-btn:disabled{cursor:not-allowed;opacity:.55}.auth-link-btn:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.auth-success-screen{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:20px 12px;animation:.35s both authCardIn;display:flex}.auth-success-icon{color:var(--green);animation:.4s cubic-bezier(.34,1.56,.64,1) both authSuccessPop;display:flex}.auth-success-title{font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;color:var(--text);margin:0;font-size:26px}.auth-success-name{color:var(--text);margin:0;font-size:15px;font-weight:600}.auth-success-role{text-transform:uppercase;letter-spacing:.08em;color:#d8b4fe;background:#6a0dad33;border:1px solid #6a0dad73;border-radius:99px;padding:4px 12px;font-size:11px;font-weight:700}.auth-success-desc{color:var(--text-muted);max-width:320px;margin:4px 0 0;font-size:13px;line-height:1.55}.auth-success-note{color:var(--text-dim);margin-bottom:4px;font-size:12px}.auth-success-screen .auth-btn{width:100%;margin-top:8px}.auth-step-head{margin:0 0 2px}.auth-step-title{font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;color:var(--text);margin:0;font-size:22px}.auth-step-desc{color:var(--text-muted);margin:0 0 4px;font-size:13px;line-height:1.55}.auth-otp{letter-spacing:.42em;text-align:center;font-size:20px;font-weight:700;padding-left:24px!important}@keyframes authCardIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes authSpin{to{transform:rotate(360deg)}}@keyframes authShineSweep{0%{left:-70%}55%,to{left:130%}}@keyframes authPulseGlow{0%,to{box-shadow:0 10px 34px #a855f766,0 0 24px #00e5ff1f}50%{box-shadow:0 14px 44px #a855f799,0 0 36px #00e5ff47}}@keyframes authShake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}50%{transform:translate(4px)}75%{transform:translate(-2px)}}@keyframes authSuccessPop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.auth-card,.auth-success-screen,.auth-success-icon,.auth-error,.auth-btn{animation:none}.auth-btn:after{animation:none;display:none}.auth-btn:hover:not(:disabled){transform:none}}@media (width<=480px){.auth-screen{align-items:flex-start;padding:6vh 14px 16px}.auth-nav{padding:26px 20px 20px}.auth-logo{height:86px}.auth-body{padding:22px 18px 24px}.auth-step-title{font-size:20px}.auth-otp{letter-spacing:.36em;font-size:18px;padding-left:20px!important}}.status-chip{letter-spacing:.5px;text-transform:uppercase;border:1px solid #0000;border-radius:999px;align-items:center;gap:5px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-flex}.status-chip--active{color:var(--green);background:#00e67626;border-color:#00e67640;box-shadow:0 0 10px #00e6761f}.status-chip--scheduled{color:#38bdf8;background:#0091ff24;border-color:#38bdf840;box-shadow:0 0 10px #38bdf81f}.status-chip--completed{color:var(--text-muted);background:#94a3b826;border-color:#94a3b833}.status-chip--revoked{color:var(--red);background:#ff174426;border-color:#ff174440;box-shadow:0 0 10px #ff17441f}.status-chip--disabled{color:var(--orange);background:#ff910026;border-color:#ff910040;box-shadow:0 0 10px #ff91001f}.status-chip--open{color:var(--cyan);background:#00e5ff1f;border-color:#00e5ff40;box-shadow:0 0 10px #00e5ff1f}.status-chip--closed,.status-chip--unknown{color:var(--text-muted);background:#94a3b826;border-color:#94a3b833}.status-chip--cancelled{color:var(--orange);background:#ff17441f;border-color:#ff174433}.status-chip--conflict{color:var(--orange);background:#ff910026;border-color:#ff910040;box-shadow:0 0 10px #ff91001f}.status-chip--ok{color:var(--green);background:#00e6761f;border-color:#00e67633}.status-chip--down{color:var(--red);background:#ff174426;border-color:#ff174440;box-shadow:0 0 10px #ff17441f}.status-chip--severe{color:var(--pink);background:#ff007f2e;border-color:#ff007f4d;box-shadow:0 0 10px #ff007f24}.status-chip--inactive{color:var(--text-muted);background:#94a3b826;border-color:#94a3b833}.status-chip--on_leave{color:var(--orange);background:#ff910026;border-color:#ff910040;box-shadow:0 0 10px #ff91001f}.tx-tabs{border-bottom:1px solid #94a3b824;gap:6px;margin-bottom:16px;display:flex}.tx-tab{color:var(--text-muted);font-family:var(--font-body);letter-spacing:.8px;text-transform:uppercase;cursor:pointer;background:0 0;border:1px solid #0000;border-bottom:none;border-radius:8px 8px 0 0;padding:9px 18px;font-size:13px;font-weight:700;transition:all .2s}.tx-tab:hover{color:var(--text);text-shadow:0 0 8px #00e5ff33}.tx-tab.active{color:var(--cyan);box-shadow:inset 0 -2px 0 var(--cyan);text-shadow:0 0 10px #00e5ff59;background:linear-gradient(#00e5ff1a,#0000);border-color:#94a3b824}.tx-summary{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-bottom:16px;display:grid}.tx-summary .tx-card{flex-direction:column;gap:8px;height:auto;display:flex}.tx-card-preview{background:#fff;border:1.2px solid #ece7de;border-radius:16px;overflow:hidden;box-shadow:0 8px 20px #00000017}.tx-card-preview-strip{background:var(--amber,#ca9a2d);height:5px}.tx-card-preview-body{padding:20px 20px 22px}.tx-card-preview-pill{background:var(--navy,#14253a);color:#fff;letter-spacing:2px;text-transform:uppercase;border-radius:999px;align-self:center;padding:5px 16px;font-size:11px;font-weight:700}.tx-card-preview-tile{background:#f6f4f0;border-radius:10px;flex:1 1 0;min-width:0;padding:12px}.tx-card-preview-tile-label{color:#6e7b8a;letter-spacing:2px;font-size:9.5px;font-weight:600}.tx-card-preview-tile-value{color:#14253a;font-variant-numeric:tabular-nums;white-space:nowrap;text-overflow:ellipsis;margin-top:4px;font-size:16px;font-weight:800;overflow:hidden}.tx-card-preview-seat{background:#fbf5e6;border:1px solid #ca9a2d4d;border-radius:8px;align-self:center;padding:6px 14px}.tx-card-preview-total{background:#f0ede8;border-radius:10px;padding:14px}.tx-card-preview-hr{background:#ece7de;border:0;height:1px}.tx-card-preview-row{justify-content:space-between;gap:8px;padding:3px 0;display:flex}.tx-card-preview-field{gap:12px;padding:5px 0;display:flex}.tx-card-preview-label{color:#6e7b8a;letter-spacing:1.5px;flex-shrink:0;width:96px;font-size:10px;font-weight:600}.tx-card-preview-value{color:#26323f;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.tx-card-preview-money{color:#26323f;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:13.5px;font-weight:700}.tx-card-preview-qr{justify-content:center;display:flex}.tx-card-preview-qr svg{display:block}.tx-card-preview-code{margin-top:14px}.tx-card-preview-code svg{display:block}.tx-receipt{color:#141414;white-space:pre-wrap;word-break:break-word;background:#f6f4ee;border-radius:4px;width:100%;max-width:320px;margin:0 auto;padding:18px 14px;font-family:SFMono-Regular,Consolas,Courier New,monospace;font-size:12px;line-height:1.55;box-shadow:0 10px 28px #00000080}.tx-receipt-center{text-align:center}.tx-receipt-kicker{color:#5a5a5a;letter-spacing:2px;text-transform:uppercase;text-align:center;font-size:10px}.tx-receipt-hr{border-top:1px dashed #9aa0a6;margin:8px 0}.tx-receipt-row{justify-content:space-between;gap:8px;display:flex}.tx-receipt-total{border-top:1px dashed #9aa0a6;margin-top:8px;padding-top:8px;font-weight:800}.tx-receipt-big{letter-spacing:.5px;font-size:15px;font-weight:800}.tx-receipt-strong{font-weight:800}.tx-receipt-small{color:#5a5a5a;margin-top:2px;font-size:10px}.tx-banner{background:var(--surface2);border:1px solid #94a3b833;border-left:3px solid var(--accent,#10b8c2);border-radius:8px;padding:10px 14px;font-size:13px}.tx-banner>svg{flex-shrink:0}.tx-field textarea{background:var(--surface2);width:100%;color:var(--text);font-family:var(--font-body);resize:vertical;border:1px solid #94a3b833;border-radius:8px;padding:9px 12px;font-size:13px}.tx-field textarea:focus{border-color:var(--cyan)}.tx-status-select{background:var(--surface2);color:var(--text);font-size:12px;font-family:var(--font-body);cursor:pointer;border:1px solid #94a3b833;border-radius:8px;padding:6px 10px}.tx-status-select:focus{border-color:var(--cyan)}.tx-saved-banner{border:1px solid var(--green);color:var(--green);background:#00e6761f;border-radius:8px;margin-bottom:12px;padding:10px 14px;font-size:13px;font-weight:700}.tx-card{-webkit-backdrop-filter:blur(8px);background:linear-gradient(160deg,#1414288c,#080810b8);border:1px solid #94a3b824;border-radius:10px;height:100%;padding:18px;transition:border-color .2s,box-shadow .2s;box-shadow:0 4px 24px #00000040}.tx-card:hover{border-color:#ff00ff2e}.tx-card-label{text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);text-shadow:0 0 12px #0006;font-size:.72rem;font-weight:700}.tx-section-title{font-family:var(--font-display);letter-spacing:1px;text-transform:uppercase;color:#0000;filter:drop-shadow(0 0 8px #00d4ff26);background-image:linear-gradient(92deg,#7be0ff 0%,#00d4ff 28%,#ff5fa4 62%,#f0f 100%);-webkit-background-clip:text;background-clip:text;margin-bottom:12px;font-size:1.1rem}.tx-form-row{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px;display:grid}.tx-form-row--1{grid-template-columns:1fr}.tx-field label{text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);margin-bottom:5px;font-size:.72rem;font-weight:700;display:block}.tx-field input,.tx-field select{background:var(--surface2);width:100%;color:var(--text);font-family:var(--font-body);border:1px solid #94a3b833;border-radius:8px;padding:9px 12px;font-size:13px;transition:border-color .2s,box-shadow .2s}.tx-field input:focus,.tx-field select:focus{border-color:var(--cyan);box-shadow:0 0 0 2px #00d5ff24,0 0 18px #00d5ff14}.tx-field input[readonly],.tx-field input::placeholder{color:var(--text-dim)}.tx-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.tx-btn-danger{border:1px solid var(--red);color:var(--red);cursor:pointer;background:#ff174414;border-radius:6px;align-items:center;gap:5px;padding:6px 12px;font-size:12px;font-weight:700;transition:all .15s;display:inline-flex}.tx-btn-danger:hover{background:#ff17442e}.tx-btn-danger:disabled{opacity:.45;cursor:not-allowed}.tx-btn-danger-solid{background:var(--red);border:1px solid var(--red);color:#fff;cursor:pointer;border-radius:6px;align-items:center;gap:5px;padding:7px 14px;font-size:12px;font-weight:700;transition:all .15s;display:inline-flex}.tx-btn-danger-solid:hover{background:#b13434}.tx-btn-danger-solid:disabled{opacity:.45;cursor:not-allowed}.tx-table{border-collapse:collapse;width:100%;font-size:13px}.tx-table th,.tx-table td{text-align:left;border-bottom:1px solid #94a3b81a;padding:7px 10px}.tx-table th{text-transform:uppercase;letter-spacing:.04em;color:var(--cyan);text-shadow:0 0 8px #00e5ff33;font-size:11px}.tx-table tbody tr:hover td{background:#00e5ff09}.tx-seat{background:var(--amber-soft,#fbf5e6);border:1px solid var(--amber,#ca9a2d);min-width:38px;color:var(--amber,#ca9a2d);text-align:center;border-radius:5px;padding:2px 7px;font-size:11px;font-weight:700;display:inline-block}.tx-manifest{border:1px solid var(--border);background:#ffffff08;border-radius:10px;padding:4px 14px 12px;overflow:hidden}.tx-manifest-head{color:var(--text-dim);border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;gap:10px;margin-bottom:12px;padding:10px 0 14px;font-size:12px;font-weight:600;display:flex}.tx-confirm{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:4px 6px;display:flex}.tx-confirm p{margin:0;font-size:14px;line-height:1.5}.tx-cred-reveal{background:var(--surface2);border:1px dashed var(--border);color:var(--green);word-break:break-all;border-radius:8px;margin-top:12px;padding:12px 14px;font-family:SFMono-Regular,Consolas,monospace;font-size:13px;line-height:1.8}.tx-cred-reveal b{color:var(--text);font-family:var(--font-body);font-weight:800}.tx-dot{border-radius:50%;width:8px;height:8px;display:inline-block}.tx-dot--ok{background:var(--green);box-shadow:0 0 8px var(--green)}.tx-dot--down{background:var(--red);box-shadow:0 0 8px var(--red)}.tx-dot--muted{background:var(--text-dim)}.tx-muted{color:var(--text-muted);font-size:.8rem}.tx-notice{background:var(--surface2);border:1px solid var(--cyan);border-left:4px solid var(--cyan);color:var(--text);border-radius:8px;padding:10px 12px;font-size:13px;line-height:1.5}.tx-num{font-family:var(--font-display);letter-spacing:.5px;color:var(--text);font-size:1.15rem}.tx-num--green{color:var(--green);text-shadow:0 0 6px #00e67666}.tx-num--gold{color:var(--gold);text-shadow:0 0 6px #ffd70066}.tx-num--red{color:var(--red)}.tx-toolbar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px;display:flex}.tx-toolbar input,.tx-toolbar select{background:var(--surface2);color:var(--text);font-size:13px;font-family:var(--font-body);border:1px solid #94a3b833;border-radius:8px;padding:8px 12px;transition:border-color .2s,box-shadow .2s}.tx-toolbar input:focus,.tx-toolbar select:focus{border-color:var(--cyan);box-shadow:0 0 0 2px #00d5ff24,0 0 18px #00d5ff14}.tx-gate{background:var(--surface);text-align:center;border:1px solid #ff174466;border-radius:14px;max-width:520px;margin:12vh auto 0;padding:32px;box-shadow:0 0 40px #ff174426}.tx-gate-icon{border:1px solid var(--red);width:72px;height:72px;color:var(--red);background:#ff17441f;border-radius:50%;justify-content:center;align-items:center;margin:0 auto 16px;font-size:34px;animation:2s infinite glowPulse;display:flex}.tx-gate-title{font-family:var(--font-display);letter-spacing:1px;text-transform:uppercase;color:var(--red);margin-bottom:10px;font-size:1.6rem}.tx-gate-desc{color:var(--text-muted);margin-bottom:20px;font-size:.95rem;line-height:1.6}.tx-gate-btn{border:1px solid var(--border);color:var(--text);font-family:var(--font-body);cursor:pointer;background:0 0;border-radius:6px;padding:10px 22px;font-weight:700;display:inline-block}.tx-gate-btn:hover{border-color:var(--pink);color:var(--pink)}.company-profile-grid{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:start;gap:16px;display:grid}@media (width<=900px){.company-profile-grid{grid-template-columns:1fr;gap:12px}}@media (width<=768px){.tx-tabs{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;overflow-x:auto}.tx-tab{flex:none;padding:8px 14px;font-size:12px}.tx-form-row,.tx-form-row--1{grid-template-columns:1fr}.tx-summary{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}.tx-toolbar{gap:8px}.tx-toolbar input,.tx-toolbar select{min-width:0}.tx-gate{margin:8vh auto 0;padding:24px}.tx-card-preview-body{padding:14px}.tx-card-preview-tile{padding:10px}.tx-card-preview-label{width:84px}}@media (width<=480px){.tx-summary{grid-template-columns:1fr 1fr;gap:8px}.tx-actions{flex-wrap:wrap}.tx-banner{padding:10px 12px}}.wf-cards,.wf-header,.wf-metrics,.wf-scroll,.wf-empty,.wf-pop{--wf-cyan:#00f0ff;--wf-purple:#a855f7;--wf-green:#34d399;--wf-gold:#fbbf24;--wf-red:#f87171;--wf-panel:linear-gradient(160deg, #0d0f18eb, #131624e0)}.wf-cards{grid-template-columns:repeat(auto-fit,minmax(min(272px,100%),1fr));gap:14px;margin-top:14px;display:grid}.wf-card{background:var(--wf-panel);border:1px solid #ffffff12;border-radius:16px;min-width:0;padding:16px;transition:transform .24s,box-shadow .24s,border-color .24s;position:relative;overflow:hidden;box-shadow:0 8px 30px #00000059}.wf-card:after{content:"";pointer-events:none;background:radial-gradient(420px 130px at 10% -40%,#00f0ff1a,#0000 70%);position:absolute;inset:0}.wf-card:hover{border-color:color-mix(in srgb, var(--wf-accent,#00f0ff) 42%, transparent);box-shadow:0 18px 46px #00000080, 0 0 34px color-mix(in srgb, var(--wf-accent,#00f0ff) 18%, transparent);transform:translateY(-2px)}.wf-card--rise{animation:.42s cubic-bezier(.22,1,.36,1) both wf-rise}@keyframes wf-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.wf-card-head{align-items:center;gap:10px;margin-bottom:14px;display:flex;position:relative}.wf-card-head h3{letter-spacing:.2em;text-transform:uppercase;color:#ffffff9e;margin:0;font-size:10.5px;font-weight:700}.wf-card-rule{background:linear-gradient(90deg,#ffffff29,#0000);flex:1;height:1px}.wf-donut{flex-wrap:wrap;align-items:center;gap:14px;display:flex;position:relative}.wf-donut-ring{aspect-ratio:1;flex-shrink:0;width:122px;max-width:100%;position:relative}.wf-donut-svg{width:100%;height:100%;display:block}.wf-donut-arc{cursor:pointer;transition:stroke-dasharray .7s cubic-bezier(.22,1,.36,1),stroke-dashoffset .7s cubic-bezier(.22,1,.36,1),stroke-width .16s}.wf-donut g{transition:opacity .16s}.wf-donut-total{fill:#fff;letter-spacing:.05em;font-family:Bebas Neue,sans-serif;font-size:24px}.wf-donut-cap{fill:#fff6;letter-spacing:.2em;font-size:7px;font-weight:700}.wf-donut-tip{z-index:4;white-space:nowrap;color:#fff;pointer-events:none;background:#090c16f5;border:1px solid #00f0ff4d;border-radius:9px;align-items:center;gap:6px;padding:6px 9px;font-size:11px;animation:.14s ease-out wf-tip-in;display:flex;position:absolute;transform:translate(-50%,-128%);box-shadow:0 12px 30px #0000008c}.wf-donut-tip i{border-radius:3px;flex-shrink:0;width:8px;height:8px}.wf-donut-tip b{font-weight:700}.wf-donut-tip span{color:#fff9;font-variant-numeric:tabular-nums}@keyframes wf-tip-in{0%{opacity:0;transform:translate(-50%,-118%)}to{opacity:1;transform:translate(-50%,-128%)}}.wf-legend{flex-direction:column;flex:1;gap:7px;min-width:0;margin:0;padding:0;list-style:none;display:flex}.wf-legend li{color:#ffffffb8;cursor:pointer;border-radius:6px;align-items:center;gap:8px;min-width:0;padding:2px 4px;font-size:12px;transition:background .15s,color .15s;display:flex}.wf-legend li:hover,.wf-legend li.is-active{color:#fff;background:#ffffff0f}.wf-legend li i{border-radius:3px;flex-shrink:0;width:9px;height:9px}.wf-legend-label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.wf-legend b{color:#fff;font-variant-numeric:tabular-nums}.wf-legend em{text-align:right;color:#ffffff6b;font-variant-numeric:tabular-nums;width:32px;font-size:10.5px;font-style:normal}.wf-rank{flex-direction:column;gap:13px;margin:0;padding:0;list-style:none;display:flex}.wf-rank li{grid-template-rows:auto auto;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:7px 9px;display:grid}.wf-rank-pos{width:19px;height:19px;color:var(--wf-cyan);background:#00f0ff1f;border:1px solid #00f0ff3d;border-radius:6px;grid-row:1;justify-content:center;align-items:center;font-size:10px;font-weight:800;display:flex}.wf-rank li:first-child .wf-rank-pos{color:#04121a;background:linear-gradient(135deg, var(--wf-cyan), #4fd3ff);border-color:#0000;box-shadow:0 0 14px #00f0ff73}.wf-rank-name{color:#ffffffe0;text-overflow:ellipsis;white-space:nowrap;grid-row:1;align-items:center;gap:7px;min-width:0;font-size:12.5px;display:flex;overflow:hidden}.wf-rank-name i{flex-shrink:0;font-style:normal}.wf-rank-body{grid-area:2/1/auto/-1;align-items:center;gap:10px;display:flex}.wf-rank-track{background:#ffffff12;border-radius:999px;flex:1;min-width:0;height:7px;overflow:hidden}.wf-rank-fill{background:linear-gradient(90deg, var(--wf-cyan), var(--wf-purple));border-radius:999px;height:100%;transition:width .7s cubic-bezier(.22,1,.36,1);display:block;box-shadow:0 0 10px #00f0ff73}.wf-rank-meta{justify-content:flex-end;align-items:baseline;gap:9px;min-width:104px;display:flex}.wf-rank-meta b{color:#fff;font-variant-numeric:tabular-nums;font-size:12px}.wf-rank-meta em{text-align:right;min-width:30px;color:var(--wf-green);font-variant-numeric:tabular-nums;font-size:10.5px;font-style:normal}.wf-header{flex-direction:column;gap:10px;margin-bottom:14px;display:flex}.wf-header-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.wf-header-controls{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.wf-tier{flex-wrap:wrap;align-items:center;gap:7px;min-width:0;display:flex}.wf-count{color:#ffffffb8;font-variant-numeric:tabular-nums;background:#0000004d;border-radius:999px;padding:1px 6px;font-size:10.5px;font-weight:800}.wf-count:empty{display:none}.wf-tier .un-tab.is-active{color:var(--wf-cyan);text-shadow:0 0 12px #00f0ff73;background:linear-gradient(#00f0ff29,#00f0ff0d);border-color:#00f0ff99;box-shadow:0 0 16px #00f0ff3d,inset 0 0 12px #00f0ff14}.wf-tier .un-tab.is-active .wf-count{color:#04121a;background:var(--wf-cyan);box-shadow:0 0 10px #00f0ff8c}.wf-tier .un-tab:hover:not(.is-active){color:#fff;border-color:#00f0ff66}.wf-tier--class .un-tab{gap:6px;padding:6px 11px;font-size:11.5px}.wf-tier--class .un-tab.is-active{color:var(--wf-purple);text-shadow:0 0 12px #a855f773;background:linear-gradient(#a855f72e,#a855f70d);border-color:#a855f799;box-shadow:0 0 16px #a855f73d,inset 0 0 12px #a855f714}.wf-tier--class .un-tab.is-active .wf-count{color:#150522;background:var(--wf-purple);box-shadow:0 0 10px #a855f78c}.wf-view{position:relative}.wf-view-btn{color:#ffffffd1;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1f;border-radius:10px;align-items:center;gap:8px;padding:7px 12px;font-size:12.5px;font-weight:600;transition:all .18s;display:inline-flex}.wf-view-btn:hover,.wf-view-btn[aria-expanded=true]{color:#fff;border-color:#00f0ff73;box-shadow:0 0 16px #00f0ff29}.wf-view-btn.is-live{color:var(--wf-green)}.wf-view-btn .wf-count{margin-left:2px}.wf-caret{transition:transform .18s}.wf-caret.is-open{transform:rotate(180deg)}.wf-view-menu{z-index:60;-webkit-backdrop-filter:blur(14px);background:#090c16f7;border:1px solid #00f0ff3d;border-radius:12px;min-width:276px;margin:0;padding:6px;list-style:none;animation:.16s ease-out wf-menu-in;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 22px 54px #0009}.wf-view-menu li+li{margin-top:2px}.wf-view-menu button{color:#ffffffc7;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:9px;align-items:center;gap:9px;width:100%;padding:9px 10px;font-size:12.5px;display:flex}.wf-view-menu button:hover{color:#fff;background:#ffffff0f}.wf-view-menu button.is-active{color:var(--wf-cyan);background:#00f0ff1a}.wf-view-name{flex-direction:column;flex:1;min-width:0;display:flex}.wf-view-name b{font-weight:700}.wf-view-name em{color:#fff6;font-size:10.5px;font-style:normal}@keyframes wf-menu-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.wf-search{color:#ffffff80;background:#00000047;border:1px solid #ffffff1f;border-radius:10px;align-items:center;gap:7px;min-width:218px;padding:7px 10px;transition:border-color .18s,box-shadow .18s;display:inline-flex}.wf-search:focus-within{border-color:#00f0ff8c;box-shadow:0 0 16px #00f0ff29}.wf-search input{color:#fff;background:0 0;border:0;outline:none;flex:1;min-width:0;font-size:12.5px}.wf-search input::placeholder{color:#ffffff61}.wf-search input::-webkit-search-cancel-button{display:none}.wf-search-x{color:#ffffffb3;cursor:pointer;background:#ffffff1a;border:0;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;display:inline-flex}.wf-search-x:hover{color:#fff;background:#f871713d}.wf-metrics{grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:14px;margin-top:14px;display:grid}.wf-metric{background:var(--wf-panel);border:1px solid #ffffff14;border-radius:14px;padding:15px 16px;transition:transform .24s,box-shadow .24s;animation:.42s cubic-bezier(.22,1,.36,1) both wf-rise;position:relative;overflow:hidden;box-shadow:0 8px 28px #00000057}.wf-metric:hover{transform:translateY(-2px);box-shadow:0 16px 40px #0000007a}.wf-metric:after{content:"";pointer-events:none;background:radial-gradient(300px 90px at 12% -30%, var(--wf-glow,#00f0ff29), transparent 70%);position:absolute;inset:0}.wf-metric--green{--wf-glow:#34d3992e}.wf-metric--green:hover{box-shadow:0 16px 40px #0000007a,0 0 30px #34d39929}.wf-metric--cyan{--wf-glow:#00f0ff2e}.wf-metric--cyan:hover{box-shadow:0 16px 40px #0000007a,0 0 30px #00f0ff29}.wf-metric--gold{--wf-glow:#fbbf242e}.wf-metric--gold:hover{box-shadow:0 16px 40px #0000007a,0 0 30px #fbbf2429}.wf-metric-top{align-items:center;gap:8px;margin-bottom:8px;display:flex;position:relative}.wf-metric-label{letter-spacing:.16em;text-transform:uppercase;color:#ffffff8c;font-size:10px;font-weight:700}.wf-metric b{letter-spacing:.04em;color:#fff;font-variant-numeric:tabular-nums;font-family:Bebas Neue,sans-serif;font-size:30px;line-height:1;display:block;position:relative}.wf-metric em{color:#ffffff6b;margin-top:5px;font-size:11px;font-style:normal;display:block;position:relative}.wf-metric-dot{background:var(--wf-green);border-radius:50%;width:8px;height:8px;animation:1.9s ease-in-out infinite wf-pulse;box-shadow:0 0 10px #34d399cc}@keyframes wf-pulse{0%,to{opacity:1;box-shadow:0 0 8px #34d399bf}50%{opacity:.5;box-shadow:0 0 18px #34d39959}}.wf-sources{color:#ffffff9e;font-size:11.5px}.wf-rank-icon{color:#ffffffa6;flex-shrink:0;align-items:center;display:inline-flex}.wf-scroll{border:1px solid #ffffff0f;border-radius:12px;max-width:100%;overflow-x:auto}.wf-table{border-collapse:separate;border-spacing:0;width:100%;font-size:12.5px}.wf-table th{text-align:left;white-space:nowrap;letter-spacing:.1em;text-transform:uppercase;color:#ffffff80;background:#ffffff09;border-bottom:1px solid #ffffff17;padding:11px 12px;font-size:10px;font-weight:700;position:relative}.wf-table td{white-space:nowrap;color:#ffffffd1;border-bottom:1px solid #ffffff0d;padding:10px 12px}.wf-table tbody tr:last-child td{border-bottom:none}.wf-table tbody tr{transition:background .15s}.wf-table tbody tr:hover{background:#00f0ff0d}.wf-name{align-items:center;gap:9px;min-width:0;display:flex}.wf-avatar{background:#00f0ff17;border:1px solid #00f0ff2e;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:13px;display:flex}.wf-name-text{flex-direction:column;min-width:0;display:flex}.wf-name-text b{color:#fff;text-overflow:ellipsis;max-width:190px;font-size:12.5px;font-weight:600;overflow:hidden}.wf-name-text em{color:#fff6;text-overflow:ellipsis;max-width:190px;font-size:10.5px;font-style:normal;overflow:hidden}.wf-stack{flex-direction:column;gap:2px;display:flex}.wf-mono{font-variant-numeric:tabular-nums}.wf-mono-sub{letter-spacing:.04em;color:#fff6;font-size:10.5px}.wf-traffic{color:#fff;font-variant-numeric:tabular-nums;font-weight:600}.wf-when{color:#fff9;font-size:11.5px}.wf-pin{letter-spacing:.08em;color:var(--wf-cyan);background:#00f0ff1a;border:1px solid #00f0ff4d;border-radius:6px;padding:2px 8px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11.5px;font-weight:700;display:inline-block;box-shadow:0 0 12px #00f0ff2e}.wf-pin--none{color:#ffffff59;box-shadow:none;background:#ffffff0a;border-color:#ffffff1a;font-weight:500}.wf-holder{color:#ffffff73;text-overflow:ellipsis;max-width:140px;font-size:10.5px;overflow:hidden}.wf-data-left{color:var(--wf-green);font-variant-numeric:tabular-nums;font-size:10.5px}.wf-devices{color:#ffffff73;font-variant-numeric:tabular-nums;cursor:help;font-size:10.5px}.wf-auth{letter-spacing:.08em;text-transform:uppercase;border-radius:999px;padding:2px 8px;font-size:10px;font-weight:700;display:inline-block}.wf-auth--voucher{color:var(--wf-green);background:#34d3991f;border:1px solid #34d3994d}.wf-auth--mac{color:var(--wf-gold);background:#fbbf241a;border:1px solid #fbbf2447}.wf-kick{color:var(--wf-red);cursor:pointer;background:#f871711a;border:1px solid #f8717166;border-radius:8px;padding:5px 12px;font-size:11.5px;font-weight:700;transition:all .16s}.wf-kick:hover:not(:disabled){border-color:var(--wf-red);background:#f8717133;box-shadow:0 0 14px #f871714d}.wf-kick:disabled{opacity:.5;cursor:default}.wf-pop{z-index:900;-webkit-backdrop-filter:blur(14px);pointer-events:none;background:#090c16f0;border:1px solid #00f0ff47;border-radius:14px;width:268px;padding:12px 14px;animation:.16s ease-out wf-pop-in;position:fixed;box-shadow:0 18px 48px #0009,0 0 30px #00f0ff1f}.wf-pop header{border-bottom:1px solid #ffffff14;align-items:center;gap:8px;margin-bottom:9px;padding-bottom:9px;display:flex}.wf-pop header b{color:#fff;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:12.5px;overflow:hidden}.wf-pop header code{color:#ffffff73;font-size:10.5px}.wf-pop dl{grid-template-columns:1fr 1fr;gap:7px 12px;margin:0;display:grid}.wf-pop dl>div{flex-direction:column;gap:1px;min-width:0;display:flex}.wf-pop dt{letter-spacing:.12em;text-transform:uppercase;color:#fff6;font-size:9px}.wf-pop dd{color:#ffffffe0;font-variant-numeric:tabular-nums;text-overflow:ellipsis;margin:0;font-size:12px;overflow:hidden}.wf-pop .wf-good{color:var(--wf-green)}.wf-pop .wf-bad{color:var(--wf-red)}.wf-reason{color:#fff6;font-size:10px;font-style:normal;display:block}@keyframes wf-pop-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.wf-empty{text-align:center;background:#ffffff05;border:1px dashed #ffffff1f;border-radius:12px;padding:34px 16px}.wf-empty p{color:#ffffff80;margin:0;font-size:13px}@media (prefers-reduced-motion:reduce){.wf-donut-arc,.wf-rank-fill,.wf-pop,.wf-card--rise,.wf-metric,.wf-metric-dot,.wf-donut-tip,.wf-view-menu{transition:none;animation:none}.wf-card:hover,.wf-metric:hover{transform:none}}@media (width<=860px){.wf-header-bar{align-items:stretch}.wf-header-controls{width:100%}.wf-search{flex:1;min-width:0}}@media (width<=760px){.wf-tier{gap:8px}.wf-name-text b,.wf-name-text em{max-width:140px}.wf-donut-ring{width:104px}}.dashboard{width:100%}.section-head{justify-content:space-between;align-items:flex-start;margin-bottom:1rem;display:flex}.section-head-title{font-family:var(--font-display);letter-spacing:1px;color:#0000;text-transform:uppercase;filter:drop-shadow(0 0 8px #00d4ff2e)drop-shadow(0 2px 18px #ff00ff29);background-image:linear-gradient(92deg,#7be0ff 0%,#00d4ff 28%,#ff5fa4 62%,#f0f 100%);-webkit-background-clip:text;background-clip:text;font-size:1.6rem}.section-head-desc{color:var(--text-muted);margin-top:2px;font-size:.85rem}.hero-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px;display:grid}.hero-card{-webkit-backdrop-filter:blur(8px);background:linear-gradient(160deg,#1414288c,#080810b8);border:1px solid #94a3b824;border-radius:12px;align-items:flex-start;gap:14px;padding:20px;transition:all .25s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 24px #00000040}.hero-card:before{content:"";background:linear-gradient(90deg, var(--cyan), var(--purple-glow));opacity:0;height:2px;transition:opacity .25s;position:absolute;top:0;left:0;right:0}.hero-card.clickable{cursor:pointer}.hero-card:hover{border-color:#ff00ff40;transform:translateY(-1px);box-shadow:0 8px 30px #0006,0 0 18px #ff00ff0f}.hero-card:hover:before{opacity:1}.hero-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.hero-cyan .hero-icon{color:var(--cyan);background:#00e5ff1f}.hero-purple .hero-icon{color:var(--purple-glow);background:#bf00ff1f}.hero-green .hero-icon{color:var(--green);background:#00c8531f}.hero-orange .hero-icon{color:var(--orange);background:#ff98001f}.hero-pink .hero-icon{color:var(--pink);background:#ff007f1f}.hero-body{flex-direction:column;gap:2px;min-width:0;display:flex}.hero-label{text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);font-size:.75rem;font-weight:700}.hero-value{font-size:1.6rem;font-weight:800;font-family:var(--font-display);letter-spacing:.5px;color:var(--text);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.hero-sub{color:var(--text-muted);font-size:.8rem}.hero-cyan .hero-value{color:var(--cyan)}.hero-purple .hero-value{color:var(--purple-glow)}.hero-green .hero-value{color:var(--green)}.hero-orange .hero-value{color:var(--orange)}.hero-pink .hero-value{color:var(--pink)}.sales-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;margin-bottom:1.5rem;display:grid}.stat-card{-webkit-backdrop-filter:blur(6px);background:linear-gradient(160deg,#14142880,#080810ad);border:1px solid #94a3b824;border-radius:10px;flex-direction:column;gap:4px;padding:18px;transition:all .2s;display:flex;box-shadow:0 2px 16px #0003}.stat-card:hover{border-color:#f0f3;transform:translateY(-1px);box-shadow:0 6px 24px #00000059,0 0 14px #ff00ff0d}.stat-label{text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);text-shadow:0 0 12px #0006;font-size:.75rem;font-weight:700}.stat-number{font-size:1.3rem;font-weight:800;font-family:var(--font-display);letter-spacing:.5px;text-shadow:0 0 14px #00e5ff26}.stat-number--money{font-size:clamp(1.65rem,2.4vw,2.25rem);line-height:1.05}.stat-number--money .money{color:gold;text-shadow:0 0 16px #ffd7006b}.hero-value.money{color:gold;text-shadow:0 0 16px #ffd70059;font-size:clamp(1.5rem,2.3vw,2.15rem)}.stat-sub{color:var(--text-muted);font-size:.8rem}.stat-cyan .stat-number{color:var(--cyan);text-shadow:0 0 14px #00e5ff59}.stat-pink .stat-number{color:var(--pink);text-shadow:0 0 14px #ff007f4d}.stat-purple .stat-number{color:var(--purple-glow);text-shadow:0 0 14px #ff00ff4d}.stat-orange .stat-number{color:var(--orange);text-shadow:0 0 14px #ff91004d}.stat-green .stat-number{color:var(--green);text-shadow:0 0 14px #00e67659}.stat-blue .stat-number{color:#13d8ff;text-shadow:0 0 14px #13d8ff59}.charts-row{grid-template-columns:1fr 1fr;gap:14px;width:100%;display:grid}@media (width<=768px){.charts-row{grid-template-columns:1fr}}.card{-webkit-backdrop-filter:blur(8px);background:linear-gradient(160deg,#1414288c,#080810b8);border:1px solid #94a3b824;border-radius:10px;transition:border-color .2s,box-shadow .2s;overflow:hidden;box-shadow:0 4px 24px #00000040}.card-header{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;background:linear-gradient(90deg,#6a0dad40,#0000);border-bottom:1px solid #94a3b81f;align-items:center;gap:8px;padding:14px 18px;font-size:.85rem;font-weight:700;display:flex}.card-title{letter-spacing:.3px;text-transform:none;color:var(--text);align-items:center;gap:8px;margin:0;font-size:.85rem;font-weight:700;display:flex}.chart-card{padding:18px}.chart-title{text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);align-items:center;gap:6px;margin-bottom:12px;font-size:.8rem;font-weight:700;display:flex}.tier-bar-track{background:var(--surface2);border-radius:5px;height:10px;overflow:hidden}.tier-bar-fill{background:linear-gradient(90deg, var(--purple-glow), var(--cyan));border-radius:5px;height:100%;transition:width .6s}.code-cell{font-family:var(--font-mono,monospace);color:var(--cyan);background:#00e5ff0f;border-radius:3px;padding:2px 6px;font-size:.85rem}@media (width<=768px){.hero-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px}.hero-card{gap:10px;padding:14px}.hero-value{font-size:1.1rem}.hero-value.money{font-size:1.15rem}.stat-number--money{font-size:1.45rem}.sales-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px}}@media (width<=480px){.hero-grid{grid-template-columns:1fr 1fr}.hero-card{flex-direction:column;align-items:flex-start;gap:8px;padding:12px}.hero-icon{width:36px;height:36px;padding:8px}.hero-value{font-size:1rem}.hero-value.money{font-size:1.05rem}.stat-number--money{font-size:1.3rem}.hero-label{font-size:.62rem}.sales-grid{grid-template-columns:1fr 1fr}}.sector-dashboard .section-head.sector-head{align-items:center}.live-pill{border:1px solid var(--border);letter-spacing:1px;color:var(--muted);background:var(--surface1);border-radius:999px;align-items:center;gap:7px;padding:6px 12px;font-size:11px;font-weight:600;display:inline-flex}.live-dot{background:#22c55e;border-radius:50%;width:8px;height:8px;animation:2s infinite live-pulse;box-shadow:0 0 #22c55e80}@keyframes live-pulse{0%{box-shadow:0 0 #22c55e73}70%{box-shadow:0 0 0 7px #22c55e00}to{box-shadow:0 0 #22c55e00}}.live-pill.is-refreshing .live-dot{background:#f59e0b;animation:none}.live-pill.has-flash .live-dot{background:#38bdf8;animation:none}.live-sub{opacity:.6;border-left:1px solid var(--border);letter-spacing:.5px;padding-left:7px;font-weight:500}.sector-dashboard .hero-icon{border-radius:12px}.sector-dashboard .hero-card{cursor:default}.sector-dashboard .hero-card.clickable,.sector-dashboard .hero-card[onclick]{cursor:pointer}.sector-error{color:var(--danger,#f87171);text-align:center;border-left:3px solid var(--danger,#f87171);padding:28px 22px}.chip-row{flex-wrap:wrap;gap:8px;margin-top:1rem;display:flex}.sector-chip{border:1px solid var(--border);background:var(--surface1);color:var(--text);border-radius:999px;align-items:center;gap:6px;padding:6px 11px;font-size:12px;display:inline-flex}.sector-chip b{color:var(--accent,#38bdf8);font-weight:700}.sector-chip b.muted{color:var(--muted)}.device-cell{color:var(--text);align-items:center;gap:6px;font-size:12px;display:inline-flex}.vd-mono{letter-spacing:.3px;font-family:Consolas,Menlo,monospace}.data-bar-track{background:var(--surface2,#1e293b);border-radius:999px;width:90px;height:5px;margin-top:4px;overflow:hidden}.data-bar-fill{background:linear-gradient(90deg,#38bdf8,#6366f1);border-radius:999px;height:100%}.table-scroll{max-width:100%;overflow-x:auto}.hist-wrap{padding-bottom:4px;overflow-x:auto}.hist-chart{align-items:flex-end;gap:2px;min-width:460px;height:160px;padding:14px 6px 0;display:flex}.hist-col{flex-direction:column;flex:1 1 0;align-items:center;gap:6px;min-width:0;display:flex}.hist-bar{background:linear-gradient(#38bdf8,#6366f1);border-radius:4px 4px 0 0;width:100%;max-width:26px;min-height:2px;transition:height .4s;position:relative;overflow:hidden}.hist-bar-comp{background:linear-gradient(#4ade80,#22c55e);position:absolute;inset:auto 0 0}.hist-label{color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:9px}.btn{font-family:var(--font-body);border:1px solid var(--border);color:var(--text);cursor:pointer;white-space:nowrap;background:#ffffff0a;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:9px 16px;font-size:13px;font-weight:700;line-height:1;transition:background .15s,border-color .15s,box-shadow .15s,opacity .15s;display:inline-flex}.btn:hover:not(:disabled){border-color:var(--purple-glow);background:#ff00ff14}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{color:#fff;background:linear-gradient(135deg, var(--purple), var(--pink));border:none;box-shadow:0 4px 16px #ff007f52}.btn--primary:hover:not(:disabled){opacity:.94;background:linear-gradient(135deg, var(--purple), var(--pink));box-shadow:0 6px 22px #ff007f73}.btn--sm{align-items:center;gap:5px;padding:4px 10px;font-size:12px;display:inline-flex}@media (width<=900px){.sector-head{flex-direction:column;gap:8px;align-items:flex-start!important}.sector-dashboard .hero-grid{grid-template-columns:repeat(2,1fr)}}.hud-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:14px;display:grid}.hud-card{background:linear-gradient(160deg,#0d0f18f2,#141826e6);border:1px solid #00f0ff24;border-radius:14px;min-width:0;padding:12px 14px;overflow:hidden;box-shadow:0 6px 22px #00000059,inset 0 1px #ffffff08}.hud-card--cyan{background:linear-gradient(160deg,#0040546b,#0c1a2ceb);border-color:#00f0ff6b;box-shadow:0 6px 22px #00000059,0 0 22px #00f0ff29,inset 0 1px #ffffff0d}.hud-card--cyan .hud-label{color:#a0f8ffd9}.hud-label{letter-spacing:.06em;text-transform:uppercase;color:#ffffff8c;white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.hud-value{color:#00f0ff;white-space:nowrap;text-overflow:ellipsis;text-shadow:0 0 18px #00f0ff59;margin-top:6px;font-size:clamp(18px,2.4vw,26px);font-weight:700;overflow:hidden}.hud-unit{color:#ffffff80;text-shadow:none;font-size:.55em;font-weight:600}.hud-meta{color:#fff9;align-items:center;gap:6px;min-width:0;margin-top:6px;font-size:11px;display:flex;overflow:hidden}.hud-meta.up{color:#34d399}.hud-meta.down{color:#f87171}.hud-meta--row svg{flex-shrink:0}.hud-body{margin-top:8px;overflow-x:auto}.hud-body .table{border-collapse:collapse;width:100%;font-size:12px}.hud-body .table th{text-align:left;color:#ffffff80;white-space:nowrap;padding:4px 6px;font-weight:600}.hud-body .table td{white-space:nowrap;border-top:1px solid #ffffff0f;padding:5px 6px}.activity-list{flex-direction:column;gap:6px;display:flex}.activity-item{color:#ffffffbf;word-break:break-word;font-size:12px;line-height:1.45}.activity-item>span:first-child{color:#a855f7;font-weight:600}.hud-tag{color:#00f0ff;font-size:12px;font-weight:500}.sparkline path,.sparkline polyline{stroke:#00f0ff}@media (width<=980px){.hud-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=480px){.hud-grid{grid-template-columns:minmax(0,1fr);gap:10px}.hud-card{padding:10px 12px}.hud-value{font-size:18px}.hud-body .table{font-size:11px}}.un-shell{--un-bg:#0d0f18;--un-cyan:#00f0ff;--un-purple:#a855f7;--un-green:#34d399;--un-gold:#fbbf24;--un-red:#f87171;position:relative}.un-hero{background:linear-gradient(135deg,#0d0f18f5,#18122ceb);border:1px solid #00f0ff2e;border-radius:18px;padding:18px 20px 16px;position:relative;overflow:hidden;box-shadow:0 10px 40px #00000073,inset 0 1px #ffffff0a}.un-hero-glow{pointer-events:none;background:radial-gradient(circle,#a855f747,#0000 65%);width:420px;height:420px;position:absolute;inset:-60% -10% auto auto}.un-hero-top{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;display:flex;position:relative}.un-eyebrow{letter-spacing:.22em;color:var(--un-cyan);text-transform:uppercase;opacity:.9;font-size:10px;font-weight:700}.un-title{letter-spacing:.04em;background:linear-gradient(90deg,#00f0ff 0%,#a855f7 55%,#f472b6 100%);color:#0000;text-shadow:0 0 34px #00f0ff40;-webkit-background-clip:text;background-clip:text;margin:4px 0 2px;font-family:Bebas Neue,sans-serif;font-size:clamp(26px,5vw,40px)}.un-sub{color:#ffffff8c;margin:0;font-size:12px}.un-hero-status{flex-shrink:0;align-items:center;gap:10px;display:flex}.un-clock{color:#ffffff80;align-items:center;gap:5px;font-size:11px;display:inline-flex}.un-hero-stats{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-top:16px;display:grid;position:relative}.un-stat{background:#ffffff08;border:1px solid #ffffff12;border-radius:12px;flex-direction:column;gap:3px;min-width:0;padding:10px 12px;transition:border-color .2s,transform .2s;display:flex}.un-stat:hover{border-color:#00f0ff66;transform:translateY(-2px)}.un-stat-label{letter-spacing:.14em;text-transform:uppercase;color:#ffffff80;white-space:nowrap;text-overflow:ellipsis;font-size:9.5px;overflow:hidden}.un-stat-value{white-space:nowrap;text-overflow:ellipsis;font-size:clamp(17px,2vw,22px);font-weight:800;line-height:1.1;overflow:hidden}.un-stat-sub{color:#ffffff73;white-space:nowrap;text-overflow:ellipsis;font-size:10px;overflow:hidden}.un-cyan{color:var(--un-cyan);text-shadow:0 0 16px #00f0ff66}.un-purple{color:var(--un-purple);text-shadow:0 0 16px #a855f766}.un-green{color:var(--un-green)}.un-gold{color:var(--un-gold);text-shadow:0 0 16px #fbbf244d}.un-up{color:var(--un-green)!important}.un-down{color:var(--un-red)!important}.un-tabs{scrollbar-width:none;-ms-overflow-style:none;gap:8px;margin-top:16px;padding-bottom:4px;display:flex;overflow-x:auto}.un-tabs::-webkit-scrollbar{display:none}.un-tab{color:#ffffff9e;white-space:nowrap;cursor:pointer;background:#ffffff08;border:1px solid #ffffff1a;border-radius:999px;flex-shrink:0;align-items:center;gap:7px;padding:9px 16px;font-size:12.5px;font-weight:600;transition:all .18s;display:inline-flex;position:relative}.un-tab:hover{color:#fff;border-color:#00f0ff59}.un-tab.is-active{color:#04121a;background:linear-gradient(135deg, var(--un-cyan), #4fd3ff);border-color:#0000;box-shadow:0 6px 20px #00f0ff59}.un-tab-glow{pointer-events:none;border-radius:999px;position:absolute;inset:0;box-shadow:0 0 22px #00f0ff80}.un-panel{background:linear-gradient(160deg,#0d0f18eb,#131624e0);border:1px solid #ffffff12;border-radius:16px;min-width:0;margin-top:14px;padding:16px;overflow:hidden;box-shadow:0 8px 30px #00000059}.hx-section-head{margin-bottom:12px}.hx-title-row{align-items:center;gap:8px;display:flex}.hx-title-dot{background:var(--un-cyan);width:7px;height:7px;box-shadow:0 0 10px var(--un-cyan);border-radius:50%;flex-shrink:0}.hx-section-head h3{letter-spacing:.07em;color:#fff;margin:0;font-family:Bebas Neue,sans-serif;font-size:19px}.hx-section-head p{color:#ffffff73;margin:3px 0 0 15px;font-size:11.5px}.un-two-col{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.un-two-col>.un-panel{margin-top:14px}.un-table{font-size:12.5px}.un-table th{color:#ffffff80;letter-spacing:.08em;text-transform:uppercase;font-size:10.5px}.un-table td{border-color:#ffffff0d}.un-table tbody tr:hover{background:#00f0ff0d}.un-money{color:var(--un-cyan);font-weight:700}.un-snap-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.un-snap{text-align:left;cursor:pointer;color:inherit;background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;flex-direction:column;gap:4px;min-width:0;padding:13px 14px;transition:all .18s;display:flex;position:relative}.un-snap:hover{background:#00f0ff0f;border-color:#00f0ff73;transform:translateY(-2px)}.un-snap>svg:first-child{color:var(--un-cyan)}.un-snap-k{letter-spacing:.1em;text-transform:uppercase;color:#ffffff80;font-size:10px}.un-snap-v{color:#fff;font-size:22px;font-weight:800}.un-snap-v small{color:#ffffff73;font-size:11px;font-weight:500}.un-snap-arrow{color:#ffffff4d;position:absolute;top:13px;right:12px}.bar-chart{align-items:flex-end;gap:5px;height:150px;padding-bottom:4px;display:flex;overflow-x:auto}.bar-col{flex-direction:column;flex:1;align-items:center;gap:5px;min-width:16px;height:100%;display:flex}.bar-track{background:#ffffff0a;border-radius:5px;flex:1;align-items:flex-end;width:100%;min-height:10px;display:flex;overflow:hidden}.bar-fill{background:linear-gradient(#00f0ff,#a855f7);border-radius:5px 5px 0 0;width:100%;transition:height .5s;box-shadow:0 0 12px #00f0ff66}.bar-x{color:#fff6;font-size:9px}.gauge-wrap{align-items:center;gap:8px;display:inline-flex}.gauge-arc{filter:drop-shadow(0 0 6px #a855f7b3);transition:stroke-dashoffset .6s}.gauge-pct{fill:#fff;font-size:14px;font-weight:800}.gauge-label{color:#ffffff80;font-size:10.5px}.spark-svg{display:block}.un-week{flex-direction:column;gap:9px;display:flex}.un-week-row{grid-template-columns:34px 1fr 74px;align-items:center;gap:10px;display:grid}.un-week-day{color:#ffffff8c;font-size:11px;font-weight:600}.un-week-track{background:#ffffff0f;border-radius:99px;height:9px;overflow:hidden}.un-week-fill{background:linear-gradient(90deg,#00f0ff,#a855f7);border-radius:99px;min-width:2px;height:100%;transition:width .5s;box-shadow:0 0 10px #00f0ff66}.un-week-val{color:var(--un-cyan);text-align:right;font-size:11.5px;font-weight:700}.activity-item span:first-child{color:var(--un-cyan);font-weight:700}.activity-item b{color:#fff}@media (width<=1100px){.un-hero-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.un-snap-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=820px){.un-two-col{grid-template-columns:minmax(0,1fr)}.un-two-col>.un-panel:first-child{margin-top:14px}}@media (width<=640px){.un-hero{border-radius:14px;padding:14px 14px 12px}.un-hero-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.un-stat{padding:8px 10px}.un-tab{padding:8px 13px;font-size:12px}.un-panel{border-radius:13px;padding:13px}.un-snap-grid{grid-template-columns:minmax(0,1fr)}.un-week-row{grid-template-columns:30px 1fr 66px}.bar-chart{height:120px}}@media (width<=380px){.un-hero-stats{grid-template-columns:minmax(0,1fr)}}.un-ruijie-strip{letter-spacing:.04em;color:#ffffff9e;background:#0d0f18bf;border:1px solid #00f0ff38;border-radius:999px;flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;padding:7px 13px;font-size:11px;display:flex}.un-ruijie-strip-main{color:#fff;font-weight:700}.un-ruijie-strip-sep{color:#ffffff40}.un-rdot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.un-rdot.is-on{background:var(--un-green);box-shadow:0 0 8px var(--un-green);animation:2s ease-in-out infinite un-blink}.un-rdot.is-off{background:var(--un-red);box-shadow:0 0 8px var(--un-red)}@keyframes un-blink{0%,to{opacity:1}50%{opacity:.5}}.hw-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;display:grid}.hw-card{background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;padding:13px 14px;transition:transform .15s,box-shadow .3s,border-color .3s;position:relative}.hw-card--on{border-color:#00f0ff73;box-shadow:0 0 18px #00f0ff2e,inset 0 0 22px #00f0ff0d}.hw-card--off{border-color:#f8717173;box-shadow:0 0 18px #f8717126,inset 0 0 22px #f871710d}.hw-card:hover{transform:translateY(-2px)}.hw-top{align-items:center;gap:8px;margin-bottom:8px;display:flex}.hw-led{border-radius:50%;flex-shrink:0;width:10px;height:10px}.hw-led--on{background:var(--un-cyan);box-shadow:0 0 10px var(--un-cyan), 0 0 18px #00f0ff99;animation:2s ease-in-out infinite un-blink}.hw-led--off{background:var(--un-red);box-shadow:0 0 10px var(--un-red)}.hw-status{letter-spacing:.14em;font-size:10px;font-weight:800}.hw-card--on .hw-status{color:var(--un-cyan)}.hw-card--off .hw-status{color:var(--un-red)}.hw-name{color:#fff;overflow-wrap:anywhere;font-size:14px;font-weight:700}.hw-meta{color:#ffffff8c;margin-top:3px;font-size:11px}.hw-sn{color:#ffffff59;letter-spacing:.06em;margin-top:6px;font-size:10px}.un-consume{font-family:var(--font-body);width:100%;padding-bottom:28px}.un-consume__head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.35rem;display:flex}.un-consume__sub{color:var(--text-muted);margin:0 0 1rem;font-size:.76rem}.un-consume__headactions{flex-wrap:wrap;align-items:center;gap:10px;display:inline-flex}.un-consume .live-pill{cursor:default}.un-consume__refresh{border:1px solid var(--border);color:var(--text);font-family:var(--font-body);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;background:#ffffff05;border-radius:8px;align-items:center;gap:6px;padding:7px 14px;font-size:.72rem;font-weight:700;transition:all .2s;display:inline-flex}.un-consume__refresh:hover:not(:disabled){color:var(--cyan);border-color:#00e5ff73;box-shadow:0 0 12px #00e5ff26}.un-consume__refresh:disabled{opacity:.45;cursor:default}.un-consume__pill-off{border:1px solid var(--border);white-space:nowrap;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;background:#ffffff0a;border-radius:999px;align-items:center;gap:7px;padding:5px 12px;font-size:.68rem;font-weight:600;display:inline-flex}.un-consume__toolbar{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:.9rem;display:flex}.un-consume__searchwrap{flex:240px;max-width:340px;position:relative}.un-consume__search{border:1px solid var(--border);width:100%;color:var(--text);font-family:var(--font-body);background:#ffffff08;border-radius:8px;outline:none;padding:.55rem .8rem .55rem 2rem;font-size:.8rem;transition:border-color .2s,box-shadow .2s}.un-consume__search::placeholder{color:var(--text-dim);font-size:.75rem}.un-consume__search:focus{border-color:#00e5ff80;box-shadow:0 0 0 2px #00e5ff1f}.un-consume__searchicon{color:var(--text-dim);pointer-events:none;font-size:.8rem;position:absolute;top:50%;left:.65rem;transform:translateY(-50%)}.un-consume__count{color:var(--text-muted);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:.72rem}.un-consume__filters{flex-wrap:wrap;gap:8px;margin-bottom:1rem;display:flex}.un-consume__chip{border:1px solid var(--border);color:var(--text-muted);font-family:var(--font-body);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;background:0 0;border-radius:8px;padding:6px 13px;font-size:.7rem;font-weight:700;transition:all .2s}.un-consume__chip:hover{color:var(--text);background:#00e5ff0d}.un-consume__chip[aria-pressed=true]{color:var(--pink);text-shadow:0 0 10px #ff007f66;background:#ff007f1f;border-color:#ff007f73}.un-consume__stats{grid-template-columns:repeat(auto-fit,minmax(min(150px,100%),1fr));gap:12px;margin-bottom:1rem;display:grid}.un-consume__stat{-webkit-backdrop-filter:blur(8px);background:linear-gradient(160deg,#1414288c,#080810b8);border:1px solid #94a3b824;border-radius:10px;padding:.85rem 1rem;position:relative;overflow:hidden;box-shadow:0 4px 24px #00000040}.un-consume__stat:after{content:"";background:var(--uc-accent,var(--cyan));width:2.5px;box-shadow:0 0 12px var(--uc-accent,var(--cyan));position:absolute;inset:0 auto 0 0}.un-consume__stat--total{--uc-accent:var(--cyan)}.un-consume__stat--ok{--uc-accent:var(--green)}.un-consume__stat--low{--uc-accent:var(--gold)}.un-consume__stat--critical{--uc-accent:var(--pink)}.un-consume__stat--exhausted{--uc-accent:var(--red)}.un-consume__stat--unlimited{--uc-accent:var(--purple,#a855f7)}.un-consume__stat--expired{--uc-accent:#ff8a65}.un-consume__stat--risk{--uc-accent:var(--red)}.un-consume__stat-num{font-family:var(--font-display);letter-spacing:1px;color:var(--text);font-size:1.7rem;line-height:1}.un-consume__stat-label{letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted);margin-top:5px;font-size:.64rem}.un-consume__barcell{min-width:190px}.un-consume__bar{background:#ffffff14;border-radius:3px;width:170px;height:6px;position:relative;overflow:visible}.un-consume__fill{background:linear-gradient(90deg, var(--cyan), var(--green));border-radius:3px;transition:width .5s;position:absolute;inset:0 auto 0 0}.un-consume__fill--idle{background:#9dbbdd}.un-consume__fill--ok{background:linear-gradient(90deg, var(--cyan), var(--green))}.un-consume__fill--low{background:linear-gradient(90deg, var(--gold), #ff9100)}.un-consume__fill--critical{background:linear-gradient(90deg, var(--pink), var(--red))}.un-consume__fill--exhausted{background:var(--red);box-shadow:0 0 8px #ff174480}.un-consume__fill--unlimited{background:linear-gradient(90deg, var(--cyan), var(--pink));animation:2.4s linear infinite uc-flow}.un-consume__fill--disabled{background:#ffffff2e}.un-consume__fill--expired{background:linear-gradient(90deg, #ff8a65, var(--red));opacity:.8}@keyframes uc-flow{0%{filter:brightness()}50%{filter:brightness(1.45)}to{filter:brightness()}}.un-consume__tick{background:#ffffff73;width:1px;position:absolute;top:-4px;bottom:-4px}.un-consume__tick:after{content:attr(data-label);letter-spacing:.04em;color:var(--text-dim);white-space:nowrap;font-size:.55rem;position:absolute;top:-13px;left:50%;transform:translate(-50%)}.un-consume__pct{font-variant-numeric:tabular-nums;color:var(--text-muted);margin-top:5px;font-size:.7rem}.un-consume__client{flex-direction:column;gap:1px;min-width:120px;display:flex}.un-consume__client span{color:var(--text);font-size:.76rem;font-weight:600}.un-consume__client em{color:var(--text-dim);font-variant-numeric:tabular-nums;font-size:.68rem;font-style:normal}.un-consume__used{font-variant-numeric:tabular-nums;white-space:nowrap}.un-consume__unl{color:#c084fc;font-weight:600}.badge--crit{color:var(--pink);background:#ff007f24;box-shadow:0 0 8px #ff007f33}.badge--expired{color:#ffab91;background:#ff8a6526;box-shadow:0 0 8px #ff8a6533}.badge--unl{color:#c084fc;background:#a855f726;box-shadow:0 0 8px #a855f733}.un-consume__alerts{font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--text-muted);gap:8px;font-size:.72rem;display:inline-flex}.un-consume__alerts [data-tier=t80]{color:var(--gold)}.un-consume__alerts [data-tier=t95]{color:var(--pink)}.un-consume__muted{color:var(--text-muted)}.un-consume__banner{color:var(--orange,#ff9100);background:#ff910014;border:1px solid #ff910066;border-radius:8px;margin:0 0 1rem;padding:10px 14px;font-size:.76rem}.pending-approvals{-webkit-backdrop-filter:blur(14px);color:var(--text,#e8eefc);background:linear-gradient(135deg,#0a0f1deb,#0a0f1da8);border:1px solid #00ccff2e;border-radius:999px;align-items:center;gap:10px;max-width:100%;padding:6px 12px 6px 8px;line-height:1.1;display:inline-flex;box-shadow:inset 0 1px #ffffff0a,0 6px 18px #00000059}.pending-approvals__badge{background:radial-gradient(circle,#00ccff38,#00ccff0a 62%,#0000 70%);border:1px solid #00ccff59;border-radius:999px;flex:0 0 24px;justify-content:center;align-items:center;width:24px;height:24px;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 0 8px #00ccff59,inset 0 0 6px #00ccff38}.pending-approvals__badge:before{content:"";border:1px solid #00ccff38;border-radius:999px;position:absolute;inset:4px;box-shadow:inset 0 0 0 3px #00ccff0f}.pending-approvals__sweep{opacity:.55;background:conic-gradient(#00ccff8c,#00ccff14 38%,#0000 62%);border-radius:999px;animation:2.8s linear infinite pending-approvals-sweep;position:absolute;inset:0}.pending-approvals__dot{background:#0cf;border-radius:999px;width:5px;height:5px;position:relative;box-shadow:0 0 6px #0cf,0 0 12px #0cf9}.pending-approvals__badge.is-active{border-color:#00ccffa6;animation:1.6s ease-in-out infinite pending-approvals-pulse;box-shadow:0 0 10px #00ccff8c,inset 0 0 8px #00ccff52}.pending-approvals__badge.is-active .pending-approvals__sweep{opacity:.9;animation-duration:1.4s}.pending-approvals__copy{flex-direction:column;gap:1px;min-width:0;display:flex}.pending-approvals__title{font-family:var(--font-display,"Plus Jakarta Sans", sans-serif);letter-spacing:.3px;color:var(--text,#e8eefc);white-space:nowrap;font-size:12px;font-weight:700}.pending-approvals__msg{letter-spacing:.2px;color:var(--text-muted,#8fa1bf);white-space:nowrap;text-overflow:ellipsis;font-size:10.5px;overflow:hidden}.pending-approvals__count{color:#041019;background:linear-gradient(135deg,#0cf,#7ef0ff);border-radius:999px;margin-left:2px;padding:1px 7px;font-size:11px;font-weight:800;box-shadow:0 0 10px #00ccff73}@keyframes pending-approvals-sweep{to{transform:rotate(360deg)}}@keyframes pending-approvals-pulse{0%,to{box-shadow:0 0 8px #00ccff73,inset 0 0 8px #00ccff47}50%{box-shadow:0 0 16px #00ccffbf,inset 0 0 10px #00ccff61}}@media (prefers-reduced-motion:reduce){.pending-approvals__sweep,.pending-approvals__badge.is-active{animation:none}}@media (width<=520px){.pending-approvals__msg{display:none}}.vouchers-page{width:100%}.card{-webkit-backdrop-filter:blur(8px);background:linear-gradient(160deg,#1414288c,#080810b8);border:1px solid #94a3b824;border-radius:10px;overflow:hidden;box-shadow:0 4px 24px #00000040}.segmented{border:1px solid var(--border);background:0 0;border-radius:10px;width:100%;max-width:280px;margin-bottom:1rem;display:inline-flex;overflow:hidden}.segmented-option{color:var(--text-muted);font-family:var(--font-body);text-transform:uppercase;letter-spacing:.06em;cursor:pointer;white-space:nowrap;text-align:center;background:0 0;border:none;flex:1;padding:.55rem 1rem;font-size:.72rem;font-weight:700;transition:all .2s}.segmented-option:hover{color:var(--text);background:#00e5ff0d}.segmented-option.active{color:var(--pink);text-shadow:0 0 10px #ff007f66;background:#ff00ff1f}.role-ceo .segmented-option.active{color:gold;text-shadow:0 0 10px #ffd70066;background:#ffd7001f}.card-table{overflow-x:auto}.package-grid{grid-template-columns:repeat(4,1fr);gap:.65rem;margin-bottom:1rem;display:grid}.package-card{-webkit-backdrop-filter:blur(6px);cursor:pointer;-webkit-user-select:none;user-select:none;background:linear-gradient(160deg,#14142873,#08081099);border:1px solid #94a3b824;border-radius:12px;flex-direction:column;gap:.25rem;padding:.9rem 1rem .8rem;transition:all .25s;display:flex;position:relative;overflow:hidden}.package-card:before{content:"";opacity:0;background:linear-gradient(90deg,#ff00ff4d,#00d4ff4d);height:2.5px;transition:opacity .25s;position:absolute;top:0;left:0;right:0}.package-card:hover{background:#ffffff0d;border-color:#ff00ff40;transform:translateY(-1px);box-shadow:0 6px 24px #00000059,0 0 14px #ff00ff0f}.package-card:hover:before{opacity:.5}.package-card--selected{border-color:var(--pink);box-shadow:0 0 0 1px var(--pink), 0 4px 24px #ff00ff26;background:#ff00ff0f}.package-card--selected:before{opacity:1;background:linear-gradient(90deg, var(--pink), var(--cyan))}.role-ceo .package-card--selected{background:#ffd7000f;border-color:gold;box-shadow:0 0 0 1px gold,0 4px 24px #ffd70026}.role-ceo .package-card--selected:before{background:linear-gradient(90deg,gold,#ff8c00)}.role-ceo .package-card--selected .pkg-tier{color:gold}.role-ceo .package-card--selected .pkg-check{background:gold;border-color:gold}.role-ceo .vcb-pkg-badge{color:gold;background:#ffd7001a;border-color:#ffd70033}.pkg-check{opacity:0;border:2px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;transition:all .25s;display:flex;position:absolute;top:.5rem;right:.5rem}.package-card--selected .pkg-check{opacity:1;border-color:var(--pink);background:var(--pink)}.pkg-check svg{fill:#fff;width:10px;height:10px}.pkg-display{color:var(--text-muted);letter-spacing:.04em;margin-bottom:.15rem;font-size:.6rem;font-weight:600}.pkg-tier{font-family:var(--font-display);letter-spacing:.04em;color:var(--text);margin-top:.15rem;font-size:1.05rem;line-height:1.1}.package-card--selected .pkg-tier{color:var(--pink)}.pkg-price-row{align-items:baseline;gap:.2rem;margin:.15rem 0 .3rem;display:flex}.pkg-price{font-family:var(--font-display);letter-spacing:.02em;color:var(--green);font-size:1.4rem;line-height:1}.pkg-currency{color:var(--text-muted);text-transform:uppercase;font-size:.6rem;font-weight:700}.pkg-badges{flex-wrap:wrap;gap:.25rem;margin-top:auto;display:flex}.pkg-badge{letter-spacing:.04em;color:var(--text-dim);white-space:nowrap;background:#ffffff08;border:1px solid #ffffff0a;border-radius:4px;align-items:center;gap:.2rem;padding:.2rem .45rem;font-size:.55rem;font-weight:700;display:inline-flex}.pkg-badge svg{opacity:.5;width:10px;height:10px}.voucher-form{padding:1rem}.voucher-code-bar{border:1px solid var(--border);background:#ffffff05;border-radius:12px;flex-wrap:wrap;align-items:flex-end;gap:.75rem;margin-bottom:0;padding:1rem 1.2rem;display:flex}.vcb-selected{flex-shrink:0}.vcb-pkg-badge{font-family:var(--font-display);letter-spacing:.04em;color:var(--pink);white-space:nowrap;background:#ff00ff14;border:1px solid #ff00ff26;border-radius:6px;padding:.3rem .7rem;font-size:.9rem;display:inline-block}.vcb-code{flex:2;min-width:170px}.vcb-code label,.vcb-meta label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:.25rem;font-size:.65rem;font-weight:700;display:block}.vcb-meta--price{flex:1.2;min-width:90px}.vcb-meta--uses{min-width:90px}.input-with-btn{gap:4px;display:flex}.input-with-btn input{letter-spacing:.08em;color:var(--pink);background:#ff00ff0a;border:1px solid #ff00ff1a;border-radius:8px;flex:1;padding:.6rem .7rem;font-family:Courier New,Courier,monospace;font-size:.9rem;font-weight:700;transition:border-color .2s}.input-with-btn input:focus{border-color:var(--pink);outline:none;box-shadow:0 0 0 2px #ff00ff1f,0 0 20px #ff00ff14}.input-with-btn input::placeholder{color:var(--text-dim);font-family:var(--font-body);letter-spacing:0;font-weight:500}.stepper{border:1px solid var(--border);background:0 0;border-radius:10px;align-items:stretch;width:100%;height:2.3rem;transition:border-color .2s,box-shadow .2s;display:inline-flex;overflow:hidden}.stepper:focus-within{border-color:var(--pink);box-shadow:0 0 0 2px #ff00ff1f,0 0 20px #ff00ff14}.role-ceo .stepper:focus-within{border-color:gold;box-shadow:0 0 0 2px #ffd7001f,0 0 20px #ffd70014}.stepper-btn{width:2.2rem;min-width:2.2rem;color:var(--text-muted);font-size:1.1rem;font-weight:600;font-family:var(--font-body);cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;border:none;justify-content:center;align-items:center;padding:0;line-height:1;transition:all .2s;display:flex}.stepper-btn:hover{color:var(--pink);background:#ff00ff0f}.role-ceo .stepper-btn:hover{color:gold;background:#ffd7000f}.stepper-btn:active{background:#ff00ff1f}.role-ceo .stepper-btn:active{background:#ffd7001f}.stepper-btn:disabled{opacity:.3;cursor:not-allowed;color:var(--text-dim);background:0 0}.stepper-input{border:none;border-left:1px solid var(--border);border-right:1px solid var(--border);width:2.8rem;min-width:0;color:var(--text);text-align:center;-moz-appearance:textfield;background:0 0;outline:none;padding:.25rem .15rem;font-size:.85rem;font-weight:700}.stepper-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.stepper-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.stepper-input:focus{box-shadow:none}.stepper-input::placeholder{color:var(--text-dim);font-size:.75rem}.stepper-input:disabled{opacity:.4}.stepper:has(.stepper-input:disabled) .stepper-btn{opacity:.3;pointer-events:none}.stepper--wide .stepper-input{flex:1;width:auto;min-width:4rem}.vcb-meta input{width:100%;font-family:var(--font-body);color:var(--text);border:1px solid var(--border);background:#ffffff0a;border-radius:8px;padding:.55rem .6rem;font-size:.85rem;transition:border-color .2s,box-shadow .2s}.btn-icon{border:1px solid var(--border);cursor:pointer;color:var(--text-muted);background:0 0;border-radius:6px;align-items:center;padding:6px;display:flex}.btn-icon:hover{border-color:var(--purple-glow);color:var(--purple-glow)}.btn-primary{background:linear-gradient(135deg, var(--purple), var(--pink));color:#fff;font-family:var(--font-body);cursor:pointer;white-space:nowrap;border:none;border-radius:8px;padding:10px 18px;font-size:13px;font-weight:700;transition:opacity .2s,box-shadow .2s;box-shadow:0 4px 18px #ff007f40}.btn-primary:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.btn-primary:hover:not(:disabled){opacity:.95;box-shadow:0 0 24px #ff007f73}.btn-sm{font-size:11px;font-weight:600;font-family:var(--font-body);cursor:pointer;border:1px solid var(--border);color:var(--text);background:0 0;border-radius:4px;padding:6px 12px;transition:all .15s}.btn-approve{border-color:var(--green);color:var(--green)}.btn-approve:hover{background:#00e6761a}.btn-reject{border-color:var(--red);color:var(--red)}.btn-reject:hover{background:#ff17441a}.form-status{border-radius:6px;padding:10px 14px;font-size:13px}.form-status--success{color:var(--green);background:#00e6761a;border:1px solid #00e6764d}.form-status--error{color:var(--red);background:#ff17441a;border:1px solid #ff17444d}.form-status--cyan{color:var(--cyan);background:#00e5ff1a;border:1px solid #00e5ff4d}.bulk-form{flex-wrap:nowrap;align-items:flex-end;gap:.75rem;display:flex}@media (width<=900px){.bulk-form{flex-wrap:wrap}.bulk-form .form-field,.bulk-form .input-with-btn{flex:180px;min-width:140px;max-width:100%}.bulk-form>.mt-8,.bulk-form>button,.bulk-form>.btn-primary{flex:none}}.form-field{flex-direction:column;flex:1;gap:4px;display:flex}.form-field label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:.25rem;font-size:.65rem;font-weight:700}.form-select{border:1px solid var(--border);width:100%;color:var(--text);font-family:var(--font-body);cursor:pointer;appearance:none;background:#ffffff0a;border-radius:8px;padding:.55rem .6rem;font-size:.85rem;transition:border-color .2s,box-shadow .2s}.form-select option{color:var(--text);background:#1a1a2e;padding:4px}.form-select:focus{border-color:var(--pink);outline:none;box-shadow:0 0 0 2px #ff00ff1f,0 0 20px #ff00ff14}.role-ceo .form-select:focus{border-color:gold;box-shadow:0 0 0 2px #ffd7001f,0 0 20px #ffd70014}.form-field input:not(.stepper-input){border:1px solid var(--border);width:100%;color:var(--text);font-family:var(--font-body);background:#ffffff0a;border-radius:8px;padding:.55rem .6rem;font-size:.85rem;transition:border-color .2s,box-shadow .2s}.form-field input:focus{border-color:var(--pink);outline:none;box-shadow:0 0 0 2px #ff00ff1f,0 0 20px #ff00ff14}.role-ceo .form-field input:focus{border-color:gold;box-shadow:0 0 0 2px #ffd7001f,0 0 20px #ffd70014}.bulk-code-chip{color:var(--cyan);border:1px solid var(--border);cursor:pointer;background:#ffffff0a;border-radius:6px;margin:.2rem;padding:.2rem .6rem;font-family:monospace;font-size:.85rem;transition:all .15s;display:inline-block}.bulk-code-chip:hover{border-color:var(--purple-glow)}.code-cell{color:var(--cyan);cursor:pointer;font-family:monospace;font-size:.85rem}.code-cell:hover{text-decoration:underline}.data-table{border-collapse:collapse;width:100%;font-size:.8rem}.data-table th{text-align:left;text-transform:uppercase;letter-spacing:.5px;color:var(--cyan);text-shadow:0 0 10px #00e5ff40;background:linear-gradient(#00e5ff0f,#0000);border-bottom:1px solid #00e5ff2e;padding:10px 12px;font-size:.65rem;font-weight:600}.data-table td{color:var(--text);border-bottom:1px solid #94a3b814;padding:10px 12px}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background:#00e5ff09}.table-empty{text-align:center;color:var(--text-muted);padding:40px}.badge{text-transform:uppercase;letter-spacing:.02em;border-radius:5px;padding:2px 8px;font-size:.65rem;font-weight:600;display:inline-block}.badge--yes{color:var(--green);background:#00e67626;box-shadow:0 0 8px #00e67626}.badge--no{color:var(--red);background:#ff174426;box-shadow:0 0 8px #ff17441f}.badge--warn{color:var(--orange);background:#ff910026;box-shadow:0 0 8px #ff910026}.muted{color:var(--text-muted)}.voucher-card-wrap{flex-direction:column;align-items:center;margin-top:1.5rem;display:flex}.voucher-card-actions-bar{gap:8px;margin-top:10px;display:flex}.btn-action{color:var(--text);font-family:var(--font-body);cursor:pointer;background:#ffffff05;border:1px solid #94a3b824;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:12px;font-weight:600;transition:all .2s;display:flex}.btn-action:hover{border-color:var(--purple-glow);box-shadow:0 0 12px #ff00ff14}.btn-action--download{color:var(--green)}.btn-action--download:hover{border-color:var(--green);background:#00e6760d}.btn-action--wa{color:#25d366}.btn-action--wa:hover{background:#25d3660d;border-color:#25d366}.btn-action--sms{color:#38bdf8}.btn-action--sms:hover{background:#38bdf80d;border-color:#38bdf8}.btn-action--copy{color:var(--cyan)}.btn-action--copy:hover{border-color:var(--cyan);background:#00e5ff0d}.btn-action--print{color:#b388ff}.btn-action--print:hover{background:#b388ff14;border-color:#b388ff}.preyone-voucher{background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;width:min(580px,100%);min-height:320px;display:flex;position:relative;overflow:hidden;box-shadow:0 12px 35px #0000001a}.brand-ribbon{background:linear-gradient(180deg, var(--purple), var(--pink));border-right:1px solid #ffffff0d;flex:0 0 45px;justify-content:center;align-items:center;width:45px;display:flex}.ribbon-text{color:#fff;letter-spacing:5px;opacity:.85;white-space:nowrap;text-transform:uppercase;font-family:Montserrat,sans-serif;font-size:.85rem;font-weight:900;transform:rotate(-90deg)}.voucher-content{flex-direction:column;flex:1;gap:6px;padding:20px;display:flex}.voucher-footer{justify-content:space-between;align-items:flex-end;gap:12px;margin-top:auto;display:flex}.meta-terms{flex-direction:column;gap:2px;display:flex}.infrastructure{color:#0284c7;letter-spacing:.3px;font-size:.55rem;font-weight:600}.support{color:#64748b;font-size:.5rem;font-weight:500}.barcode-wrapper{flex-direction:column;align-items:flex-end;gap:4px;display:flex}.simulated-barcode{align-items:stretch;gap:2px;height:24px;display:flex}.simulated-barcode span{background:#1e293b;border-radius:1px;width:2px;display:block}.simulated-barcode span:nth-child(2n){width:4px}.simulated-barcode span:nth-child(3n){background:#475569;width:1px}.simulated-barcode span:nth-child(5n){width:6px}.simulated-barcode span:nth-child(7n){width:3px}.serial-no{color:#94a3b8;letter-spacing:1px;font-size:.45rem;font-weight:600}.voucher-header{justify-content:space-between;align-items:flex-start;display:flex}.logo-group h1{font-family:var(--font-display);letter-spacing:2px;color:var(--text);font-size:1.6rem;line-height:1}.logo-group .subtitle{color:var(--text-muted);letter-spacing:1px;font-size:.55rem;font-weight:600}.badge-container{flex-shrink:0;justify-content:flex-end;align-items:flex-start;display:flex}.access-badge{background:linear-gradient(135deg, var(--purple), var(--pink));color:#fff;text-transform:uppercase;letter-spacing:.5px;border-radius:4px;padding:3px 10px;font-size:.5rem;font-weight:700}.specs-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.spec-block{background:var(--surface2);border-radius:6px;padding:8px}.spec-block.text-right{text-align:right}.spec-label{text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);margin-bottom:2px;font-size:.5rem;font-weight:600;display:block}.spec-value{color:var(--text);font-size:.85rem;font-weight:700}.spec-value.highlight-blue{color:var(--cyan)}.token-container{text-align:center;margin:4px 0}.token-title{text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);font-size:.55rem;font-weight:700}.token-box{background:var(--surface2);border:2px dashed var(--border);border-radius:8px;margin-top:6px;padding:12px}.token-string{letter-spacing:1px;color:var(--cyan);font-family:monospace;font-size:1.1rem;font-weight:700}.clock-banner{border-radius:8px;align-items:center;gap:12px;margin-bottom:16px;padding:12px 16px;font-size:13px;font-weight:500;display:flex}.clock-banner.clocked-in{color:var(--green);background:#00e67614;border:1px solid #00e67640}.clock-banner.clocked-out{color:var(--red);background:#ff174414;border:1px solid #ff174433}.clock-status-icon{border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:16px;font-weight:700;display:flex}.clocked-in .clock-status-icon{background:#00e67626}.clocked-out .clock-status-icon{background:#ff174426}.clock-toggle-btn{font-size:12px;font-weight:600;font-family:var(--font-body);cursor:pointer;background:0 0;border:1px solid;border-radius:6px;margin-left:auto;padding:6px 14px;transition:all .15s}.clocked-in .clock-toggle-btn{color:var(--green);border-color:#00e67666}.clocked-out .clock-toggle-btn{color:var(--red);border-color:#ff174466}.clocked-in .clock-toggle-btn:hover{background:#00e6761a}.clocked-out .clock-toggle-btn:hover{background:#ff17441a}.data-table tr.expand-row td{border-bottom:1px solid var(--border);background:#ffffff04;padding:0}.row-selected td{background:#ff00ff08}.role-ceo .row-selected td{background:#ffd70008}@media (width<=1024px){.package-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.package-grid{grid-template-columns:repeat(2,1fr);gap:.5rem}.package-card{padding:.75rem}.segmented{max-width:100%}.vcb-code,.vcb-meta,.vcb-meta--price,.vcb-meta--uses{flex:100%;min-width:0}.voucher-code-bar{flex-wrap:wrap;gap:.6rem}.specs-grid{grid-template-columns:1fr 1fr}.voucher-card-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}.preyone-voucher{width:100%;min-width:360px}.data-table th,.data-table td{white-space:nowrap;padding:8px 10px}.section-head{flex-wrap:wrap;gap:8px}}@media (width<=480px){.package-grid{grid-template-columns:1fr 1fr}.specs-grid{grid-template-columns:1fr}.pkg-price{font-size:1.2rem}.voucher-card-actions-bar{flex-wrap:wrap}}.approvals-scroll{max-height:380px;overflow-y:auto}.approvals-scroll thead th{z-index:1;background-color:var(--surface2);background-image:linear-gradient(#00e5ff0f,#0000);position:sticky;top:0}.voucher-detail{flex-direction:column;gap:1rem;display:flex}.vd-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.vd-code{font-family:var(--font-display);letter-spacing:.06em;color:var(--cyan);text-shadow:0 0 12px #00e5ff4d;cursor:copy;-webkit-user-select:none;user-select:none;overflow-wrap:anywhere;font-size:1.3rem}.vd-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.vd-cell{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;flex-direction:column;gap:2px;min-width:0;padding:10px;display:flex}.vd-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);font-size:.62rem;font-weight:700}.vd-value{color:var(--text);overflow-wrap:anywhere;font-size:.75rem;line-height:1.35}@media (width<=560px){.vd-grid{grid-template-columns:1fr}}.vd-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.75rem}.vd-section{border-top:1px solid var(--border);flex-direction:column;align-items:flex-start;gap:.6rem;padding-top:.85rem;display:flex}.vd-section-title{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin:0;font-size:.72rem;font-weight:700}.vd-count{color:var(--text);margin:0;font-size:.8rem}.vd-macs{flex-wrap:wrap;gap:6px;width:100%;margin:0;padding:0;list-style:none;display:flex}.vd-macs li{border:1px solid var(--border);color:var(--text-dim);overflow-wrap:anywhere;background:#ffffff08;border-radius:6px;padding:4px 8px}.vd-actions{flex-wrap:wrap;align-items:center;gap:6px;margin-top:10px;display:flex}.vd-actions .btn-sm,.vd-actions .btn-action{white-space:nowrap;border-radius:999px;padding:7px 11px;font-size:11px}.vd-actions .btn-action--wa{color:#06130b;background:linear-gradient(135deg,#25d366,#0cf);border-color:#0000;border-radius:999px;justify-content:center;width:34px;height:34px;padding:0;box-shadow:0 0 14px #25d36647}.vd-actions .btn-action--wa:hover{background:linear-gradient(135deg,#2ef27a,#2df);border-color:#0000;box-shadow:0 0 20px #25d36673}.vd-actions .btn-action--wa .vd-action-label{display:none}.renew-hint{color:var(--text-dim);margin:-2px 0 12px;font-size:11px;line-height:1.5}.renew-check{color:var(--text);cursor:pointer;align-items:flex-start;gap:8px;margin-top:14px;font-size:12px;line-height:1.5;display:flex}.renew-check input{accent-color:var(--purple-glow);cursor:pointer;margin-top:2px}.holder-capture{-webkit-backdrop-filter:blur(18px)saturate(140%);color:var(--text,#e6f1ff);background:#0d0f18eb;border:1px solid #00f0ff59;border-radius:12px;padding:18px;box-shadow:0 0 24px #00f0ff1f,inset 0 0 32px #00f0ff0a}.holder-capture__lead{color:var(--text-dim,#9fb2c9);margin:0 0 14px;font-size:.92rem;line-height:1.5}.holder-capture__lead strong{color:var(--un-cyan,#00f0ff);font-weight:700}.holder-capture__label{letter-spacing:.06em;text-transform:uppercase;color:var(--un-cyan,#00f0ff);margin:10px 0 6px;font-size:.78rem;font-weight:600;display:block}.holder-capture__input{box-sizing:border-box;width:100%;color:var(--text,#e6f1ff);background:#0d0f18d9;border:1px solid #00f0ff40;border-radius:8px;outline:none;padding:10px 12px;font-size:.95rem;transition:border-color .15s,box-shadow .15s}.holder-capture__input:focus{border-color:var(--un-cyan,#00f0ff);box-shadow:0 0 0 2px #00f0ff2e}.holder-capture__input::placeholder{color:#9fb2c98c}.holder-capture__error{color:#ff6b6b;margin:10px 0 0;font-size:.85rem}.holder-capture__actions{justify-content:flex-end;gap:10px;margin-top:18px;display:flex}.row-actions{flex-wrap:wrap;gap:6px;display:inline-flex}.live-pill{border:1px solid var(--border);white-space:nowrap;background:#ffffff0a;border-radius:999px;align-items:center;gap:7px;padding:5px 12px;font-size:.68rem;font-weight:600;display:inline-flex}.live-pill__label{color:var(--green);text-transform:uppercase;letter-spacing:.1em}.live-pill__time{color:var(--text-muted);letter-spacing:.01em;font-weight:500}.live-dot{background:var(--green);border-radius:50%;flex:none;width:7px;height:7px;animation:1.8s ease-out infinite livePulse}@keyframes livePulse{0%{box-shadow:0 0 #00e6768c}70%{box-shadow:0 0 0 7px #00e67600}to{box-shadow:0 0 #00e67600}}.badge--idle{color:#9dbbdd;background:#789bd226}.badge--muted{color:var(--text-muted);background:#ffffff0d}.badge--live{color:var(--green);box-shadow:none;background:#00e6761f;border:1px solid #00e67652;align-items:center;gap:5px;display:inline-flex}.cell-badges,.vd-badges{flex-wrap:wrap;align-items:center;gap:6px;display:inline-flex}.used-cell{align-items:center;gap:8px;display:inline-flex}.used-bar{background:#ffffff14;border-radius:3px;flex:none;width:46px;height:5px;overflow:hidden}.used-bar__fill{background:linear-gradient(90deg, var(--un-cyan,#00f0ff), var(--green));border-radius:3px;height:100%;transition:width .4s;display:block}.used-cell__n{font-variant-numeric:tabular-nums;color:var(--text-muted);font-size:.75rem}.dev-chip{font-variant-numeric:tabular-nums;border-radius:999px;align-items:center;gap:6px;padding:3px 9px;font-size:.72rem;font-weight:600;display:inline-flex}.dev-chip--live{color:var(--green);background:#00e67621}.dev-chip--idle{color:var(--text-muted);background:#ffffff0f}@media (width<=900px){.my-sales-charts{grid-template-columns:minmax(0,1fr)!important}}.al-page{--al-cyan:#0cf;--al-green:#22e6a8;--al-amber:#fc0;--al-red:#ff4d6d;--al-violet:#a855f7}.al-sync{align-items:center;gap:12px;display:flex}.al-sync__stamp{letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);align-items:center;gap:6px;font-size:11px;display:inline-flex}.al-spin{animation:.9s linear infinite al-spin}@keyframes al-spin{to{transform:rotate(360deg)}}.al-stats{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:16px;display:grid}.al-stat{background:linear-gradient(155deg,#111827d1,#0a0f1df0);border:1px solid #94a3b824;border-radius:12px;flex-direction:column;padding:14px 16px 13px;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 26px #0000003d}.al-stat:before{content:"";background:var(--al-accent);width:3px;box-shadow:0 0 14px var(--al-accent);position:absolute;inset:0 auto 0 0}.al-stat--cyan{--al-accent:var(--al-cyan)}.al-stat--green{--al-accent:var(--al-green)}.al-stat--amber{--al-accent:var(--al-amber)}.al-stat--red{--al-accent:var(--al-red)}.al-stat--violet{--al-accent:var(--al-violet)}.al-stat__icon{width:26px;height:26px;color:var(--al-accent);background:color-mix(in srgb, var(--al-accent) 12%, transparent);border-radius:8px;justify-content:center;align-items:center;margin-bottom:8px;font-size:14px;display:inline-flex}.al-stat__value{font-family:var(--font-display);letter-spacing:.04em;color:var(--text);font-variant-numeric:tabular-nums;font-size:1.65rem;line-height:1}.al-stat__label{letter-spacing:.13em;text-transform:uppercase;color:var(--text-muted);margin-top:5px;font-size:10px}.al-toolbar{margin-bottom:16px;padding:14px 16px}.al-toolbar__row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.al-search{flex:280px;min-width:220px;position:relative}.al-search svg{color:var(--text-dim);pointer-events:none;font-size:14px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.al-search input{border:1px solid var(--border);width:100%;color:var(--text);font-family:var(--font-body);background:#ffffff08;border-radius:9px;outline:none;padding:9px 12px 9px 34px;font-size:12.5px;transition:border-color .2s,box-shadow .2s}.al-search input:focus{border-color:#00ccff80;box-shadow:0 0 0 2px #00ccff1f}.al-ranges,.al-events{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.al-events{border-top:1px solid var(--border);margin-top:12px;padding-top:12px}.al-chip{border:1px solid var(--border);color:var(--text-muted);font-family:var(--font-body);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;background:0 0;border-radius:8px;align-items:center;gap:6px;padding:6px 11px;font-size:10.5px;font-weight:700;transition:all .18s;display:inline-flex}.al-chip:hover{color:var(--text);background:#00ccff0d;border-color:#00ccff59}.al-chip[aria-pressed=true]{color:var(--al-cyan);background:#00ccff1a;border-color:#00ccff80;box-shadow:0 0 14px #00ccff1f}.al-chip__count{min-width:17px;color:inherit;text-align:center;font-variant-numeric:tabular-nums;background:#ffffff12;border-radius:999px;padding:1px 5px;font-size:9.5px}.al-chip--event[aria-pressed=true].al-chip--ok{color:var(--al-green);background:#22e6a814;border-color:#22e6a873}.al-chip--event[aria-pressed=true].al-chip--bad{color:var(--al-red);background:#ff4d6d14;border-color:#ff4d6d73}.al-chip--event[aria-pressed=true].al-chip--muted{color:var(--al-violet);background:#a855f714;border-color:#a855f773}.al-card__head{border-bottom:1px solid var(--border);letter-spacing:.04em;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;font-size:12px;font-weight:700;display:flex}.al-card__head span:last-child{color:var(--text-muted);font-weight:500}.al-table td{vertical-align:middle}.al-when span{color:var(--text);white-space:nowrap;font-size:12px;display:block}.al-when em{color:var(--text-dim);margin-top:2px;font-size:10px;font-style:normal;display:block}.al-event{letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:4px 9px;font-size:10.5px;font-weight:700;display:inline-flex}.al-event svg{font-size:12px}.al-event--info{color:var(--al-cyan);background:#00ccff17;border:1px solid #00ccff3d}.al-event--ok{color:var(--al-green);background:#22e6a817;border:1px solid #22e6a83d}.al-event--bad{color:var(--al-red);background:#ff4d6d17;border:1px solid #ff4d6d3d}.al-event--muted{color:#b6a4d8;background:#a855f717;border:1px solid #a855f738}.al-account{color:var(--text);font-weight:600}.al-mac,.al-ip{color:#9fb3c8;white-space:nowrap;font-family:SFMono-Regular,Consolas,monospace;font-size:10.5px}.al-detail{max-width:340px;color:var(--text-muted);word-break:break-word;font-size:11.5px;line-height:1.45}.al-request{min-width:170px}.al-request code{text-overflow:ellipsis;color:#9fb3c8;white-space:nowrap;max-width:250px;font-family:SFMono-Regular,Consolas,monospace;font-size:10.5px;display:block;overflow:hidden}.al-method{color:var(--al-cyan);letter-spacing:.08em;background:#00ccff14;border:1px solid #00ccff40;border-radius:4px;margin-bottom:2px;padding:1px 6px;font-size:9px;font-weight:800;display:inline-block}.al-status{border-radius:999px;padding:2px 8px;font-family:SFMono-Regular,Consolas,monospace;font-size:10px;font-weight:700;display:inline-block}.al-status--ok{color:var(--al-green);background:#22e6a81a}.al-status--warn{color:var(--al-amber);background:#ffcc001a}.al-status--bad{color:var(--al-red);background:#ff4d6d1a}.al-status--info{color:var(--al-cyan);background:#00ccff1a}.al-status--muted{color:var(--text-dim);background:#94a3b814}.al-pager{border-top:1px solid var(--border);color:var(--text-muted);justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;font-size:11px;display:flex}.al-pager__controls{align-items:center;gap:8px;display:flex}.al-pager__btn{border:1px solid var(--border);width:28px;height:28px;color:var(--text);cursor:pointer;background:0 0;border-radius:7px;justify-content:center;align-items:center;transition:all .18s;display:inline-flex}.al-pager__btn:hover:not(:disabled){color:var(--al-cyan);background:#00ccff0f;border-color:#00ccff73}.al-pager__btn:disabled{opacity:.35;cursor:not-allowed}.al-pager__page{text-align:center;font-variant-numeric:tabular-nums;min-width:90px}@media (width<=720px){.al-sync__stamp{display:none}.al-ranges{width:100%}.al-detail{max-width:220px}}.gsh-tabs{border-bottom:1px solid var(--border);flex-wrap:wrap;gap:4px;margin-bottom:18px;display:flex}.gsh-tab{appearance:none;font:inherit;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:10px 14px;font-size:13.5px;font-weight:600}.gsh-tab:hover{color:var(--text)}.gsh-tab.active{color:var(--text);border-bottom-color:var(--accent,#0d9488)}.gsh-grid{gap:12px;display:grid}.gsh-theme-grid{grid-template-columns:repeat(auto-fill,minmax(148px,1fr))}.gsh-tpl-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr))}.gsh-profile-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.gsh-theme{text-align:left;border:1px solid var(--border);cursor:pointer;background:var(--bg);border-radius:10px;padding:0;transition:border-color .12s,transform .12s;overflow:hidden}.gsh-theme:hover{transform:translateY(-1px)}.gsh-theme.selected{border-color:var(--accent,#0d9488);box-shadow:0 0 0 1px var(--accent,#0d9488)}.gsh-theme-swatch{height:60px;display:flex}.gsh-theme-swatch span{flex:1}.gsh-theme-name{padding:8px 10px;font-size:12.5px;font-weight:600;display:block}.gsh-theme-desc{color:var(--text-muted);padding:0 10px 9px;font-size:11px;display:block}.gsh-tpl{text-align:left;border:1px solid var(--border);cursor:pointer;background:var(--bg);border-radius:10px;padding:10px;transition:border-color .12s,transform .12s}.gsh-tpl:hover{transform:translateY(-1px)}.gsh-tpl.selected{border-color:var(--accent,#0d9488);box-shadow:0 0 0 1px var(--accent,#0d9488)}.gsh-tpl-mini{border:1px solid var(--border);background:#fff;border-radius:6px;flex-direction:column;height:84px;display:flex;overflow:hidden}.gsh-tpl-mini-head{height:22px}.gsh-tpl-mini-body{flex-direction:column;flex:1;gap:4px;padding:6px;display:flex}.gsh-tpl-mini-body i{background:#e2e8f0;border-radius:2px;height:4px;display:block}.gsh-tpl-mini-body i.short{width:45%}.gsh-tpl-mini-body i.total{background:#cbd5e1}.gsh-tpl-name{margin-top:8px;font-size:12.5px;font-weight:600;display:block}.gsh-tpl-meta{color:var(--text-muted);font-size:11px;display:block}.gsh-preview{border:1px solid var(--border);color:#0f172a;background:#fff;border-radius:10px;max-width:420px;overflow:hidden}.gsh-preview-head{color:#fff;padding:16px 18px}.gsh-preview-head h4{margin:0 0 2px;font-size:16px}.gsh-preview-head p{opacity:.85;margin:0;font-size:11.5px}.gsh-preview-body{padding:14px 18px 18px}.gsh-preview-row{border-bottom:1px solid #f1f5f9;justify-content:space-between;padding:5px 0;font-size:12px;display:flex}.gsh-preview-total{justify-content:space-between;padding-top:10px;font-size:13.5px;font-weight:700;display:flex}.gsh-preview-logo{object-fit:contain;max-width:90px;height:26px}.gsh-profile{text-align:left;border:1px solid var(--border);cursor:pointer;background:var(--bg);border-radius:10px;padding:14px;transition:border-color .12s,transform .12s}.gsh-profile:hover{transform:translateY(-1px)}.gsh-profile.selected{border-color:var(--accent,#0d9488);box-shadow:0 0 0 1px var(--accent,#0d9488)}.gsh-profile-title{margin-bottom:4px;font-size:13.5px;font-weight:700;display:block}.gsh-profile-desc{color:var(--text-muted);font-size:12px;display:block}.gsh-profile-kind{letter-spacing:.04em;text-transform:uppercase;background:color-mix(in srgb, var(--accent,#0d9488) 14%, transparent);color:var(--accent,#0d9488);border-radius:999px;margin-top:8px;padding:2px 7px;font-size:10.5px;font-weight:700;display:inline-block}.gsh-section-label{letter-spacing:.05em;text-transform:uppercase;color:var(--text-muted);margin:18px 0 10px;font-size:11px;font-weight:700;display:block}.gsh-logo-row{align-items:center;gap:14px;display:flex}.gsh-logo-preview{border:1px dashed var(--border);background:var(--bg);border-radius:10px;place-items:center;width:64px;height:64px;display:grid;overflow:hidden}.gsh-logo-preview img{object-fit:contain;max-width:100%;max-height:100%}.gsh-tier-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin:14px 0;display:grid}.gsh-tier{border:1px solid var(--border);text-align:center;cursor:pointer;background:var(--bg);border-radius:10px;padding:14px 12px;position:relative}.gsh-tier.selected{border-color:var(--accent,#0d9488);box-shadow:0 0 0 1px var(--accent,#0d9488)}.gsh-tier-name{font-size:13px;font-weight:700;display:block}.gsh-tier-price{margin:4px 0;font-size:22px;font-weight:800;display:block}.gsh-tier-price small{color:var(--text-muted);font-size:12px;font-weight:600}.gsh-tier-devices{color:var(--text-muted);font-size:11.5px;display:block}.gsh-tier-current{letter-spacing:.04em;background:var(--accent,#0d9488);color:#fff;border-radius:999px;padding:1px 6px;font-size:9.5px;font-weight:800;position:absolute;top:8px;right:8px}.acct-page{--acct-bg:#0f172a;--acct-emerald:#059669;--acct-amber:#d97706;--acct-glass:#0f172ab8;--acct-border:#94a3b82e;--acct-text:#e2e8f0;--acct-muted:#94a3b8;color:var(--acct-text)}.acct-header{flex-wrap:wrap;justify-content:space-between;gap:12px;margin-bottom:18px;display:flex}.acct-title{letter-spacing:.02em;margin:0;font-size:1.45rem}.acct-desc{color:var(--acct-muted);margin:4px 0 0;font-size:.9rem}.acct-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.acct-date{background:var(--acct-glass);border:1px solid var(--acct-border);color:var(--acct-text);border-radius:10px;padding:.45rem .6rem}.acct-btn{border:1px solid var(--acct-border);color:var(--acct-text);cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e293be6;border-radius:10px;align-items:center;gap:6px;padding:.5rem .85rem;display:inline-flex}.acct-btn--emerald{color:#6ee7b7;border-color:#05966980}.acct-btn--amber{color:#fcd34d;border-color:#d9770680}.acct-error{background:#b91c1c33;border:1px solid #f8717166;border-radius:10px;margin-bottom:12px;padding:10px 12px}.acct-kpis{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;margin-bottom:16px;display:grid}.acct-kpi{border:1px solid var(--acct-border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(145deg,#0f172aeb,#1e293bbf);border-radius:16px;padding:14px 16px;box-shadow:0 10px 30px #02061759}.acct-kpi--emerald{border-color:#05966973}.acct-kpi--amber{border-color:#d9770673}.acct-kpi-label{text-transform:uppercase;letter-spacing:.06em;color:var(--acct-muted);align-items:center;gap:6px;font-size:.75rem;display:flex}.acct-kpi-value{margin-top:8px;font-size:1.35rem;font-weight:700;display:block}.acct-tabs{flex-wrap:wrap;gap:8px;margin-bottom:14px;display:flex}.acct-tabs button{border:1px solid var(--acct-border);color:var(--acct-muted);cursor:pointer;background:0 0;border-radius:999px;padding:.4rem .9rem}.acct-tabs button.on{color:#a7f3d0;background:#0596692e;border-color:#0596698c}.acct-panel{background:var(--acct-glass);border:1px solid var(--acct-border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:16px;padding:16px}.acct-pnl-grid{gap:8px;display:grid}.acct-pnl-row{border-bottom:1px solid #94a3b81f;justify-content:space-between;padding:8px 4px;display:flex}.acct-rail-strip{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;margin-top:16px;display:grid}.acct-rail-strip>div,.acct-rail-card{border:1px solid var(--acct-border);background:#0f172aa6;border-radius:12px;flex-direction:column;gap:6px;padding:12px;display:flex}.acct-rail-cards{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;display:grid}.acct-filters{gap:8px;margin-bottom:12px;display:flex}.acct-filters select{color:var(--acct-text);border:1px solid var(--acct-border);background:#0f172a;border-radius:8px;padding:.4rem .6rem}.acct-table-wrap{overflow-x:auto}.acct-table{border-collapse:collapse;width:100%;font-size:.85rem}.acct-table th,.acct-table td{text-align:left;border-bottom:1px solid #94a3b81f;padding:8px 10px}.acct-table th{color:var(--acct-muted);font-weight:600}.acct-tax-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;display:grid}.acct-tax-card{border:1px solid var(--acct-border);background:#0f172ab3;border-radius:14px;padding:14px}.acct-tax-card--liability{border-color:#d9770680}.acct-tax-card h3{align-items:center;gap:6px;margin:0 0 6px;font-size:.95rem;display:flex}.acct-tax-card p{color:var(--acct-muted);margin:0 0 8px}.acct-empty{text-align:center;color:var(--acct-muted);padding:24px}.acct-subhead{color:var(--acct-muted);margin:0 0 12px;font-size:.95rem;font-weight:500}.sp-root{--sp-bg:#0d0f18;--sp-bg2:#11131f;--sp-panel:#ffffff08;--sp-panel2:#ffffff0b;--sp-line:#ffffff17;--sp-line2:#ffffff24;--sp-text:#e8edf6;--sp-mut:#97a1b5;--sp-dim:#64748b;--sp-cyan:#00e5ff;--sp-purple:#a855f7;--sp-green:#22c55e;--sp-gold:#fbbf24;--sp-red:#f87171;background:radial-gradient(1100px 600px at 12% -8%, #a855f71a, transparent 55%), radial-gradient(900px 560px at 100% 0%, #00e5ff14, transparent 55%), radial-gradient(800px 700px at 50% 120%, #a855f70f, transparent 60%), var(--sp-bg);min-height:100vh;color:var(--sp-text);font-family:var(--font-body,"Montserrat", sans-serif);font-size:15px;line-height:1.55}.sp-root ::-webkit-scrollbar{width:8px;height:8px}.sp-root ::-webkit-scrollbar-track{background:0 0}.sp-root ::-webkit-scrollbar-thumb{background:linear-gradient(180deg, var(--sp-cyan), var(--sp-purple));border-radius:8px}.sp-auth{grid-template-columns:1.05fr 1fr;min-height:100vh;display:grid}.sp-auth-brand{background:linear-gradient(150deg, #0d0f18eb, #18102ef0), var(--sp-bg);border-right:1px solid var(--sp-line);flex-direction:column;justify-content:space-between;padding:44px 48px;display:flex;position:relative;overflow:hidden}.sp-auth-brand:before{content:"";pointer-events:none;background:radial-gradient(circle,#00e5ff38,#0000 65%);width:520px;height:520px;position:absolute;top:-140px;right:-160px}.sp-auth-brand:after{content:"";pointer-events:none;background:radial-gradient(circle,#a855f73d,#0000 65%);width:460px;height:460px;position:absolute;bottom:-160px;left:-140px}.sp-badge{color:var(--sp-cyan);letter-spacing:.16em;text-transform:uppercase;background:#00e5ff12;border:1px solid #00e5ff59;border-radius:999px;align-items:center;gap:9px;padding:7px 14px;font-size:11px;font-weight:800;display:inline-flex}.sp-badge-dot{background:var(--sp-cyan);width:7px;height:7px;box-shadow:0 0 10px var(--sp-cyan);border-radius:50%;animation:2s infinite sp-pulse}@keyframes sp-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.82)}}.sp-auth-title{font-family:var(--font-display,"Bebas Neue", sans-serif);letter-spacing:.03em;margin:26px 0 14px;font-size:clamp(44px,5.4vw,76px);line-height:.96}.sp-auth-title em{background:linear-gradient(90deg, var(--sp-cyan), var(--sp-purple));color:#0000;text-shadow:0 0 42px #00e5ff40;-webkit-background-clip:text;background-clip:text;font-style:normal}.sp-auth-lead{color:var(--sp-mut);max-width:460px;font-size:14.5px}.sp-auth-points{gap:13px;margin:30px 0 0;padding:0;list-style:none;display:grid}.sp-auth-points li{color:var(--sp-mut);align-items:flex-start;gap:11px;font-size:13.5px;display:flex}.sp-auth-points li svg{color:var(--sp-cyan);flex-shrink:0;margin-top:2px}.sp-auth-points li b{color:var(--sp-text);font-weight:700}.sp-auth-foot{color:var(--sp-dim);z-index:1;font-size:12px;position:relative}.sp-auth-side{justify-content:center;align-items:center;padding:40px 26px;display:flex}.sp-auth-card{background:var(--sp-panel);border:1px solid var(--sp-line2);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:18px;width:100%;max-width:430px;padding:34px 32px 30px;box-shadow:0 24px 70px #00000080,inset 0 1px #ffffff0d}.sp-auth-card h2{font-family:var(--font-display,"Bebas Neue", sans-serif);letter-spacing:.05em;margin:14px 0 4px;font-size:30px}.sp-auth-sub{color:var(--sp-mut);margin-bottom:22px;font-size:13px}.sp-field{flex-direction:column;gap:6px;margin-bottom:14px;display:flex}.sp-field label{letter-spacing:.12em;text-transform:uppercase;color:var(--sp-mut);font-size:11px;font-weight:800}.sp-input{border:1px solid var(--sp-line);width:100%;color:var(--sp-text);font:inherit;background:#00000059;border-radius:10px;padding:12px 14px;font-size:14.5px;transition:border-color .15s,box-shadow .15s}.sp-input::placeholder{color:var(--sp-dim)}.sp-input:focus{border-color:#00e5ff8c;outline:none;box-shadow:0 0 0 3px #00e5ff1f}.sp-input-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.sp-hint{color:var(--sp-dim);margin-top:-6px;font-size:11.5px}.sp-btn{font:inherit;letter-spacing:.04em;cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:9px;padding:13px 20px;font-size:13.5px;font-weight:800;transition:transform .14s,box-shadow .14s,background .14s,border-color .14s;display:inline-flex}.sp-btn:disabled{opacity:.55;cursor:not-allowed}.sp-btn--primary{background:linear-gradient(135deg, var(--sp-cyan), #58c8ff 55%, var(--sp-purple));color:#06121a;width:100%;box-shadow:0 8px 26px #00e5ff47}.sp-btn--primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 12px 32px #00e5ff61}.sp-btn--ghost{border:1px solid var(--sp-line2);color:var(--sp-text);background:0 0}.sp-btn--ghost:hover{color:var(--sp-cyan);border-color:#00e5ff80}.sp-btn--purple{background:linear-gradient(135deg, var(--sp-purple), #c084fc);color:#14061f;box-shadow:0 8px 24px #a855f74d}.sp-btn--purple:hover:not(:disabled){transform:translateY(-1px)}.sp-auth-switch{text-align:center;color:var(--sp-mut);margin-top:18px;font-size:13px}.sp-link{color:var(--sp-cyan);cursor:pointer;font-weight:700;font:inherit;font-size:inherit;background:0 0;border:none;padding:0}.sp-link:hover{text-decoration:underline}.sp-alert{border:1px solid;border-radius:10px;margin-bottom:16px;padding:11px 14px;font-size:13px}.sp-alert--err{color:#fca5a5;background:#f8717117;border-color:#f8717159}.sp-alert--ok{color:#86efac;background:#22c55e17;border-color:#22c55e59}.sp-topbar{z-index:60;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--sp-line);background:#0d0f18db;align-items:center;gap:16px;height:64px;padding:0 22px;display:flex;position:sticky;top:0}.sp-brand{flex-shrink:0;align-items:center;gap:11px;text-decoration:none;display:flex}.sp-brand img{width:auto;height:34px}.sp-brand-txt{flex-direction:column;line-height:1.05;display:flex}.sp-brand-txt b{font-family:var(--font-display,"Bebas Neue", sans-serif);letter-spacing:.09em;color:var(--sp-text);font-size:17px}.sp-brand-txt span{letter-spacing:.24em;text-transform:uppercase;color:var(--sp-cyan);font-size:8.5px;font-weight:800}.sp-tabs{scrollbar-width:none;-ms-overflow-style:none;flex:1;justify-content:center;align-items:center;gap:4px;display:flex;overflow-x:auto}.sp-tabs::-webkit-scrollbar{display:none}.sp-tab{color:var(--sp-mut);font:inherit;white-space:nowrap;cursor:pointer;background:0 0;border:none;border-radius:9px;align-items:center;gap:7px;padding:9px 14px;font-size:13px;font-weight:700;transition:color .15s,background .15s;display:inline-flex;position:relative}.sp-tab:hover{color:var(--sp-text);background:#ffffff0d}.sp-tab.is-active{color:var(--sp-cyan);background:#00e5ff14}.sp-tab.is-active:after{content:"";background:linear-gradient(90deg, var(--sp-cyan), var(--sp-purple));border-radius:2px;height:2px;position:absolute;bottom:-1px;left:12px;right:12px;box-shadow:0 0 10px #00e5ffb3}.sp-right{flex-shrink:0;align-items:center;gap:12px;display:flex}.sp-search{border:1px solid var(--sp-line);color:var(--sp-dim);cursor:pointer;background:#0006;border-radius:999px;align-items:center;gap:9px;min-width:190px;padding:8px 14px;font-size:12.5px;transition:border-color .15s;display:flex}.sp-search:hover{border-color:#00e5ff66}.sp-search kbd{font:600 10px/1 var(--font-body,"Montserrat", sans-serif);color:var(--sp-dim);border:1px solid var(--sp-line2);background:#ffffff0a;border-radius:5px;margin-left:auto;padding:3px 6px}.sp-user{position:relative}.sp-user-btn{border:1px solid var(--sp-line2);color:var(--sp-text);font:inherit;cursor:pointer;background:#ffffff08;border-radius:999px;align-items:center;gap:10px;padding:6px 14px 6px 7px;font-size:13px;font-weight:700;transition:border-color .15s;display:flex}.sp-user-btn:hover{border-color:#00e5ff73}.sp-avatar{background:linear-gradient(135deg, var(--sp-cyan), var(--sp-purple));color:#06121a;border-radius:50%;place-items:center;width:30px;height:30px;font-size:12.5px;font-weight:900;display:grid}.sp-user-menu{border:1px solid var(--sp-line2);z-index:70;background:#12141f;border-radius:14px;width:232px;padding:8px;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 24px 60px #0000008c}.sp-user-head{border-bottom:1px solid var(--sp-line);margin-bottom:6px;padding:10px 12px}.sp-user-head b{font-size:13.5px;display:block}.sp-user-head span{color:var(--sp-dim);word-break:break-all;font-size:11.5px}.sp-menu-item{width:100%;color:var(--sp-text);font:inherit;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:9px;align-items:center;gap:10px;padding:10px 12px;font-size:13px;font-weight:600;display:flex}.sp-menu-item:hover{background:#ffffff0f}.sp-menu-item--danger{color:var(--sp-red)}.sp-menu-item--danger:hover{background:#f871711a}.sp-main{max-width:1240px;margin:0 auto;padding:26px 22px 64px}.sp-hello{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:14px;margin-bottom:20px;display:flex}.sp-hello h1{font-family:var(--font-display,"Bebas Neue", sans-serif);letter-spacing:.04em;margin:0;font-size:clamp(28px,4vw,40px)}.sp-hello h1 em{color:var(--sp-cyan);text-shadow:0 0 24px #00e5ff66;font-style:normal}.sp-hello p{color:var(--sp-mut);margin:4px 0 0;font-size:13.5px}.sp-panel{border:1px solid var(--sp-line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(165deg,#ffffff0a,#ffffff04);border-radius:16px;min-width:0;padding:20px;box-shadow:0 10px 34px #0000004d,inset 0 1px #ffffff0a}.sp-panel+.sp-panel{margin-top:16px}.sp-panel-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.sp-panel-title{font-family:var(--font-display,"Bebas Neue", sans-serif);letter-spacing:.07em;align-items:center;gap:9px;margin:0;font-size:20px;display:flex}.sp-panel-title:before{content:"";background:var(--sp-cyan);width:7px;height:7px;box-shadow:0 0 10px var(--sp-cyan);border-radius:50%}.sp-panel-sub{color:var(--sp-dim);margin:2px 0 0 16px;font-size:12.5px}.sp-wallet{background:linear-gradient(135deg,#0d0f18f5,#1a1130eb);border:1px solid #00e5ff38;border-radius:18px;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:24px;padding:24px;display:grid;position:relative;overflow:hidden;box-shadow:0 16px 48px #00000073,inset 0 1px #ffffff0d}.sp-wallet:after{content:"";pointer-events:none;background:radial-gradient(circle,#00e5ff29,#0000 65%);width:380px;height:380px;position:absolute;top:-150px;right:-120px}.sp-wallet-left{z-index:1;flex-direction:column;gap:18px;display:flex;position:relative}.sp-metric-label{letter-spacing:.2em;text-transform:uppercase;color:var(--sp-dim);align-items:center;gap:8px;font-size:10px;font-weight:800;display:flex}.sp-balance{color:var(--sp-cyan);text-shadow:0 0 34px #00e5ff73;letter-spacing:-.02em;margin-top:6px;font-size:clamp(38px,5vw,52px);font-weight:900;line-height:1}.sp-due-row{align-items:center;gap:10px;display:flex}.sp-due-val{font-size:21px;font-weight:800}.sp-due-val.is-clear{color:var(--sp-green)}.sp-due-val.is-owed{color:var(--sp-gold);text-shadow:0 0 18px #fbbf2459}.sp-due-note{color:var(--sp-dim);font-size:11.5px}.sp-wallet-right{z-index:1;grid-template-columns:1fr 1fr;align-content:center;gap:11px;display:grid;position:relative}.sp-action{border:1px solid var(--sp-line2);color:var(--sp-text);font:inherit;cursor:pointer;text-align:left;background:#ffffff0a;border-radius:12px;align-items:center;gap:11px;min-width:0;padding:14px 15px;font-size:13px;font-weight:700;transition:all .16s;display:flex}.sp-action svg{flex-shrink:0}.sp-action span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sp-action:hover{background:#00e5ff12;border-color:#00e5ff80;transform:translateY(-2px);box-shadow:0 10px 26px #00000059}.sp-action--cyan{border-color:#00e5ff66}.sp-action--cyan svg{color:var(--sp-cyan)}.sp-action--purple{border-color:#a855f766}.sp-action--purple svg{color:var(--sp-purple)}.sp-action--gold{border-color:#fbbf2459}.sp-action--gold svg{color:var(--sp-gold)}.sp-action--ghost svg{color:var(--sp-mut)}.sp-kit-select{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.sp-kit-select label{letter-spacing:.14em;text-transform:uppercase;color:var(--sp-dim);font-size:11px;font-weight:800}.sp-select{border:1px solid var(--sp-line2);color:var(--sp-text);font:inherit;cursor:pointer;background:#0006;border-radius:10px;min-width:230px;padding:10px 13px;font-size:13.5px;font-weight:600}.sp-select:focus{border-color:#00e5ff8c;outline:none}.sp-usage-grid{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:16px;margin-top:16px;display:grid}.sp-chart{border-bottom:1px solid var(--sp-line);align-items:flex-end;gap:14px;height:190px;padding:10px 6px 0;display:flex}.sp-chart-col{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:8px;min-width:0;height:100%;display:flex}.sp-chart-val{color:var(--sp-cyan);text-shadow:0 0 12px #00e5ff80;white-space:nowrap;font-size:12px;font-weight:800}.sp-chart-bar-track{align-items:flex-end;width:100%;max-width:74px;height:100%;display:flex}.sp-chart-bar{background:linear-gradient(180deg, var(--sp-cyan), var(--sp-purple));border-radius:8px 8px 3px 3px;width:100%;min-height:4px;transition:height .6s cubic-bezier(.22,1,.36,1);box-shadow:0 0 18px #00e5ff59}.sp-chart-bar.is-baseline{opacity:.72}.sp-chart-x{color:var(--sp-dim);white-space:nowrap;font-size:11px;font-weight:700}.sp-details{flex-direction:column;gap:4px;display:flex}.sp-detail{border-bottom:1px dashed var(--sp-line);justify-content:space-between;align-items:center;gap:12px;padding:13px 4px;display:flex}.sp-detail:last-child{border-bottom:none}.sp-detail-k{letter-spacing:.14em;text-transform:uppercase;color:var(--sp-dim);font-size:10.5px;font-weight:800}.sp-detail-v{text-align:right;word-break:break-all;font-size:15px;font-weight:800}.sp-detail-v.is-cyan{color:var(--sp-cyan);text-shadow:0 0 16px #00e5ff66}.sp-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-top:16px;display:grid}.sp-stat{background:var(--sp-panel);border:1px solid var(--sp-line);border-radius:13px;min-width:0;padding:15px 16px;transition:border-color .16s,transform .16s}.sp-stat:hover{border-color:#00e5ff66;transform:translateY(-2px)}.sp-stat-label{letter-spacing:.15em;text-transform:uppercase;color:var(--sp-dim);white-space:nowrap;text-overflow:ellipsis;font-size:10px;font-weight:800;overflow:hidden}.sp-stat-val{white-space:nowrap;text-overflow:ellipsis;margin-top:5px;font-size:24px;font-weight:900;overflow:hidden}.sp-stat-val.is-cyan{color:var(--sp-cyan);text-shadow:0 0 20px #00e5ff66}.sp-stat-val.is-green{color:var(--sp-green)}.sp-stat-val.is-gold{color:var(--sp-gold)}.sp-stat-sub{color:var(--sp-dim);margin-top:2px;font-size:11px}.sp-cards{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:15px;display:grid}.sp-plan{position:relative;overflow:hidden}.sp-plan:before{content:"";background:linear-gradient(90deg, var(--sp-cyan), var(--sp-purple));height:3px;position:absolute;inset:0 0 auto}.sp-plan h4{margin:4px 0 6px;font-size:16.5px;font-weight:800}.sp-plan-price{font-family:var(--font-display,"Bebas Neue", sans-serif);color:var(--sp-cyan);letter-spacing:.03em;font-size:34px}.sp-plan-price small{color:var(--sp-dim);font-size:13px;font-family:var(--font-body,"Montserrat", sans-serif)}.sp-plan ul{gap:8px;margin:14px 0 18px;padding:0;list-style:none;display:grid}.sp-plan li{color:var(--sp-mut);gap:9px;font-size:13px;display:flex}.sp-plan li svg{color:var(--sp-green);flex-shrink:0;margin-top:2px}.sp-table-wrap{border:1px solid var(--sp-line);border-radius:12px;overflow-x:auto}.sp-table{border-collapse:collapse;width:100%;min-width:640px;font-size:13.5px}.sp-table th{text-align:left;letter-spacing:.12em;text-transform:uppercase;color:var(--sp-dim);border-bottom:1px solid var(--sp-line);white-space:nowrap;background:#0000004d;padding:12px 15px;font-size:10.5px;font-weight:800}.sp-table td{vertical-align:middle;border-bottom:1px solid #ffffff0d;padding:13px 15px}.sp-table tr:last-child td{border-bottom:none}.sp-table tbody tr:hover{background:#00e5ff0b}.sp-table .is-money{color:var(--sp-cyan);white-space:nowrap;font-weight:800}.sp-table .is-muted{color:var(--sp-dim);white-space:nowrap;font-size:12px}.sp-badge-pill{letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;border:1px solid;border-radius:999px;align-items:center;gap:6px;padding:5px 11px;font-size:10.5px;font-weight:800;display:inline-flex}.sp-badge-pill:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px;box-shadow:0 0 8px}.sp-badge-pill--paid{color:#4ade80;background:#4ade8014;border-color:#4ade8066}.sp-badge-pill--pending{color:var(--sp-gold);background:#fbbf2414;border-color:#fbbf2466}.sp-badge-pill--failed{color:var(--sp-red);background:#f8717114;border-color:#f8717166}.sp-badge-pill--active{color:var(--sp-cyan);background:#00e5ff14;border-color:#00e5ff66}.sp-row-actions{gap:8px;display:flex}.sp-icon-btn{border:1px solid var(--sp-line2);color:var(--sp-text);font:inherit;cursor:pointer;white-space:nowrap;background:#ffffff0a;border-radius:9px;align-items:center;gap:7px;padding:8px 12px;font-size:12px;font-weight:700;transition:all .14s;display:inline-flex}.sp-icon-btn:hover{color:var(--sp-cyan);border-color:#00e5ff80}.sp-empty{text-align:center;color:var(--sp-dim);padding:44px 20px}.sp-empty svg{opacity:.5;margin-bottom:12px}.sp-empty p{margin:0;font-size:13.5px}.sp-filters{flex-wrap:wrap;gap:9px;display:flex}.sp-chip{border:1px solid var(--sp-line2);color:var(--sp-mut);font:inherit;cursor:pointer;background:0 0;border-radius:999px;padding:8px 15px;font-size:12px;font-weight:700;transition:all .14s}.sp-chip:hover{color:var(--sp-text);border-color:var(--sp-line2)}.sp-chip.is-active{color:var(--sp-cyan);background:#00e5ff1a;border-color:#00e5ff80}.sp-modal-overlay{z-index:100;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#05060cc7;justify-content:center;align-items:flex-start;padding:48px 18px;display:flex;position:fixed;inset:0;overflow-y:auto}.sp-modal{border:1px solid var(--sp-line2);background:#12141f;border-radius:18px;width:100%;max-width:560px;animation:.22s sp-rise;overflow:hidden;box-shadow:0 30px 90px #0009,0 0 60px #00e5ff0f}.sp-modal--wide{max-width:720px}@keyframes sp-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.sp-modal-head{border-bottom:1px solid var(--sp-line);background:linear-gradient(135deg,#00e5ff0f,#a855f70f);justify-content:space-between;align-items:center;gap:12px;padding:18px 22px;display:flex}.sp-modal-head h3{font-family:var(--font-display,"Bebas Neue", sans-serif);letter-spacing:.06em;margin:0;font-size:21px}.sp-modal-close{border:1px solid var(--sp-line2);width:34px;height:34px;color:var(--sp-mut);cursor:pointer;background:#ffffff0a;border-radius:9px;place-items:center;display:grid}.sp-modal-close:hover{color:var(--sp-red);border-color:#f8717180}.sp-modal-body{padding:22px}.sp-modal-foot{justify-content:flex-end;gap:11px;padding:0 22px 22px;display:flex}.sp-kind-tabs{grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:20px;display:grid}.sp-kind-tab{border:1px solid var(--sp-line);color:var(--sp-mut);font:inherit;cursor:pointer;background:#ffffff08;border-radius:12px;flex-direction:column;align-items:center;gap:7px;padding:14px 8px;font-size:12px;font-weight:700;transition:all .15s;display:flex}.sp-kind-tab.is-active{color:var(--sp-cyan);background:#00e5ff14;border-color:#00e5ff8c}.sp-kind-tab:hover{color:var(--sp-text)}.sp-bundles{grid-template-columns:1fr 1fr;gap:10px;display:grid}.sp-bundle{border:1px solid var(--sp-line);color:var(--sp-text);font:inherit;cursor:pointer;text-align:left;background:#ffffff08;border-radius:12px;flex-direction:column;gap:3px;padding:14px;transition:all .15s;display:flex;position:relative}.sp-bundle.is-active{background:#a855f71a;border-color:#a855f799;box-shadow:0 0 24px #a855f726}.sp-bundle b{color:var(--sp-cyan);font-size:17px}.sp-bundle span{color:var(--sp-dim);font-size:11.5px}.sp-bundle strong{font-size:14px}.sp-rails{grid-template-columns:repeat(3,1fr);gap:9px;display:grid}.sp-rail{border:1px solid var(--sp-line);color:var(--sp-mut);font:inherit;cursor:pointer;background:#ffffff08;border-radius:11px;flex-direction:column;align-items:center;gap:5px;padding:13px 6px;font-size:12.5px;font-weight:700;transition:all .15s;display:flex}.sp-rail.is-active{color:var(--sp-cyan);background:#00e5ff12;border-color:#00e5ff8c}.sp-rail small{color:var(--sp-dim);letter-spacing:.06em;text-transform:uppercase;font-size:9.5px;font-weight:600}.sp-summary{border:1px dashed var(--sp-line2);background:#00000052;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;margin-top:18px;padding:15px 17px;display:flex}.sp-summary-k{letter-spacing:.14em;text-transform:uppercase;color:var(--sp-dim);font-size:11px;font-weight:800}.sp-summary-v{color:var(--sp-cyan);text-shadow:0 0 22px #00e5ff66;font-size:27px;font-weight:900}.sp-secure{color:var(--sp-dim);justify-content:center;align-items:center;gap:7px;margin-top:14px;font-size:11.5px;display:flex}.sp-secure svg{color:var(--sp-green)}.sp-invoice-doc{padding:4px 2px}.sp-inv-letterhead{border-bottom:3px solid #0000;border-image:linear-gradient(90deg, var(--sp-cyan), var(--sp-purple)) 1;justify-content:space-between;align-items:flex-start;gap:16px;padding-bottom:16px;display:flex}.sp-inv-letterhead h4{font-family:var(--font-display,"Bebas Neue", sans-serif);letter-spacing:.06em;margin:0;font-size:24px}.sp-inv-letterhead p{color:var(--sp-dim);margin:3px 0 0;font-size:12px}.sp-inv-meta{text-align:right;color:var(--sp-mut);font-size:12.5px}.sp-inv-meta b{color:var(--sp-text);font-size:15px}.sp-inv-lines{border-collapse:collapse;width:100%;margin-top:18px;font-size:13.5px}.sp-inv-lines th{text-align:left;letter-spacing:.12em;text-transform:uppercase;color:var(--sp-dim);border-bottom:1px solid var(--sp-line);padding:9px 4px;font-size:10.5px}.sp-inv-lines td{border-bottom:1px dashed var(--sp-line);padding:12px 4px}.sp-inv-totals{width:min(300px,100%);margin-top:14px;margin-left:auto}.sp-inv-totals div{color:var(--sp-mut);justify-content:space-between;padding:7px 0;font-size:13.5px;display:flex}.sp-inv-totals div.is-grand{border-top:2px solid var(--sp-line2);color:var(--sp-text);margin-top:6px;padding-top:11px;font-size:17px;font-weight:900}.sp-inv-totals .is-paid{color:var(--sp-green);font-weight:800}.sp-pese-ref{color:var(--sp-mut);border:1px solid var(--sp-line);word-break:break-all;background:#0000004d;border-radius:9px;align-items:center;gap:8px;margin-top:14px;padding:8px 13px;font-family:Courier New,monospace;font-size:12px;display:inline-flex}.sp-palette{max-width:540px}.sp-palette-input{width:100%;color:var(--sp-text);font:inherit;background:0 0;border:none;padding:4px 0;font-size:17px}.sp-palette-input:focus{outline:none}.sp-palette-list{gap:5px;max-height:320px;margin-top:14px;display:grid;overflow-y:auto}.sp-palette-item{width:100%;color:var(--sp-text);font:inherit;cursor:pointer;text-align:left;background:#ffffff08;border:1px solid #0000;border-radius:11px;align-items:center;gap:12px;padding:13px 14px;font-size:14px;font-weight:600;display:flex}.sp-palette-item:hover{background:#00e5ff12;border-color:#00e5ff73}.sp-palette-item span{color:var(--sp-dim);margin-left:auto;font-size:11.5px}.sp-support-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px;display:grid}.sp-support-card{color:inherit;flex-direction:column;gap:8px;text-decoration:none;transition:all .16s;display:flex}.sp-support-card:hover{border-color:#00e5ff73;transform:translateY(-2px)}.sp-support-card svg{color:var(--sp-cyan)}.sp-support-card b{font-size:15px}.sp-support-card span{color:var(--sp-mut);word-break:break-all;font-size:12.5px}.sp-faq{border-bottom:1px solid var(--sp-line)}.sp-faq summary{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;padding:16px 4px;font-size:14.5px;font-weight:700;list-style:none;display:flex}.sp-faq summary::-webkit-details-marker{display:none}.sp-faq summary:after{content:"+";color:var(--sp-cyan);font-size:21px;font-weight:400;line-height:1}.sp-faq[open] summary:after{content:"−"}.sp-faq p{color:var(--sp-mut);margin:0 0 16px;padding-right:30px;font-size:13.5px}.sp-toasts{z-index:200;gap:10px;max-width:min(380px,100vw - 36px);display:grid;position:fixed;bottom:18px;right:18px}.sp-toast{border:1px solid var(--sp-line2);border-left:3px solid var(--sp-cyan);background:#12141f;border-radius:12px;align-items:flex-start;gap:11px;padding:14px 16px;font-size:13.5px;animation:.2s sp-rise;display:flex;box-shadow:0 18px 50px #0000008c}.sp-toast--ok{border-left-color:var(--sp-green)}.sp-toast--err{border-left-color:var(--sp-red)}.sp-toast--info{border-left-color:var(--sp-cyan)}.sp-toast b{margin-bottom:2px;font-size:13.5px;display:block}.sp-toast span{color:var(--sp-mut);font-size:12.5px}.sp-paying{text-align:center;flex-direction:column;align-items:center;gap:14px;padding:34px 16px;display:flex}.sp-spinner{border:3px solid #00e5ff2e;border-top-color:var(--sp-cyan);border-radius:50%;width:46px;height:46px;animation:.85s linear infinite sp-spin}@keyframes sp-spin{to{transform:rotate(360deg)}}@media (width<=1080px){.sp-wallet,.sp-usage-grid{grid-template-columns:1fr}.sp-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.sp-auth{grid-template-columns:1fr}.sp-auth-brand{border-right:none;border-bottom:1px solid var(--sp-line);padding:32px 28px}}@media (width<=768px){.sp-topbar{gap:10px;height:58px;padding:0 14px}.sp-brand-txt{display:none}.sp-tabs{justify-content:flex-start}.sp-tab{padding:8px 11px;font-size:12.5px}.sp-search{min-width:0;padding:8px 11px}.sp-search span,.sp-search kbd{display:none}.sp-user-btn{border-radius:50%;padding:5px}.sp-user-btn .sp-user-name{display:none}.sp-main{padding:20px 14px 56px}.sp-wallet{padding:18px}.sp-wallet-right{grid-template-columns:1fr 1fr}.sp-panel{padding:16px}.sp-modal-overlay{padding:26px 12px}}@media (width<=560px){.sp-stats{grid-template-columns:1fr 1fr;gap:10px}.sp-wallet-right,.sp-input-row,.sp-kind-tabs,.sp-rails,.sp-bundles{grid-template-columns:1fr}.sp-auth-card{padding:26px 20px}.sp-chart{gap:8px}.sp-modal-foot{flex-direction:column-reverse}.sp-modal-foot .sp-btn{width:100%}}