:root{
  --bg:#080d19;--bg2:#0d1425;--panel:#111a2e;--panel2:#151f36;--glass:rgba(18,27,49,.78);
  --ink:#f6f8ff;--muted:#96a1b8;--line:rgba(255,255,255,.09);--purple:#7c5cff;--purple2:#9a83ff;
  --cyan:#29d3c2;--gold:#ffe18a;--green:#55d98a;--red:#ff6f85;--orange:#ffae64;--shadow:0 24px 70px rgba(0,0,0,.28);
  --radius:22px;--radius-sm:14px
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:radial-gradient(circle at 12% 0%,rgba(124,92,255,.18),transparent 30%),radial-gradient(circle at 100% 20%,rgba(41,211,194,.12),transparent 28%),var(--bg);color:var(--ink);min-height:100vh}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.hidden{display:none!important}.boot{min-height:100vh;display:flex;align-items:center;justify-content:center;gap:14px;color:#dfe5ff}.loader{width:30px;height:30px;border:3px solid rgba(255,255,255,.12);border-top-color:var(--cyan);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}

/* Landing */
.landing{min-height:100vh;overflow:hidden;position:relative}.orb{position:absolute;border-radius:50%;filter:blur(3px);opacity:.28;pointer-events:none;animation:float 9s ease-in-out infinite}.orb.one{width:310px;height:310px;background:var(--purple);top:100px;left:-130px}.orb.two{width:240px;height:240px;background:var(--cyan);right:-90px;top:340px;animation-delay:-3s}.orb.three{width:180px;height:180px;background:var(--gold);left:55%;bottom:-90px;animation-delay:-5s}@keyframes float{50%{transform:translateY(-22px) translateX(12px) scale(1.04)}}
.navbar{height:78px;display:flex;align-items:center;justify-content:space-between;max-width:1180px;margin:auto;padding:0 24px;position:relative;z-index:3}.brand{display:flex;align-items:center;gap:11px;font-weight:850;letter-spacing:-.03em}.brandmark{width:42px;height:42px;border-radius:13px;background:linear-gradient(135deg,var(--purple),var(--cyan));display:grid;place-items:center;box-shadow:0 8px 30px rgba(124,92,255,.35);color:white;font-weight:900}.nav-actions{display:flex;gap:10px}.hero{max-width:1180px;margin:auto;padding:70px 24px 42px;display:grid;grid-template-columns:1.06fr .94fr;gap:64px;align-items:center;position:relative;z-index:2}.hero h1{font-size:clamp(48px,6vw,82px);line-height:.98;margin:16px 0 20px;letter-spacing:-.055em;max-width:800px}.gradient-text{background:linear-gradient(100deg,#fff 18%,#b9b0ff 52%,#83f5e7 88%);-webkit-background-clip:text;background-clip:text;color:transparent}.hero p{font-size:19px;line-height:1.6;color:#b2bdd2;max-width:660px}.hero-badge{display:inline-flex;gap:9px;align-items:center;padding:9px 14px;border:1px solid rgba(124,92,255,.34);background:rgba(124,92,255,.1);border-radius:999px;color:#d9d3ff;font-weight:700;font-size:13px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.trust-row{display:flex;gap:22px;flex-wrap:wrap;margin-top:34px;color:#9ea9bf;font-size:13px}.trust-row span{display:flex;gap:7px;align-items:center}.hero-card{background:linear-gradient(180deg,rgba(22,32,56,.9),rgba(10,17,31,.94));border:1px solid rgba(255,255,255,.1);border-radius:30px;padding:22px;box-shadow:var(--shadow);position:relative;overflow:hidden}.hero-card:before{content:"";position:absolute;inset:-1px;background:radial-gradient(circle at 80% 0,rgba(41,211,194,.2),transparent 30%),radial-gradient(circle at 0 80%,rgba(124,92,255,.2),transparent 35%);pointer-events:none}.mocktop,.mockgrid,.mockchart{position:relative}.mocktop{display:flex;justify-content:space-between;align-items:center;padding:8px 5px 22px}.mockhello b{font-size:22px;display:block}.mockhello span{color:var(--muted);font-size:13px}.avatar{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,var(--purple),var(--cyan));display:grid;place-items:center;font-weight:900}.mockgrid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.mini-card{background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.07);border-radius:18px;padding:16px}.mini-card span{color:var(--muted);font-size:12px}.mini-card b{font-size:26px;display:block;margin:7px 0}.mini-progress{height:6px;background:rgba(255,255,255,.08);border-radius:99px;overflow:hidden}.mini-progress i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--purple),var(--cyan));width:74%}.mockchart{margin-top:12px;background:rgba(255,255,255,.045);border-radius:18px;padding:18px;height:145px;display:flex;align-items:flex-end;gap:8px}.mockchart i{flex:1;border-radius:7px 7px 3px 3px;background:linear-gradient(180deg,var(--cyan),rgba(124,92,255,.6));animation:bars 2s ease-in-out infinite alternate;min-height:22px}.mockchart i:nth-child(2){height:52%;animation-delay:-.2s}.mockchart i:nth-child(3){height:72%;animation-delay:-.5s}.mockchart i:nth-child(4){height:48%;animation-delay:-.7s}.mockchart i:nth-child(5){height:83%;animation-delay:-1s}.mockchart i:nth-child(6){height:68%;animation-delay:-1.2s}.mockchart i:nth-child(7){height:94%;animation-delay:-1.4s}@keyframes bars{to{filter:brightness(1.18);transform:translateY(-4px)}}
.stats-strip{max-width:1180px;margin:18px auto 0;padding:0 24px 70px;display:grid;grid-template-columns:repeat(4,1fr);gap:12px;position:relative;z-index:2}.public-stat{padding:20px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.035);backdrop-filter:blur(10px)}.public-stat b{font-size:28px}.public-stat span{display:block;color:var(--muted);font-size:13px;margin-top:5px}.landing-footer{border-top:1px solid var(--line);padding:25px;display:flex;justify-content:center;gap:25px;color:var(--muted);font-size:13px}

/* Buttons + forms */
.btn{border:0;border-radius:13px;padding:11px 16px;font-weight:800;transition:.2s transform,.2s filter,.2s background;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:43px}.btn:hover{transform:translateY(-1px);filter:brightness(1.06)}.btn.primary{background:linear-gradient(135deg,var(--purple),#5e8cff);color:white;box-shadow:0 10px 26px rgba(124,92,255,.24)}.btn.cyan{background:linear-gradient(135deg,#1ebfaf,var(--cyan));color:#06211e}.btn.ghost{background:rgba(255,255,255,.055);color:#e9edff;border:1px solid var(--line)}.btn.danger{background:rgba(255,111,133,.11);color:#ff9bad;border:1px solid rgba(255,111,133,.22)}.btn.good{background:rgba(85,217,138,.12);color:#8bf1ad;border:1px solid rgba(85,217,138,.2)}.btn.sm{padding:7px 10px;min-height:34px;font-size:12px}.btn:disabled{opacity:.42;cursor:not-allowed;transform:none}.field{display:grid;gap:7px}.field label{font-size:12px;font-weight:800;color:#b6bfd2;letter-spacing:.02em}.field input,.field select,.field textarea{width:100%;background:#0c1426;border:1px solid rgba(255,255,255,.1);color:var(--ink);border-radius:12px;padding:12px 13px;outline:none;transition:.2s}.field input:focus,.field select:focus,.field textarea:focus{border-color:rgba(124,92,255,.75);box-shadow:0 0 0 3px rgba(124,92,255,.12)}.field textarea{min-height:105px;resize:vertical}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.muted{color:var(--muted)}.tiny{font-size:12px}.eyebrow{text-transform:uppercase;letter-spacing:.12em;color:#99a6c1;font-size:11px;font-weight:850}.badge{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:7px 10px;font-size:11px;font-weight:800;background:rgba(255,255,255,.06);border:1px solid var(--line);color:#d6dded}.badge.green{background:rgba(85,217,138,.1);color:#83eda9;border-color:rgba(85,217,138,.2)}.badge.red{background:rgba(255,111,133,.1);color:#ff9bad;border-color:rgba(255,111,133,.2)}.badge.gold{background:rgba(255,225,138,.09);color:var(--gold);border-color:rgba(255,225,138,.18)}.badge.purple{background:rgba(124,92,255,.13);color:#c5baff;border-color:rgba(124,92,255,.24)}

/* Auth modal */
.modalback{position:fixed;inset:0;background:rgba(2,5,12,.75);backdrop-filter:blur(14px);display:grid;place-items:center;padding:20px;z-index:50;animation:fade .2s ease}.modal{width:min(460px,100%);background:linear-gradient(180deg,#151f36,#0e1628);border:1px solid rgba(255,255,255,.1);box-shadow:var(--shadow);border-radius:26px;padding:26px;animation:pop .25s ease}.modal h2{font-size:28px;margin:10px 0 6px}.modalclose{float:right;border:0;background:rgba(255,255,255,.06);color:white;width:34px;height:34px;border-radius:10px}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;background:#0a1221;border-radius:13px;padding:4px;margin:20px 0}.auth-tabs button{border:0;background:transparent;color:#8995ad;padding:9px;border-radius:10px;font-weight:800}.auth-tabs button.active{background:rgba(124,92,255,.18);color:#e4dfff}.authform{display:grid;gap:13px}.authnotice{border:1px solid rgba(255,225,138,.18);background:rgba(255,225,138,.07);color:#ddd2a7;padding:11px;border-radius:12px;font-size:12px;line-height:1.5}@keyframes fade{from{opacity:0}}@keyframes pop{from{opacity:0;transform:translateY(12px) scale(.98)}}

/* App shell */
.shell{min-height:100vh;display:grid;grid-template-columns:262px 1fr}.sidebar{background:linear-gradient(180deg,#0a1120,#0b1325);border-right:1px solid var(--line);padding:22px 15px;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;z-index:10}.sidebar .brand{padding:2px 8px 20px}.navgroup{display:grid;gap:5px}.navitem{display:flex;align-items:center;gap:11px;padding:11px 12px;border-radius:12px;color:#97a3bb;font-size:14px;font-weight:750;transition:.2s;border:1px solid transparent}.navitem:hover{color:#fff;background:rgba(255,255,255,.04)}.navitem.active{background:linear-gradient(90deg,rgba(124,92,255,.16),rgba(41,211,194,.06));color:#fff;border-color:rgba(124,92,255,.2)}.navicon{width:24px;text-align:center;font-size:16px}.sidebar-bottom{margin-top:auto;border-top:1px solid var(--line);padding-top:14px}.userbox{display:grid;grid-template-columns:37px 1fr auto;gap:9px;align-items:center;padding:8px}.userbox .avatar{width:37px;height:37px;font-size:12px}.userbox b{font-size:13px;display:block}.userbox span{font-size:11px;color:var(--muted)}.main{min-width:0;padding:24px 28px 60px}.topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:22px}.topbar h1{font-size:34px;line-height:1.05;letter-spacing:-.035em;margin:7px 0}.mobile-menu{display:none}.page{animation:pagein .32s ease}@keyframes pagein{from{opacity:0;transform:translateY(7px)}}
.card{background:linear-gradient(180deg,rgba(19,29,51,.88),rgba(14,22,39,.9));border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 14px 42px rgba(0,0,0,.13)}.cardpad{padding:20px}.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.metric{padding:18px;position:relative;overflow:hidden}.metric:after{content:"";position:absolute;width:100px;height:100px;border-radius:50%;right:-42px;top:-42px;background:radial-gradient(circle,rgba(124,92,255,.12),transparent 66%)}.metric span{font-size:12px;color:var(--muted);display:block}.metric b{display:block;font-size:29px;margin:6px 0 5px;letter-spacing:-.03em}.metric small{color:#78869f}.dashboard-layout{display:grid;grid-template-columns:1.35fr .65fr;gap:15px;margin-top:15px}.hero-progress{padding:23px;display:grid;grid-template-columns:1fr 180px;align-items:center;gap:20px;min-height:218px;position:relative;overflow:hidden}.hero-progress:before{content:"";position:absolute;inset:auto -80px -140px auto;width:320px;height:320px;border-radius:50%;background:rgba(41,211,194,.07)}.hero-progress h2{font-size:28px;margin:8px 0 7px;letter-spacing:-.03em}.ring{--p:0;width:154px;height:154px;border-radius:50%;background:conic-gradient(var(--cyan) calc(var(--p)*1%),rgba(255,255,255,.07) 0);display:grid;place-items:center;position:relative;transition:1.2s ease}.ring:after{content:"";position:absolute;inset:12px;background:#111a2d;border-radius:50%;box-shadow:inset 0 0 0 1px var(--line)}.ringcontent{position:relative;z-index:2;text-align:center}.ringcontent b{font-size:35px;display:block}.ringcontent span{color:var(--muted);font-size:11px}.today{padding:21px}.today h3{margin:6px 0 16px}.mission{border:1px solid var(--line);background:rgba(255,255,255,.035);padding:13px;border-radius:14px;margin-top:9px}.mission b{font-size:13px}.mission div{font-size:11px;color:var(--muted);margin-top:5px}.quick-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:15px}.action-card{padding:18px;min-height:148px;display:flex;flex-direction:column;justify-content:space-between;transition:.2s transform,.2s border-color}.action-card:hover{transform:translateY(-3px);border-color:rgba(124,92,255,.32)}.action-icon{font-size:25px}.action-card h3{margin:8px 0 4px}.action-card p{font-size:12px;color:var(--muted);line-height:1.45;margin:0}.section-title{display:flex;align-items:center;justify-content:space-between;margin:25px 0 11px}.section-title h2{font-size:20px;margin:0}.progressbar{height:7px;background:rgba(255,255,255,.07);border-radius:99px;overflow:hidden}.progressbar i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--purple),var(--cyan));width:0;transition:1s ease}.theme-list{display:grid;gap:9px}.theme-row{display:grid;grid-template-columns:46px 1fr 180px 104px;gap:13px;align-items:center;padding:13px 15px}.theme-num{width:40px;height:40px;border-radius:12px;background:rgba(124,92,255,.11);color:#bcaeff;display:grid;place-items:center;font-weight:900}.theme-row h3{font-size:14px;margin:0 0 5px}.theme-row .meta{font-size:11px;color:var(--muted)}.theme-stat{text-align:right}.theme-stat b{font-size:16px}.theme-stat .progressbar{margin-top:6px}.filters{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:14px}.filter{background:rgba(255,255,255,.04);border:1px solid var(--line);color:#aab5ca;border-radius:999px;padding:8px 12px;font-weight:750;font-size:12px}.filter.active{background:rgba(124,92,255,.14);border-color:rgba(124,92,255,.3);color:#d9d2ff}

/* Test */
.setup-card{max-width:800px;padding:24px}.setup-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.mode-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:15px 0}.mode-card{border:1px solid var(--line);background:rgba(255,255,255,.035);color:var(--ink);border-radius:16px;padding:15px;text-align:left}.mode-card.active{border-color:rgba(124,92,255,.55);background:rgba(124,92,255,.1);box-shadow:0 0 0 3px rgba(124,92,255,.06)}.mode-card b{display:block;margin-bottom:4px}.mode-card span{font-size:11px;color:var(--muted)}.test-shell{max-width:980px;margin:auto}.test-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px}.test-progress{height:7px;background:rgba(255,255,255,.06);border-radius:99px;overflow:hidden;margin:10px 0 14px}.test-progress i{display:block;height:100%;background:linear-gradient(90deg,var(--purple),var(--cyan));transition:.35s}.qnav{display:flex;gap:6px;overflow:auto;padding-bottom:6px}.qnav button{min-width:32px;height:32px;border-radius:9px;border:1px solid var(--line);background:rgba(255,255,255,.035);color:#8693ab;font-weight:800}.qnav button.done{color:#baf4df;background:rgba(41,211,194,.08)}.qnav button.current{border-color:var(--purple);color:#fff;background:rgba(124,92,255,.19)}.question-card{padding:25px;margin-top:13px}.question-text{font-size:22px;line-height:1.45;font-weight:800;margin:15px 0 18px;letter-spacing:-.015em}.options{display:grid;gap:9px}.option{display:grid;grid-template-columns:36px 1fr;align-items:center;gap:11px;border:1px solid var(--line);background:rgba(255,255,255,.025);color:#d9dfeb;border-radius:15px;padding:12px;text-align:left;transition:.18s}.option:hover{border-color:rgba(124,92,255,.35);background:rgba(124,92,255,.055)}.option.selected{border-color:rgba(41,211,194,.54);background:rgba(41,211,194,.08);color:white}.letter{width:34px;height:34px;border-radius:10px;background:rgba(255,255,255,.06);display:grid;place-items:center;font-weight:900}.test-nav{display:flex;justify-content:space-between;gap:10px;margin-top:18px}.timer{font-variant-numeric:tabular-nums;font-weight:850;color:#c8d2e5}.result-hero{padding:30px;text-align:center;position:relative;overflow:hidden}.score-circle{--score:0;width:190px;height:190px;margin:8px auto 18px;border-radius:50%;background:conic-gradient(var(--cyan) calc(var(--score)*5%),rgba(255,255,255,.07) 0);display:grid;place-items:center;position:relative;transition:1.3s cubic-bezier(.2,.8,.2,1)}.score-circle:after{content:"";position:absolute;inset:14px;background:#111a2e;border-radius:50%}.score-inner{z-index:2}.score-inner b{font-size:43px;display:block}.score-inner span{font-size:12px;color:var(--muted)}.result-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.result-mini{padding:16px}.result-mini b{font-size:25px;display:block}.goodtext{color:var(--green)}.badtext{color:var(--red)}.review-list{display:grid;gap:8px;margin-top:15px}.review{border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.025);overflow:hidden}.review summary{padding:13px 15px;cursor:pointer;font-weight:750;font-size:13px}.review-body{border-top:1px solid var(--line);padding:13px 15px;color:#b4bfd2;font-size:12px;line-height:1.55}.confetti{position:fixed;width:9px;height:13px;top:-20px;z-index:80;animation:confetti 2.4s linear forwards}@keyframes confetti{to{transform:translateY(110vh) rotate(760deg);opacity:.1}}

/* Statistics / errors */
.chart{height:230px;display:flex;align-items:flex-end;gap:8px;padding:20px 10px 8px}.barcol{flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;height:100%;gap:6px}.barcol i{width:min(24px,75%);border-radius:8px 8px 3px 3px;background:linear-gradient(180deg,var(--cyan),var(--purple));min-height:4px;transition:1s height}.barcol span{font-size:9px;color:#77839a;white-space:nowrap}.error-card{padding:16px}.error-card h3{font-size:14px;margin:10px 0}.error-card p{font-size:12px;line-height:1.55;color:#aeb9ce}.empty{padding:40px;text-align:center;color:var(--muted)}

/* Admin */
.admin-accent{color:var(--gold)}.admin-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:17px}.table{width:100%;border-collapse:collapse;min-width:840px}.table th,.table td{padding:12px 13px;text-align:left;border-bottom:1px solid var(--line);font-size:12px;vertical-align:middle}.table th{color:#8f9cb4;text-transform:uppercase;letter-spacing:.07em;font-size:10px;background:rgba(255,255,255,.025)}.table tr:last-child td{border-bottom:0}.table b{font-size:12px}.admin-toolbar{display:flex;gap:9px;justify-content:space-between;align-items:center;margin:12px 0}.search{min-width:260px}.drawerback{position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:45;display:flex;justify-content:flex-end}.drawer{width:min(520px,100%);height:100%;overflow:auto;background:#0e1729;border-left:1px solid var(--line);padding:24px;animation:slide .25s ease}@keyframes slide{from{transform:translateX(30px);opacity:.5}}.question-admin{padding:14px;margin-bottom:9px}.question-admin h3{font-size:13px;margin:9px 0}.question-actions{display:flex;gap:7px;flex-wrap:wrap}.settings-grid{display:grid;gap:16px;max-width:760px}.kpi-gold{border-color:rgba(255,225,138,.14)}

.toast{position:fixed;right:20px;bottom:20px;background:#17243e;border:1px solid rgba(255,255,255,.12);color:#fff;padding:12px 16px;border-radius:13px;box-shadow:var(--shadow);z-index:100;transform:translateY(30px);opacity:0;pointer-events:none;transition:.25s;max-width:360px}.toast.show{transform:none;opacity:1}.toast.error{border-color:rgba(255,111,133,.35);color:#ffd0d7}
.legal-body{padding:35px;background:var(--bg)}.legal-card{max-width:850px;margin:auto;background:var(--panel);padding:32px;border-radius:24px;border:1px solid var(--line);line-height:1.65}.legal-card h1{font-size:36px}.legal-card h2{margin-top:28px}.legal-alert{padding:15px;border:1px solid rgba(255,225,138,.22);background:rgba(255,225,138,.07);border-radius:14px;color:#dfd5a9}

@media(max-width:1020px){.hero{grid-template-columns:1fr;padding-top:40px}.hero-card{max-width:650px}.stats-strip{grid-template-columns:1fr 1fr}.grid4,.admin-grid{grid-template-columns:1fr 1fr}.dashboard-layout{grid-template-columns:1fr}.shell{grid-template-columns:220px 1fr}.theme-row{grid-template-columns:44px 1fr 130px 86px}}
@media(max-width:760px){.navbar{height:67px}.nav-actions .btn.ghost{display:none}.hero{padding:45px 18px 25px;gap:30px}.hero h1{font-size:49px}.hero p{font-size:16px}.stats-strip{padding:0 18px 45px}.shell{display:block}.sidebar{position:fixed;left:-280px;width:260px;transition:.25s;box-shadow:30px 0 70px rgba(0,0,0,.4)}.sidebar.open{left:0}.main{padding:18px 15px 50px}.mobile-menu{display:inline-flex}.topbar h1{font-size:29px}.grid4,.admin-grid,.quick-actions,.result-grid{grid-template-columns:1fr 1fr}.hero-progress{grid-template-columns:1fr}.hero-progress .ring{margin:auto}.theme-row{grid-template-columns:42px 1fr 84px}.theme-row .tbtn{display:none}.setup-grid,.form-grid{grid-template-columns:1fr}.mode-cards{grid-template-columns:1fr}.question-text{font-size:18px}.result-grid{gap:7px}.admin-toolbar{align-items:stretch;flex-direction:column}.search{min-width:0}.landing-footer{flex-wrap:wrap}}
@media(max-width:480px){.grid4,.admin-grid,.quick-actions,.result-grid,.stats-strip{grid-template-columns:1fr}.hero h1{font-size:42px}.hero-card{padding:14px}.mockgrid{grid-template-columns:1fr 1fr}.main{padding-inline:12px}.question-card{padding:17px}.theme-row{grid-template-columns:40px 1fr}.theme-stat{display:none}.topbar{gap:10px}.topbar .top-actions{display:flex;gap:6px}.ring{width:140px;height:140px}}

/* v1.1 · Plataforma multi-preparación */
.prep-welcome{padding:8px 0 22px}.prep-welcome h2{font-size:clamp(30px,4vw,48px);margin:14px 0 8px;letter-spacing:-.04em}.prep-welcome p{color:var(--muted);font-size:15px;margin:0;max-width:720px}.prep-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.prep-card{--prep1:#7c5cff;--prep2:#29d3c2;position:relative;overflow:hidden;min-height:330px;text-align:left;color:var(--ink);background:linear-gradient(165deg,rgba(20,30,53,.96),rgba(11,18,33,.96));border:1px solid rgba(255,255,255,.1);border-radius:26px;padding:23px;box-shadow:var(--shadow);display:flex;flex-direction:column;justify-content:space-between;transition:.24s transform,.24s border-color,.24s box-shadow}.prep-card:hover{transform:translateY(-5px);border-color:color-mix(in srgb,var(--prep1) 52%,transparent);box-shadow:0 28px 80px rgba(0,0,0,.34)}.prep-glow{position:absolute;width:280px;height:280px;border-radius:50%;right:-100px;top:-110px;background:radial-gradient(circle,var(--prep1),transparent 68%);opacity:.22;filter:blur(6px);pointer-events:none}.prep-card>*{position:relative;z-index:1}.prep-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.prep-icon{width:58px;height:58px;border-radius:18px;background:linear-gradient(135deg,var(--prep1),var(--prep2));display:grid;place-items:center;font-size:27px;box-shadow:0 14px 30px color-mix(in srgb,var(--prep1) 22%,transparent)}.prep-card h2{font-size:27px;margin:9px 0 5px;letter-spacing:-.035em}.prep-card p{color:var(--muted);line-height:1.5;margin:0}.prep-metrics{display:flex;gap:18px;flex-wrap:wrap;margin:18px 0 12px;color:var(--muted);font-size:11px}.prep-metrics b{color:var(--ink);font-size:15px}.prep-expiry{font-size:11px;color:#8e9bb4;margin-top:10px}.prep-enter{margin-top:18px;display:flex;align-items:center;justify-content:space-between;font-weight:850;color:#dcd7ff}.prep-enter span{width:36px;height:36px;border-radius:11px;background:rgba(255,255,255,.07);display:grid;place-items:center}.prep-switch{width:100%;border:1px solid var(--line);background:rgba(255,255,255,.035);border-radius:13px;color:var(--ink);padding:10px;display:grid;grid-template-columns:32px 1fr;gap:9px;align-items:center;text-align:left;margin-bottom:10px}.prep-switch>span{width:32px;height:32px;border-radius:10px;background:linear-gradient(135deg,var(--purple),var(--cyan));display:grid;place-items:center}.prep-switch b{display:block;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.prep-switch small{display:block;color:var(--muted);font-size:9px;margin-top:2px}.access-pills{display:flex;gap:5px;flex-wrap:wrap}.access-selector{display:grid;gap:10px}.access-option{display:grid;grid-template-columns:1.4fr .8fr;gap:12px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:15px;background:rgba(255,255,255,.025)}.access-main{display:grid;grid-template-columns:auto 40px 1fr;gap:10px;align-items:center}.access-main input{width:18px;height:18px}.access-main b{display:block;font-size:12px}.access-main small{display:block;margin-top:5px}.prep-mini-icon{width:38px;height:38px;border-radius:12px;display:grid;place-items:center}.wide-drawer{width:min(720px,100%)}.admin-prep-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.admin-prep-card{--prep1:#7c5cff;--prep2:#29d3c2;padding:18px;position:relative;overflow:hidden}.admin-prep-card:before{content:"";position:absolute;right:-60px;top:-70px;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,var(--prep1),transparent 70%);opacity:.18}.admin-prep-card>*{position:relative}.admin-prep-card h2{font-size:20px;margin:12px 0 5px}.admin-tip{margin-top:15px;color:#b8c2d7;line-height:1.55}.theme-admin-list{display:grid;gap:8px;margin-top:14px}.dark-select{background:#0c1426;color:white;border:1px solid var(--line);border-radius:12px;padding:10px 12px;min-width:220px}.kpi small{display:block;color:var(--muted);font-size:10px;margin-top:5px}.cardpad{padding:20px}

@media(max-width:900px){.prep-grid,.admin-prep-grid{grid-template-columns:1fr}.access-option{grid-template-columns:1fr}.prep-card{min-height:300px}}