:root{--crown-red:#d8332a;--crown-red-soft:rgba(216,51,42,0.08);--crown-green:#1f9d55;--crown-alert:#e1452f;--bg-app:#edeff2;--bg-login:#e9ebee;--surface:#ffffff;--surface-input:#edeff2;--text-primary:#1b1e23;--text-secondary:#5c636c;--text-muted:#878e98;--border:#e7e9ed;--border-strong:#e0e3e8;--font-body:"Barlow",system-ui,-apple-system,sans-serif;--font-display:"Barlow Semi Condensed","Barlow",system-ui,sans-serif;--font-mono:"JetBrains Mono",ui-monospace,"SF Mono",monospace;--sidebar-w:240px;--radius:10px}*{box-sizing:border-box}body,html{margin:0;padding:0}body{background:var(--bg-app);color:var(--text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}input:focus{border-color:var(--crown-red)!important}button{font-family:inherit}.mono{font-family:var(--font-mono)}.display{font-family:var(--font-display)}@keyframes sltoast{0%{opacity:0;transform:translate(-50%,14px)}to{opacity:1;transform:translate(-50%)}}html{scroll-behavior:smooth}.login-card{width:940px;max-width:100%}@media (max-width:760px){.login-card{flex-direction:column!important;min-height:0!important}.login-card .brand-panel{width:100%!important;flex-shrink:1!important;border-right:none!important;border-bottom:1px solid var(--border)!important;padding:26px 22px!important;gap:20px}.login-card .login-form{padding:28px 22px!important}}.office-topbar{display:none}@media (max-width:900px){.office-sidebar{position:fixed!important;top:0;left:0;height:100dvh!important;z-index:60;transform:translateX(-100%);transition:transform .22s ease;box-shadow:6px 0 36px rgba(8,9,11,.22)}.office-sidebar.open{transform:translateX(0)!important}.office-topbar{display:flex;align-items:center;gap:12px;position:-webkit-sticky;position:sticky;top:0;z-index:40;background:var(--surface);border-bottom:1px solid var(--border);padding:10px 14px}.office-page{padding:18px 16px 40px!important}.resp-kpi{grid-template-columns:repeat(2,1fr)!important}}@media (max-width:520px){.resp-kpi{grid-template-columns:1fr!important}}@media (max-width:900px){.resp-split{flex-direction:column!important}.resp-split>*{width:100%!important;flex:1 1 auto!important}}@media (max-width:760px){.resp-form{grid-template-columns:1fr!important}}@media (max-width:900px){.resp-scroll-x{overflow-x:auto;-webkit-overflow-scrolling:touch}.resp-scroll-x>.resp-scroll-min{min-width:560px}}@media (max-width:720px){.resp-row-actions{flex-basis:100%!important}}