:root{color:#f8fafc;background:#070912;font-family:Inter,PingFang SC,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;min-width:1080px;min-height:100vh;background:radial-gradient(circle at 70% 0%,#17324b 0,transparent 35%),#070912}.shell{display:grid;grid-template-columns:248px 1fr;min-height:100vh}.sidebar{padding:28px 20px;background:#0d0f1deb;border-right:1px solid rgba(255,255,255,.07);display:flex;flex-direction:column}.brand{display:flex;gap:12px;align-items:center;padding:0 8px 28px}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,#ff0080,#0fc);color:#071018}.brand small{color:#7f8aa7;display:block;margin-top:4px}nav{display:grid;gap:8px}nav a{color:#9aa5c1;text-decoration:none;padding:12px 14px;border-radius:12px}nav a.router-link-active{color:#fff;background:#00ffcc1f;box-shadow:inset 3px 0 #0fc}.sidebar-note{margin-top:auto;color:#65708d;font-size:12px;line-height:1.6}.content{padding:30px 38px 60px}.topbar,.section-heading{display:flex;justify-content:space-between;align-items:center}.topbar{margin-bottom:28px}h1,h2{margin:4px 0 0}h1{font-size:28px;background:linear-gradient(90deg,#ff4ba7,#42ffe0);color:transparent;background-clip:text}h2{font-size:20px}.eyebrow{color:#78839e;font-size:12px;letter-spacing:.12em}.environment,.badge,.ok,.pending{display:inline-flex;padding:4px 9px;border-radius:999px;font-size:12px;font-weight:700}.environment,.pending{color:#ffc970;background:#ffaa321f}.badge,.ok{color:#42ffe0;background:#00ffcc1f}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px}.metrics article,.panel{background:#141728d1;border:1px solid rgba(255,255,255,.07);border-radius:18px;box-shadow:0 20px 50px #00000038}.metrics article{padding:20px}.metrics span,.metrics small{display:block;color:#7f8aa7}.metrics strong{display:block;font-size:34px;margin:10px 0 6px}.panel{padding:24px}.check-list{list-style:none;padding:0;margin:20px 0 0;display:grid;gap:14px}.check-list li{display:flex;align-items:center;gap:12px;color:#aeb8d0}.error{color:#ff9dbf;background:#ff00801a;padding:12px 14px;border-radius:10px;margin:12px 0}.table-wrap{overflow:auto;margin-top:20px}table{width:100%;border-collapse:collapse;font-size:13px}th{color:#77829f;text-align:left;font-weight:600}th,td{padding:13px 12px;border-bottom:1px solid rgba(255,255,255,.06);vertical-align:top}td:last-child{color:#8f9ab4;max-width:440px;line-height:1.5}code{color:#42ffe0}.admin-auth{display:flex;align-items:center;gap:18px;margin-bottom:20px}.admin-auth>div{flex:1}.admin-auth input{width:360px;padding:12px 14px;color:#fff;background:#0c1020;border:1px solid rgba(255,255,255,.12);border-radius:10px}.admin-auth button,.commerce-tabs button,.reconcile{padding:11px 16px;color:#dce5f7;background:#ffffff12;border:1px solid rgba(255,255,255,.1);border-radius:10px;cursor:pointer}.commerce-tabs{display:flex;gap:10px}.commerce-tabs button.active{color:#071018;background:#42ffe0}.reconcile{margin-top:18px;background:#00ffcc1f;color:#42ffe0}.panel-tabs{margin:18px 0;padding:12px}.form-grid{display:grid;grid-template-columns:repeat(4,minmax(160px,1fr));gap:12px;margin:18px 0}.form-grid.compact{grid-template-columns:1fr 1fr 2fr auto}.form-grid input,.form-grid select,.form-grid textarea{width:100%;padding:11px 12px;color:#eef3ff;background:#0c1020;border:1px solid rgba(255,255,255,.12);border-radius:9px}.form-grid textarea{min-height:44px}.action,td button{padding:9px 12px;color:#42ffe0;background:#00ffcc1a;border:1px solid rgba(0,255,204,.2);border-radius:8px;cursor:pointer}.danger{color:#ff9dbf;border-color:#ff508240;background:#ff005a14;margin-left:7px}.success{color:#42ffe0;background:#00ffcc14;padding:12px 14px;border-radius:10px;margin:12px 0}.thumb{width:96px;height:54px;object-fit:cover;border-radius:7px}.chips{display:flex;flex-wrap:wrap;gap:9px;margin:16px 0}.chips span{padding:7px 10px;border-radius:999px;background:#ffffff12}.chips button{padding:1px 5px;margin-left:5px}.login-page{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 50% 10%,#173d4c,transparent 38%),#070912}.login-card{width:440px;padding:42px;background:#121627f0;border:1px solid rgba(255,255,255,.1);border-radius:28px;box-shadow:0 40px 100px #00000080}.login-card .brand-mark{width:54px;height:54px;margin-bottom:20px}.login-card p{color:#8390ab;line-height:1.6}.login-card label,.ad-card label,.drawer label{display:grid;gap:7px;color:#95a0b9;font-size:13px;margin-top:16px}.login-card input,.toolbar input,.toolbar select,.drawer input,.drawer select,.drawer textarea,.ad-card input,.ad-card select,.panel input,.panel select,.panel textarea{padding:10px 12px;color:#f5f7ff;background:#0b1020;border:1px solid rgba(255,255,255,.13);border-radius:8px}.primary{padding:11px 18px;color:#061113;background:linear-gradient(90deg,#40ffe0,#bc8bff);border:0;border-radius:9px;font-weight:800;cursor:pointer}.login-card .primary{width:100%;margin-top:20px}.admin-profile{margin-top:auto;padding:16px 8px 0;border-top:1px solid rgba(255,255,255,.08);display:grid;gap:6px}.admin-profile small{color:#74809c}.admin-profile button{margin-top:8px;padding:8px;color:#aab3ca;background:transparent;border:1px solid rgba(255,255,255,.1);border-radius:8px}.warning{margin:-10px 0 20px;padding:12px 16px;color:#ffd080;background:#ffaa281a;border-radius:10px}.toolbar{display:flex;gap:10px;align-items:center;margin:18px 0;padding:14px}.toolbar input{flex:1;min-width:140px}.toolbar select{min-width:130px}.dashboard-grid,.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.batchbar{display:flex;gap:10px;align-items:center;margin:14px 0}.batchbar button,.pagination button,.panel button,.drawer button{padding:8px 12px;color:#dce5f7;background:#ffffff12;border:1px solid rgba(255,255,255,.11);border-radius:8px;cursor:pointer}.pagination{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:18px}.pagination button:disabled,button:disabled{opacity:.4;cursor:not-allowed}.link{padding:0!important;color:#42ffe0!important;background:none!important;border:0!important}.drawer{position:fixed;z-index:50;top:0;right:0;width:560px;height:100vh;overflow:auto;padding:32px;background:#111528;border-left:1px solid rgba(255,255,255,.12);box-shadow:-30px 0 80px #00000073}.drawer.wide{width:min(820px,75vw)}.drawer-close{position:absolute;right:20px;top:18px;font-size:22px}.drawer pre{white-space:pre-wrap;color:#97a3bc;background:#090d1a;padding:12px;border-radius:8px;max-height:240px;overflow:auto}.form-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.create-panel{margin:16px 0}.create-panel summary{cursor:pointer;font-weight:700}.upload-status{position:fixed;z-index:40;left:280px;right:30px;bottom:22px;display:flex;align-items:center;gap:16px}.upload-status progress{flex:1;height:14px}.sortable{display:grid;gap:7px;max-height:300px;overflow:auto}.sortable>div{display:flex;align-items:center;gap:7px;padding:8px 10px;background:#ffffff0a;border-radius:7px}.sortable span{flex:1}.code-area{width:100%;height:190px;font-family:monospace}.small-area{min-height:72px}.ad-card{display:grid;gap:10px}.readiness,.legend{display:flex;gap:10px;flex-wrap:wrap;margin:15px 0}.trend{height:250px;display:flex;align-items:flex-end;gap:4px;padding:18px 0 34px}.trend-day{position:relative;display:flex;align-items:flex-end;gap:2px;height:100%;flex:1;border-bottom:1px solid rgba(255,255,255,.1)}.trend-day i,.trend-day b{display:block;width:45%;min-height:3px}.trend-day i,.legend i{background:#42ffe0}.trend-day b,.legend b{background:#ba8bff}.trend-day small{position:absolute;bottom:-25px;left:0;font-size:8px;transform:rotate(-55deg);color:#68738d}.legend span{display:flex;gap:6px;align-items:center}.legend i,.legend b{width:12px;height:12px}.dashboard-grid ol{padding-left:20px}.dashboard-grid li{display:flex;justify-content:space-between;padding:8px 0;color:#aeb7cd}.switch{display:flex!important;grid-auto-flow:column;align-items:center}.muted{color:#7f8aa7}details.panel{margin-bottom:18px}summary{cursor:pointer}