:root{--bg:#101114;--panel:#202126;--text:#f3f0eb;--muted:#a6a4a1;--line:#ffffff12;--accent:#e6a969;--gold:#e6a969;color-scheme:dark}
body{background:radial-gradient(ellipse at 90% 8%,#743c202e,transparent 42%),radial-gradient(ellipse at 14% 90%,#167c8020,transparent 35%),#101114;color:var(--text);font-family:Inter,'Segoe UI',sans-serif}
body:before{content:'';position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(#ffffff02 1px,transparent 1px),linear-gradient(90deg,#ffffff02 1px,transparent 1px);background-size:64px 64px;z-index:-1}
aside{background:#191a1dcc;border-right:1px solid #ffffff0b;backdrop-filter:blur(28px)}main{background:transparent}.brand{color:#f6f2ec}.brand img{border:1px solid #ffffff1c}.brand small,.side-label,.nav-section,.eyebrow{color:#a09a92}.brand span{letter-spacing:3px}
button,input,select,textarea{font:inherit}button{transition:background .22s,transform .22s,box-shadow .22s}button:hover{transform:translateY(-2px)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #e6a969;outline-offset:3px}
nav button{color:#aaa8a5;background:transparent}nav button:hover{background:#ffffff08;color:#fff}nav button.active{background:linear-gradient(100deg,#e6a96926,#e6a9690b);color:#f3bd87;border:1px solid #e6a96935;box-shadow:inset 3px 0 #e6a969}.nav-count{background:#e6a96922;color:#f3bd87}
.panel,.stat,.product-card,.service-card,.support-hero{background:linear-gradient(145deg,#ffffff09,#ffffff02),#1a1b20bb!important;border:1px solid #ffffff14!important;backdrop-filter:blur(24px);box-shadow:0 16px 40px #00000020,inset 0 1px #ffffff08;border-radius:20px;color:var(--text)}.stat:nth-child(2),.stat:nth-child(4){background:radial-gradient(ellipse at 100% 100%,#99502c24,transparent 70%),#1b1c21c9!important}.panel:hover,.product-card:hover{border-color:#e6a96935!important}.stat strong,.stat b,.panel h2,h1,h2,h3,.price{color:#f3f0eb}.stat span,.subtle,.stat small,.metric-grid small,.page-subtitle{color:#a6a4a1}.metric-icon{background:#e6a96915;color:#e6a969}.mini-chart i{background:linear-gradient(#e9b17c,#a4683e)}
.quiet,.segmented,.range-tabs,.range-switch{background:#ffffff05;color:#c5c2bd;border:1px solid #ffffff12}.primary{background:linear-gradient(115deg,#e6b07c,#ca8b51);color:#20150e;border:1px solid #efc79e;box-shadow:0 5px 18px #d3975424}.primary:hover{box-shadow:0 8px 26px #d3975440}.segmented button,.range-tabs button{color:#aaa8a5}.segmented .active,.range-tabs .active,button.active{background:#e6a96922;color:#f3bd87}.demo-note,.warning{background:#c98a4510;border:1px solid #c98a4524;color:#c7b29b}.badge,.pill{background:#ffffff0a;color:#bcb9b3}.badge.gold,.badge.orange{background:#e6a9691c;color:#f0b67a}.badge.green{background:#49b69916;color:#79cbb7}.badge.dark{background:#8f87ae1c;color:#b7aecf}.badge.red{background:#d76d6d1a;color:#e79898}
input,select,textarea,.sidebar-search input{background:#111216a8;color:#eeebe6;border:1px solid #ffffff17;border-radius:10px}input:focus,select:focus,textarea:focus{border-color:#da9d65;box-shadow:0 0 0 3px #da9d6510}.avatar{background:#e6a96916;color:#dfad7e}.side-profile{color:#efebe5;border-color:#ffffff12}.side-bottom,footer{color:#878582}table th{background:#ffffff02;color:#898784;border-color:#ffffff0a}table td{color:#c9c6c0;border-color:#ffffff09}.table-footer,.table-title{border-color:#ffffff0b}.click-row:hover,tbody tr:hover{background:#ffffff04}.business-cell strong,.task strong{color:#eeeae5}.bar-track{background:#ffffff09}.bar-track i{background:#d9a373}.list-line,.task,.integration-item{border-color:#ffffff0d}.detail-progress span{background:#ffffff08;color:#94918d}.detail-progress .reached{background:#e6a96920;color:#e7b382}.detail-grid b{color:#efe9df}.line-preview{background:#e6a96910;border-color:#e6a96920;color:#e3ba8c}
dialog{background:#191b21f5;color:#ece9e4;border:1px solid #ffffff1e;box-shadow:0 35px 120px #000b;backdrop-filter:blur(32px)}dialog::backdrop{background:#050609aa;backdrop-filter:blur(7px)}.form-error{color:#ffabab}#toast{background:#2c2721;color:#f2d1af;border:1px solid #e6a96944}#view{animation:pageIn .4s ease}svg text{fill:#96908a}svg line{stroke:#ffffff0c}
.auth-locked>aside,.auth-locked>main,.auth-locked>dialog{display:none!important}.auth-shell{min-height:100svh;display:grid;grid-template-columns:1.1fr 1fr;align-items:center;padding:6vw 10vw;gap:8vw;position:relative;overflow:hidden;background:radial-gradient(ellipse at 78% 65%,#a0543328,transparent 45%),radial-gradient(ellipse at 12% 25%,#187d8426,transparent 45%),#0e1013}.auth-shell:before{content:'';position:absolute;width:520px;height:520px;border:1px solid #ffffff0b;border-radius:100px;transform:rotate(-25deg);right:-140px;top:-180px;box-shadow:0 0 0 60px #ffffff02,0 0 0 120px #ffffff02;animation:floatShape 18s ease-in-out infinite alternate}.auth-story{position:relative;z-index:1}.auth-brand{display:flex;align-items:center;gap:16px;letter-spacing:4px;font-weight:700}.auth-brand img{width:60px;border-radius:16px;border:1px solid #ffffff18}.auth-story h1{font-size:clamp(36px,4vw,66px);line-height:1.12;font-weight:550;letter-spacing:-2px;max-width:600px;margin:55px 0 24px}.auth-story h1 em{font-style:normal;color:#e5b386}.auth-story p{color:#a7aaa9;max-width:420px;line-height:1.8}.auth-features{display:flex;gap:18px;margin-top:36px;flex-wrap:wrap}.auth-features span{border:1px solid #ffffff15;border-radius:40px;padding:10px 14px;color:#b0b5b4;font-size:12px}.auth-card{position:relative;z-index:1;background:linear-gradient(140deg,#ffffff0c,#ffffff03);border:1px solid #ffffff21;backdrop-filter:blur(35px);border-radius:26px;padding:42px;box-shadow:0 35px 100px #0005;max-width:460px;width:100%;box-sizing:border-box;animation:pageIn .7s}.auth-card h2{font-size:30px;margin:10px 0}.auth-kicker{color:#b79472;font-size:10px;letter-spacing:3px}.auth-caption{font-size:13px;color:#979b9c;line-height:1.7;margin-bottom:30px}.auth-field{margin:18px 0}.auth-field label{display:flex;justify-content:space-between;font-size:12px;color:#bebfbd;margin-bottom:9px}.auth-field input{width:100%;box-sizing:border-box;padding:15px;background:#0e111580}.password-wrap{position:relative}.password-wrap input{padding-right:86px}.password-wrap button{position:absolute;right:7px;top:8px;background:transparent;border:0;color:#b1a28f;font-size:11px;padding:9px}.auth-track{background:#0c0e1180;border:1px solid #ffffff0a;border-radius:14px;min-height:57px;display:flex;align-items:center;justify-content:center;margin-top:26px;overflow:hidden}.auth-track .primary{min-width:160px;border-radius:10px;padding:12px 20px;transition:transform .3s ease}.auth-hint{text-align:center;color:#888f91;font-size:10px;margin:13px 0 24px}.auth-note{font-size:11px;color:#929390;line-height:1.7;border-top:1px solid #ffffff0c;padding-top:20px}.auth-languages{position:absolute;top:24px;right:28px}.auth-error{color:#f2a1a1;font-size:12px;min-height:18px}.auth-success{color:#86d7ba}.logout-button{font-size:12px} @keyframes pageIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes floatShape{to{transform:rotate(-15deg) translateY(40px)}}
@media(max-width:900px){.auth-shell{grid-template-columns:1fr;gap:35px;padding:70px 24px}.auth-story h1{margin:28px 0 16px;font-size:38px}.auth-story p,.auth-features{display:none}.auth-card{margin:auto;padding:28px}.auth-story{max-width:460px;margin:auto;width:100%}.auth-brand img{width:42px}.auth-shell:before{width:300px;height:300px}.header-actions{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){*,*:before{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.access-tabs{display:flex;position:relative;background:#0b0e1255;border:1px solid #ffffff10;border-radius:12px;padding:4px;margin:0 0 28px;isolation:isolate}.access-tabs:before{content:'';position:absolute;left:4px;top:4px;bottom:4px;width:calc(50% - 4px);background:linear-gradient(110deg,#e6b07c25,#e6b07c10);border:1px solid #e6b07c30;border-radius:8px;transition:transform .45s cubic-bezier(.2,.8,.2,1);z-index:-1;box-sizing:border-box}.signup-mode .access-tabs:before{transform:translateX(100%)}.access-tabs button{flex:1;background:none;border:0;color:#999;padding:11px 6px;font-size:12px;transform:none}.access-tabs button[aria-selected=true]{color:#efc9a3}.auth-card{transition:box-shadow .45s,border-color .45s}.auth-card.signup-mode{border-color:#e6b07c30;box-shadow:0 30px 100px #0005,0 0 65px #d58f4510}.auth-card [hidden]{display:none!important}.access-enter{animation:accessSlide .45s cubic-bezier(.2,.8,.2,1)}@keyframes accessSlide{from{opacity:0;transform:translateX(20px);filter:blur(4px)}to{opacity:1;transform:none;filter:none}}

/* Cinematic faceted glass access, inspired by the supplied reference. */
.cinematic-access{display:flex;justify-content:center;align-items:center;padding:100px 24px 60px;box-sizing:border-box;background:#090b10;isolation:isolate}.cinematic-access:before{display:none}.geometry-scene{position:absolute;inset:-50px;z-index:-2;overflow:hidden;pointer-events:none}.geometry-scene svg{width:100%;height:100%;opacity:.8;animation:geometryDrift 22s ease-in-out infinite alternate}.geometry-scene:after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 45%,transparent,#05070ad9 90%),linear-gradient(0deg,#05070aaa,transparent 50%)}.geometry-light{position:absolute;inset:0;background:radial-gradient(ellipse at 18% 35%,#a8bcc519,transparent 32%),radial-gradient(ellipse at 80% 65%,#d99a5a18,transparent 40%)}.cinematic-access .auth-story{position:absolute;left:42px;top:32px}.cinematic-access .auth-story h1,.cinematic-access .auth-story p,.cinematic-access .auth-features{display:none}.cinematic-access .auth-brand img{width:42px}.cinematic-access .auth-brand{font-size:14px}.cinematic-access .auth-card{--glow-x:50%;--glow-y:0%;width:460px;max-width:100%;border-radius:24px;background:radial-gradient(circle at var(--glow-x) var(--glow-y),#ffffff0d,transparent 65%),linear-gradient(130deg,#b6b9c61c,#7579850b 70%);border:1px solid #ffffff2c;backdrop-filter:blur(22px) saturate(115%);box-shadow:0 35px 90px #0009,inset 0 1px #ffffff26,inset 0 -1px #ffffff08;padding:36px;overflow:hidden;box-sizing:border-box}.cinematic-access .auth-card.signup-mode{border-color:#ffffff38;box-shadow:0 35px 100px #0009,inset 0 1px #ffffff26}.cinematic-access .auth-card h2{font-size:28px;font-weight:550;letter-spacing:-.6px}.cinematic-access .auth-kicker{color:#bdc1c4}.cinematic-access .auth-caption{color:#b4b6bb;margin-bottom:24px}.cinematic-access .auth-field input{background:#04060d45;border-color:#ffffff22;box-shadow:inset 0 1px 6px #0002}.cinematic-access .auth-field label{color:#d1d2d5}.cinematic-access .auth-note{color:#b0b1b5}.cinematic-access .auth-hint{color:#a4a7ad}.cinematic-access .access-tabs{background:#090b102b}.cinematic-access .access-tabs button{color:#b6b8bf}.cinematic-access .access-tabs button[aria-selected=true]{color:#f8d0a7}.cinematic-access .auth-track{background:#0a0d133d}.cinematic-access .auth-languages{z-index:2}.cinematic-access .auth-field{margin:15px 0}.cinematic-access .auth-field input{padding:13px 15px}.cinematic-access .password-wrap input{padding-right:80px}.cinematic-access .access-enter{animation:none}.cinematic-access .auth-card form{will-change:transform,opacity}@keyframes geometryDrift{from{transform:scale(1.06) translate(-12px,-10px)}to{transform:scale(1.12) translate(15px,12px)}}@media(max-width:600px){.cinematic-access{padding:105px 18px 30px}.cinematic-access .auth-story{left:22px;top:25px;width:auto;margin:0}.cinematic-access .auth-card{padding:26px;border-radius:20px}.cinematic-access .auth-languages{right:20px;top:26px}.cinematic-access .auth-brand{font-size:12px;letter-spacing:2px}.cinematic-access .auth-brand img{width:34px}.geometry-scene{inset:-30px}}