:root{color:#17233d;font-synthesis:none;background:#f4f6fa;font-family:Inter,Arial,Helvetica,sans-serif}*{box-sizing:border-box}body{margin:0}button{font:inherit}.site{min-height:100vh}.topbar{background:#fff;border-bottom:1px solid #e2e8f0}.topbar-inner{justify-content:space-between;align-items:center;gap:16px;max-width:1300px;margin:auto;padding:19px 28px;display:flex}.brand{color:#17315e;align-items:center;gap:11px;font-size:19px;font-weight:700;display:flex}.brand strong{font-weight:800}.brand-mark{color:#2555ad;background:#e7efff;border-radius:10px;place-items:center;width:35px;height:35px;display:grid}.status-pill{color:#75510b;background:#fff9e9;border:1px solid #f1d795;border-radius:100px;align-items:center;gap:7px;padding:7px 12px;font-size:12px;font-weight:700;display:inline-flex}.main{max-width:1300px;margin:0 auto;padding:38px 28px 70px}.intro .eyebrow{color:#315fae;letter-spacing:.12em;font-size:11px;font-weight:800}.intro h1{letter-spacing:-.035em;margin:10px 0 9px;font-size:30px}.intro p{color:#5b6880;margin:0;line-height:1.5}.notice{color:#1c4b96;background:#edf4ff;border:1px solid #c9dcff;border-radius:15px;gap:14px;margin:29px 0 24px;padding:18px 20px;display:flex}.notice svg{flex:none}.notice strong{font-size:14px;display:block}.notice p{color:#3e587d;margin:5px 0 0;font-size:13px;line-height:1.5}.workspace{grid-template-columns:220px minmax(0,1fr);gap:20px;display:grid}.navigation{background:#fff;border:1px solid #e1e7f0;border-radius:16px;align-self:start;gap:4px;padding:10px;display:grid;box-shadow:0 5px 20px #142a4a08}.navigation-item{text-align:left;color:#516079;cursor:pointer;background:0 0;border:0;border-radius:10px;align-items:center;gap:11px;width:100%;padding:12px 13px;font-size:13px;font-weight:650;display:flex}.navigation-item:hover{background:#f2f6fc}.navigation-item:focus-visible{outline-offset:2px;outline:2px solid #2563eb}.navigation-item.active{color:#2050a0;background:#eaf1ff}.panel{background:#fff;border:1px solid #e1e7f0;border-radius:16px;min-height:390px;padding:27px;box-shadow:0 5px 20px #142a4a08}.panel-heading{border-bottom:1px solid #edf0f5;align-items:center;gap:14px;padding-bottom:23px;display:flex}.panel-icon{color:#2557ad;background:#eaf1ff;border-radius:12px;place-items:center;width:44px;height:44px;display:grid}.panel h2{margin:0 0 5px;font-size:19px}.panel p{color:#6a778d;margin:0;font-size:13px;line-height:1.5}.empty-layout{grid-template-columns:1fr 1fr;gap:16px;margin-top:22px;display:grid}.empty-block{color:#8a99ae;text-align:center;background:#fafcff;border:1px dashed #ccd7e7;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:11px;min-height:207px;padding:22px;display:flex}.empty-block strong{color:#52627a;font-size:14px}.empty-block span{font-size:12px;line-height:1.5}.empty-block.wide{min-height:215px;margin-top:22px}@media (max-width:720px){.topbar-inner,.main{padding-left:17px;padding-right:17px}.topbar-inner{align-items:flex-start}.status-pill{max-width:140px}.main{padding-top:27px}.intro h1{font-size:25px}.workspace{grid-template-columns:1fr}.navigation{display:flex;overflow-x:auto}.navigation-item{white-space:nowrap;width:auto}.panel{padding:19px}.empty-layout{grid-template-columns:1fr}}