:root{--abg:#070b17;--acard:#10172b;--aline:#27324e;--atext:#f5f7ff;--amut:#99a5c3;--apurple:#8b5cf6;--ablue:#2563eb;--agreen:#22c55e;--ared:#ef4444}
*{box-sizing:border-box}.brand-logo-link{gap:12px}.brand-logo-image{height:46px;width:auto;max-width:116px;object-fit:contain;filter:drop-shadow(0 8px 18px rgba(37,99,235,.18))}.plan-brand-copy{display:block}.top-actions{display:flex;align-items:center;gap:8px;margin-left:10px}.account-link{color:#dbeafe;text-decoration:none;border:1px solid #2e3a58;background:#10182d;border-radius:999px;padding:9px 12px;font-weight:800;font-size:12px;white-space:nowrap}.account-link:hover{border-color:#566b9c}.account-link.admin-link{background:linear-gradient(135deg,rgba(139,92,246,.24),rgba(37,99,235,.22));border-color:rgba(139,92,246,.4)}
@media(max-width:1050px){.plan-brand-copy{display:none}.brand-logo-image{height:40px;max-width:92px}.top-actions .status-pill{display:none}}
@media(max-width:720px){.top-actions{gap:5px}.account-link{padding:8px 10px;font-size:11px}.brand-logo-image{height:36px;max-width:82px}}

.account-body{margin:0;min-height:100vh;background:radial-gradient(circle at 75% -10%,rgba(37,99,235,.18),transparent 30%),radial-gradient(circle at 10% 8%,rgba(139,92,246,.12),transparent 26%),var(--abg);color:var(--atext);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}.account-topbar{height:76px;padding:0 max(24px,calc((100vw - 1180px)/2));display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid #202b43;background:rgba(7,11,23,.88);backdrop-filter:blur(16px);position:sticky;top:0;z-index:20}.account-brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:white}.account-brand img{width:105px;height:48px;object-fit:contain}.account-brand span{display:grid;gap:2px}.account-brand b{font-size:12px;letter-spacing:.13em}.account-brand small{font-size:10px;color:#93c5fd;letter-spacing:.32em}.account-topbar nav{display:flex;align-items:center;gap:9px}.account-topbar nav a,.account-topbar nav button{font:inherit;font-size:13px;font-weight:800;color:#b7c2de;background:#10182d;border:1px solid #27324e;border-radius:11px;padding:9px 12px;text-decoration:none;cursor:pointer}.account-topbar nav form{margin:0}.account-shell{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:60px 0 90px}.auth-grid{display:grid;grid-template-columns:1fr 460px;gap:70px;align-items:center;min-height:calc(100vh - 220px)}.auth-copy span,.page-head span{font-size:11px;font-weight:900;letter-spacing:.17em;color:#93c5fd}.auth-copy h1,.page-head h1{font-size:clamp(34px,5vw,60px);letter-spacing:-.045em;line-height:1.04;margin:12px 0}.auth-copy p,.page-head p{color:var(--amut);font-size:17px;line-height:1.7;max-width:680px}.auth-card,.admin-card{border:1px solid var(--aline);background:linear-gradient(160deg,#111a31,#0b1120);border-radius:24px;padding:26px;box-shadow:0 30px 80px rgba(0,0,0,.28)}.auth-card h2{margin:0 0 18px;font-size:26px}.auth-card label{display:grid;gap:7px;margin:13px 0;color:#bcc8e3;font-size:12px;font-weight:800}.auth-card input,.create-grid input,.create-grid select,.user-table select{width:100%;border:1px solid #33415f;background:#0b1325;color:white;border-radius:11px;padding:12px 13px;font:inherit;outline:none}.auth-card input:focus,.create-grid input:focus,.create-grid select:focus{border-color:#6d75ff;box-shadow:0 0 0 4px rgba(99,102,241,.11)}.primary-btn{border:0;border-radius:11px;background:linear-gradient(135deg,var(--apurple),var(--ablue));color:#fff;font-weight:900;padding:12px 16px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.auth-card .primary-btn{width:100%;margin-top:8px}.link-btn{width:auto}.form-error,.form-ok{padding:11px 13px;border-radius:11px;font-size:12px;font-weight:800;margin:10px 0}.form-error{background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.25);color:#fecaca}.form-ok{background:rgba(34,197,94,.1);border:1px solid rgba(34,197,94,.25);color:#bbf7d0}.form-foot{font-size:12px!important;text-align:center;margin:16px 0 0!important}.form-foot a{color:#93c5fd}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:28px}.page-head h1{font-size:clamp(34px,4vw,52px)}.dash-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.dash-grid article{border:1px solid var(--aline);background:linear-gradient(150deg,#10182d,#0d1426);border-radius:20px;padding:22px;min-height:230px}.dash-grid article b{font-size:34px;color:#33466e}.dash-grid h3{font-size:20px;margin:30px 0 8px}.dash-grid p{color:var(--amut);line-height:1.65}.dash-grid em{font-style:normal;font-size:10px;font-weight:900;letter-spacing:.1em;color:#fbbf24;border:1px solid rgba(245,158,11,.28);background:rgba(245,158,11,.1);padding:6px 8px;border-radius:999px}.stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:18px}.stat-row>div{padding:20px;border:1px solid var(--aline);border-radius:18px;background:#0e1629}.stat-row strong{display:block;font-size:32px}.stat-row span{display:block;color:var(--amut);font-size:12px;margin-top:4px}.admin-card{margin-top:16px}.admin-title h2{margin:0 0 5px}.admin-title p{margin:0 0 18px;color:var(--amut)}.create-grid{display:grid;grid-template-columns:1.2fr 1.2fr 1fr .8fr auto;gap:8px}.user-table-wrap{overflow:auto;border:1px solid #202c47;border-radius:14px}.user-table{width:100%;border-collapse:collapse;min-width:900px}.user-table th,.user-table td{padding:12px 13px;text-align:left;border-bottom:1px solid #202c47;font-size:12px}.user-table th{color:#8fa0c1;background:#0b1325;font-size:10px;letter-spacing:.08em;text-transform:uppercase}.user-table td{color:#cbd5eb}.user-table td b{display:block;color:white}.user-table td small{display:block;color:#64748b;margin-top:3px}.user-table form{margin:0}.user-table select{padding:8px 9px;min-width:130px}.state{display:inline-block;padding:5px 8px;border-radius:999px;font-weight:900;font-size:10px}.state.on{color:#86efac;background:rgba(34,197,94,.11);border:1px solid rgba(34,197,94,.22)}.state.off{color:#fca5a5;background:rgba(239,68,68,.11);border:1px solid rgba(239,68,68,.22)}.table-btn{border:1px solid #3a496d;background:#121c33;color:#dbeafe;border-radius:9px;padding:7px 9px;font-weight:800;cursor:pointer}.admin-message{margin:0 0 16px}
@media(max-width:900px){.auth-grid{grid-template-columns:1fr;gap:28px}.dash-grid{grid-template-columns:1fr}.create-grid{grid-template-columns:1fr 1fr}.create-grid .primary-btn{grid-column:1/-1}.page-head{align-items:flex-start;flex-direction:column}.account-brand span{display:none}.stat-row{grid-template-columns:1fr 1fr 1fr}}
@media(max-width:560px){.account-topbar{padding:0 12px}.account-topbar nav a{display:none}.account-shell{width:min(100% - 20px,1180px);padding-top:30px}.auth-card,.admin-card{padding:18px}.create-grid{grid-template-columns:1fr}.create-grid .primary-btn{grid-column:auto}.stat-row{grid-template-columns:1fr}.account-brand img{width:86px}}

/* PLAN V0.2 subscription core */
.account-brand img{width:156px;height:58px;object-fit:contain}.account-brand span{display:none}.subscription-hero{display:flex;justify-content:space-between;align-items:center;gap:22px;border:1px solid #30405f;background:linear-gradient(135deg,#101a33,#10152a);padding:24px;border-radius:22px;margin-bottom:18px}.subscription-hero span,.quote-card>span,.module-choice span{font-size:10px;font-weight:900;letter-spacing:.14em;color:#93c5fd}.subscription-hero h2{font-size:30px;margin:6px 0}.subscription-hero p{color:var(--amut);margin:0}.subscription-hero.active{border-color:rgba(34,197,94,.35);background:linear-gradient(135deg,rgba(34,197,94,.08),#10152a)}.subscription-hero.pending{border-color:rgba(245,158,11,.35)}.sub-state{font-size:11px;font-weight:950;letter-spacing:.12em;border:1px solid #33476e;border-radius:999px;padding:9px 12px;color:#bfdbfe}.active .sub-state{color:#86efac;border-color:rgba(34,197,94,.3)}.pending .sub-state{color:#fde68a;border-color:rgba(245,158,11,.3)}.module-access-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:18px}.module-access-grid article{border:1px solid var(--aline);border-radius:18px;background:#0e1629;padding:18px}.module-access-grid article span{font-size:10px;color:#93c5fd;text-transform:uppercase;font-weight:900}.module-access-grid h3{margin:7px 0 12px}.module-access-grid p{color:var(--amut)}.module-access-grid em{font-style:normal;color:#86efac;font-weight:900;font-size:10px}.subscription-layout{display:grid;grid-template-columns:1fr 330px;gap:18px;align-items:start}.module-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.module-choice{display:flex;gap:12px;border:1px solid var(--aline);border-radius:16px;background:#0f172b;padding:16px;cursor:pointer;transition:.16s}.module-choice:hover{border-color:#536895;transform:translateY(-1px)}.module-choice:has(input:checked){border-color:#7c6cff;background:linear-gradient(140deg,rgba(139,92,246,.12),rgba(37,99,235,.09))}.module-choice input{margin-top:4px;accent-color:#7c5cff}.module-choice h3{margin:5px 0;font-size:15px}.module-choice p{margin:0;color:var(--amut);font-size:12px}.quote-card{position:sticky;top:96px;border:1px solid #334467;background:linear-gradient(160deg,#121a31,#0b1120);border-radius:22px;padding:22px}.quote-card strong{display:block;font-size:30px;margin:8px 0}.quote-card>p,.quote-card>small{display:block;color:var(--amut);margin:5px 0 12px}.quote-card .primary-btn{width:100%;margin:14px 0}.bundle-note{border-top:1px solid #293653;padding-top:14px;color:#aebbd7;font-size:12px}.bundle-note p{margin:5px 0}.head-admin-note{border:1px solid rgba(96,165,250,.25);background:rgba(37,99,235,.08);padding:14px;border-radius:14px;color:#bfdbfe}
@media(max-width:900px){.subscription-layout{grid-template-columns:1fr}.quote-card{position:static}.module-access-grid,.module-picker{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.account-brand img{width:120px;height:48px}.subscription-hero{align-items:flex-start;flex-direction:column}.module-access-grid,.module-picker{grid-template-columns:1fr}}
.brand-logo-image{height:62px;width:170px;max-width:none;object-fit:contain}.plan-brand-copy{display:none!important}@media(max-width:720px){.brand-logo-image{height:50px;width:130px}}
