:root{color-scheme:light;font-family:Inter,system-ui,-apple-system,sans-serif}body{margin:0;min-height:100vh;background:radial-gradient(1100px circle at 12% -10%,#EEF2FF 0%,transparent 55%),radial-gradient(900px circle at 100% 10%,#ECFDF5 0%,transparent 50%),#f7f8fa;color:#1c1e21}#root{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;box-sizing:border-box}@keyframes card-enter{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.auth-card{animation:card-enter .35s cubic-bezier(.16,1,.3,1)}.login-page{padding:16px}@media(min-width:640px){.login-page{padding:24px}}.login-card{padding:16px}@media(min-width:640px){.login-card{padding:20px}}.login-input{transition:border-color .15s ease,box-shadow .15s ease}.login-input::placeholder{color:#94a3b8}.login-input:hover{border-color:#94a3b8}.login-input:focus{outline:none;border-color:transparent;box-shadow:0 0 0 2px #00c18c}.login-btn-primary{transition:background-color .15s ease}.login-btn-primary:not(:disabled):hover{background:#00a87a}.login-icon-toggle{transition:color .15s ease}.login-icon-toggle:hover{color:#475569}.app-content{padding:16px;box-sizing:border-box}.app-content-inner{max-width:1280px;margin:0 auto}.dash-card{transition:border-color .15s ease}.dash-main-card{color:inherit}.dash-main-card:hover{border-color:#00c18c}.dash-table-row:hover{background:#f8fafc}.dash-summary-grid{display:grid;grid-template-columns:1fr;gap:12px}@media(min-width:640px){.dash-summary-grid{grid-template-columns:repeat(3,1fr);gap:16px;grid-auto-flow:dense}.dash-card-tall{grid-row:span 3}.dash-card-wide{grid-column:span 3}}.dash-summary-card:hover{border-color:#00c18c}.dash-outlet-scroll{overflow-y:auto;flex:1;min-height:0;max-height:240px;background:linear-gradient(#fff 30%,#fff0) top / 100% 14px no-repeat,linear-gradient(#fff0,#fff 70%) bottom / 100% 14px no-repeat,radial-gradient(farthest-side at 50% 0,#0f172a1f,#0f172a00) top / 100% 5px no-repeat,radial-gradient(farthest-side at 50% 100%,#0f172a1f,#0f172a00) bottom / 100% 5px no-repeat;background-attachment:local,local,scroll,scroll}@media(min-width:640px){.dash-outlet-scroll{max-height:none}}.back-to-dashboard{transition:color .15s ease}.back-to-dashboard:hover{color:#00c18c}.dash-month-input{transition:border-color .15s ease,box-shadow .15s ease}.dash-month-input:hover{border-color:#94a3b8}.dash-month-input:focus{outline:none;border-color:transparent;box-shadow:0 0 0 2px #00c18c}.settings-number-input{transition:border-color .15s ease,box-shadow .15s ease}.settings-number-input:hover{border-color:#94a3b8}.settings-number-input:focus{outline:none;border-color:transparent;box-shadow:0 0 0 2px #00c18c}.settings-save-button{transition:background-color .15s ease}.settings-save-button:not(:disabled):hover{background:#00a87a}.settings-nav-link{transition:color .15s ease}.settings-nav-link:hover{color:#007a58}.sidebar{position:fixed;top:0;left:0;bottom:0;width:240px;border-right:1px solid #E2E8F0;transform:translate(-100%);transition:transform .2s ease;z-index:50;overflow-y:auto}.sidebar.sidebar-open{transform:translate(0)}.sidebar-collapse-toggle{display:none;position:fixed;top:16px;z-index:60;width:28px;height:28px;align-items:center;justify-content:center;padding:0;background:#fff;border:1px solid #E2E8F0;border-radius:8px;box-shadow:0 1px 2px #0000000d;color:#64748b;cursor:pointer;transition:left .2s ease,background .15s ease,color .15s ease}.sidebar-collapse-toggle:hover{background:#f1f5f9;color:#1a202c}.sidebar-collapse-toggle-icon{display:flex;transition:transform .2s ease}.sidebar-collapse-toggle.sidebar-collapsed .sidebar-collapse-toggle-icon{transform:rotate(180deg)}.sidebar-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:40}.sidebar-link:hover{background:#f8fafc}.app-topbar-mobile{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#fff;border-bottom:1px solid #E2E8F0;position:sticky;top:0;z-index:30}.hamburger-button{background:none;border:none;padding:6px;cursor:pointer;color:#1a202c;display:flex;align-items:center;justify-content:center;border-radius:8px}.hamburger-button:hover{background:#f1f5f9}@media(min-width:640px){.sidebar{transform:translate(0)}.sidebar.sidebar-collapsed{transform:translate(-100%)}.sidebar-overlay,.app-topbar-mobile{display:none}.sidebar-collapse-toggle{display:flex;left:226px}.sidebar-collapse-toggle.sidebar-collapsed{left:12px}.app-content{margin-left:240px;padding:24px;transition:margin-left .2s ease}.app-content.sidebar-collapsed{margin-left:0}}@keyframes spin{to{transform:rotate(360deg)}}