:root{--pink:#118CF2;--violet:#13C4E8;--accent:#FC4FFF;--deep-accent:#C07FFF;--bg:#121214;--panel:rgba(29,24,33,.78);--text:#FCFCFF;--muted:#aaa3b3;--line:rgba(252,252,255,.14);--danger:#ff8295;--ok:#8be3bb}html.light{--bg:#f8f6fb;--panel:rgba(255,255,255,.8);--text:#18141c;--muted:#6e6574;--line:rgba(25,18,35,.14)}*{box-sizing:border-box}body{min-width:320px;margin:0;color:var(--text);background:radial-gradient(circle at 80% 0,rgba(17,140,242,.13),transparent 35%),var(--bg);font-family:Inter,system-ui,sans-serif;line-height:1.5}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}.portal-layout{position:relative;z-index:1;min-height:100vh;display:flex;flex-direction:column}.portal-header{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:16px max(18px,calc((100% - 1180px)/2));border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--bg) 78%,transparent);backdrop-filter:blur(18px)}.brand{display:inline-flex;align-items:center;gap:10px;font-size:14px;font-weight:850;letter-spacing:.15em}.brand em{color:var(--accent);font-style:normal;font-weight:500}.brand-mark{width:30px;height:30px;object-fit:contain;border-radius:9px}.header-user{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:11px}.chip{display:inline-flex;padding:4px 8px;border:1px solid rgba(17,140,242,.35);border-radius:99px;color:var(--pink);background:rgba(17,140,242,.09);font-size:9px}.icon-btn,.theme-btn{border:1px solid var(--line);border-radius:99px;padding:6px 9px;color:var(--text);background:transparent}.button{display:inline-flex;align-items:center;justify-content:center;padding:11px 16px;border:1px solid transparent;border-radius:10px;font-size:11px;font-weight:750}.button-primary{color:#fff;background:linear-gradient(110deg,var(--pink),var(--violet));box-shadow:0 8px 23px rgba(17,140,242,.2)}.button-ghost{border-color:var(--line);color:var(--text);background:var(--panel)}.portal-main{display:grid;grid-template-columns:190px minmax(0,990px);gap:35px;width:min(1180px,100%);margin:auto;padding:42px 28px;flex:1}.side-nav{display:flex;flex-direction:column;gap:5px}.side-nav a{padding:11px 13px;border-radius:10px;color:var(--muted);font-size:11px}.side-nav a:hover,.side-nav a.active{color:var(--text);background:rgba(17,140,242,.1);border-left:2px solid var(--pink)}.portal-head{display:flex;align-items:start;justify-content:space-between;gap:20px;margin-bottom:30px}.eyebrow{margin:0 0 9px;color:var(--pink);font-size:9px;font-weight:800;letter-spacing:.2em}.portal-head h1,.auth-card h1{margin:0;font-size:clamp(2rem,5vw,3.1rem);letter-spacing:-.06em;line-height:1}.back-link{color:var(--muted);font-size:11px}.back-link:hover{color:var(--pink)}.welcome{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}.welcome h2{margin:0;font-size:25px;letter-spacing:-.05em}.muted{color:var(--muted);font-size:11px}.plan-box{padding:13px 16px;border:1px solid var(--line);border-radius:12px;background:var(--panel);font-size:10px}.plan-box span,.plan-box strong{display:block}.plan-box span{color:var(--pink)}.plan-box strong{margin-top:4px;font-size:11px}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:14px}.metric-grid article,.panel,.auth-card{padding:20px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(135deg,color-mix(in srgb,var(--panel) 90%,var(--deep-accent)),rgba(18,18,20,.55));box-shadow:0 20px 45px #0002;backdrop-filter:blur(16px)}.metric-grid span{display:block;color:var(--muted);font-size:9px}.metric-grid strong{display:block;margin-top:13px;font-size:25px;letter-spacing:-.05em}.metric-grid small{color:var(--muted);font-size:10px;font-weight:400}.card-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:14px}.panel-title{display:flex;align-items:center;justify-content:space-between;gap:10px}.panel h3{margin:0;font-size:15px}.stats-list{margin:18px 0 0}.stats-list div{display:flex;justify-content:space-between;padding:11px 0;border-top:1px solid var(--line);font-size:11px}.stats-list dt{color:var(--muted)}.stats-list dd{margin:0}.quick-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:23px}.tabs{display:flex;gap:7px;overflow:auto;margin-bottom:14px;border-bottom:1px solid var(--line)}.tab{padding:10px 13px;border:0;border-bottom:2px solid transparent;color:var(--muted);background:transparent;font-size:10px;white-space:nowrap}.tab.active,.tab:hover{border-color:var(--pink);color:var(--text)}.profile-panel h3{margin:0 0 20px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-grid label,.auth-card label{display:flex;flex-direction:column;gap:6px;color:var(--muted);font-size:10px}.form-grid .full{grid-column:1/-1}.form-grid input,.form-grid textarea,.auth-card input,.admin-list input,.filter-row select{width:100%;padding:10px;border:1px solid var(--line);border-radius:9px;outline:none;color:var(--text);background:rgba(10,8,12,.55);font-size:11px}.form-grid textarea{min-height:90px;resize:vertical}.form-grid input:focus,.auth-card input:focus{border-color:var(--pink)}.key-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:14px;border:1px dashed var(--line);border-radius:11px}.key-row code{flex:1;overflow:auto;color:var(--pink);font-size:11px}.filter-row{display:flex;justify-content:space-between;gap:15px;margin-bottom:15px}.filter-row select{width:auto}.timeline{display:grid;gap:10px}.timeline article{padding:17px;border-left:2px solid var(--pink);border-radius:0 12px 12px 0;background:var(--panel)}.timeline time{float:right;color:var(--muted);font-size:9px}.timeline h3{margin:10px 0 5px;font-size:14px}.timeline p{margin:0;color:var(--muted);font-size:11px}.timeline code{display:inline-block;margin-top:10px;color:var(--pink);font-size:10px}.empty,.notice{padding:25px;border:1px dashed var(--line);border-radius:12px;color:var(--muted);font-size:11px}.admin-list{display:grid;gap:8px}.admin-list article{display:flex;align-items:center;gap:15px;flex-wrap:wrap;padding:13px;border-bottom:1px solid var(--line);font-size:11px}.admin-list article span{color:var(--muted)}.admin-actions{display:flex;gap:6px;margin-left:auto}.admin-actions button{padding:6px 8px;border:1px solid var(--line);border-radius:7px;color:var(--text);background:transparent;font-size:9px}.admin-actions button:hover{border-color:var(--pink)}.auth-card{width:min(440px,calc(100% - 36px));margin:auto}.auth-brand{margin-bottom:45px}.auth-card h1{margin-bottom:12px}.auth-card form{display:grid;gap:14px;margin-top:25px}.switch-auth{color:var(--muted);font-size:10px;text-align:center}.switch-auth a{color:var(--pink)}.portal-footer{display:flex;align-items:center;justify-content:center;gap:20px;padding:20px 18px;border-top:1px solid var(--line);color:var(--muted);font-size:10px}.portal-footer a:hover{color:var(--pink)}.toast{position:fixed;z-index:20;right:18px;bottom:18px;max-width:300px;padding:12px 15px;border:1px solid rgba(17,140,242,.4);border-radius:10px;color:var(--text);background:linear-gradient(135deg,color-mix(in srgb,var(--deep-accent) 12%,#121214),#121214 78%);box-shadow:0 14px 35px #0005;opacity:0;transform:translateY(8px);transition:.2s;pointer-events:none;font-size:11px}.toast.show{opacity:1;transform:none}#portal-snow{position:fixed;inset:0;z-index:0;pointer-events:none}@media(max-width:750px){.portal-main{display:block;padding:28px 18px}.side-nav{flex-direction:row;overflow:auto;margin-bottom:25px}.side-nav a{white-space:nowrap}.metric-grid{grid-template-columns:repeat(2,1fr)}.card-grid{grid-template-columns:1fr}.welcome{align-items:flex-start;flex-direction:column}.portal-head{margin-bottom:22px}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.header-user>#logout-btn{display:none}.portal-footer{flex-wrap:wrap}}@media(max-width:430px){.brand{font-size:11px}.header-user{gap:5px}.header-user>span:first-child{max-width:70px;overflow:hidden;text-overflow:ellipsis}.metric-grid article{padding:15px}.metric-grid strong{font-size:21px}}

.subhead{margin:24px 0 12px;font-size:13px}.purchase-panel{margin-top:16px}.purchase-panel>.panel-title{margin-bottom:18px}.purchase-panel .eyebrow{margin-bottom:3px}.portal-pricing{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:17px 0}.portal-pricing .price-card{min-width:0;padding:15px;border:1px solid var(--line);border-radius:13px;background:rgba(18,18,20,.25)}.portal-pricing .price-card.featured{border-color:rgba(17,140,242,.55);background:linear-gradient(135deg,rgba(17,140,242,.12),rgba(19,196,232,.08))}.portal-pricing .price-kicker{margin:0 0 7px;color:var(--pink);font-size:9px;font-weight:800;letter-spacing:.12em}.portal-pricing h3{margin:0 0 7px;font-size:19px}.portal-pricing h3 small{font-size:9px;color:var(--muted);font-weight:400}.portal-pricing p:not(.price-kicker){color:var(--muted);font-size:10px}.portal-pricing button{width:100%;padding:8px 9px;font-size:9px}.button:disabled{opacity:.55;cursor:not-allowed}.addon-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.addon-grid article{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px;border:1px solid var(--line);border-radius:12px;background:var(--panel)}.addon-grid strong{font-size:11px}.addon-grid p{margin:4px 0 0}.notification-list{display:grid;gap:8px;margin-top:14px}.notification{padding:13px;border:1px solid var(--line);border-radius:11px;background:var(--panel)}.notification.unread{border-color:rgba(17,140,242,.48)}.notification time{float:right;color:var(--muted);font-size:9px}.notification strong{display:block;margin-top:8px;font-size:12px}.notification p{margin:5px 0;color:var(--muted);font-size:10px}.small-action{padding:5px 8px;border:1px solid var(--line);border-radius:7px;color:var(--pink);background:transparent;font-size:9px}.table-wrap{width:100%;overflow:auto;margin-top:12px;border:1px solid var(--line);border-radius:10px}.table-wrap table{width:100%;border-collapse:collapse;text-align:left;font-size:10px}.table-wrap th,.table-wrap td{padding:10px 11px;border-bottom:1px solid var(--line);vertical-align:top;white-space:nowrap}.table-wrap th{color:var(--muted);background:rgba(19,196,232,.08);font-weight:700}.table-wrap tr:last-child td{border-bottom:0}.table-wrap select,.admin-actions select{max-width:140px;padding:6px;border:1px solid var(--line);border-radius:7px;color:var(--text);background:var(--bg);font-size:10px}.admin-metrics{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:15px}.admin-metrics article{padding:14px}.admin-metrics strong{font-size:20px}.report-row{align-items:flex-start!important}.report-row>p{flex-basis:100%;margin:0;color:var(--muted);font-size:10px}.report-row .admin-actions{flex-basis:100%;margin-left:0}.report-panel{margin-top:20px}.setup-key{display:grid;gap:10px;margin-top:22px;padding:15px;border:1px solid var(--line);border-radius:12px;background:var(--panel)}.setup-key code{overflow-wrap:anywhere;color:var(--pink);font-size:11px}.bootstrap-main{display:flex;align-items:center;justify-content:center;grid-template-columns:1fr}.auth-card strong{color:var(--text)}.auth-card .button{width:100%}.portal-header .brand-mark{background:#fff}.portal-footer .theme-btn{font-size:10px}
html.light .portal-pricing .price-card{background:rgba(255,255,255,.76)}html.light .table-wrap select,html.light .admin-actions select{background:#fff}html.light .form-grid input,html.light .form-grid textarea,html.light .auth-card input,html.light .filter-row select{background:rgba(255,255,255,.74)}
@media(max-width:900px){.portal-pricing{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.addon-grid{grid-template-columns:1fr}.addon-grid article{align-items:flex-start;flex-direction:column}.portal-pricing .price-card{padding:12px}.portal-pricing h3{font-size:16px}.panel{padding:15px}.admin-metrics article{padding:12px}.filter-row{align-items:flex-start;flex-direction:column}.table-wrap th,.table-wrap td{padding:8px}.portal-head{align-items:flex-start;flex-direction:column}}
[hidden]{display:none!important}
