:root,[data-theme=light]{--md-sys-color-primary: #6750A4;--md-sys-color-on-primary: #FFFFFF;--md-sys-color-primary-container: #EADDFF;--md-sys-color-on-primary-container: #21005D;--md-sys-color-secondary: #625B71;--md-sys-color-on-secondary: #FFFFFF;--md-sys-color-secondary-container: #E8DEF8;--md-sys-color-on-secondary-container: #1D192B;--md-sys-color-tertiary: #7D5260;--md-sys-color-on-tertiary: #FFFFFF;--md-sys-color-tertiary-container: #FFD8E4;--md-sys-color-error: #B3261E;--md-sys-color-on-error: #FFFFFF;--md-sys-color-error-container: #F9DEDC;--md-sys-color-surface: #FFFBFE;--md-sys-color-on-surface: #1C1B1F;--md-sys-color-surface-variant: #E7E0EC;--md-sys-color-on-surface-variant: #49454F;--md-sys-color-surface-container: #F3EDF7;--md-sys-color-surface-container-high: #ECE6F0;--md-sys-color-outline: #79747E;--md-sys-color-outline-variant: #CAC4D0;--md-sys-color-background: #FFFBFE;--md-sys-color-on-background: #1C1B1F;--md-sys-elevation-1: 0 1px 3px 1px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.3);--md-sys-elevation-2: 0 2px 6px 2px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.3);--md-sys-elevation-3: 0 4px 8px 3px rgba(0,0,0,.15), 0 1px 3px rgba(0,0,0,.3);--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;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--min-tap-target: 48px;--bottom-nav-height: 80px;--fab-size: 56px;--safe-area-bottom: env(safe-area-inset-bottom, 0px)}[data-theme=dark]{--md-sys-color-primary: #D0BCFF;--md-sys-color-on-primary: #381E72;--md-sys-color-primary-container: #4F378B;--md-sys-color-on-primary-container: #EADDFF;--md-sys-color-secondary: #CCC2DC;--md-sys-color-on-secondary: #332D41;--md-sys-color-secondary-container: #4A4458;--md-sys-color-on-secondary-container: #E8DEF8;--md-sys-color-tertiary: #EFB8C8;--md-sys-color-tertiary-container: #633B48;--md-sys-color-error: #F2B8B5;--md-sys-color-on-error: #601410;--md-sys-color-error-container: #8C1D18;--md-sys-color-surface: #1C1B1F;--md-sys-color-on-surface: #E6E1E5;--md-sys-color-surface-variant: #49454F;--md-sys-color-on-surface-variant: #CAC4D0;--md-sys-color-surface-container: #211F26;--md-sys-color-surface-container-high: #2B2930;--md-sys-color-outline: #938F99;--md-sys-color-outline-variant: #49454F;--md-sys-color-background: #1C1B1F;--md-sys-color-on-background: #E6E1E5}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%}body{font-family:Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background-color:var(--md-sys-color-background);color:var(--md-sys-color-on-background);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;user-select:none;-webkit-user-select:none;overscroll-behavior:none;transition:background-color .3s ease,color .3s ease}#root{min-height:100dvh;display:flex;flex-direction:column}.headline-large{font-size:2rem;font-weight:400;line-height:2.5rem}.headline-medium{font-size:1.75rem;font-weight:400;line-height:2.25rem}.headline-small{font-size:1.5rem;font-weight:400;line-height:2rem}.title-large{font-size:1.375rem;font-weight:400;line-height:1.75rem}.title-medium{font-size:1rem;font-weight:500;line-height:1.5rem;letter-spacing:.15px}.title-small{font-size:.875rem;font-weight:500;line-height:1.25rem;letter-spacing:.1px}.body-large{font-size:1rem;font-weight:400;line-height:1.5rem;letter-spacing:.5px}.body-medium{font-size:.875rem;font-weight:400;line-height:1.25rem;letter-spacing:.25px}.body-small{font-size:.75rem;font-weight:400;line-height:1rem;letter-spacing:.4px}.label-large{font-size:.875rem;font-weight:500;line-height:1.25rem;letter-spacing:.1px}.label-medium{font-size:.75rem;font-weight:500;line-height:1rem;letter-spacing:.5px}.label-small{font-size:.6875rem;font-weight:500;line-height:1rem;letter-spacing:.5px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);min-height:var(--min-tap-target);padding:0 var(--spacing-lg);border:none;border-radius:100px;font-size:.875rem;font-weight:500;letter-spacing:.1px;cursor:pointer;transition:all .2s ease;-webkit-tap-highlight-color:transparent}.btn-filled{background-color:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}.btn-filled:hover{box-shadow:var(--md-sys-elevation-1)}.btn-filled:active{transform:scale(.98)}.btn-tonal{background-color:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container)}.btn-tonal:hover{box-shadow:var(--md-sys-elevation-1)}.btn-outlined{background:transparent;border:1px solid var(--md-sys-color-outline);color:var(--md-sys-color-primary)}.btn-text{background:transparent;color:var(--md-sys-color-primary);padding:0 var(--spacing-md)}.card{background-color:var(--md-sys-color-surface-container);border-radius:var(--md-sys-shape-corner-medium);padding:var(--spacing-md);transition:all .2s ease}.card-elevated{background-color:var(--md-sys-color-surface-container-high);box-shadow:var(--md-sys-elevation-1)}.card-elevated:hover{box-shadow:var(--md-sys-elevation-2)}.card-filled{background-color:var(--md-sys-color-surface-container);border:1px solid var(--md-sys-color-outline-variant)}.card-outlined{background-color:var(--md-sys-color-surface);border:1px solid var(--md-sys-color-outline-variant)}.input-field{width:100%;min-height:56px;padding:var(--spacing-md);background-color:var(--md-sys-color-surface-container-high);border:1px solid var(--md-sys-color-outline);border-radius:var(--md-sys-shape-corner-small);font-size:1rem;color:var(--md-sys-color-on-surface);transition:border-color .2s,box-shadow .2s}.input-field:focus{outline:none;border-color:var(--md-sys-color-primary);box-shadow:0 0 0 1px var(--md-sys-color-primary)}.input-field::placeholder{color:var(--md-sys-color-on-surface-variant)}.fab{position:fixed;bottom:calc(var(--bottom-nav-height) + var(--spacing-md) + var(--safe-area-bottom));right:var(--spacing-md);width:var(--fab-size);height:var(--fab-size);border-radius:var(--md-sys-shape-corner-large);background-color:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container);border:none;box-shadow:var(--md-sys-elevation-3);cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:100;transition:transform .2s,box-shadow .2s}.fab:hover{box-shadow:var(--md-sys-elevation-3)}.fab:active{transform:scale(.95)}.fab-extended{width:auto;padding:0 var(--spacing-md);gap:var(--spacing-sm)}.bottom-nav{position:fixed;bottom:0;left:0;right:0;height:calc(var(--bottom-nav-height) + var(--safe-area-bottom));padding-bottom:var(--safe-area-bottom);background-color:var(--md-sys-color-surface-container);display:flex;justify-content:space-around;align-items:center;border-top:1px solid var(--md-sys-color-outline-variant);z-index:1000}.nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:64px;height:100%;padding:var(--spacing-xs);color:var(--md-sys-color-on-surface-variant);text-decoration:none;-webkit-tap-highlight-color:transparent}.nav-item.active{color:var(--md-sys-color-on-secondary-container)}.nav-item.active .nav-icon-wrapper{background-color:var(--md-sys-color-secondary-container)}.nav-icon-wrapper{display:flex;align-items:center;justify-content:center;width:64px;height:32px;border-radius:16px;transition:background-color .2s}.nav-label{font-size:.75rem;font-weight:500;margin-top:var(--spacing-xs)}.content{flex:1;padding:var(--spacing-md);padding-bottom:calc(var(--bottom-nav-height) + var(--spacing-xl) + var(--safe-area-bottom));overflow-y:auto;-webkit-overflow-scrolling:touch;background-color:var(--md-sys-color-background)}.status-success{color:#2e7d32}.status-warning{color:#ed6c02}.status-error{color:var(--md-sys-color-error)}.spinner{width:24px;height:24px;border:3px solid var(--md-sys-color-surface-variant);border-top-color:var(--md-sys-color-primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.w-full{width:100%}.text-center{text-align:center}.mt-md{margin-top:var(--spacing-md)}.mb-md{margin-bottom:var(--spacing-md)}.mb-sm{margin-bottom:var(--spacing-sm)}.p-md{padding:var(--spacing-md)}.theme-toggle{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background-color:var(--md-sys-color-surface-container);border-radius:var(--md-sys-shape-corner-medium);border:1px solid var(--md-sys-color-outline-variant)}.theme-toggle-switch{position:relative;width:52px;height:32px;background-color:var(--md-sys-color-surface-variant);border-radius:16px;cursor:pointer;transition:background-color .3s;border:2px solid var(--md-sys-color-outline)}.theme-toggle-switch.active{background-color:var(--md-sys-color-primary);border-color:var(--md-sys-color-primary)}.theme-toggle-switch:after{content:"";position:absolute;top:4px;left:4px;width:20px;height:20px;background-color:var(--md-sys-color-outline);border-radius:50%;transition:transform .3s,background-color .3s}.theme-toggle-switch.active:after{transform:translate(20px);background-color:var(--md-sys-color-on-primary)}