@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap";:root{font-family:DM Sans,sans-serif;color:#24262d;background:#f2f0ec}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}.app{min-height:100vh}header{background:#202126;color:#fff;position:sticky;top:0;z-index:10;box-shadow:0 7px 20px #24201a22}.top{height:90px;padding:0 4vw;display:flex;align-items:center;justify-content:space-between}.brand,.actions,.heading,.pulse,.tools,.tools>div,.alertRow{display:flex;align-items:center}.brand{gap:14px}.logo{width:50px;height:50px;border-radius:50%;border:1px solid #e8b44888;background:#2c2d33;color:#f2bc4c;display:grid;place-items:center;box-shadow:inset 0 0 0 7px #25262b}.logo svg{width:26px}.brand h1,.heading h2,.panel h2,.modal h2{font-family:Space Grotesk,sans-serif;margin:0}.brand h1{font-size:21px}.brand p{margin:4px 0 0;color:#aeb0b8;font-size:12px}.actions{gap:8px}.actions button,.primary{border:1px solid #4a4b52;background:#292a30;color:#d7d8dd;border-radius:7px;padding:9px 12px;display:flex;align-items:center;gap:7px;font-weight:700}.actions svg,.primary svg{width:15px}.actions .primary,.primary{background:#edb84d;color:#2a2417;border-color:#edb84d}.actions button:hover{border-color:#edb84d}nav{height:45px;padding:0 4vw;display:flex;gap:3px;border-top:1px solid #303138;overflow:auto}nav button{background:transparent;color:#aeb0b8;border:0;border-bottom:3px solid transparent;padding:0 14px;font-weight:700;white-space:nowrap}nav button.active{color:#fff;border-color:#edb84d}nav button span{background:#d7544d;color:#fff;padding:2px 6px;border-radius:20px;margin-left:6px;font-size:9px}main{max-width:1480px;margin:auto;padding:28px 4vw 55px;min-height:calc(100vh - 194px)}.heading{justify-content:space-between;margin-bottom:20px}.heading h2{font-size:29px}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:10px;font-weight:800;color:#a97715}.pulse{font-size:11px;color:#676970;background:#fff;border:1px solid #dbd8d1;padding:8px 11px;border-radius:20px}.pulse i{width:7px;height:7px;background:#2aa17a;border-radius:50%;margin-right:7px;box-shadow:0 0 0 4px #2aa17a20}.scoreboard{display:grid;grid-template-columns:1.3fr 2fr;gap:14px;margin-bottom:14px}.radar{background:#292a30;color:#fff;border-radius:16px;padding:23px;display:flex;align-items:center;gap:20px}.rings{width:124px;height:124px;border:1px solid #efb94d55;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,#292a30 28%,#efb94d22 29%,#292a30 31%,#292a30 48%,#efb94d22 49%,#292a30 51%,#292a30 69%,#efb94d33 70%,#292a30 72%);flex:none}.rings span{font:700 35px Space Grotesk;color:#f0bb50}.radar small{color:#efb94d;font-weight:800;letter-spacing:.1em}.radar h3{font:700 20px Space Grotesk;margin:6px 0}.radar p{color:#afb1b8;line-height:1.5;margin:0}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.metric{background:#fff;border:1px solid #dcd8d0;border-radius:12px;padding:14px;display:flex;justify-content:space-between;flex-direction:column;min-height:92px}.metric span{text-transform:uppercase;letter-spacing:.07em;font-size:9px;font-weight:800;color:#797a7d}.metric b{font:700 27px Space Grotesk}.metric.green{border-left:4px solid #2c9d79}.metric.amber{border-left:4px solid #e2a72b}.metric.red{border-left:4px solid #d3544d}.columns{display:grid;grid-template-columns:1.25fr .75fr;gap:14px}.panel{background:#fff;border:1px solid #dcd8d0;border-radius:14px;padding:19px;margin-bottom:14px;box-shadow:0 3px 10px #332e2708}.panelHead{margin-bottom:16px}.panel h2{font-size:17px}.panelHead p{margin:4px 0 0;color:#76777b;font-size:11px}.horizon>div{display:grid;grid-template-columns:100px 1fr 28px;align-items:center;gap:9px;margin:13px 0;font-size:11px}.horizon i{height:8px;background:#ece9e4;border-radius:8px;overflow:hidden}.horizon em{display:block;height:100%;min-width:3px}.horizon .red{background:#d3544d}.horizon .amber{background:#e2a72b}.horizon .green{background:#2c9d79}.horizon .slate{background:#777b83}.textButton{border:0;background:transparent;color:#9a6a0e;padding:8px 0;display:flex;align-items:center;gap:5px;font-weight:700}.textButton svg{width:15px}.types{display:grid;grid-template-columns:1fr 1fr;gap:8px}.types div{background:#f4f2ee;border-radius:8px;padding:11px;display:flex;justify-content:space-between}.types span{color:#a36e0a;font-weight:800}.alertRow{gap:11px;padding:11px 0;border-bottom:1px solid #e7e3dc}.alertRow>svg{width:18px;color:#d0524b}.alertRow section{display:flex;flex-direction:column;gap:3px;flex:1}.alertRow code,.queue code{color:#8b6a28;font-size:10px}.tag{display:inline-flex;border-radius:20px;padding:4px 8px;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;background:#e9e7e3;color:#62646a}.tag.critical,.tag.high,.tag.expired{background:#fee4e1;color:#a53b35}.tag.medium,.tag.due-soon{background:#fff0c8;color:#8a630f}.tag.current{background:#ddf3eb;color:#127157}.tag.unverified{background:#e6e7ea;color:#5d6068}.tools{justify-content:flex-end;gap:8px;margin-bottom:12px}.tools>div{border:1px solid #d9d5ce;border-radius:7px;padding:0 9px}.tools svg{width:14px}.tools input{border:0;padding:8px;width:250px}.tools select,input,textarea,select{border:1px solid #d6d2ca;border-radius:7px;padding:9px;background:#fff;outline:none}.table{overflow:auto}table{width:100%;border-collapse:collapse;min-width:1050px}th{text-align:left;background:#f1efeb;text-transform:uppercase;font-size:9px;letter-spacing:.07em;color:#77787c}th,td{padding:11px;border-bottom:1px solid #e5e1da;vertical-align:top;font-size:11px}td:first-child{max-width:360px}td:first-child b,td:first-child code{display:block}td:first-child code{margin-top:4px;color:#8e6d2b}td button{border:0;background:transparent;color:#999}td button svg{width:15px}.scanLayout{display:grid;grid-template-columns:1fr 340px;gap:14px}.panel label{display:block;font-size:11px;font-weight:800;margin:10px 0;color:#54565c}.panel label input,.panel label textarea{display:block;width:100%;margin-top:6px}.panel textarea{height:260px;resize:vertical}.wide{width:100%;justify-content:center}.error,.note{display:flex;align-items:flex-start;gap:8px;padding:11px;border-radius:8px;margin:12px 0;font-size:11px;line-height:1.5}.error{background:#fee8e4;color:#953d35}.note{background:#fff0c9;color:#755510}.error svg,.note svg{width:16px;flex:none}.framework{background:#292a30;color:#fff;border-radius:14px;padding:20px;height:max-content}.framework h3{font-family:Space Grotesk;margin:0 0 15px}.framework>div:not(.note){border-top:1px solid #3b3c42;padding:11px 0}.framework span{font-weight:800;color:#efb94d}.framework p{margin:4px 0 0;color:#b6b8bf;font-size:11px}.queue{display:grid;gap:10px}.queue>div{display:grid;grid-template-columns:110px 1fr auto;border:1px solid #ddd9d1;border-left:5px solid #777b83;border-radius:10px;padding:13px;align-items:center;gap:15px}.queue>div.expired{border-left-color:#d3544d}.queue>div.due-soon{border-left-color:#e2a72b}.queue>div.current{border-left-color:#2c9d79}.date{display:flex;flex-direction:column}.date b{font-family:Space Grotesk}.date span{font-size:10px;color:#7e7f84;margin-top:3px}.queue h3{font-size:14px;margin:7px 0 4px}.queue p{font-size:11px;color:#676970;margin:6px 0}.queue small{color:#84858a}.queue button{border:1px solid #d3cfc7;background:#fff;border-radius:7px;padding:8px;display:flex;gap:6px;align-items:center}.queue button svg{width:14px}.pageGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.pageGrid article{background:#fff;border:1px solid #dcd8d0;border-radius:12px;padding:16px}.pageGrid article>div{display:flex;justify-content:space-between;text-transform:uppercase;font-size:9px;color:#7b7c80;font-weight:800}.pageGrid h3{font-family:Space Grotesk;margin:16px 0 4px}.pageGrid p{color:#77787c}.pageGrid small{display:block;border-top:1px solid #e6e2dc;padding:8px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pageGrid small i{width:7px;height:7px;border-radius:50%;display:inline-block;background:#777;margin-right:6px}.pageGrid i.expired{background:#d3544d}.pageGrid i.due-soon{background:#e2a72b}.pageGrid i.current{background:#2c9d79}.history>div{display:flex;align-items:center;gap:11px;border-bottom:1px solid #e5e1db;padding:12px}.history svg{width:18px;color:#aa7410}.history section{display:flex;flex-direction:column;flex:1}.history small{color:#7f8084}.back{position:fixed;top:0;right:0;bottom:0;left:0;background:#1d1e22bb;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:grid;place-items:center;padding:20px;z-index:30}.modal{background:#f8f6f2;width:min(760px,100%);max-height:92vh;border-radius:14px;overflow:hidden;box-shadow:0 30px 80px #1118}.modalHead{background:#27282d;color:#fff;padding:20px 23px;display:flex;align-items:center;justify-content:space-between}.modalHead h2{font-size:21px}.modalHead button{border:1px solid #4a4b51;background:#33343a;color:#fff;width:35px;height:35px;border-radius:7px;display:grid;place-items:center}.modalBody{padding:21px 23px;max-height:calc(92vh - 80px);overflow:auto}.steps{display:grid;grid-template-columns:1fr 1fr;gap:10px}.step{background:#fff;border:1px solid #ddd9d1;border-radius:9px;padding:12px;display:flex;gap:10px}.step>span{width:28px;height:28px;border-radius:50%;background:#edb84d;color:#332914;display:grid;place-items:center;font-weight:800;flex:none}.step b{font-family:Space Grotesk}.step p{margin:4px 0 0;font-size:11px;line-height:1.5;color:#6c6d72}.empty{text-align:center;color:#838489;padding:35px}footer{background:#202126;color:#aaaeb6;text-align:center;padding:19px;font-size:12px}footer strong{color:#efb94d}@media(max-width:1000px){.scoreboard,.columns,.scanLayout{grid-template-columns:1fr}.pageGrid{grid-template-columns:1fr 1fr}.framework{display:grid;grid-template-columns:1fr 1fr;gap:8px}.framework h3,.framework .note{grid-column:1/-1}.queue>div{grid-template-columns:90px 1fr}.queue button{grid-column:2;width:max-content}}@media(max-width:700px){.top{height:auto;padding:15px;align-items:flex-start}.brand p{display:none}.brand h1{font-size:16px}.actions{flex-wrap:wrap;justify-content:flex-end}.actions button:not(.primary){display:none}nav{padding:0 7px}main{padding:20px 12px}.heading{align-items:flex-start;gap:10px}.stats{grid-template-columns:1fr 1fr}.radar{flex-direction:column;align-items:flex-start}.pageGrid,.steps{grid-template-columns:1fr}.framework{display:block}.tools{align-items:stretch;flex-direction:column}.tools input{width:100%}.queue>div{grid-template-columns:1fr}.queue button{grid-column:1}.alertRow{align-items:flex-start;flex-wrap:wrap}.alertRow section{min-width:80%}}