:root{--app-on-primary: #ffffff;--app-error: #ef4444;--app-error-muted: rgba(239, 68, 68, .15);--app-error-muted-hover: rgba(239, 68, 68, .25);--app-error-border: rgba(239, 68, 68, .3);--app-error-text: #fca5a5;--app-success: #22c55e;--app-success-muted: rgba(34, 197, 94, .15);--app-success-border: rgba(34, 197, 94, .35);--app-success-text: #86efac;--login-bg: linear-gradient(160deg, #0f0f12 0%, #1a1a22 50%, #0f0f12 100%);--login-card-bg: rgba(255, 255, 255, .03);--login-card-border: rgba(255, 255, 255, .08);--login-heading: #f4f4f5;--login-subtext: #a1a1aa;--login-label: #d4d4d8;--login-input-text: #f4f4f5;--login-input-bg: rgba(255, 255, 255, .05);--login-input-border: rgba(255, 255, 255, .12);--login-placeholder: #71717a}:root,[data-theme=dark]{--app-bg: #0f0f12;--app-surface: rgba(255, 255, 255, .04);--app-surface-hover: rgba(255, 255, 255, .08);--app-border: rgba(255, 255, 255, .08);--app-border-strong: rgba(255, 255, 255, .12);--app-heading: #f4f4f5;--app-body: #e4e4e7;--app-muted: #a1a1aa;--app-muted-strong: #71717a;--app-input-bg: rgba(255, 255, 255, .05);--app-input-border: rgba(255, 255, 255, .12);--app-card-bg: rgba(255, 255, 255, .03);--app-card-border: rgba(255, 255, 255, .06);--app-shadow: 0 4px 24px rgba(0, 0, 0, .4);--app-scrollbar-track: #1a1a22;--app-scrollbar-thumb: #3f3f46;--app-scrollbar-thumb-hover: #52525b;--app-elevated-bg: #1a1a22}[data-theme=light]{--app-bg: #fafafa;--app-surface: #ffffff;--app-surface-hover: #f4f4f5;--app-border: rgba(0, 0, 0, .08);--app-border-strong: rgba(0, 0, 0, .12);--app-heading: #18181b;--app-body: #3f3f46;--app-muted: #71717a;--app-muted-strong: #52525b;--app-input-bg: #f4f4f5;--app-input-border: rgba(0, 0, 0, .1);--app-card-bg: #ffffff;--app-card-border: rgba(0, 0, 0, .06);--app-shadow: 0 4px 24px rgba(0, 0, 0, .08);--app-scrollbar-track: #f1f1f1;--app-scrollbar-thumb: #d4d4d8;--app-scrollbar-thumb-hover: #a1a1aa;--app-elevated-bg: #ffffff}[data-theme=dark][data-palette=violet],[data-theme=dark]:not([data-palette]){--app-primary: #a78bfa;--app-primary-hover: #8b5cf6;--app-primary-muted: rgba(167, 139, 250, .15);--app-primary-muted-hover: rgba(167, 139, 250, .25);--app-accent-bg: rgba(167, 139, 250, .1);--app-accent-border: rgba(167, 139, 250, .3);--app-input-focus: #a78bfa;--login-focus: #a78bfa;--login-btn-bg: linear-gradient(135deg, #7c3aed 0%, #6d28d9 100%)}[data-theme=light][data-palette=violet],[data-theme=light]:not([data-palette]){--app-primary: #7c3aed;--app-primary-hover: #6d28d9;--app-primary-muted: rgba(124, 58, 237, .12);--app-primary-muted-hover: rgba(124, 58, 237, .2);--app-accent-bg: rgba(124, 58, 237, .08);--app-accent-border: rgba(124, 58, 237, .35);--app-input-focus: #7c3aed;--login-focus: #7c3aed;--login-btn-bg: linear-gradient(135deg, #7c3aed 0%, #6d28d9 100%)}[data-theme=dark][data-palette=sage]{--app-primary: #8fa88a;--app-primary-hover: #7a9a75;--app-primary-muted: rgba(143, 168, 138, .2);--app-primary-muted-hover: rgba(143, 168, 138, .3);--app-accent-bg: rgba(143, 168, 138, .12);--app-accent-border: rgba(143, 168, 138, .35);--app-input-focus: #8fa88a;--login-focus: #8fa88a;--login-btn-bg: linear-gradient(135deg, #6b8f71 0%, #5a7a5f 100%)}[data-theme=light][data-palette=sage]{--app-primary: #5a7a5f;--app-primary-hover: #4a6a4f;--app-primary-muted: rgba(90, 122, 95, .12);--app-primary-muted-hover: rgba(90, 122, 95, .2);--app-accent-bg: rgba(90, 122, 95, .08);--app-accent-border: rgba(90, 122, 95, .3);--app-input-focus: #5a7a5f;--login-focus: #5a7a5f;--login-btn-bg: linear-gradient(135deg, #5a7a5f 0%, #4a6a4f 100%)}[data-theme=dark][data-palette=sunset]{--app-primary: #e0986e;--app-primary-hover: #d4855a;--app-primary-muted: rgba(224, 152, 110, .18);--app-primary-muted-hover: rgba(224, 152, 110, .28);--app-accent-bg: rgba(224, 152, 110, .12);--app-accent-border: rgba(224, 152, 110, .35);--app-input-focus: #e0986e;--login-focus: #e0986e;--login-btn-bg: linear-gradient(135deg, #c77b54 0%, #b36944 100%)}[data-theme=light][data-palette=sunset]{--app-primary: #c77b54;--app-primary-hover: #b36944;--app-primary-muted: rgba(199, 123, 84, .12);--app-primary-muted-hover: rgba(199, 123, 84, .2);--app-accent-bg: rgba(199, 123, 84, .08);--app-accent-border: rgba(199, 123, 84, .35);--app-input-focus: #c77b54;--login-focus: #c77b54;--login-btn-bg: linear-gradient(135deg, #c77b54 0%, #b36944 100%)}[data-theme=dark][data-palette=ocean]{--app-primary: #6b9bb8;--app-primary-hover: #5a8aa7;--app-primary-muted: rgba(107, 155, 184, .18);--app-primary-muted-hover: rgba(107, 155, 184, .28);--app-accent-bg: rgba(107, 155, 184, .12);--app-accent-border: rgba(107, 155, 184, .35);--app-input-focus: #6b9bb8;--login-focus: #6b9bb8;--login-btn-bg: linear-gradient(135deg, #4a8fab 0%, #3d7a94 100%)}[data-theme=light][data-palette=ocean]{--app-primary: #4a7a96;--app-primary-hover: #3d6a84;--app-primary-muted: rgba(74, 122, 150, .12);--app-primary-muted-hover: rgba(74, 122, 150, .2);--app-accent-bg: rgba(74, 122, 150, .08);--app-accent-border: rgba(74, 122, 150, .35);--app-input-focus: #4a7a96;--login-focus: #4a7a96;--login-btn-bg: linear-gradient(135deg, #4a8fab 0%, #3d7a94 100%)}[data-theme=dark][data-palette=lavender]{--app-primary: #a89ec4;--app-primary-hover: #9589b5;--app-primary-muted: rgba(168, 158, 196, .18);--app-primary-muted-hover: rgba(168, 158, 196, .28);--app-accent-bg: rgba(168, 158, 196, .12);--app-accent-border: rgba(168, 158, 196, .35);--app-input-focus: #a89ec4;--login-focus: #a89ec4;--login-btn-bg: linear-gradient(135deg, #8b7ba8 0%, #7a6a97 100%)}[data-theme=light][data-palette=lavender]{--app-primary: #7a6a97;--app-primary-hover: #6a5a87;--app-primary-muted: rgba(122, 106, 151, .12);--app-primary-muted-hover: rgba(122, 106, 151, .2);--app-accent-bg: rgba(122, 106, 151, .08);--app-accent-border: rgba(122, 106, 151, .35);--app-input-focus: #7a6a97;--login-focus: #7a6a97;--login-btn-bg: linear-gradient(135deg, #8b7ba8 0%, #7a6a97 100%)}[data-theme=dark][data-palette=rose]{--app-primary: #c9a0a0;--app-primary-hover: #b88a8a;--app-primary-muted: rgba(201, 160, 160, .18);--app-primary-muted-hover: rgba(201, 160, 160, .28);--app-accent-bg: rgba(201, 160, 160, .12);--app-accent-border: rgba(201, 160, 160, .35);--app-input-focus: #c9a0a0;--login-focus: #c9a0a0;--login-btn-bg: linear-gradient(135deg, #a87a7a 0%, #966a6a 100%)}[data-theme=light][data-palette=rose]{--app-primary: #a87a7a;--app-primary-hover: #966a6a;--app-primary-muted: rgba(168, 122, 122, .12);--app-primary-muted-hover: rgba(168, 122, 122, .2);--app-accent-bg: rgba(168, 122, 122, .08);--app-accent-border: rgba(168, 122, 122, .35);--app-input-focus: #a87a7a;--login-focus: #a87a7a;--login-btn-bg: linear-gradient(135deg, #a87a7a 0%, #966a6a 100%)}html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;background:var(--app-bg);color:var(--app-body);transition:background-color .25s ease,color .2s ease}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--app-scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--app-scrollbar-thumb);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--app-scrollbar-thumb-hover)}@media(max-width:1023px){.main-shell{height:100dvh!important;min-height:100dvh;overflow:hidden!important}.main-shell .main-wrap{padding-bottom:calc(4rem + env(safe-area-inset-bottom,0px))!important;min-height:0}.main-shell .main-content{padding-bottom:0!important;min-height:0}.main-shell .bottom-nav{z-index:9999!important}}