:root{color-scheme:dark;--bg:#080812;--bg2:#0c0c1a;--card:#161429;--card2:#1c1932;--edge:#343050;--text:#f1eeff;--muted:#a39cbd;--primary:#925bff;--primary-light:#bb90ff;--blue:#5c82fc;--success:#42cea0;--danger:#ee6b93;--radius:20px;--shadow:0 16px 70px #0007}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,'Segoe UI',system-ui,-apple-system,sans-serif;font-size:15px;line-height:1.55;min-height:100vh}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}img{max-width:100%}.container{width:min(1180px,calc(100% - 38px));margin-inline:auto}.ambient{position:fixed;z-index:-1;pointer-events:none;filter:blur(90px);opacity:.22;width:370px;height:370px;border-radius:50%}.ambient-one{top:110px;left:-180px;background:#663aff}.ambient-two{top:420px;right:-130px;background:#335aff}
.topbar{position:sticky;top:0;z-index:20;background:#090914dd;border-bottom:1px solid #ffffff12;backdrop-filter:blur(23px)}.nav{display:flex;align-items:center;gap:30px;min-height:84px}.brand{display:inline-flex;align-items:center;gap:10px;font-weight:900;font-size:18px;letter-spacing:.035em;white-space:nowrap}.brand img{width:42px;height:42px;border-radius:12px;object-fit:cover}.brand-accent{color:#ba95ff}.brand small{display:block;color:#a39bbf;letter-spacing:.24em;font-size:8px;margin-top:-5px;font-weight:600}.nav nav{display:flex;gap:22px;flex:1;justify-content:center}.nav nav a{font-weight:600;color:#aca7c4;font-size:13px;transition:color .2s}.nav nav a:hover,.nav nav a.active{color:#fff}.account-pill{display:flex;align-items:center;gap:9px;background:#201c35;padding:6px 12px 6px 6px;border:1px solid var(--edge);border-radius:99px;font-size:12px}.account-pill img,.avatar-fallback{width:31px;height:31px;border-radius:50%;object-fit:cover}.avatar-fallback{display:grid;place-items:center;background:#6244b0}.mobile-menu{display:none;color:white;background:none;border:0;font-size:24px}
.btn{border:1px solid transparent;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:43px;padding:11px 18px;font-size:13px;font-weight:750;color:#fff;background:#25233e;transition:transform .2s,background .2s,border-color .2s;box-shadow:none}.btn:hover{transform:translateY(-1px);background:#39325e}.btn-primary{background:linear-gradient(110deg,#8752f4,#5c71ee);box-shadow:0 9px 28px #704ee545}.btn-primary:hover{background:linear-gradient(110deg,#9d73ff,#7286f8)}.btn-outline{background:#141320;border:1px solid #4b456a}.btn-danger{background:#45243a;color:#ff9abc}.btn-small{padding:7px 12px;min-height:34px;font-size:12px}.btn-full{width:100%}.pill{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:800;border-radius:99px;padding:7px 12px;color:#d7c6ff;background:#48318160;border:1px solid #7f5dc07a;letter-spacing:.07em;text-transform:uppercase}.pill-green{color:#8cf3d0;border-color:#347b65;background:#2155424a}.pill-red{color:#ff9cbd;border-color:#99435c;background:#75374d39}
.hero{position:relative;padding:70px 0 46px}.hero-frame{position:relative;overflow:hidden;border:1px solid #5742837a;border-radius:30px;background:radial-gradient(circle at 77% 42%,#49228180,transparent 35%),linear-gradient(125deg,#211438 0%,#17142c 49%,#121b38 100%);padding:65px min(6vw,72px);box-shadow:0 30px 100px #110b3780}.hero-frame:after{content:'</>';position:absolute;right:8%;top:15%;font-size:clamp(110px,17vw,250px);letter-spacing:-.11em;font-weight:900;line-height:1;color:#b373ff0b;transform:rotate(-12deg);pointer-events:none}.hero-content{position:relative;z-index:1;max-width:700px}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.22em;text-transform:uppercase;color:#b49cf7}.hero h1{font-size:clamp(42px,5.8vw,74px);line-height:1.06;letter-spacing:-.052em;margin:17px 0 20px;max-width:750px}.gradient-text{background:linear-gradient(100deg,#e1beff,#9973fa 45%,#789cfc);-webkit-background-clip:text;background-clip:text;color:transparent}.hero p{font-size:16px;color:#b8b0d1;max-width:550px;margin:0 0 28px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.hero-art{position:absolute;right:8%;bottom:10%;width:125px;height:125px;border-radius:26px;object-fit:cover;box-shadow:0 0 70px #8b42ff3d;transform:rotate(8deg)}.hero-bottom{display:flex;align-items:center;gap:12px;margin-top:29px;color:#a99dc8;font-size:12px}.status-dot{height:8px;width:8px;background:var(--success);border-radius:50%;box-shadow:0 0 18px var(--success)}.status-dot.off{background:var(--danger);box-shadow:none}
.section{padding:45px 0}.section-head{margin-bottom:22px}.section-head h2{font-size:30px;letter-spacing:-.04em;margin:6px 0}.section-head p{color:var(--muted);margin:0}.stats-grid,.feature-grid,.dash-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.card,.stat-card{background:linear-gradient(135deg,#1d1930,#11121f);border:1px solid var(--edge);border-radius:var(--radius);box-shadow:0 10px 35px #03030a45}.card{padding:25px}.stat-card{padding:24px}.stat-card strong{display:block;font-size:35px;letter-spacing:-.055em;margin-top:10px}.stat-card small{font-size:12px;font-weight:700;text-transform:uppercase;color:#aca4c7;letter-spacing:.11em}.stat-symbol{display:grid;place-items:center;font-size:20px;background:#57348e55;border-radius:12px;width:42px;height:42px}.feature-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.feature-icon{font-size:24px;background:#7a4adc20;border:1px solid #7a4adc50;border-radius:14px;display:inline-grid;place-items:center;width:47px;height:47px}.feature-grid h3{margin:18px 0 8px;font-size:19px}.feature-grid p{color:var(--muted);margin:0}.cta-strip{background:linear-gradient(110deg,#3d266f,#182148);border:1px solid #7656ae;border-radius:24px;padding:30px;display:flex;align-items:center;justify-content:space-between;gap:20px}.cta-strip h2{margin:0 0 4px}.cta-strip p{margin:0;color:#cec1ed}
.page{padding:48px 0 88px}.page-header{margin-bottom:28px}.page-header h1{font-size:clamp(34px,5vw,48px);letter-spacing:-.04em;margin:12px 0 8px}.page-header p{color:var(--muted);margin:0;max-width:680px}.split{display:grid;grid-template-columns:1fr 1fr;gap:20px}.stack{display:grid;gap:18px}.panel-title{font-size:18px;margin:0 0 10px}.panel-text{color:var(--muted);font-size:13px}.field{display:grid;gap:7px;margin:13px 0}.field label{color:#d5cceb;font-weight:700;font-size:12px}.field input,.field select,.field textarea{display:block;width:100%;background:#0e0d1a;color:#f4eefe;border:1px solid #4c4366;padding:12px 13px;outline:none;border-radius:11px;min-height:43px;transition:border-color .15s}.field textarea{min-height:100px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:#af80ff;box-shadow:0 0 0 3px #8d64e51e}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.toggle-row{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:13px 0;border-bottom:1px solid #ffffff15}.toggle-row input{width:20px;height:20px;accent-color:var(--primary)}.muted{color:var(--muted)}.fine{font-size:12px;color:var(--muted)}.price{font-size:30px;font-weight:850;letter-spacing:-.04em;color:#e3ccff}.divider{border:0;border-top:1px solid #ffffff20;margin:20px 0}.select-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.choice{border:1px solid #4a4368;background:#141325;padding:14px;border-radius:12px;cursor:pointer}.choice:has(input:checked){border-color:#b182ff;background:#6540a438}.choice input{accent-color:var(--primary)}.choice strong{display:block;margin:4px 0}.choice span{display:block;font-size:11px;color:#aaa2c0}.list{display:grid;gap:9px}.list-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px;background:#151327;border:1px solid #373153;border-radius:13px}.list-item strong{display:block}.list-item small{display:block;color:var(--muted)}.list-item .actions{display:flex;gap:6px;flex-wrap:wrap}.tiny-tag{display:inline-block;color:#cebaff;padding:3px 9px;background:#4c3a7040;border-radius:5px;font-size:11px;font-weight:700}.error-note{color:#ffb4ca;background:#4a1f3244;border:1px solid #a24c65;padding:14px;border-radius:12px;margin:10px 0}.success-note{color:#95f1cd;background:#1a523955;border:1px solid #3e996b;padding:14px;border-radius:12px;margin:10px 0}.notice{border:1px solid #5e4b7d;background:#3324454e;border-radius:12px;padding:15px;color:#d8c9ee;font-size:13px}.empty{padding:35px;text-align:center;color:var(--muted);border:1px dashed #5a4f76;border-radius:14px}.data-table{width:100%;border-collapse:collapse;text-align:left;font-size:12px}.data-table th{padding:12px;color:#9f97bc;text-transform:uppercase;font-size:10px;letter-spacing:.08em}.data-table td{padding:12px;border-top:1px solid #ffffff16;word-break:break-word}.table-scroll{overflow:auto}.status-pill{padding:4px 9px;border-radius:7px;background:#5f498366;font-size:11px}.status-pill.done,.status-pill.approved{background:#22513e;color:#9cfad4}.status-pill.failed,.status-pill.rejected{background:#5b2a3b;color:#ffb2cb}.pill-kpi{font-size:11px;color:#d6c4fa}
.footer{border-top:1px solid #ffffff16;padding:30px 0;margin-top:40px;color:#938da9;font-size:12px}.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:18px}.footer strong{color:#f1eeff;letter-spacing:.1em}.footer p{margin:0}.loading-screen{padding:125px 0;text-align:center;color:var(--muted)}.spinner{width:30px;height:30px;border:3px solid #ffffff22;border-top-color:#a578ff;border-radius:50%;animation:spin .8s linear infinite;margin:0 auto 15px}@keyframes spin{to{transform:rotate(360deg)}}.toast{position:fixed;right:20px;bottom:22px;z-index:50;max-width:380px;min-width:230px;border:1px solid #8263b9;background:#242039;padding:16px 18px;border-radius:14px;box-shadow:var(--shadow);opacity:0;transform:translateY(20px);pointer-events:none;transition:all .25s}.toast.active{opacity:1;transform:none}.toast.bad{border-color:#ba587a}.rule-list{padding-left:22px}.rule-list li{padding:6px 0}.logout{background:none;border:0;color:#ac9fcf;font-size:12px;padding:5px}
@media(max-width:1000px){.nav nav{gap:12px}.nav nav a{font-size:12px}.stats-grid{grid-template-columns:repeat(2,1fr)}.feature-grid{grid-template-columns:repeat(2,1fr)}.hero-art{opacity:.38}}@media(max-width:760px){.nav{min-height:70px;gap:10px}.nav nav{position:absolute;top:69px;left:0;right:0;display:none;flex-direction:column;background:#171426;padding:22px 25px;box-shadow:0 15px 35px #0009}.nav nav.open{display:flex}.mobile-menu{display:block;margin-left:auto}.account-pill{margin-left:auto}.brand{font-size:15px}.brand img{width:37px;height:37px}.hero{padding-top:25px}.hero-frame{padding:41px 25px}.hero h1{font-size:42px}.hero-art{width:72px;height:72px;right:7%;bottom:8%;opacity:.2}.split{grid-template-columns:1fr}.feature-grid{grid-template-columns:1fr}.cta-strip{flex-direction:column;align-items:start}.form-row{grid-template-columns:1fr}.footer-inner{flex-direction:column;align-items:start}.page{padding-top:31px}}@media(max-width:420px){.container{width:min(100% - 22px,1180px)}.hero-frame{padding:33px 20px}.hero h1{font-size:37px}.hero-actions .btn{width:100%}.select-cards{grid-template-columns:1fr}.stats-grid{gap:10px}.stat-card{padding:18px}.stat-card strong{font-size:26px}.card{padding:19px}.brand{font-size:13px}}