:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#20324d;background:#f4f7fb;font-synthesis:none;font-size:14px}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{border:0;border-radius:8px;background:#1266e7;color:#fff;padding:11px 17px;font-weight:650;cursor:pointer;transition:background .15s}button:hover{background:#084eba}button:disabled{opacity:.5;cursor:not-allowed}button.secondary{background:#edf2fb;color:#244c82}button.danger{background:#fff0f0;color:#b63131}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #85b5fd;outline-offset:2px}input,select{display:block;width:100%;padding:11px 12px;border:1px solid #cbd5e3;background:#fff;border-radius:7px;color:#152b47;margin-top:7px}label{display:block;font-size:13px;font-weight:600;margin-bottom:18px}p{line-height:1.7}small{display:block;color:#68788e;margin-top:5px}h1{font-size:30px;letter-spacing:-1px;margin:8px 0}h2{font-size:20px;margin-top:0;letter-spacing:-.4px}h3{font-size:16px}.eyebrow{font-size:10px;font-weight:800;letter-spacing:1.8px;color:#6481a7}.badge{display:inline-flex;align-items:center;background:#e9eff9;color:#3c5e8e;border-radius:5px;padding:6px 9px;font-size:11px;font-weight:700;white-space:nowrap}.badge.good{background:#e3f6ec;color:#24744b}.app-shell{display:grid;grid-template-columns:235px minmax(0,1fr);min-height:100vh}aside{background:#10223e;color:#fff;padding:30px 20px;display:flex;flex-direction:column;min-height:100vh;position:sticky;top:0;height:100vh}.brand{font-size:27px;font-weight:850;letter-spacing:3px;color:#fff;border-bottom:1px solid #ffffff17;padding:0 9px 26px}.brand span{display:block;font-size:12px;font-weight:500;letter-spacing:1px;margin-top:5px;color:#94abc9}aside .eyebrow{margin:28px 10px 12px;color:#8499b7}nav{display:grid;gap:5px}nav button{text-align:left;background:transparent;color:#aebed5;padding:13px 15px;font-weight:500}nav button:hover{background:#ffffff0c;color:#fff}nav button[aria-current=page]{background:#1d4176;color:#fff;border-left:3px solid #64a3ff}.aside-footer{margin-top:auto;padding:25px 10px 0}.aside-footer small{color:#91a5c0;font-size:11px}.aside-footer button{font-size:12px;margin-top:16px;background:#ffffff0a}.workspace{padding:32px 40px 60px;max-width:1600px;width:100%;margin:auto}header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:26px}.banner{padding:13px 16px;background:#fff8e7;border:1px solid #efdfad;border-radius:8px;font-size:12px;color:#715b22;line-height:1.6;margin-bottom:24px}.panel{background:#fff;border:1px solid #e1e8f1;border-radius:12px;padding:25px;margin:20px 0;box-shadow:0 4px 15px #1c3c6404}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.metric{background:#fff;border:1px solid #e1e8f1;border-radius:10px;padding:22px}.metric span{color:#657993;font-size:12px}.metric strong{display:block;color:#193d70;font-size:34px;font-weight:650;letter-spacing:-1px;margin-top:12px}.toolbar{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:12px 0 20px}.toolbar label{min-width:140px;margin:0;flex:1}.toolbar button{align-self:end}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}fieldset{border:1px solid #dce5f0;border-radius:9px;margin:10px 0 24px;padding:20px}legend{padding:0 9px;color:#38577d;font-weight:600}.check{display:flex;align-items:center;gap:10px;margin-bottom:12px}.check input{width:17px;height:17px;margin:0;accent-color:#1266e7}.muted{color:#718096;font-size:12px}form button+button{margin-left:10px}.alert{padding:14px 18px;margin:12px 0;border-radius:8px}.error{background:#fff0f1;border:1px solid #f3bfc6;color:#a92839}.success{background:#eaf7ef;color:#217148}.loading{font-size:12px;color:#3568a8;margin-bottom:10px}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;text-align:left;font-size:12px;margin-top:15px}th{color:#7286a0;font-size:10px;text-transform:uppercase;letter-spacing:1px;background:#f7f9fc;padding:14px 10px;border-bottom:1px solid #e5ebf4}td{padding:15px 10px;border-bottom:1px solid #edf1f6}td button{padding:8px 10px;font-size:11px}.empty{padding:25px;color:#8191a8;text-align:center}.key-reveal{padding:20px;border:1px solid #ccdaed;background:#f0f6ff;border-radius:8px;margin-top:20px}.key-reveal code{display:block;overflow-wrap:anywhere;margin:16px 0}code,pre{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}pre{background:#11233e;color:#d6e6fb;padding:20px;border-radius:8px;overflow:auto;font-size:12px;max-height:500px;line-height:1.65}.center{max-width:650px;margin:15vh auto;padding:40px;text-align:center}.login{min-height:100vh;display:grid;grid-template-columns:1.12fr 1fr}.login-story{position:relative;overflow:hidden;background:linear-gradient(135deg,#0e1e39,#183f74);color:#edf4ff;padding:9vh 9%;display:flex;flex-direction:column;justify-content:center}.login-story:after{content:"";position:absolute;width:400px;height:400px;border:1px solid #83aeeb20;border-radius:50%;right:-240px;top:25%}.login-story img{width:165px;height:auto;object-fit:contain;align-self:flex-start;margin-bottom:60px;background:#fff;border-radius:6px;padding:8px}.login-story .eyebrow{color:#81ace7}.login-story h1{font-size:clamp(36px,4vw,59px);line-height:1.12;margin:22px 0;letter-spacing:-2px;font-weight:700}.login-story em{color:#7eb5ff;font-style:normal}.login-story p{font-size:15px;max-width:430px;color:#a9bfdc}.login-chips{display:flex;gap:9px;margin-top:35px;flex-wrap:wrap}.login-chips span{border:1px solid #ffffff22;padding:8px 12px;border-radius:5px;color:#b6cce9;font-size:11px}.login-access{padding:60px 16%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;background:#fff}.login-access h2{font-size:34px;letter-spacing:-1px;margin:25px 0 7px}.login-access p{color:#748198;margin-bottom:26px}.login-access button{width:100%;padding:15px;margin-bottom:15px}.login-access small{font-size:10px}.login-note{margin-top:60px;border-top:1px solid #e7edf5;padding-top:22px;color:#8a98ad;font-size:11px;line-height:1.8}@media(max-width:950px){.workspace{padding:24px}.metrics{grid-template-columns:repeat(2,1fr)}.app-shell{grid-template-columns:190px 1fr}.login-access{padding:40px 10%}}@media(max-width:650px){.app-shell{display:block}aside{position:relative;height:auto;min-height:0;padding:18px}.brand{font-size:20px;padding-bottom:10px}aside .eyebrow,.aside-footer{display:none}nav{display:flex;overflow:auto;margin-top:12px}nav button{white-space:nowrap;padding:10px}.workspace{padding:18px}header{display:block}header .badge{margin-top:8px}.metrics,.form-grid{grid-template-columns:1fr}.panel{padding:18px}.login{display:block}.login-story{padding:30px}.login-story img{margin-bottom:25px}.login-story h1{font-size:36px}.login-chips{margin-top:15px}.login-access{padding:35px}.login-note{margin-top:25px}}
