:root{font-family:Segoe UI,Arial,sans-serif;color:#0f172a;background:#f1f5f9}body{margin:0}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh}.top-nav{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#0f172a;color:#fff}.brand{font-weight:700}.top-nav-actions{display:flex;gap:12px;align-items:center}.app-body{display:grid;grid-template-columns:220px 1fr;min-height:calc(100vh - 52px)}.side-nav{background:#fff;border-right:1px solid #e2e8f0;padding:16px;display:flex;flex-direction:column;gap:10px}.nav-group{border:1px solid #e2e8f0;border-radius:10px;overflow:hidden}.nav-group-toggle{width:100%;display:flex;justify-content:space-between;align-items:center;background:#f8fafc;border:0;border-bottom:1px solid #e2e8f0;color:#0f172a;padding:8px 10px;font-size:12px;font-weight:700;letter-spacing:.2px}.nav-group-chevron{font-weight:700;color:#64748b}.nav-submenu{display:flex;flex-direction:column;padding:6px;gap:4px}.nav-subitem{font-size:12px;color:#334155;padding:7px 8px;border-radius:8px}.nav-subitem.active{background:#dbeafe;color:#1d4ed8}.content-area{padding:16px}.auth-shell{min-height:100vh;display:grid;place-items:center;background:linear-gradient(120deg,#1e3a8a,#2563eb)}.card{background:#fff;border-radius:12px;padding:18px;box-shadow:0 10px 25px #0206171f}.login-card{width:360px;display:grid;gap:10px}.login-card label{display:grid;gap:4px;font-size:13px}input,button{font:inherit;padding:10px 12px;border:1px solid #cbd5e1;border-radius:8px}button{background:#1d4ed8;color:#fff;cursor:pointer}.center{min-height:100vh;display:grid;place-items:center}.error-text{color:#dc2626;font-size:13px}@media(max-width:900px){.app-body{grid-template-columns:1fr}.side-nav{flex-direction:column;border-right:0;border-bottom:1px solid #e2e8f0}}