:root{--navy:#071927;--navy2:#0b2438;--ink:#102033;--muted:#6f7e8e;--line:#e4e9ee;--canvas:#f3f6f8;--amber:#e8b321;--green:#0d8b74;--red:#c74b50;--blue:#2d6e9f}*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;color:var(--ink);background:var(--canvas)}button,input,select,textarea{font:inherit}button{cursor:pointer}.brand{display:flex;align-items:center;gap:10px}.brand span{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:var(--amber);color:var(--navy);font-weight:900}.brand b{letter-spacing:.09em}.center{min-height:100vh;display:grid;place-items:center}.spinner{width:32px;height:32px;border:3px solid #dce4ea;border-top-color:var(--navy);border-radius:50%;animation:s 1s linear infinite}@keyframes s{to{transform:rotate(360deg)}}.setup{min-height:100vh;padding:40px 8vw;background:linear-gradient(135deg,#fff,#edf2f5)}.setupcard{max-width:760px;margin:100px auto;background:#fff;padding:32px;border:1px solid var(--line);border-radius:22px}.setupcard h1{font-size:36px}.setupcard p,.setupcard li{color:var(--muted);line-height:1.7}.authbg{min-height:100vh;display:grid;place-items:center;padding:20px;background:linear-gradient(135deg,var(--navy),#123b58)}.authcard{width:min(460px,100%);background:#fff;padding:30px;border-radius:24px;box-shadow:0 30px 80px #0003}.authcard h1{margin:28px 0 6px}.authcard>p{color:var(--muted)}form label{display:grid;gap:6px;font-size:10px;font-weight:800;color:#506273}input,select,textarea{width:100%;border:1px solid #ccd5de;border-radius:10px;padding:11px 12px;background:#fff;color:var(--ink)}textarea{min-height:110px;resize:vertical}form button,.authcard>button:not(.link){border:0;border-radius:10px;padding:12px;background:var(--navy);color:#fff;font-weight:800}.authcard form{display:grid;gap:12px;margin-top:20px}.authcard .link{border:0;background:transparent;color:var(--blue);padding:12px;width:100%}.alert{padding:11px 12px;border-radius:10px;font-size:10px;margin:10px 0}.alert.error{background:#fdecee;color:#9d343a;border:1px solid #f4c7ca}.alert.success{background:#e8f6f2;color:#08725e;border:1px solid #bde5db}.shell{display:grid;grid-template-columns:250px 1fr;min-height:100vh}.shell aside{background:var(--navy);color:#fff;padding:22px 16px;position:sticky;top:0;height:100vh;display:flex;flex-direction:column}.who{margin:35px 7px 0}.who b,.who small{display:block}.who small{font-size:9px;color:#8ea5b6;margin-top:4px}.sideSecurity{margin-top:auto;background:#0d2a40;border:1px solid #ffffff12;border-radius:13px;padding:13px;font-size:10px}.sideSecurity small{display:block;color:#8da4b4;line-height:1.4;margin-top:5px}.shell aside>button{margin-top:12px;background:transparent;border:1px solid #ffffff18;color:#c4d0da;padding:10px;border-radius:10px}.content{padding:28px;max-width:1500px;width:100%;margin:auto}.content header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.content header h1{margin:4px 0 0;font-size:28px}.eyebrow{font-size:9px;color:#987100;font-weight:900;letter-spacing:.16em}.userchip{width:40px;height:40px;border-radius:11px;background:var(--navy);color:#fff;display:grid;place-items:center;font-size:10px;font-weight:900}.heroPanel{background:var(--navy2);border-radius:22px;color:#fff;padding:25px;display:flex;justify-content:space-between;align-items:flex-end}.heroPanel h2{font-size:28px;margin:0 0 7px}.heroPanel p{color:#a9bac6;margin:0}.heroPanel>div:last-child{text-align:right}.heroPanel>div:last-child b{font-size:38px}.heroPanel>div:last-child small{display:block;color:#a9bac6}.cols{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}.card{background:#fff;border:1px solid var(--line);border-radius:17px;padding:18px;box-shadow:0 5px 20px #10203308}.card h2{font-size:16px;margin:0 0 15px}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.formgrid .full{grid-column:1/-1}.breakdown{background:#eef5f8;padding:12px;border-radius:11px;margin-top:12px}.breakdown b,.breakdown small{display:block}.breakdown small{color:var(--muted);font-size:9px;margin-top:5px;line-height:1.5}.request{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;border-top:1px solid var(--line)}.request b,.request small{display:block;font-size:10.5px}.request small{color:var(--muted);font-size:9px;margin-top:4px}.pill{font-size:9px;padding:5px 8px;border-radius:999px;background:#edf2f5;color:#506273;font-weight:800}.pill.high,.pill.critical{background:#fdecee;color:#a9343a}.pill.medium{background:#fff6d9;color:#856500}.pill.low{background:#e8f6f2;color:#08725e}.muted{color:var(--muted);font-size:10px;line-height:1.5}.scorebar{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.scorebar>div{background:#fff;border:1px solid var(--line);border-radius:15px;padding:17px}.scorebar span,.scorebar small{display:block;font-size:9px;color:var(--muted)}.scorebar b{font-size:25px;display:inline-block;margin-top:6px}.opps{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.opp{border:1px solid var(--line);border-radius:12px;padding:13px}.opp b,.opp small,.opp span{display:block}.opp span{font-weight:900;margin:8px 0 4px}.opp small{font-size:9px;color:var(--muted)}.tabs{display:flex;gap:7px;margin-bottom:14px}.tabs button{border:1px solid var(--line);background:#fff;padding:9px 12px;border-radius:10px;font-size:10px}.tabs button.active{background:var(--navy);color:#fff;border-color:var(--navy)}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.metrics article{background:#fff;border:1px solid var(--line);border-radius:15px;padding:17px}.metrics span{display:block;color:var(--muted);font-size:9px;text-transform:uppercase}.metrics b{font-size:27px;display:block;margin-top:8px}.line{display:flex;justify-content:space-between;padding:11px 0;border-top:1px solid var(--line);font-size:10px}.line span{color:var(--muted)}.tablecard{overflow:auto}.tablecard table{width:100%;border-collapse:collapse;min-width:850px}.tablecard th,.tablecard td{padding:11px;border-top:1px solid var(--line);font-size:10px;text-align:left}.tablecard th{font-size:8px;color:var(--muted);text-transform:uppercase}.rowactions{display:flex;gap:5px}.rowactions button{border:1px solid var(--line);background:#fff;padding:6px 8px;border-radius:7px;font-size:8px}.event{display:grid;grid-template-columns:10px 1fr auto;align-items:center;gap:10px;padding:12px 0;border-top:1px solid var(--line)}.event i{width:8px;height:8px;border-radius:50%;background:var(--amber)}.event i.critical{background:var(--red)}.event i.high{background:#d98235}.event b,.event small{display:block;font-size:10.5px}.event small{font-size:9px;color:var(--muted);margin-top:3px}@media(max-width:950px){.shell{grid-template-columns:1fr}.shell aside{display:none}.cols,.metrics,.scorebar,.opps{grid-template-columns:1fr 1fr}.content{padding:18px}}@media(max-width:600px){.cols,.metrics,.scorebar,.opps,.formgrid{grid-template-columns:1fr}.formgrid .full{grid-column:auto}.heroPanel{align-items:flex-start;flex-direction:column;gap:20px}}.docupload{display:grid;grid-template-columns:180px 1fr;gap:10px;margin-bottom:12px}.reviewpanel{margin-top:14px}.reviewpanel h3{font-size:11px;margin-top:18px}.reviewpanel a{display:block;font-size:9px;color:var(--blue);margin-top:5px}.cardhead{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.cardhead p{font-size:9px;color:var(--muted)}@media(max-width:600px){.docupload{grid-template-columns:1fr}}
