:root{--navy:#123047;--blue:#176b87;--ice:#eaf4f6;--paper:#fff;--ink:#18313f;--muted:#647985;--line:#d8e4e8;--accent:#e08a2e;--shadow:0 12px 34px rgba(18,48,71,.09)}*{box-sizing:border-box}body{margin:0;background:#f3f7f8;color:var(--ink);font-family:Inter,Segoe UI,Arial,sans-serif}.hidden{display:none!important}.topbar{height:76px;padding:0 max(24px,calc((100% - 1180px)/2));background:var(--navy);display:flex;align-items:center;justify-content:space-between;color:#fff}.brand{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none}.brand-mark{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:var(--accent);font-weight:800}.brand strong{font-size:21px}.brand small{display:block;color:#bdd0d9;margin-top:2px}.user{display:flex;align-items:center;gap:14px}main{max-width:1180px;margin:0 auto;padding:52px 24px 70px}.card{background:var(--paper);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow)}.login{max-width:480px;margin:40px auto;padding:36px}.eyebrow{text-transform:uppercase;letter-spacing:.13em;font-size:12px;font-weight:800;color:var(--blue);margin:0 0 8px}h1{font-size:34px;margin:0 0 8px}h2{margin:0 0 8px}label{display:grid;gap:6px;margin:18px 0;font-weight:650}input{padding:12px;border:1px solid #bacbd2;border-radius:9px;font:inherit}button,.quick-links a{border:0;border-radius:9px;background:var(--blue);color:#fff;padding:11px 16px;font-weight:700;cursor:pointer}.secondary{background:#fff;color:var(--navy)}.error{color:#aa302d}.welcome{display:flex;justify-content:space-between;align-items:end;margin-bottom:28px}.welcome p:last-child{color:var(--muted);margin-bottom:0}.role-badge{background:#dfeef1;color:var(--blue);border-radius:999px;padding:8px 14px;font-weight:750}.module-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.module-card{position:relative;display:grid;grid-template-columns:58px 1fr 30px;gap:18px;align-items:start;min-height:230px;padding:30px;background:#fff;border:1px solid var(--line);border-radius:20px;color:var(--ink);text-decoration:none;box-shadow:var(--shadow);transition:.18s}.module-card:hover{transform:translateY(-3px);border-color:#98b9c4}.module-card .icon{width:58px;height:58px;display:grid;place-items:center;border-radius:16px;background:var(--ice);color:var(--blue);font-size:30px;font-weight:800}.module-card p{color:var(--muted);line-height:1.55;min-height:74px}.module-card strong{color:var(--blue)}.module-card .arrow{font-size:26px;color:var(--blue)}.quick,.roles{padding:26px;margin-top:22px}.quick-links{display:flex;gap:12px;flex-wrap:wrap}.quick-links a{text-decoration:none}.role-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.role-grid div{padding:16px;background:#f4f8f9;border-radius:12px}.role-grid span{display:block;color:var(--muted);font-size:14px;margin-top:5px;line-height:1.4}@media(max-width:760px){.topbar{height:auto;padding:14px 18px}.brand small,.user span{display:none}main{padding:30px 16px}.module-grid,.role-grid{grid-template-columns:1fr}.welcome{align-items:start;gap:20px}h1{font-size:28px}.module-card{min-height:0;grid-template-columns:48px 1fr 20px;padding:22px}.module-card .icon{width:48px;height:48px}.module-card p{min-height:0}}