:root{--md-sys-color-primary: #8B5E3C;--md-sys-color-on-primary: #FFFFFF;--md-sys-color-primary-container: #FCEEE6;--md-sys-color-on-primary-container: #2D1A0E;--md-sys-color-secondary: #7A5C44;--md-sys-color-on-secondary: #FFFFFF;--md-sys-color-secondary-container: #F5EDE4;--md-sys-color-on-secondary-container: #2D1A0E;--md-sys-color-surface: #F5EDE4;--md-sys-color-surface-container: #FCEEE6;--md-sys-color-surface-container-high: #F8F1E9;--md-sys-color-surface-container-low: #F2E9DE;--md-sys-color-on-surface: #2D1A0E;--md-sys-color-on-surface-variant: #7A5C44;--md-sys-color-outline: rgba(139, 94, 60, .3);--md-sys-color-outline-variant: rgba(139, 94, 60, .15);--app-bg: #F5EDE4;--card-bg: #FCEEE6;--accent: #8B5E3C;--text-primary: #2D1A0E;--text-secondary: #7A5C44;--md-sys-elevation-1: 0 1px 2px rgba(0, 0, 0, .2);--md-sys-elevation-2: 0 1px 3px rgba(0, 0, 0, .3);--md-sys-elevation-3: 0 2px 6px rgba(0, 0, 0, .4);--md-sys-shape-corner-none: 0;--md-sys-shape-corner-extra-small: 4px;--md-sys-shape-corner-small: 8px;--md-sys-shape-corner-medium: 12px;--md-sys-shape-corner-large: 16px;--md-sys-shape-corner-extra-large: 28px;--md-sys-shape-corner-full: 9999px}body{background-color:var(--md-sys-color-surface);min-height:100vh;margin:0;font-family:Inter,Roboto,Helvetica,Arial,sans-serif;color:var(--md-sys-color-on-surface);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app-card{background:var(--md-sys-color-surface-container);border-radius:var(--md-sys-shape-corner-large);box-shadow:var(--md-sys-elevation-1)}.app-card-elevated{background:var(--md-sys-color-surface-container);border-radius:var(--md-sys-shape-corner-large);box-shadow:var(--md-sys-elevation-2)}.nav-item-active{background-color:#8b5e3c1f;border-radius:var(--md-sys-shape-corner-full)}.surface-tint{background-color:var(--md-sys-color-surface-container)}.layout-transition{transition:margin 225ms cubic-bezier(.4,0,.2,1),padding 225ms cubic-bezier(.4,0,.2,1)}[class*=Mui] :before,[class*=Mui]:before,[class*=Mui] :after,[class*=Mui]:after,[class*=ripple]{display:none!important;content:none!important;opacity:0!important;visibility:hidden!important}input[type=checkbox],input[type=radio]{accent-color:var(--md-sys-color-primary)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-full)}::-webkit-scrollbar-thumb:hover{background:var(--md-sys-color-outline)}:focus-visible{outline:2px solid var(--md-sys-color-primary);outline-offset:2px}