@import"https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@300;400;500;700&family=Inter:wght@300;400;500;600;700&display=swap";:root{--primary: #003366;--secondary: #5B8FAE;--secondary: #5b8fae66;--bg-main: #F7F5F0;--card-bg: #FAFAFA;--accent: #CBA35C;--natural: #E2E8F0;--text-primary: #003366;--text-light: #003366;--text: #222831;--text-secondary: #5a626f;--input-bg: #F7F5F0;--input-border: #e5e7eb;--input-text: #222831;--input-placeholder: #9ca3af;--input-focus-border: var(--primary);--btn-primary-bg: var(--accent);--btn-primary-text: white;--btn-primary-hover-bg: #B8934A;--btn-secondary-bg: rgba(91, 143, 174, .1);--btn-secondary-text: var(--primary);--btn-secondary-border: rgba(91, 143, 174, .3);--btn-secondary-hover-bg: rgba(91, 143, 174, .15);--btn-secondary-hover-border: rgba(91, 143, 174, .4);--btn-accent-bg: var(--accent);--btn-accent-text: white;--btn-soft-bg: rgba(0, 51, 102, .08);--btn-soft-text: var(--primary);--btn-soft-hover-bg: rgba(0, 51, 102, .12);--card-light-bg: rgba(91, 143, 174, .05);--card-light-shadow: rgba(0, 0, 0, .05);--card-primary-light-bg: rgba(0, 51, 102, .03);--card-primary-light-shadow: rgba(0, 0, 0, .05);--card-login-shadow: rgba(72, 100, 129, .86);--dropdown-bg: white;--dropdown-shadow: rgba(0, 0, 0, .15);--dropdown-hover-bg: rgba(0, 0, 0, .05);--header-text: white;--header-subtitle: rgba(255, 255, 255, .9);--header-btn-hover: rgba(255, 255, 255, .1);--error-color: #dc2626;--error-bg: #fef2f2;--error-border: #fecaca;--success-color: #16a34a;--success-bg: #f0fdf4;--success-border: #bbf7d0;--btn-disabled-bg: #9ca3af;--divider-color: #e5e7eb;--divider-text: #6b7280;--line-btn-bg: #00B900;--line-btn-hover-bg: #00A000;--loading-overlay-bg: rgba(255, 255, 255, .9);--loading-spinner-border: #e5e7eb;--debug-bg: #f9fafb;--debug-border: #e5e7eb;--debug-text: #6b7280;--debug-title: #4b5563;--debug-warning: #f59e0b;--gray-100: #f9fafb;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--nav-bg: white;--nav-shadow: rgba(0, 0, 0, .06);--nav-active-color: var(--primary);--nav-hover-color: var(--primary);--card-border-secondary: rgba(91, 143, 174, .1);--card-border-secondary-strong: rgba(91, 143, 174, .2);--card-shadow-soft: rgba(0, 0, 0, .06);--card-shadow-medium: rgba(0, 0, 0, .15);--card-shadow-small: rgba(0, 0, 0, .1);--gradient-secondary-light: rgba(91, 143, 174, .1);--gradient-accent-light: rgba(203, 163, 92, .08);--version-text: rgba(0, 0, 0, .4);--install-card-bg: white;--form-bg: white;--form-border: #d1d5db;--form-focus-border: var(--primary);--form-focus-shadow: rgba(0, 51, 102, .1);--form-disabled-bg: #f3f4f6;--form-disabled-text: #6b7280;--select-bg: white;--modal-overlay: rgba(0, 0, 0, .5);--modal-bg: white;--modal-shadow: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--modal-border: #f3f4f6;--status-success-bg: #d1fae5;--status-success-text: #065f46;--status-warning-bg: #fef3c7;--status-warning-text: #92400e;--status-info-bg: #dbeafe;--status-info-text: #0369a1;--status-info-border: #bae6fd;--status-info-light-bg: #f0f9ff;--btn-hover-shadow: rgba(0, 51, 102, .2);--btn-hover-shadow-strong: rgba(0, 51, 102, .3);--divider-border: #e5e7eb;--divider-border-light: #f3f4f6;--text-gray-400: #9ca3af;--text-gray-500: #6b7280;--text-gray-600: #4b5563;--text-gray-700: #374151;--text-gray-800: #1f2937;--bg-gray-50: #f9fafb;--bg-gray-100: #f3f4f6;--bg-gray-200: #e5e7eb;--border-gray-200: #e5e7eb;--border-gray-300: #d1d5db;--shadow: rgba(0, 0, 0, .08);--page-header-height: 65pt;--bottom-nav-height: 65px;--bottom-nav-padding: 60px;--status-pending-bg: #fffbe6;--status-pending-color: #9d5a00;--status-approved-bg: #e6ffec;--status-approved-color: #008744;--status-rejected-bg: #ffe6e6;--status-rejected-color: #b32d2e}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--primary: #003366;--secondary: #7BA8C5;--secondary: #5b8fae66;--bg-main: #1a1a1a;--card-bg: #363636;--accent: #CBA35C;--natural: #334155;--text-primary: #e5e5e5;--text-light: #b0b0b0;--text: #e5e5e5;--text-secondary: #a0a0a0;--input-bg: #1a1a1a;--input-border: #404040;--input-text: #e5e5e5;--input-placeholder: #808080;--input-focus-border: #5B8FAE;--btn-primary-bg: #CBA35C;--btn-primary-text: white;--btn-primary-hover-bg: #B8934A;--btn-secondary-bg: rgba(91, 143, 174, .2);--btn-secondary-text: #5B8FAE;--btn-secondary-border: rgba(91, 143, 174, .4);--btn-secondary-hover-bg: rgba(91, 143, 174, .3);--btn-secondary-hover-border: rgba(91, 143, 174, .5);--btn-accent-bg: #CBA35C;--btn-accent-text: white;--btn-soft-bg: rgba(91, 143, 174, .15);--btn-soft-text: #5B8FAE;--btn-soft-hover-bg: rgba(91, 143, 174, .25);--card-light-bg: rgba(91, 143, 174, .1);--card-light-shadow: rgba(0, 0, 0, .3);--card-primary-light-bg: rgba(0, 51, 102, .15);--card-primary-light-shadow: rgba(0, 0, 0, .3);--card-login-shadow: rgba(72, 100, 129, .5);--dropdown-bg: #2a2a2a;--dropdown-shadow: rgba(0, 0, 0, .4);--dropdown-hover-bg: rgba(255, 255, 255, .1);--header-text: white;--header-subtitle: rgba(255, 255, 255, .9);--header-btn-hover: rgba(255, 255, 255, .15);--error-color: #ff6666;--error-bg: rgba(179, 45, 46, .2);--error-border: rgba(179, 45, 46, .4);--success-color: #66ff99;--success-bg: rgba(0, 135, 68, .2);--success-border: rgba(0, 135, 68, .4);--btn-disabled-bg: #6b7280;--divider-color: #404040;--divider-text: #a0a0a0;--line-btn-bg: #00B900;--line-btn-hover-bg: #00A000;--loading-overlay-bg: rgba(26, 26, 26, .9);--loading-spinner-border: #404040;--debug-bg: #2a2a2a;--debug-border: #404040;--debug-text: #a0a0a0;--debug-title: #b0b0b0;--debug-warning: #ffaa00;--gray-100: #2a2a2a;--gray-200: #404040;--gray-300: #555555;--gray-400: #6b7280;--gray-500: #808080;--gray-600: #a0a0a0;--nav-bg: #2a2a2a;--nav-shadow: rgba(0, 0, 0, .3);--nav-active-color: var(--accent);--nav-hover-color: var(--secondary);--card-border-secondary: rgba(91, 143, 174, .2);--card-border-secondary-strong: rgba(91, 143, 174, .3);--card-shadow-soft: rgba(0, 0, 0, .2);--card-shadow-medium: rgba(0, 0, 0, .4);--card-shadow-small: rgba(0, 0, 0, .3);--gradient-secondary-light: rgba(91, 143, 174, .2);--gradient-accent-light: rgba(203, 163, 92, .15);--version-text: rgba(255, 255, 255, .5);--install-card-bg: #2a2a2a;--form-bg: #2a2a2a;--form-border: #404040;--form-focus-border: var(--primary);--form-focus-shadow: rgba(91, 143, 174, .3);--form-disabled-bg: #404040;--form-disabled-text: #808080;--select-bg: #3a3a3a;--modal-overlay: rgba(0, 0, 0, .7);--modal-bg: #2a2a2a;--modal-shadow: 0 20px 25px -5px rgba(0, 0, 0, .5), 0 10px 10px -5px rgba(0, 0, 0, .3);--modal-border: #404040;--status-success-bg: rgba(0, 135, 68, .3);--status-success-text: #66ff99;--status-warning-bg: rgba(157, 90, 0, .3);--status-warning-text: #ffcc66;--status-info-bg: rgba(37, 99, 235, .3);--status-info-text: #60a5fa;--status-info-border: rgba(37, 99, 235, .5);--status-info-light-bg: rgba(37, 99, 235, .15);--btn-hover-shadow: rgba(91, 143, 174, .4);--btn-hover-shadow-strong: rgba(91, 143, 174, .5);--divider-border: #404040;--divider-border-light: #404040;--text-gray-400: #808080;--text-gray-500: #a0a0a0;--text-gray-600: #b0b0b0;--text-gray-700: #c0c0c0;--text-gray-800: #e5e5e5;--bg-gray-50: #2a2a2a;--bg-gray-100: #404040;--bg-gray-200: #555555;--border-gray-200: #404040;--border-gray-300: #555555;--shadow: rgba(0, 0, 0, .3);--page-header-height: 65pt;--bottom-nav-height: 65px;--bottom-nav-padding: 60px;--status-pending-bg: rgba(157, 90, 0, .2);--status-pending-color: #ffcc66;--status-approved-bg: rgba(0, 135, 68, .2);--status-approved-color: #66ff99;--status-rejected-bg: rgba(179, 45, 46, .2);--status-rejected-color: #ff6666}}[data-theme=light]{--primary: #003366;--secondary: #5B8FAE;--secondary: #5b8fae66;--bg-main: #F7F5F0;--card-bg: #FAFAFA;--accent: #CBA35C;--natural: #E2E8F0;--text-primary: #003366;--text-light: #003366;--text: #222831;--text-secondary: #5a626f;--input-bg: #F7F5F0;--input-border: #e5e7eb;--input-text: #222831;--input-placeholder: #9ca3af;--input-focus-border: var(--primary);--btn-primary-bg: var(--accent);--btn-primary-text: white;--btn-primary-hover-bg: #B8934A;--btn-secondary-bg: rgba(91, 143, 174, .1);--btn-secondary-text: var(--primary);--btn-secondary-border: rgba(91, 143, 174, .3);--btn-secondary-hover-bg: rgba(91, 143, 174, .15);--btn-secondary-hover-border: rgba(91, 143, 174, .4);--btn-accent-bg: var(--accent);--btn-accent-text: white;--btn-soft-bg: rgba(0, 51, 102, .08);--btn-soft-text: var(--primary);--btn-soft-hover-bg: rgba(0, 51, 102, .12);--card-light-bg: rgba(91, 143, 174, .05);--card-light-shadow: rgba(0, 0, 0, .05);--card-primary-light-bg: rgba(0, 51, 102, .03);--card-primary-light-shadow: rgba(0, 0, 0, .05);--card-login-shadow: rgba(72, 100, 129, .86);--dropdown-bg: white;--dropdown-shadow: rgba(0, 0, 0, .15);--dropdown-hover-bg: rgba(0, 0, 0, .05);--header-text: white;--header-subtitle: rgba(255, 255, 255, .9);--header-btn-hover: rgba(255, 255, 255, .1);--error-color: #dc2626;--error-bg: #fef2f2;--error-border: #fecaca;--success-color: #16a34a;--success-bg: #f0fdf4;--success-border: #bbf7d0;--btn-disabled-bg: #9ca3af;--divider-color: #e5e7eb;--divider-text: #6b7280;--line-btn-bg: #00B900;--line-btn-hover-bg: #00A000;--loading-overlay-bg: rgba(255, 255, 255, .9);--loading-spinner-border: #e5e7eb;--debug-bg: #f9fafb;--debug-border: #e5e7eb;--debug-text: #6b7280;--debug-title: #4b5563;--debug-warning: #f59e0b;--gray-100: #f9fafb;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--nav-bg: white;--nav-shadow: rgba(0, 0, 0, .06);--nav-active-color: var(--primary);--nav-hover-color: var(--primary);--card-border-secondary: rgba(91, 143, 174, .1);--card-border-secondary-strong: rgba(91, 143, 174, .2);--card-shadow-soft: rgba(0, 0, 0, .06);--card-shadow-medium: rgba(0, 0, 0, .15);--card-shadow-small: rgba(0, 0, 0, .1);--gradient-secondary-light: rgba(91, 143, 174, .1);--gradient-accent-light: rgba(203, 163, 92, .08);--version-text: rgba(0, 0, 0, .4);--install-card-bg: white;--form-bg: white;--form-border: #d1d5db;--form-focus-border: var(--primary);--form-focus-shadow: rgba(0, 51, 102, .1);--form-disabled-bg: #f3f4f6;--form-disabled-text: #6b7280;--select-bg: white;--modal-overlay: rgba(0, 0, 0, .5);--modal-bg: white;--modal-shadow: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--modal-border: #f3f4f6;--status-success-bg: #d1fae5;--status-success-text: #065f46;--status-warning-bg: #fef3c7;--status-warning-text: #92400e;--status-info-bg: #dbeafe;--status-info-text: #0369a1;--status-info-border: #bae6fd;--status-info-light-bg: #f0f9ff;--btn-hover-shadow: rgba(0, 51, 102, .2);--btn-hover-shadow-strong: rgba(0, 51, 102, .3);--divider-border: #e5e7eb;--divider-border-light: #f3f4f6;--text-gray-400: #9ca3af;--text-gray-500: #6b7280;--text-gray-600: #4b5563;--text-gray-700: #374151;--text-gray-800: #1f2937;--bg-gray-50: #f9fafb;--bg-gray-100: #f3f4f6;--bg-gray-200: #e5e7eb;--border-gray-200: #e5e7eb;--border-gray-300: #d1d5db;--shadow: rgba(0, 0, 0, .08);--page-header-height: 65pt;--bottom-nav-height: 65px;--bottom-nav-padding: 60px;--status-pending-bg: #fffbe6;--status-pending-color: #9d5a00;--status-approved-bg: #e6ffec;--status-approved-color: #008744;--status-rejected-bg: #ffe6e6;--status-rejected-color: #b32d2e}[data-theme=dark]{--primary: #003366;--secondary: #7BA8C5;--secondary: #5b8fae66;--bg-main: #1a1a1a;--card-bg: #363636;--accent: #CBA35C;--natural: #334155;--text-primary: #e5e5e5;--text-light: #b0b0b0;--text: #e5e5e5;--text-secondary: #a0a0a0;--input-bg: #1a1a1a;--input-border: #404040;--input-text: #e5e5e5;--input-placeholder: #808080;--input-focus-border: #5B8FAE;--btn-primary-bg: #CBA35C;--btn-primary-text: white;--btn-primary-hover-bg: #B8934A;--btn-secondary-bg: rgba(91, 143, 174, .2);--btn-secondary-text: #5B8FAE;--btn-secondary-border: rgba(91, 143, 174, .4);--btn-secondary-hover-bg: rgba(91, 143, 174, .3);--btn-secondary-hover-border: rgba(91, 143, 174, .5);--btn-accent-bg: #CBA35C;--btn-accent-text: white;--btn-soft-bg: rgba(91, 143, 174, .15);--btn-soft-text: #5B8FAE;--btn-soft-hover-bg: rgba(91, 143, 174, .25);--card-light-bg: rgba(91, 143, 174, .1);--card-light-shadow: rgba(0, 0, 0, .3);--card-primary-light-bg: rgba(0, 51, 102, .15);--card-primary-light-shadow: rgba(0, 0, 0, .3);--card-login-shadow: rgba(72, 100, 129, .5);--dropdown-bg: #2a2a2a;--dropdown-shadow: rgba(0, 0, 0, .4);--dropdown-hover-bg: rgba(255, 255, 255, .1);--header-text: white;--header-subtitle: rgba(255, 255, 255, .9);--header-btn-hover: rgba(255, 255, 255, .15);--error-color: #ff6666;--error-bg: rgba(179, 45, 46, .2);--error-border: rgba(179, 45, 46, .4);--success-color: #66ff99;--success-bg: rgba(0, 135, 68, .2);--success-border: rgba(0, 135, 68, .4);--btn-disabled-bg: #6b7280;--divider-color: #404040;--divider-text: #a0a0a0;--line-btn-bg: #00B900;--line-btn-hover-bg: #00A000;--loading-overlay-bg: rgba(26, 26, 26, .9);--loading-spinner-border: #404040;--debug-bg: #2a2a2a;--debug-border: #404040;--debug-text: #a0a0a0;--debug-title: #b0b0b0;--debug-warning: #ffaa00;--gray-100: #2a2a2a;--gray-200: #404040;--gray-300: #555555;--gray-400: #6b7280;--gray-500: #808080;--gray-600: #a0a0a0;--nav-bg: #2a2a2a;--nav-shadow: rgba(0, 0, 0, .3);--nav-active-color: var(--accent);--nav-hover-color: var(--secondary);--card-border-secondary: rgba(91, 143, 174, .2);--card-border-secondary-strong: rgba(91, 143, 174, .3);--card-shadow-soft: rgba(0, 0, 0, .2);--card-shadow-medium: rgba(0, 0, 0, .4);--card-shadow-small: rgba(0, 0, 0, .3);--gradient-secondary-light: rgba(91, 143, 174, .2);--gradient-accent-light: rgba(203, 163, 92, .15);--version-text: rgba(255, 255, 255, .5);--install-card-bg: #2a2a2a;--form-bg: #2a2a2a;--form-border: #404040;--form-focus-border: var(--primary);--form-focus-shadow: rgba(91, 143, 174, .3);--form-disabled-bg: #404040;--form-disabled-text: #808080;--select-bg: #3a3a3a;--modal-overlay: rgba(0, 0, 0, .7);--modal-bg: #2a2a2a;--modal-shadow: 0 20px 25px -5px rgba(0, 0, 0, .5), 0 10px 10px -5px rgba(0, 0, 0, .3);--modal-border: #404040;--status-success-bg: rgba(0, 135, 68, .3);--status-success-text: #66ff99;--status-warning-bg: rgba(157, 90, 0, .3);--status-warning-text: #ffcc66;--status-info-bg: rgba(37, 99, 235, .3);--status-info-text: #60a5fa;--status-info-border: rgba(37, 99, 235, .5);--status-info-light-bg: rgba(37, 99, 235, .15);--btn-hover-shadow: rgba(91, 143, 174, .4);--btn-hover-shadow-strong: rgba(91, 143, 174, .5);--divider-border: #404040;--divider-border-light: #404040;--text-gray-400: #808080;--text-gray-500: #a0a0a0;--text-gray-600: #b0b0b0;--text-gray-700: #c0c0c0;--text-gray-800: #e5e5e5;--bg-gray-50: #2a2a2a;--bg-gray-100: #404040;--bg-gray-200: #555555;--border-gray-200: #404040;--border-gray-300: #555555;--shadow: rgba(0, 0, 0, .3);--page-header-height: 65pt;--bottom-nav-height: 65px;--bottom-nav-padding: 60px;--status-pending-bg: rgba(157, 90, 0, .2);--status-pending-color: #ffcc66;--status-approved-bg: rgba(0, 135, 68, .2);--status-approved-color: #66ff99;--status-rejected-bg: rgba(179, 45, 46, .2);--status-rejected-color: #ff6666}html,body{height:100%;margin:0;padding:0;overflow-x:hidden;font-family:Noto Sans TC,Inter,-apple-system,BlinkMacSystemFont,PingFang TC,Microsoft JhengHei,微軟正黑體,sans-serif;background-color:var(--bg-main)}#app{position:relative;min-height:100vh;overflow-x:hidden;overflow-y:auto;width:100%;background-color:var(--bg-main)}.page-container{min-height:100vh;background-color:var(--bg-main);margin:0 auto}.content-wrapper{width:calc(100% - 2rem);max-width:700px;margin:0 auto;margin-top:calc(var(--page-header-height));padding:1rem}.page-header{display:flex;align-items:center;justify-content:space-between;position:fixed;top:0;left:0;right:0;z-index:100;background:var(--primary);margin:0;width:100%;max-width:100%;box-sizing:border-box;height:var(--page-header-height);padding:0 1rem;padding-top:5pt}.page-header-content{flex:1;text-align:center}.page-header h2{margin:0;font-size:1.5rem;font-weight:700;color:var(--header-text);padding-bottom:.3rem;letter-spacing:.1rem}.subtitle{margin:0;color:var(--header-subtitle);font-size:.875rem}.back-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:transparent;border:none;color:var(--header-text);cursor:pointer;transition:all .2s;border-radius:50%;padding:0;border:1px solid var(--header-text)}.back-btn:hover{background:var(--header-btn-hover)}.back-btn svg{width:24px;height:24px}.header-actions{display:flex;align-items:center;gap:.5rem}.action-icon-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:transparent;border:none;color:var(--header-text);cursor:pointer;transition:all .2s;border-radius:50%;padding:0}.action-icon-btn:hover{background:var(--header-btn-hover)}.action-icon-btn svg{width:20px;height:20px}.dropdown-container{position:relative}.dropdown-menu{position:absolute;top:calc(var(--page-header-height) + 8px);right:0;background:var(--dropdown-bg);border-radius:8px;box-shadow:0 4px 12px var(--dropdown-shadow);min-width:300px;overflow:hidden;z-index:1000}.dropdown-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:1.2rem;background:transparent;border:none;color:var(--text);cursor:pointer;transition:background-color .2s;text-align:left;font-size:1rem}.dropdown-item:hover{background:var(--dropdown-hover-bg)}.dropdown-item svg{width:18px;height:18px;flex-shrink:0}.dropdown-item span{flex:1}.card{background:var(--card-bg);border-radius:16px;padding:1.5rem;box-shadow:0 4px 8px var(--shadow);margin-bottom:1rem}.card-light{background:var(--card-light-bg);border-radius:16px;padding:1.5rem;box-shadow:0 2px 4px var(--card-light-shadow);margin-bottom:1rem}.card-accent{background:var(--card-bg);border-radius:16px;padding:1.5rem;box-shadow:0 4px 8px var(--shadow);margin-bottom:1rem;border-left:4px solid var(--accent)}.card-primary-light{background:var(--card-primary-light-bg);border-radius:16px;padding:1.5rem;box-shadow:0 2px 4px var(--card-primary-light-shadow);margin-bottom:1rem}.input-field{width:100%;padding:.75rem 0;background:var(--input-bg);border:none;border-bottom:1px solid var(--input-border);font-size:1rem;color:var(--input-text);transition:border-color .2s}.input-field:focus{outline:none;border-bottom-color:var(--input-focus-border)}.input-field::-moz-placeholder{color:var(--input-placeholder)}.input-field::placeholder{color:var(--input-placeholder)}.btn-primary{padding:.875rem 2rem;background:var(--btn-primary-bg);color:var(--btn-primary-text);border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 4px 8px var(--shadow)}.btn-primary:hover{background:var(--btn-primary-hover-bg);transform:translateY(-1px);box-shadow:0 6px 12px var(--shadow)}.btn-primary:active{transform:translateY(0)}.btn-secondary{padding:.875rem 2rem;background:var(--btn-secondary-bg);color:var(--btn-secondary-text);border:1px solid var(--btn-secondary-border);border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-secondary:hover{background:var(--btn-secondary-hover-bg);border-color:var(--btn-secondary-hover-border);transform:translateY(-1px)}.btn-accent{padding:.875rem 2rem;background:var(--btn-accent-bg);color:var(--btn-accent-text);border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 4px 8px var(--shadow)}.btn-accent:hover{opacity:.9;transform:translateY(-1px);box-shadow:0 6px 12px var(--shadow)}.btn-soft{padding:.75rem 1.5rem;background:var(--btn-soft-bg);color:var(--btn-soft-text);border:none;border-radius:12px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-soft:hover{background:var(--btn-soft-hover-bg);transform:translateY(-1px)}@layer utilities{.text-primary{color:var(--primary)}.text-secondary{color:var(--secondary)}.text-accent{color:var(--accent)}.text-natural{color:var(--natural)}.text-default{color:var(--text)}.bg-primary{background-color:var(--primary)}.bg-secondary{background-color:var(--secondary)}.bg-accent{background-color:var(--accent)}.bg-natural{background-color:var(--natural)}.bg-main{background-color:var(--bg-main)}.bg-card{background-color:var(--card-bg)}.border-primary{border-color:var(--primary)}.border-secondary{border-color:var(--secondary)}.border-accent{border-color:var(--accent)}.shadow-soft{box-shadow:0 4px 8px var(--shadow)}}@media(max-width:768px){.back-btn,.action-icon-btn{width:36px;height:36px}.back-btn svg{width:20px;height:20px}.action-icon-btn svg{width:18px;height:18px}}.flatpickr-input{color:var(--text)!important;background:var(--select-bg)!important}.flatpickr-calendar{background:var(--card-bg)!important;border-color:var(--border-gray-300)!important;box-shadow:var(--card-shadow-medium)!important}.flatpickr-calendar .flatpickr-month{background:var(--card-bg)!important;color:var(--text)!important}.flatpickr-calendar .flatpickr-weekdays{background:var(--bg-gray-50)!important}.flatpickr-calendar .flatpickr-weekday{color:var(--text-gray-600)!important}.flatpickr-calendar .flatpickr-day{color:var(--text)!important;border-color:var(--border-gray-200)!important}.flatpickr-calendar .flatpickr-day:hover{background:var(--gradient-primary-light)!important;border-color:var(--primary)!important}.flatpickr-calendar .flatpickr-day.selected,.flatpickr-calendar .flatpickr-day.startRange,.flatpickr-calendar .flatpickr-day.endRange{background:var(--accent)!important;border-color:var(--accent)!important;color:var(--header-text)!important}.flatpickr-calendar .flatpickr-day.inRange{background:var(--gradient-primary-light)!important;border-color:var(--primary)!important}.flatpickr-calendar .flatpickr-day.today{border-color:var(--accent)!important}.flatpickr-calendar .flatpickr-day.today:hover{border-color:var(--primary)!important}.flatpickr-calendar .flatpickr-day.flatpickr-disabled{color:var(--text-gray-400)!important;opacity:.5}.flatpickr-calendar .flatpickr-time{border-top-color:var(--divider-border)!important}.flatpickr-calendar .flatpickr-time input{color:var(--text)!important;background:var(--card-bg)!important}.flatpickr-calendar .flatpickr-time input:hover{background:var(--bg-gray-50)!important}.flatpickr-calendar .flatpickr-time .flatpickr-am-pm{color:var(--text)!important}.flatpickr-calendar .flatpickr-time .flatpickr-am-pm:hover{background:var(--bg-gray-50)!important}.tab-navigation[data-v-c4f74f1d]{display:flex;gap:0;background:var(--nav-bg);position:fixed;bottom:0;left:0;right:0;z-index:1000;box-shadow:0 -2px 10px var(--nav-shadow);border-top-left-radius:15px;border-top-right-radius:15px;max-width:800px;margin:0 auto;height:var(--bottom-nav-height)!important;min-height:var(--bottom-nav-height)!important;max-height:var(--bottom-nav-height)!important;width:97%;transform:translateZ(0);will-change:auto}.tab-button[data-v-c4f74f1d]{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;background:transparent;border:none;border-radius:50%;color:var(--text);font-size:.7rem;font-weight:400;text-decoration:none;transition:all .2s;cursor:pointer;min-height:60px;overflow:hidden;padding-bottom:10px}.tab-button svg[data-v-c4f74f1d]{width:22px;height:22px;transition:all .2s}.tab-button[data-v-c4f74f1d]:hover{color:var(--nav-hover-color)}.tab-button.active[data-v-c4f74f1d]{color:var(--nav-active-color);font-weight:500;position:relative}.tab-button.active svg[data-v-c4f74f1d]{color:var(--nav-active-color);transform:scale(1.1)}.slide-left-enter-active,.slide-left-leave-active{transition:transform .3s ease-in-out;position:absolute;top:0;left:0;right:0;width:100%;min-height:100%;isolation:isolate}.slide-left-enter-from{transform:translate(100%)}.slide-left-enter-to,.slide-left-leave-from{transform:translate(0)}.slide-left-leave-to{transform:translate(-100%)}.slide-right-enter-active,.slide-right-leave-active{transition:transform .3s ease-in-out;position:absolute;top:0;left:0;right:0;width:100%;min-height:100%;isolation:isolate}.slide-right-enter-from{transform:translate(-100%)}.slide-right-enter-to,.slide-right-leave-from{transform:translate(0)}.slide-right-leave-to{transform:translate(100%)}.fade-enter-active,.fade-leave-active{transition:opacity .3s ease}.fade-enter-from,.fade-leave-to{opacity:0}