:root{font:15px system-ui,-apple-system,Segoe UI,sans-serif;color:#eaf3ff;background:#07111f}*{box-sizing:border-box}body{margin:0}header,nav,main,footer{max-width:1220px;margin:auto}header{display:flex;justify-content:space-between;align-items:center;padding:22px 20px}.brand{display:flex;gap:12px;align-items:center;font-size:19px;font-weight:850;letter-spacing:.5px}.brand b{color:#26e4b5}.brand small{display:block;font-size:11px;font-weight:500;color:#93a5bb;letter-spacing:0}.mark{background:#25e4b3;color:#061b1b;border-radius:12px;padding:10px 15px}.status{font-size:11px;color:#69e3b9;border:1px solid #216e5d;border-radius:20px;padding:8px}nav{display:flex;gap:8px;overflow:auto;padding:4px 20px 18px;border-bottom:1px solid #223247}button{border:0;background:#20dca9;color:#04221b;padding:11px 15px;border-radius:9px;font-weight:750;cursor:pointer}button:hover{filter:brightness(1.08)}button:disabled{opacity:.5;cursor:not-allowed}nav button,.ghost{background:#132337;color:#d5e4f5}nav button.active{background:#1fe1ae;color:#09231d}main{padding:24px 20px 65px;min-height:75vh}.hero{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:24px 0 28px}h1{font-size:clamp(27px,3.5vw,42px);margin:8px 0}h2{font-size:20px;margin:0 0 16px}.eyebrow{font-size:11px;letter-spacing:2px;color:#36dfb3;font-weight:800}p{color:#a8b9cb;line-height:1.55}.panel{background:#101f32;border:1px solid #263b50;border-radius:16px;padding:22px;margin:12px 0}.filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:15px}input,select{background:#0b1728;color:#eef7ff;border:1px solid #39516a;border-radius:9px;padding:11px;min-width:0}#search{flex:1;min-width:180px}.notice{color:#98adc1;padding:9px 0}.tablewrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left}td,th{border-bottom:1px solid #2a3c51;padding:13px 10px;vertical-align:middle}th{color:#9eb2c8;font-size:12px}td:first-child{min-width:280px}td small{display:block;color:#7890aa;margin-top:4px}.columns{display:grid;grid-template-columns:1fr 1fr;gap:16px}.columns label{display:block;margin-bottom:14px;color:#c6d7e8;font-size:13px}.columns input,.columns select{display:block;width:100%;margin-top:6px}.metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:15px 0}.stat{background:#152c42;border-radius:12px;padding:17px;color:#98aec6}.stat strong{display:block;font-size:23px;color:#e7f9ff;margin-top:7px}.muted{font-size:12px}.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.featured{border-color:#1cce9d}.price{font-size:34px;font-weight:800;color:#25e2af}.price small{font-size:14px;color:#9ab2c6}.hidden{display:none!important}footer{padding:24px 20px;color:#718ba6;font-size:12px;border-top:1px solid #25394e}a{color:#40e6ba}#toast{position:fixed;bottom:18px;right:18px;background:#1b364c;border:1px solid #45a88b;padding:14px;border-radius:10px;display:none;max-width:330px}.position{border-bottom:1px solid #284159;padding:12px 0;display:flex;align-items:center;justify-content:space-between;gap:15px}.position small{display:block;color:#8fa5bb}.pill{color:#36dfb3;font-weight:750}@media(max-width:720px){.status{font-size:9px}.hero{display:block}.hero button{margin-top:12px}.columns,.plans{grid-template-columns:1fr}.panel{padding:15px}header{gap:10px}.brand{font-size:14px}}
