:root{--brand-orange:#e8650a;--brand-orange-hover:#d05a08;--brand-cream:#fff8f0;--brand-brown:#2c1a0e;--brand-navy:#0d1b2a;--brand-muted:#8a6f5e;--brand-border:#e2d4c8;--text:#8a6f5e;--text-h:#2c1a0e;--bg:#fff;--bg-subtle:#fff8f0;--border:#e2d4c8;--code-bg:#f5ede4;--accent:#e8650a;--accent-bg:#e8650a14;--accent-border:#e8650a66;--shadow:#00000014 0 4px 12px -2px, #0000000a 0 2px 4px -1px;--font-sans:system-ui, "Segoe UI", Roboto, sans-serif;--font-serif:"DM Serif Display", serif;--font-mono:"DM Mono", ui-monospace, Consolas, monospace;font-family:var(--font-sans);letter-spacing:.01em;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:14px;line-height:1.5}*,:before,:after{box-sizing:border-box}body{margin:0}#root{width:100%;height:100svh;display:flex;overflow:hidden}h1,h2,h3,h4,h5,h6{color:var(--text-h);margin:0;font-weight:600;line-height:1.25}p{margin:0}button{cursor:pointer;font:inherit;background:0 0;border:none;padding:0}a{color:inherit;text-decoration:none}.auth-root{width:100%;height:100%;display:flex}.auth-panel-brand{background:var(--brand-brown);flex-direction:column;flex-shrink:0;justify-content:space-between;width:420px;padding:56px 48px;display:flex}.auth-panel-form{background:var(--brand-cream);flex:1;justify-content:center;align-items:center;padding:40px 24px;display:flex;overflow-y:auto}@media (width<=768px){.auth-panel-brand{display:none}}.auth-input:focus{box-shadow:0 0 0 3px #e8650a1a;border-color:var(--brand-orange)!important}.auth-btn-primary:hover:not(:disabled){background:var(--brand-orange-hover)!important}.auth-btn-primary:active:not(:disabled){background:#b84e06!important}.auth-btn-primary:disabled{opacity:.6;cursor:not-allowed}.auth-btn-google:hover{background:#fdf0e6!important;border-color:#c8b4a0!important}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:.8s linear infinite spin}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg, var(--border) 25%, var(--code-bg) 50%, var(--border) 75%);background-size:200% 100%;border-radius:4px;animation:1.5s ease-in-out infinite shimmer}.dashboard-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}@media (width<=1100px){.dashboard-grid{grid-template-columns:repeat(2,1fr)}.dashboard-span-2{grid-column:span 2}}@media (width<=680px){.dashboard-grid{grid-template-columns:1fr}.dashboard-span-2{grid-column:span 1}}