:root{--blue:#2563eb;--ink:#17233b;--muted:#68758a;--line:#e5eaf2;--bg:#f5f7fb;--white:#fff}
*{box-sizing:border-box}html{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}body{margin:0;background:var(--bg);color:var(--ink)}a{color:inherit;text-decoration:none}.app-frame{display:flex;min-height:100vh}.sidebar{width:246px;flex:none;background:#111b30;color:#d7dfed;padding:24px 15px}.brand{display:flex;align-items:center;gap:12px;color:white;font-size:17px;padding:0 8px 35px}.brand strong{font-weight:800}.brand small{display:block;font-size:11px;color:#aab8d1;margin-top:4px}.brand-mark{background:var(--blue);padding:12px 9px;border-radius:12px;font-weight:900}.sidebar-caption{font-size:10px;letter-spacing:.11em;color:#8997b0;margin:12px 13px}.nav-link{display:block;padding:12px 13px;border-radius:9px;font-size:14px}.nav-link:hover,.nav-link:focus{background:#24334f;color:white}.main-column{min-width:0;flex:1;display:flex;flex-direction:column}.topbar{height:68px;background:white;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:flex-end;padding:0 30px}.brand-mobile{display:none}.header-actions{display:flex;align-items:center;gap:18px}.header-actions select{border:1px solid var(--line);padding:8px 10px;border-radius:9px;background:white;color:var(--ink)}.header-link{font-weight:600;color:var(--blue);font-size:14px}.page{padding:32px;max-width:1220px;width:100%;margin:auto;flex:1}.hero{padding:38px;background:linear-gradient(110deg,#15274c,#2563eb);border-radius:18px;color:white;margin-bottom:25px}.hero.compact{padding:30px}.hero h1{font-size:clamp(25px,4vw,38px);margin:12px 0;line-height:1.2}.hero p{max-width:720px;color:#e1eafe;line-height:1.65}.eyebrow{font-size:11px;letter-spacing:.14em;font-weight:800;color:#bdd6ff}.action-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.btn-primary,.btn-outline{display:inline-block;padding:11px 20px;border-radius:10px;font-size:14px;font-weight:700;cursor:pointer;border:1px solid transparent}.btn-primary{background:var(--blue);color:#fff}.hero .btn-primary{background:white;color:#1a49a2}.btn-outline{border-color:#a6b6d4;color:var(--blue);background:white}.hero .btn-outline{border-color:#bfd2ff;background:transparent;color:white}.grid-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.tile,.panel{border:1px solid var(--line);background:#fff;border-radius:14px;box-shadow:0 3px 15px rgba(18,37,65,.035)}.tile{padding:22px;display:flex;flex-direction:column;gap:11px;min-height:160px}.tile:hover{border-color:#b8cef8}.tile-icon{height:36px;width:36px;display:grid;place-items:center;border-radius:9px;background:#e9f1ff;color:var(--blue);font-weight:800}.tile span:last-child{font-size:13px;color:var(--muted)}.panel{padding:28px}.panel h1,.panel h2{margin:8px 0 12px}.muted{color:var(--muted)}.status-row{margin:25px 0}.narrow{max-width:460px;margin:30px auto}.panel label{display:block;font-size:14px;font-weight:650;margin:18px 0 8px}.panel input{width:100%;border:1px solid #c9d3e3;padding:12px;font-size:16px;border-radius:10px}.panel button.full{width:100%;margin-top:24px}.form-error{color:#b91c1c;font-size:13px;margin-top:16px}.footer{padding:17px 30px;text-align:center;color:#8792a4;font-size:12px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:920px){.sidebar{width:195px}.grid-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.page{padding:20px}}
@media(max-width:680px){.app-frame{display:block}.sidebar{display:none}.topbar{justify-content:space-between;padding:0 15px;height:62px}.brand-mobile{display:block;font-size:14px}.header-actions{gap:10px}.page{padding:14px}.hero{padding:24px;border-radius:13px}.grid-cards{grid-template-columns:1fr}.tile{min-height:110px}.panel{padding:20px}}