:root{--bg:#f5f8fc;--surface:#ffffff;--border:#e6eaf1;--fg:#0b2545;--text:#1f2a37;--muted:#6b7686;--brand:#1456ff;--brand-dark:#0e3fd1;--brand-tint:#eaf1ff;--danger:#b91c1c;--ok:#15803d;--radius:12px;--radius-sm:8px;--shadow:0 1px 2px rgba(11,37,69,0.04),0 4px 16px rgba(11,37,69,0.04)}*{box-sizing:border-box}body,html{margin:0;padding:0;color:var(--text);background:var(--bg);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased}h1,h2,h3{color:var(--fg);letter-spacing:-.01em}a{color:var(--brand);text-decoration:none}a:hover{text-decoration:underline}.muted{color:var(--muted)}.wrap{max-width:640px;margin:9vh auto;padding:0 24px}h1{font-size:2rem;margin:0 0 .25rem}.app-shell{display:flex;min-height:100vh}.sidebar{width:248px;flex:0 0 248px;background:var(--brand);color:#fff;border-right:none;padding:18px 14px 14px;display:flex;flex-direction:column;position:-webkit-sticky;position:sticky;top:0;height:100vh;transition:width .16s ease,flex-basis .16s ease,padding .16s ease}.sidebar.collapsed{width:68px;flex-basis:68px;padding-left:8px;padding-right:8px}.app-main{flex:1 1 auto;min-width:0;background:var(--surface);padding:28px 32px 64px}.sidebar-top{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:0 4px 10px}.sidebar.collapsed .sidebar-top{justify-content:center;padding:0 0 10px}.sidebar.collapsed .brand-mark{display:none}.sidebar-toggle{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:8px;border:none;background:rgba(255,255,255,.14);color:#fff;cursor:pointer;flex:0 0 auto}.sidebar-toggle:hover{background:rgba(255,255,255,.26)}.brand-mark{display:flex;align-items:center;gap:9px;padding:0}.brand-logo{width:30px;height:30px;border-radius:8px;background:#fff;color:var(--brand);display:grid;place-items:center;font-weight:700;font-size:15px}.brand-name{font-weight:700;color:#fff;font-size:16px;letter-spacing:-.01em}.nav-group-label{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:rgba(255,255,255,.6);margin:18px 10px 6px}.nav-link{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;color:rgba(255,255,255,.85);text-decoration:none;font-size:14px;margin-bottom:2px}.nav-link:hover{background:rgba(255,255,255,.12);color:#fff;text-decoration:none}.nav-link.active{background:rgba(255,255,255,.18);color:#fff;font-weight:600}.nav-link svg{flex:0 0 18px}.sidebar-spacer{flex:1 1 auto}.profile-card{border-top:1px solid rgba(255,255,255,.18);padding-top:12px;margin-top:8px}.agency-chip{display:flex;align-items:center;gap:10px;padding:6px 8px}.agency-logo{width:34px;height:34px;border-radius:8px;object-fit:cover;border:1px solid rgba(255,255,255,.25);background:#fff}.agency-logo--placeholder{display:grid;place-items:center;background:rgba(255,255,255,.18);color:#fff;font-weight:700;font-size:14px;border:none}.agency-name{font-size:14px;font-weight:600;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar.collapsed .agency-name,.sidebar.collapsed .brand-name,.sidebar.collapsed .nav-group-label,.sidebar.collapsed .nav-label{display:none}.sidebar.collapsed .nav-link{justify-content:center;gap:0;padding:9px 0}.sidebar.collapsed .agency-chip{justify-content:center;padding:6px 0}.sidebar.collapsed .profile-card form .nav-link{padding:9px 0}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px}