:root{color:#1f2933;font-family:Arial,Helvetica,sans-serif;background:#f4f6f8}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:#f4f6f8}button{font:inherit}.app-shell{display:grid;grid-template-columns:268px 1fr;min-height:100vh}.sidebar{background:#202a33;color:#fff;padding:24px}.brand{align-items:center;display:flex;gap:12px;font-size:18px;font-weight:700;line-height:1.25;margin-bottom:28px}.brand-mark{align-items:center;background:#f2b84b;border-radius:6px;color:#1f2933;display:inline-flex;font-size:13px;font-weight:800;height:36px;justify-content:center;width:36px}.nav-list{display:grid;gap:6px}.nav-item{background:transparent;border:0;border-radius:6px;color:#d5dde5;cursor:pointer;padding:10px 12px;text-align:left}.nav-item.active,.nav-item:hover{background:#31404d;color:#fff}.main{min-width:0;padding:32px}.topbar{justify-content:space-between;gap:16px;margin-bottom:24px}.topbar,.topbar-actions{align-items:center;display:flex}.topbar-actions{gap:10px}.topbar h1{font-size:28px;line-height:1.2;margin:0 0 6px}.topbar p{color:#62707f;font-size:14px;margin:0}.logout-button{background:#fff;border:1px solid #cfd8e3;border-radius:6px;color:#1f2933;cursor:pointer;font-size:14px;padding:10px 12px}.logout-button:hover{background:#eef2f5}.health{background:#e7f6ee;border:1px solid #b7e4ca;border-radius:6px;color:#146c43;font-size:14px;padding:10px 12px;white-space:nowrap}.health.error{background:#fff0f0;border-color:#f0b8b8;color:#a33131}.loading-screen,.login-page{align-items:center;display:flex;min-height:100vh;justify-content:center;padding:24px}.loading-screen{color:#62707f}.login-panel{background:#fff;border:1px solid #dce3ea;border-radius:8px;max-width:420px;padding:28px;width:100%}.login-brand{align-items:center;display:flex;gap:12px;font-weight:700;margin-bottom:26px}.login-panel h1{font-size:26px;margin:0 0 8px}.login-panel p{color:#62707f;margin:0 0 22px}.login-form{display:grid;gap:16px}.login-form label{color:#394957;display:grid;font-size:13px;font-weight:700;gap:7px}.login-form input{border:1px solid #cfd8e3;border-radius:6px;font:inherit;padding:11px 12px}.login-form input:focus{border-color:#4a7da7;outline:3px solid #d9e9f5}.login-form button{background:#202a33;border:0;border-radius:6px;color:#fff;cursor:pointer;font-weight:700;padding:12px 14px}.login-form button:disabled{cursor:wait;opacity:.7}.form-error{background:#fff0f0;border:1px solid #f0b8b8;border-radius:6px;color:#a33131;font-size:13px;padding:10px 12px}.summary-grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));margin-bottom:22px}.module-card,.summary-card{background:#fff;border:1px solid #dce3ea;border-radius:8px}.summary-card{min-height:104px;padding:16px}.summary-card p{color:#62707f;font-size:13px;margin:0 0 12px}.summary-card strong{color:#1f2933;display:block;font-size:25px;line-height:1.15}.module-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.module-card{padding:18px}.module-card h2{font-size:16px;margin:0 0 8px}.module-card p{color:#62707f;font-size:13px;line-height:1.45;margin:0}@media (max-width:800px){.app-shell{grid-template-columns:1fr}.sidebar{padding:18px}.nav-list{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.main{padding:22px}.topbar,.topbar-actions{align-items:flex-start;flex-direction:column}}