@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#071321;--panel:#0e2032;--panel2:#112a40;--line:#21394c;--muted:#8ca1b1;--text:#f2f7fa;--cyan:#22ddd4;--blue:#1686eb;--danger:#f16a78;--amber:#ffbe63;--green:#62dbaf;--radius:16px;--shadow:0 8px 32px #020d1770}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.55 'DM Sans',sans-serif}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}input,textarea,select{color:var(--text);background:#0b1e30;border:1px solid #2c4759;border-radius:10px;outline:0;padding:12px 13px;min-height:45px;width:100%;transition:border .2s,box-shadow .2s}input:focus,textarea:focus,select:focus{border-color:var(--cyan);box-shadow:0 0 0 3px #22ddd419}input[type=checkbox]{width:16px;min-height:16px;accent-color:var(--cyan)}input::placeholder,textarea::placeholder{color:#69859a}select option{background:#0b1e30}button{cursor:pointer}button:disabled{opacity:.38;cursor:not-allowed}.app{display:flex;min-height:100vh}.sidebar{position:fixed;z-index:30;top:0;bottom:0;left:0;width:260px;background:#091b2b;border-right:1px solid var(--line);padding:29px 16px;display:flex;flex-direction:column;overflow:auto}.brand{display:flex;align-items:center;gap:10px;font-family:'Manrope',sans-serif;font-size:16px;letter-spacing:1px;font-weight:800;white-space:nowrap}.brand .accent{color:var(--cyan)}.brand small{display:block;font:700 9px/1.6 'DM Sans',sans-serif;letter-spacing:3px;color:#83b6ce}.brandmark{width:40px;height:42px;border:2px solid var(--cyan);color:var(--cyan);border-radius:11px;display:grid;place-items:center;box-shadow:inset 0 0 15px #22ddd422;font-size:24px;font-weight:800}.navcaption{font-weight:800;font-size:10px;letter-spacing:2.4px;color:#68839a;margin:32px 16px 14px}.nav{display:flex;flex-direction:column;gap:5px}.nav>a{display:flex;align-items:center;gap:12px;padding:12px 15px;color:#a9c0d1;border-radius:10px;font-size:13px;transition:.2s}.nav>a:first-letter{font-size:20px}.nav>a:hover{color:white;background:#193751}.nav>a.current{background:#153e5e;color:#eaffff;font-weight:700;box-shadow:inset 3px 0 var(--cyan)}.sidebarbottom{margin-top:auto;display:grid;gap:4px;padding:22px 12px 0;font-size:11px;color:#65849a}.alive{color:var(--cyan)}.workspace{flex:1;min-width:0;margin-left:260px}.topbar{height:77px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:16px;padding:0 36px;background:#0b1a2c}.breadcrumbs{margin-right:auto;font-weight:800;color:#86c1ea;letter-spacing:2px;font-size:10px}.breadcrumbs span{color:#738da3;letter-spacing:.5px}.topuser{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:700}.topuser small{display:block;color:var(--muted);font-size:11px;font-weight:400}.avatar{height:37px;width:37px;display:grid;place-items:center;background:#164565;border-radius:10px;color:#a9e6ff}.logout,.hamburger{background:transparent;border:0;color:#b4d4e7;padding:8px;font-size:22px}.hamburger{display:none}.content{padding:32px 36px;max-width:1660px;margin:auto;min-height:calc(100vh - 137px)}.footer{display:flex;justify-content:space-between;font-size:11px;color:#607c93;padding:20px 36px;border-top:1px solid var(--line)}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:'Manrope',sans-serif;line-height:1.3}h1{font-size:30px;letter-spacing:-1.2px;margin-bottom:7px}h2{font-size:18px;letter-spacing:-.4px;margin-bottom:16px}h3{font-size:14px;margin:25px 0 10px}.muted{color:var(--muted)}.eyebrow{color:var(--cyan);font-size:10px;letter-spacing:2px;font-weight:800}.pagehead{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;margin-bottom:25px}.pagehead .muted{margin:0}.panel{background:linear-gradient(160deg,#10253a,#0d2032);border:1px solid #213b52;border-radius:var(--radius);min-width:0;box-shadow:var(--shadow)}.pad,.formpad{padding:24px}.btn{border-radius:10px;display:inline-flex;align-items:center;justify-content:center;padding:11px 17px;min-height:43px;border:1px solid #2c4b60;font-weight:800;white-space:nowrap;line-height:1.2;transition:.2s;font-size:12px}.btn:hover{transform:translateY(-1px);filter:brightness(1.13)}.btn.primary{background:linear-gradient(110deg,#15b8c2,#0d93cb);border-color:transparent;color:#021923;box-shadow:0 5px 20px #15b8c21f}.btn.outline{background:#102b41;color:#c9e6f8}.btn.dangerbtn{background:#422331;color:#ffa9b6;border-color:#7c3449}.bigbtn{width:100%;min-height:48px}.actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:22px}.metric{border:1px solid #234055;border-radius:15px;background:linear-gradient(135deg,#132d42,#0e2135);padding:23px;position:relative;min-height:136px;display:flex;flex-direction:column}.metric>span{color:#a6c2d3;font-size:12px}.metric strong{font:800 36px/1.4 'Manrope',sans-serif}.metric small{color:#6d90a4;font-size:11px}.metric b{position:absolute;top:18px;right:20px;color:var(--cyan);font-size:26px}.metric.danger b{color:var(--danger)}.metric.green b{color:var(--green)}.gridtwo{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(280px,.9fr);gap:18px}.gridtwo>.panel{min-width:0}.paneltitle{padding:22px 22px 14px;display:flex;justify-content:space-between;align-items:center;gap:16px}.paneltitle h2{margin:0}.paneltitle p{margin:3px 0 0;font-size:12px}.paneltitle a,.record a{color:var(--cyan);font-size:12px;font-weight:700}.tablewrap{overflow:auto;max-width:100%}table{width:100%;border-collapse:collapse;min-width:720px}th{text-align:left;padding:15px 17px;background:#10293d;font-size:9px;color:#90b1c5;letter-spacing:1px;white-space:nowrap}td{padding:15px 17px;border-top:1px solid #20374a;font-size:11px;color:#bbd0de;white-space:nowrap}td strong{font-size:12px;color:#e9f4fa;display:block}td small{display:block;font-size:10px;color:#7c9aae;margin-top:4px}.code,.tableaction{color:#4ae4e0;font-weight:700}.tag{display:inline-flex;padding:4px 9px;border-radius:7px;background:#294257;font-weight:800;color:#c7e5fb;font-size:10px}.tag.crit{background:#662a38;color:#ff9baa}.tag.high{background:#573b21;color:#ffd089}.tag.normal{background:#1c4e71;color:#a8deff}.tag.low{background:#1b453b;color:#94ddbd}.status-pill{border:1px solid #34546b;padding:6px 9px;border-radius:100px;font-size:10px}.empty{text-align:center;padding:35px;color:var(--muted)}.statline{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:13px 0;font-size:12px;color:#aec6d5}.statline b{color:var(--text);font-size:16px}.stackactions{display:flex;gap:8px;margin-top:25px;flex-wrap:wrap}.formgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.formgrid label,.formstack label{display:grid;gap:7px;color:#b3cada;font-size:12px;font-weight:700}.formgrid label.full,.formgrid .full{grid-column:1/-1}.formgrid label small,.formstack small{font-weight:400;color:var(--muted)}.formgrid h2{grid-column:1/-1}.formpad h2{border-bottom:1px solid var(--line);padding-bottom:12px;margin-bottom:23px;margin-top:15px}.formpad h2:first-of-type{margin-top:0}.formpad .bigbtn{margin-top:22px}.formstack{display:grid;gap:17px}.formstack button{width:100%}.filters{display:flex;gap:10px;padding:15px}.filters input{flex:1}.filters select{max-width:240px}.detailcards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-bottom:20px}.detailcards .panel h2{margin:8px 0}.detailcards .panel p{margin:0}.detailsgrid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(280px,.85fr);gap:18px}.maincol,.sidecol{display:grid;align-content:start;gap:18px}.specs{display:grid;gap:0;margin:0}.specs>div{display:flex;align-items:start;justify-content:space-between;gap:15px;padding:10px 0;border-bottom:1px solid var(--line)}.specs dt{color:#7b9aaf}.specs dd{margin:0;text-align:right;font-weight:700}.description{line-height:1.7;color:#c4d7e3;white-space:normal}.event{position:relative;border-left:2px solid #1e6a7e;margin-left:6px;padding:3px 0 19px 18px}.event:before{content:'';position:absolute;left:-6px;top:5px;width:9px;height:9px;border-radius:50%;background:var(--cyan)}.event b,.event small{display:block}.event b{font-size:12px}.event small{font-size:10px;color:#7596aa;margin:3px 0}.event p{color:#bdcfdb;margin:9px 0 0;font-size:12px}.checkboxlabel{display:flex!important;align-items:center;gap:8px}.recordlist{max-height:660px;overflow:auto}.record{padding:15px 2px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid var(--line)}.record strong,.record small{display:block}.record small{color:var(--muted);font-size:10px;margin-top:4px}.counter{font-size:12px;color:var(--cyan)}.toast{padding:12px 15px;border-radius:10px;margin-bottom:19px;background:#123c35;color:#a2f2d4;border:1px solid #227866}.toast.error{background:#41202c;border-color:#85344b;color:#ffc6ce}.hint{color:#758ea1;font-size:11px}.reportsgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.demoPanel{max-width:850px}.credentials{padding:18px;background:#123d42;border:1px solid var(--cyan);border-radius:12px;margin:18px 0}.credentials code{background:#041b24;border-radius:4px;padding:4px 8px;color:#a6ffda}.profile{max-width:480px}.guest{min-height:100vh;background:#071626}.authlayout{min-height:100vh;display:grid;grid-template-columns:1.05fr 1fr}.authpromo{padding:10vh 9vw;background:radial-gradient(circle at 15% 80%,#14496a 0,transparent 35%),linear-gradient(135deg,#102d48,#061624);display:flex;flex-direction:column;justify-content:center;border-right:1px solid var(--line)}.authpromo .big{margin-bottom:70px}.authpromo h1{font-size:clamp(32px,4vw,57px);max-width:650px;line-height:1.12;letter-spacing:-2px}.authpromo p{font-size:16px;color:#a6c8d9;max-width:480px}.authfeatures{display:flex;flex-wrap:wrap;gap:13px;color:var(--cyan);margin-top:23px;font-size:11px}.authpanel{padding:10vh min(10vw,110px);display:flex;flex-direction:column;justify-content:center}.authpanel h2{font-size:28px;margin:8px 0}.authpanel .muted{margin-bottom:30px}.authpanel .formstack{max-width:480px}.authlinks{margin-top:25px;color:var(--cyan);font-size:12px}.publicwrap{max-width:870px;margin:auto;padding:32px 20px 55px}.publicwrap.narrow{max-width:650px}.publichead{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:58px}.publichero{text-align:center;margin-bottom:35px}.publichero h1{font-size:clamp(28px,4vw,44px);margin:10px 0}.publichero p{color:#96b2c4}.prioritypreview{margin-top:18px;background:#0c3442;padding:15px;border-radius:12px;border:1px solid #15576b;color:#b2cfdf}.prioritypreview strong{color:#45e4dd}.prioritypreview small{display:block;color:#7aadb9}.publicfoot{text-align:center;color:#6c8b9e;font-size:11px;margin-top:25px}.successbox{text-align:center;padding:48px 24px;display:flex;flex-direction:column;align-items:center;gap:15px;margin-top:10vh}.successicon{width:74px;height:74px;display:grid;place-items:center;background:#174d48;color:#63eabb;font-size:42px;border-radius:50%}.protocol{background:#071626;color:var(--cyan);font-size:21px;font-weight:800;padding:15px 24px;border-radius:11px}.successbox .btn{width:280px;max-width:100%}.trackresult{padding:20px;margin-top:25px;border-top:1px solid var(--line)}.trackresult h2{margin:12px 0}.authpanel .btn{width:100%}
@media(max-width:1180px){.metrics{grid-template-columns:repeat(2,1fr)}.gridtwo,.detailsgrid{grid-template-columns:1fr}.reportsgrid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:820px){.sidebar{transform:translateX(-100%);transition:transform .25s}.sidebar.open{transform:translateX(0);box-shadow:30px 0 90px #0009}.workspace{margin-left:0}.hamburger{display:block}.topbar{padding:0 18px}.content{padding:22px 17px}.footer{padding:15px 17px}.authlayout{grid-template-columns:1fr}.authpromo{min-height:270px;padding:40px 8vw}.authpromo .big{margin-bottom:20px}.authpromo h1{font-size:30px}.authpromo p{font-size:13px}.authpanel{padding:45px 8vw}.authfeatures{margin-top:5px}.publichead{margin-bottom:38px}}
@media(max-width:550px){h1{font-size:24px}.topbar{height:64px}.breadcrumbs{font-size:9px}.topuser span:not(.avatar){display:none}.metrics{gap:9px}.metric{padding:15px;min-height:115px}.metric strong{font-size:28px}.metric b{font-size:18px;right:11px}.detailcards,.reportsgrid,.formgrid{grid-template-columns:1fr}.formgrid label.full,.formgrid .full{grid-column:auto}.pagehead .btn{width:100%}.filters{display:grid}.filters select{max-width:none}.footer span{display:none}.pad,.formpad{padding:17px}.publicwrap{padding:20px 12px}.publichead .brand{font-size:12px}.publichead .brandmark{width:32px;height:32px}.publichead .btn{padding:8px;font-size:10px}.authpromo h1{letter-spacing:-1px}.statline{gap:10px}}
@media print{body{background:white!important;color:#111!important;font-family:Arial,sans-serif!important}.sidebar,.topbar,.footer,.btn,.no-print,.toast,.pagehead .actions{display:none!important}.workspace{margin:0!important}.content{padding:0!important}.panel{border:1px solid #aaa;background:#fff!important;color:#111!important;box-shadow:none!important;break-inside:avoid}.detailsgrid,.detailcards{display:block}.detailsgrid>.maincol>.panel,.detailsgrid>.sidecol>.panel,.detailcards>.panel{margin-bottom:12px}.eyebrow,.muted,.specs dt,.event small{color:#555!important}.event{color:#111}.event p,.specs dd,.description{color:#111!important}}
