:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#1e2330;background:#f5f6f8;font-synthesis:none}*{box-sizing:border-box}body{margin:0}a{color:#4459a5}.layout{max-width:1180px;margin:auto;padding:0 20px}.topbar{display:flex;align-items:center;gap:22px;justify-content:space-between;padding:24px 0}.brand{font-size:22px;font-weight:750;text-decoration:none;letter-spacing:.04em;color:#222}.brand strong{color:#5362b9}.tag,.small,.fineprint{color:#777f90;font-size:13px}.panel{background:#fff;border:1px solid #e2e5ed;border-radius:18px;padding:26px;box-shadow:0 4px 20px #24314c06}.narrow{max-width:560px;margin:60px auto}.narrow h1{margin-top:0}.app-grid{display:grid;grid-template-columns:240px 1fr;gap:18px}.sidebar{height:fit-content}.sidebar h2{margin:0 0 12px}.content{min-height:65vh}h1{font-size:26px;margin:0 0 20px}h2{font-size:19px}.form{display:grid;gap:14px;margin:18px 0 28px}.form.inline{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));align-items:end}.form.inline h2{grid-column:1/-1;margin-bottom:0}.form label{display:grid;gap:7px;font-size:14px;font-weight:600}.form label.check{display:flex;gap:10px;align-items:center;font-weight:400}.check input{width:auto}input,select{width:100%;min-height:42px;border-radius:9px;border:1px solid #cfd4df;padding:9px 11px;background:#fff;font:inherit}input:focus,select:focus,button:focus-visible{outline:3px solid #9aa4e3;outline-offset:2px}button{background:#344796;border:0;border-radius:10px;color:#fff;padding:11px 16px;font:inherit;font-weight:600;cursor:pointer}button:disabled{opacity:.55;cursor:progress}.button.ghost,.secondary{background:#e9edf9;color:#344796}.link-button{background:transparent;color:#344796;padding:0}.sidebar nav{display:grid;gap:8px;margin:24px 0}.sidebar nav button{background:transparent;color:#3b4152;text-align:left}.sidebar nav button.selected{background:#e9edf9;color:#344796}.line{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #edf0f4;padding:14px 0}.line.wrap{flex-wrap:wrap}.line strong{white-space:nowrap}.metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:22px 0}.metrics>div{border-radius:12px;background:#f2f4fb;padding:18px}.metrics strong{font-size:23px;display:block}.metrics span{font-size:12px;color:#62697a}.notice{margin:12px 0;border-radius:10px;padding:12px;background:#e8f4f0}.notice.error{background:#ffedf0;color:#8d2735}footer{padding:32px 0}@media(max-width:780px){.app-grid{display:block}.sidebar{margin-bottom:16px}.sidebar nav{display:flex;flex-wrap:wrap;gap:4px}.sidebar nav button{font-size:13px;padding:9px}.panel{padding:18px}.tag{display:none}.topbar{padding:16px 0}.narrow{margin:24px auto}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
