@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');
:root{--bg:#061225;--panel:#0b1d35;--panel2:#102846;--line:#1d4268;--text:#eaf3ff;--muted:#9ab0cb;--blue:#087dff;--cyan:#27d9ff;--green:#13c784;--orange:#ff9e19;--red:#ff4567;--purple:#8957ff}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 20% 0%,#0d2a50 0%,var(--bg) 55%);color:var(--text);font:14px Inter,system-ui,sans-serif}a{color:inherit;text-decoration:none}.layout{display:flex;min-height:100vh}.sidebar{width:235px;flex-shrink:0;background:#041126;border-right:1px solid #153759;padding:20px 13px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:10px;padding:5px 8px 24px}.brandmark{height:42px;width:42px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#25d7ff,#087dff);font-weight:900;color:#041126;font-size:20px}.brand strong{display:block;font-size:16px;letter-spacing:.2px}.brand small{color:var(--cyan);font-size:10px;letter-spacing:1px}.nav{display:grid;gap:5px}.nav a{padding:12px 13px;border-radius:10px;color:#c5d7ec;display:flex;gap:12px;align-items:center}.nav a:hover,.nav a.active{background:linear-gradient(100deg,#087dff,#4038f4);color:white}.nav .ico{width:20px;text-align:center;font-size:17px}.sidefoot{margin-top:auto;border:1px solid #1d4268;border-radius:12px;padding:13px;color:var(--muted);font-size:12px}.main{min-width:0;flex:1}.topbar{height:66px;display:flex;align-items:center;justify-content:space-between;padding:0 28px;border-bottom:1px solid #143452;background:#06172bdb;position:sticky;top:0;z-index:5}.search{width:min(560px,60%);display:flex;gap:8px}.search input{flex:1}.topuser{color:#d7e8ff;font-size:12px}.content{padding:25px;max-width:1600px;margin:auto}.pagehead{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px}.pagehead h1{font-size:24px;margin:0 0 5px}.sub{color:var(--muted);font-size:12px}.cards{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:18px}.metric{padding:17px;border:1px solid var(--line);border-radius:13px;background:linear-gradient(135deg,#0e2948,#081a30);min-height:100px}.metric .label{font-size:12px;color:#b8cde6}.metric .num{font-size:27px;font-weight:800;margin:9px 0 3px}.metric .hint{font-size:11px;color:var(--muted)}.metric.blue{border-color:#146bd1}.metric.green{border-color:#087b61}.metric.orange{border-color:#9d5d09}.metric.red{border-color:#982d49}.metric.purple{border-color:#5734a8}.section{background:#071a30;border:1px solid var(--line);border-radius:14px;margin-bottom:17px;overflow:hidden}.sectionhead{padding:15px 17px;border-bottom:1px solid #173654;display:flex;align-items:center;justify-content:space-between;gap:10px}.sectionhead h2{margin:0;font-size:14px}.sectionbody{padding:17px}.platformgrid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.platform{background:linear-gradient(145deg,#102a49,#071a2f);border:1px solid #244b70;border-radius:11px;padding:13px 8px;text-align:center}.platform .logo{height:44px;display:grid;place-items:center;margin:auto auto 7px;width:54px;border-radius:10px;background:#020d1d;font-size:15px;font-weight:800;color:var(--c,#fff);border:1px solid #23476a}.platform strong{font-size:12px;display:block}.platform .count{font-size:20px;font-weight:800;margin-top:5px}.platform small{color:var(--muted);font-size:10px}.progress{height:5px;border-radius:5px;background:#1c3551;margin-top:8px;overflow:hidden}.progress span{display:block;height:100%;background:var(--c,#1688ff)}.grid2{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(280px,1fr);gap:16px}.tablewrap{overflow:auto}table{width:100%;border-collapse:collapse;white-space:nowrap}th,td{padding:11px 12px;text-align:left;border-bottom:1px solid #16324f;font-size:12px}th{background:#102846;color:#dceaff;font-weight:600}td{color:#d2e2f5}tbody tr:hover{background:#0d2743}.badge{display:inline-block;padding:5px 8px;border-radius:6px;font-size:10px;font-weight:700}.badge.active{background:#0b483e;color:#54f0b7}.badge.due{background:#59370d;color:#ffc15a}.badge.expired{background:#581d31;color:#ff8da5}.badge.neutral{background:#1c3551;color:#bcd3ef}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid #1b6cbe;background:#087dff;color:white;padding:10px 14px;border-radius:9px;font-weight:600;font-size:12px;cursor:pointer}.btn:hover{filter:brightness(1.12)}.btn.green{background:#079b67;border-color:#0cbb7d}.btn.ghost{background:#0d2540;border-color:#315678;color:#d7e8ff}.btn.red{background:#9f2545;border-color:#cb3158}.btn.sm{padding:7px 9px;font-size:11px}.formgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.field{display:grid;gap:6px}.field.full{grid-column:1/-1}.field label{font-size:12px;color:#bcd1e9;font-weight:600}.field input,.field select,.field textarea,input,select,textarea{background:#06152a;border:1px solid #284a6c;border-radius:8px;padding:11px 12px;color:#edf6ff;font:inherit;min-width:0;width:100%}.field textarea{min-height:80px}.field input:focus,.field select:focus{outline:1px solid var(--blue);border-color:var(--blue)}.actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:17px}.notice{padding:12px 14px;border-radius:9px;margin-bottom:15px;background:#0d3151;border:1px solid #1b6697;color:#d5edff}.notice.error{background:#451d2a;border-color:#8b3048}.empty{padding:30px;text-align:center;color:var(--muted)}.inlineform{display:flex;gap:8px;align-items:center}.inlineform input,.inlineform select{width:auto;min-width:110px}.auth{min-height:100vh;display:grid;place-items:center;padding:20px}.authbox{width:min(440px,100%);background:#081b31;border:1px solid #1d4268;border-radius:18px;padding:30px;box-shadow:0 25px 80px #0008}.authbox h1{font-size:23px}.authbox .field{margin:14px 0}.muted{color:var(--muted)}.small{font-size:11px}.mobilehead{display:none}@media(max-width:1150px){.cards{grid-template-columns:repeat(3,minmax(0,1fr))}.platformgrid{grid-template-columns:repeat(4,minmax(0,1fr))}.grid2{grid-template-columns:1fr}}@media(max-width:760px){.sidebar{width:64px;padding:13px 7px}.brand{padding:5px 3px 20px}.brand div:last-child,.nav .txt,.sidefoot{display:none}.brandmark{width:43px;height:43px}.nav a{justify-content:center;padding:13px 6px}.nav .ico{font-size:19px}.topbar{padding:0 12px;height:58px}.topbar .search{width:65%}.topuser{font-size:10px}.content{padding:15px 11px}.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.metric{padding:12px;min-height:88px}.metric .num{font-size:22px}.platformgrid{grid-template-columns:repeat(2,minmax(0,1fr))}.pagehead{align-items:flex-start;flex-direction:column}.formgrid{grid-template-columns:1fr}.field.full{grid-column:auto}.sectionbody{padding:12px}.sectionhead{padding:12px}.inlineform{flex-wrap:wrap}.inlineform input,.inlineform select{flex:1}.pagehead h1{font-size:21px}}