:root{color-scheme:dark;--bg:#080d18;--panel:#101827;--panel2:#131f32;--line:#22324b;--text:#edf4ff;--muted:#8da0bb;--blue:#36a3ff;--blue2:#1679d0;--green:#3bd0a0;--amber:#ffbf63;--red:#ff727a;--shadow:0 18px 48px #02071166}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 78% -15%,#173b6655,transparent 42%),var(--bg);color:var(--text);font:14px 'DM Sans',sans-serif;min-height:100vh}button,input,select,textarea{font:inherit}button{cursor:pointer;color:inherit}a{color:inherit;text-decoration:none}.hidden{display:none!important}.muted{color:var(--muted);line-height:1.65}.eyebrow{font-size:10px;letter-spacing:.18em;font-weight:700;color:#78baff;margin:0 0 8px}.fine-print{font-size:11px;color:#7589a5;margin-top:20px}.error{color:var(--red);min-height:18px}.login-shell{min-height:100vh;display:grid;place-items:center;padding:24px}.login-card{width:min(430px,100%);padding:42px;background:linear-gradient(145deg,#111d30,#0d1523);border:1px solid #253954;border-radius:22px;box-shadow:var(--shadow)}.brand-mark{width:58px;height:58px;display:grid;place-items:center;background:#102846;border:1px solid #265387;border-radius:16px;color:#eff7ff;font:800 31px Manrope,sans-serif;margin-bottom:28px}.brand-mark span{color:var(--blue)}.brand-mark.small{width:36px;height:36px;font-size:21px;margin:0;border-radius:10px}.login-card h1{font:800 26px Manrope,sans-serif;margin:0}.login-card h1 span{font-weight:500;color:#91a9c8}.login-card label,.field label{display:block;font-size:12px;color:#b7c8de;margin:0 0 8px}.login-card input{margin:10px 0 14px}.workspace{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:252px;padding:26px 16px 18px;background:#09111e;border-right:1px solid #1b2a3f;display:flex;flex-direction:column;z-index:3}.sidebar-brand{display:flex;align-items:center;gap:12px;padding:0 10px 32px;font-weight:800;font-family:Manrope,sans-serif;font-size:13px;letter-spacing:.03em}.sidebar-brand small{display:block;font:600 9px 'DM Sans',sans-serif;color:#7890ad;letter-spacing:.18em;margin-top:4px}.sidebar nav{display:grid;gap:5px}.nav-item{height:43px;border:1px solid transparent;border-radius:10px;text-align:left;background:transparent;color:#a9bad1;padding:0 12px;display:flex;align-items:center;gap:12px}.nav-item span{width:18px;text-align:center;font-size:16px;color:#7893b3}.nav-item:hover{background:#142237;color:white}.nav-item.active{background:linear-gradient(90deg,#145da1,#10223a);border-color:#26649d;color:#fff;box-shadow:inset 3px 0 var(--blue)}.nav-item.active span{color:#6fc0ff}.sidebar-bottom{margin-top:auto;border-top:1px solid #1b2a3f;padding:18px 8px 0;color:#8295af;font-size:11px}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);margin-right:6px;box-shadow:0 0 10px #3bd0a0aa}.quiet{float:right;border:0;background:transparent;color:#7f93ae;font-size:11px}.main-area{margin-left:252px;min-height:100vh;padding:0 38px 25px;max-width:1700px}.topbar{height:126px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #18263a;margin-bottom:26px}.topbar h1{font:700 27px Manrope,sans-serif;margin:0;letter-spacing:-.03em}.topbar-right{display:flex;gap:15px;align-items:center}.live-badge{font-size:11px;color:#94a9c1;border:1px solid #293b50;padding:8px 11px;border-radius:20px}.live-badge:first-letter{color:var(--green)}.icon-button{width:38px;height:38px;border:1px solid var(--line);border-radius:10px;background:#101a29;color:#96badc;font-size:21px}.page-content{max-width:1380px;margin:0 auto}.main-area footer{padding:36px 0 4px;color:#61758f;font-size:11px}.main-area footer span{color:var(--blue);padding:0 6px}.main-area footer code{color:#95b6d9}.grid{display:grid;gap:16px}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:20px}.stat-card,.panel,.form-card,.list-card{background:linear-gradient(145deg,#111c2b,#0d1624);border:1px solid #1e3048;border-radius:15px;box-shadow:0 10px 25px #0208132a}.stat-card{padding:20px}.stat-card .label{color:#8ea3bf;font-size:12px}.stat-card strong{display:block;font:700 28px Manrope,sans-serif;margin:12px 0 4px}.stat-card small{color:#6f87a4}.panel,.form-card{padding:20px}.panel h2,.form-card h2,.section-heading h2{font:700 16px Manrope,sans-serif;margin:0 0 14px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin:0 0 15px}.section-heading h2{margin:0}.split{grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr)}.page-grid{display:grid;gap:18px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.field.full-width{grid-column:1/-1}.field label{color:#96aac4}.field input,.field select,.field textarea,.login-card input{width:100%;background:#09121f;border:1px solid #293d58;border-radius:9px;color:#e9f3ff;padding:11px 12px;outline:none}.field textarea{min-height:85px;resize:vertical}.field input:focus,.field textarea:focus,.field select:focus,.login-card input:focus{border-color:#43aaff;box-shadow:0 0 0 3px #2d98ed20}.field select option{background:#101827}.checkline{display:flex;align-items:center;gap:9px;color:#a5b6ce;font-size:12px}.checkline input{width:auto;accent-color:var(--blue)}.primary,.secondary,.danger{border:1px solid transparent;border-radius:9px;padding:10px 15px;font-size:12px;font-weight:700}.primary{background:linear-gradient(135deg,#218ce0,#1269ba);color:white;box-shadow:0 6px 18px #0d6cb144}.primary:hover{filter:brightness(1.13)}.secondary{background:#17273b;border-color:#304560;color:#c6d8ed}.danger{background:#311923;border-color:#60303c;color:#ff9fa4}.full{width:100%}.form-actions{display:flex;gap:9px;margin-top:15px}.toolbar{display:flex;gap:10px;align-items:center}.list-stack{display:grid;gap:10px}.list-card{padding:15px;display:flex;justify-content:space-between;align-items:center;gap:14px}.list-main{min-width:0}.list-card strong{display:block;font-size:13px;margin-bottom:5px}.list-card small{color:#8299b4;line-height:1.5}.row-actions{display:flex;gap:6px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.row-actions button{font-size:10px;padding:7px 9px}.pill{display:inline-flex;border:1px solid #2c435e;background:#132239;color:#93b4d8;border-radius:20px;padding:4px 8px;font-size:10px;margin-left:6px}.pill.green{border-color:#225d51;background:#0c2929;color:#76e1bf}.pill.amber{border-color:#65502d;background:#2b2417;color:#ffd48b}.pill.red{border-color:#69353c;background:#301a20;color:#ff9ca0}.empty{padding:24px;border:1px dashed #31445d;border-radius:12px;text-align:center;color:#7f93ad}.toast{position:fixed;right:28px;top:22px;z-index:8;background:#113122;border:1px solid #276a50;color:#a7f0d0;border-radius:10px;padding:12px 16px;box-shadow:var(--shadow)}.toast.error-toast{background:#351a22;border-color:#6a3541;color:#ffb4b8}.preview-card{min-height:210px;border:1px solid #2a4260;border-radius:14px;padding:22px;background:radial-gradient(ellipse at 80% 10%,#116cbd55,transparent 44%),linear-gradient(140deg,#0a1322,#15243a);display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.preview-card h3{font:800 22px Manrope,sans-serif;margin:20px 0 4px}.preview-card p{color:#a7bad2;max-width:400px}.preview-logo{max-width:150px;max-height:54px;object-fit:contain;object-position:left}.help{color:#7990ac;font-size:11px;line-height:1.55}.table-wrap{overflow:auto}.simple-table{width:100%;border-collapse:collapse;font-size:12px}.simple-table th,.simple-table td{padding:11px 9px;text-align:left;border-bottom:1px solid #203149;white-space:nowrap}.simple-table th{font-size:10px;letter-spacing:.08em;color:#7e95b1;font-weight:700}.code-box{padding:13px;background:#08111e;border:1px solid #2a4766;color:#85c7ff;border-radius:9px;font:600 18px ui-monospace,monospace;letter-spacing:.08em}.session-row{display:flex;justify-content:space-between;align-items:center}
@media(max-width:1000px){.sidebar{width:210px}.main-area{margin-left:210px;padding:0 22px}.stats-grid{grid-template-columns:repeat(2,1fr)}.split{grid-template-columns:1fr}}
@media(max-width:700px){.sidebar{position:relative;width:auto;inset:auto;padding:12px;display:block;border-right:0;border-bottom:1px solid var(--line)}.sidebar-brand{padding:4px 4px 12px}.sidebar nav{display:flex;overflow:auto}.nav-item{min-width:max-content;height:36px}.sidebar-bottom{display:none}.main-area{margin:0;padding:0 14px 18px}.topbar{height:92px}.topbar h1{font-size:22px}.live-badge{display:none}.form-grid,.stats-grid{grid-template-columns:1fr}.list-card{align-items:flex-start;flex-direction:column}.row-actions{justify-content:flex-start}}