@import"https://fonts.googleapis.com/css2?family=Mitr:wght@300;400;500;600;700&family=Noto+Sans+Thai:wght@300;400;500;600;700&display=swap";:root{color-scheme:light;--primary-50: #E6F7F9;--primary-100: #C0EDF3;--primary-200: #97E2EC;--primary-300: #6DD6E4;--primary-400: #4DCBDE;--primary-500: #46C1D8;--primary-600: #3FB3C8;--primary-700: #37A0B3;--primary-800: #2F8E9E;--primary-900: #206C79;--secondary-50: #F4F9F0;--secondary-100: #E4F2D9;--secondary-200: #D2E9C0;--secondary-300: #BFE0A6;--secondary-400: #B0D993;--secondary-500: #A0D17F;--secondary-600: #8FC46A;--secondary-700: #7AB555;--secondary-800: #66A541;--secondary-900: #4A8A2D;--success-50: #ECFDF5;--success-100: #D1FAE5;--success-200: #A7F3D0;--success-300: #6EE7B7;--success-400: #34D399;--success-500: #10B981;--success-600: #059669;--success-700: #047857;--success-800: #065F46;--success-900: #064E3B;--warning-50: #FFFBEB;--warning-100: #FEF3C7;--warning-200: #FDE68A;--warning-300: #FCD34D;--warning-400: #FBBF24;--warning-500: #F59E0B;--warning-600: #D97706;--warning-700: #B45309;--warning-800: #92400E;--warning-900: #78350F;--error-50: #FEF2F2;--error-100: #FEE2E2;--error-200: #FECACA;--error-300: #FCA5A5;--error-400: #F87171;--error-500: #EF4444;--error-600: #DC2626;--error-700: #B91C1C;--error-800: #991B1B;--error-900: #7F1D1D;--info-50: #EFF6FF;--info-100: #DBEAFE;--info-200: #BFDBFE;--info-300: #93C5FD;--info-400: #60A5FA;--info-500: #3B82F6;--info-600: #2563EB;--info-700: #1D4ED8;--info-800: #1E40AF;--info-900: #1E3A8A;--gray-0: #FFFFFF;--gray-50: #FAFAFA;--gray-100: #F5F5F5;--gray-200: #EEEEEE;--gray-300: #E0E0E0;--gray-400: #BDBDBD;--gray-500: #9E9E9E;--gray-600: #757575;--gray-700: #616161;--gray-800: #424041;--gray-900: #212121;--gray-950: #0A0A0A;--status-emergency: #DC2626;--status-urgent: #F59E0B;--status-stable: #10B981;--status-scheduled: #3B82F6;--status-completed: #A0D17F;--status-cancelled: #9E9E9E;--color-primary: var(--primary-500);--color-primary-hover: var(--primary-600);--color-primary-active: var(--primary-700);--color-secondary: var(--secondary-500);--color-success: var(--success-600);--color-warning: var(--warning-600);--color-error: var(--error-600);--color-info: var(--info-600);--text-primary: var(--gray-800);--text-secondary: var(--gray-600);--text-muted: var(--gray-500);--text-inverse: var(--gray-0);--text-brand: var(--primary-600);--text-link: var(--primary-700);--text-link-hover: var(--primary-800);--bg-primary: var(--gray-0);--bg-secondary: var(--gray-50);--bg-tertiary: var(--gray-100);--bg-elevated: var(--gray-0);--bg-overlay: rgba(0, 0, 0, .5);--bg-brand: var(--primary-500);--bg-brand-light: var(--primary-50);--surface-card: var(--gray-0);--surface-modal: var(--gray-0);--surface-tooltip: var(--gray-900);--surface-popover: var(--gray-0);--border-default: var(--gray-200);--border-light: var(--gray-100);--border-dark: var(--gray-300);--border-focus: var(--primary-500);--font-body: "Noto Sans Thai", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-display: "Mitr", "Noto Sans Thai", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--font-light: 300;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--leading-none: 1;--leading-tight: 1.25;--leading-snug: 1.375;--leading-normal: 1.5;--leading-relaxed: 1.625;--leading-loose: 2;--space-0: 0;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-20: 80px;--space-24: 96px;--radius-none: 0;--radius-sm: 6px;--radius-md: 8px;--radius-default: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-2xl: 24px;--radius-3xl: 32px;--radius-full: 9999px;--shadow-none: none;--shadow-xs: 0 1px 2px rgba(66, 64, 65, .04);--shadow-sm: 0 1px 3px rgba(66, 64, 65, .06), 0 1px 2px rgba(66, 64, 65, .04);--shadow-md: 0 4px 6px -1px rgba(66, 64, 65, .08), 0 2px 4px -2px rgba(66, 64, 65, .04);--shadow-lg: 0 10px 15px -3px rgba(66, 64, 65, .08), 0 4px 6px -4px rgba(66, 64, 65, .04);--shadow-xl: 0 20px 25px -5px rgba(66, 64, 65, .1), 0 8px 10px -6px rgba(66, 64, 65, .04);--shadow-2xl: 0 25px 50px -12px rgba(66, 64, 65, .16);--shadow-inner: inset 0 2px 4px rgba(66, 64, 65, .04);--shadow-focus: 0 0 0 3px rgba(70, 193, 216, .3);--shadow-focus-error: 0 0 0 3px rgba(239, 68, 68, .3);--shadow-focus-success: 0 0 0 3px rgba(16, 185, 129, .3);--duration-instant: 0ms;--duration-fast: .15s;--duration-normal: .2s;--duration-slow: .3s;--duration-slower: .4s;--duration-slowest: .5s;--ease-linear: linear;--ease-in: ease-in;--ease-out: ease-out;--ease-in-out: ease-in-out;--ease-smooth: cubic-bezier(.4, 0, .2, 1);--ease-bounce: cubic-bezier(.68, -.55, .265, 1.55);--ease-snappy: cubic-bezier(.2, 0, 0, 1);--z-dropdown: 100;--z-sticky: 200;--z-fixed: 300;--z-modal-backdrop: 400;--z-modal: 500;--z-popover: 600;--z-tooltip: 700;--z-toast: 800;--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--breakpoint-2xl: 1536px;--safe-area-top: env(safe-area-inset-top, 0px);--safe-area-bottom: env(safe-area-inset-bottom, 0px);--safe-area-left: env(safe-area-inset-left, 0px);--safe-area-right: env(safe-area-inset-right, 0px);--bottom-nav-height: 72px;--header-height: 64px;--sidebar-width: 260px;--sidebar-collapsed-width: 72px;--gradient-brand: linear-gradient(135deg, var(--primary-500) 0%, var(--secondary-500) 100%);--gradient-brand-hover: linear-gradient(135deg, var(--primary-600) 0%, var(--secondary-600) 100%);--gradient-header: linear-gradient(180deg, var(--primary-700) 0%, var(--primary-500) 100%)}[data-theme=dark]{color-scheme:dark;--color-primary: var(--primary-400);--color-primary-hover: var(--primary-300);--color-primary-active: var(--primary-200);--color-secondary: var(--secondary-400);--color-success: var(--success-400);--color-warning: var(--warning-400);--color-error: var(--error-400);--color-info: var(--info-400);--text-primary: var(--gray-50);--text-secondary: var(--gray-300);--text-muted: var(--gray-400);--text-inverse: var(--gray-900);--text-brand: var(--primary-400);--text-link: var(--primary-400);--text-link-hover: var(--primary-300);--bg-primary: #121212;--bg-secondary: #1e1e1e;--bg-tertiary: #2d2d2d;--bg-elevated: #383838;--bg-overlay: rgba(0, 0, 0, .7);--bg-brand: var(--primary-600);--bg-brand-light: rgba(70, 193, 216, .15);--surface-card: #1e1e1e;--surface-modal: #1e1e1e;--surface-tooltip: var(--gray-100);--surface-popover: #2d2d2d;--border-default: #3d3d3d;--border-light: #2d2d2d;--border-dark: #4d4d4d;--border-focus: var(--primary-400);--shadow-xs: 0 1px 2px rgba(0, 0, 0, .2);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .24), 0 1px 2px rgba(0, 0, 0, .16);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .24), 0 2px 4px -2px rgba(0, 0, 0, .16);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .24), 0 4px 6px -4px rgba(0, 0, 0, .16);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .28), 0 8px 10px -6px rgba(0, 0, 0, .16);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .36);--shadow-inner: inset 0 2px 4px rgba(0, 0, 0, .24);--shadow-focus: 0 0 0 3px rgba(70, 193, 216, .4);--shadow-focus-error: 0 0 0 3px rgba(239, 68, 68, .4);--shadow-focus-success: 0 0 0 3px rgba(16, 185, 129, .4);--gray-50: #1f1f1f;--gray-100: #2d2d2d;--gray-200: #3d3d3d;--gray-300: #525252;--gray-400: #737373;--gray-500: #a3a3a3;--gray-600: #d4d4d4;--gray-700: #e5e5e5;--gray-800: #f5f5f5;--gray-900: #fafafa}html.theme-transition,html.theme-transition *,html.theme-transition *:before,html.theme-transition *:after{transition:background-color var(--duration-slow) var(--ease-smooth),color var(--duration-slow) var(--ease-smooth),border-color var(--duration-slow) var(--ease-smooth),box-shadow var(--duration-slow) var(--ease-smooth)!important}:focus{outline:none}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.skip-link{position:absolute;top:-40px;left:0;padding:var(--space-2) var(--space-4);background:var(--color-primary);color:var(--text-inverse);font-weight:var(--font-medium);z-index:calc(var(--z-toast) + 1);border-radius:0 0 var(--radius-md) 0;transition:top var(--duration-fast) var(--ease-smooth)}.skip-link:focus{top:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}*{box-sizing:border-box;margin:0;padding:0}:root{--brand-gradient: linear-gradient(135deg, #46C1D8 0%, #A0D17F 100%);--brand-gradient-hover: linear-gradient(135deg, #3fb3c8 0%, #8fc46a 100%);--primary-50: #e6f7f9;--primary-100: #c0edf3;--primary-200: #97e2ec;--primary-300: #6dd6e4;--primary-400: #4dcbe0;--primary-500: #46C1D8;--primary-600: #3fb3c8;--primary-700: #37a0b3;--primary-800: #2f8e9e;--primary-900: #206c79;--secondary-50: #f4f9f0;--secondary-100: #e4f2d9;--secondary-200: #d2e9c0;--secondary-300: #bfe0a6;--secondary-400: #b0d993;--secondary-500: #A0D17F;--secondary-600: #8fc46a;--secondary-700: #7ab555;--secondary-800: #66a541;--secondary-900: #4a8a2d;--success-color: #22c55e;--success-light: #dcfce7;--warning-color: #f59e0b;--warning-light: #fef3c7;--danger-color: #ef4444;--danger-light: #fee2e2;--info-color: #3b82f6;--info-light: #dbeafe;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;--text-primary: #1f2937;--text-secondary: #6b7280;--text-muted: #9ca3af;--text-white: #ffffff;--bg-primary: #ffffff;--bg-secondary: #f9fafb;--bg-tertiary: #f3f4f6;--border-color: #e5e7eb;--border-light: #f3f4f6;--divider: #e5e7eb;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .05);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .08);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .08), 0 2px 4px -1px rgba(0, 0, 0, .04);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .08), 0 4px 6px -2px rgba(0, 0, 0, .04);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-inner: inset 0 2px 4px rgba(0, 0, 0, .05);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-full: 9999px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--font-family: "Noto Sans Thai", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-family-display: "Mitr", "Noto Sans Thai", sans-serif;--text-xs: 12px;--text-sm: 14px;--text-base: 16px;--text-lg: 18px;--text-xl: 20px;--text-2xl: 24px;--text-3xl: 28px;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--leading-tight: 1.25;--leading-normal: 1.5;--leading-relaxed: 1.625;--transition-fast: .15s ease;--transition-normal: .2s ease;--transition-slow: .3s ease;--z-dropdown: 100;--z-sticky: 200;--z-fixed: 300;--z-modal-backdrop: 400;--z-modal: 500;--z-popover: 600;--z-tooltip: 700;--safe-area-bottom: env(safe-area-inset-bottom, 0px);--bottom-nav-height: 72px}html{-webkit-text-size-adjust:100%;font-feature-settings:normal}body{font-family:var(--font-family);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--text-primary);background-color:var(--bg-secondary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}#root{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-display);font-weight:var(--font-semibold);line-height:var(--leading-tight);color:var(--text-primary)}h1{font-size:var(--text-2xl)}h2{font-size:var(--text-xl)}h3{font-size:var(--text-lg)}a{color:var(--primary-600);text-decoration:none}button{font-family:var(--font-family);font-size:var(--text-base);font-weight:var(--font-medium);min-height:48px;padding:var(--space-3) var(--space-5);border-radius:var(--radius-md);border:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);transition:all var(--transition-fast);-webkit-tap-highlight-color:transparent;touch-action:manipulation;-webkit-user-select:none;user-select:none}button:active{transform:scale(.98)}button:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-primary{background:var(--brand-gradient);color:var(--text-white);box-shadow:var(--shadow-sm)}.btn-primary:hover:not(:disabled){background:var(--brand-gradient-hover);box-shadow:var(--shadow-md)}.btn-secondary{background:var(--bg-primary);color:var(--primary-600);border:2px solid var(--primary-500)}.btn-secondary:hover:not(:disabled){background:var(--primary-50)}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover:not(:disabled){background:var(--gray-100)}.btn-danger{background:var(--danger-color);color:var(--text-white)}.btn-success{background:var(--success-color);color:var(--text-white)}.btn-sm{min-height:36px;padding:var(--space-2) var(--space-4);font-size:var(--text-sm)}.btn-lg{min-height:56px;padding:var(--space-4) var(--space-6);font-size:var(--text-lg)}.btn-icon{min-height:44px;min-width:44px;padding:var(--space-2);border-radius:var(--radius-full)}input,textarea,select{font-family:var(--font-family);font-size:var(--text-base);min-height:48px;padding:var(--space-3) var(--space-4);border:2px solid var(--border-color);border-radius:var(--radius-md);width:100%;background-color:var(--bg-primary);color:var(--text-primary);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px var(--primary-100)}input::placeholder,textarea::placeholder{color:var(--text-muted)}textarea{min-height:120px;resize:vertical}.form-group{margin-bottom:var(--space-4)}.form-group label{display:block;margin-bottom:var(--space-2);font-weight:var(--font-medium);color:var(--text-primary);font-size:var(--text-sm)}.form-hint{font-size:var(--text-xs);color:var(--text-muted);margin-top:var(--space-1)}.form-error{color:var(--danger-color);font-size:var(--text-sm);margin-top:var(--space-1)}.card{background:var(--bg-primary);border-radius:var(--radius-lg);padding:var(--space-4);box-shadow:var(--shadow-sm);margin-bottom:var(--space-4);border:1px solid var(--border-light)}.card-clickable{cursor:pointer;transition:all var(--transition-fast)}.card-clickable:hover{box-shadow:var(--shadow-md)}.card-clickable:active{transform:scale(.99)}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3)}.card-title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary)}.container{max-width:100%;margin:0 auto;padding:var(--space-4);padding-bottom:calc(var(--bottom-nav-height) + var(--space-4) + var(--safe-area-bottom))}@media (min-width: 640px){.container{max-width:640px}}.page-header{position:sticky;top:0;background:var(--brand-gradient);padding:var(--space-4);display:flex;align-items:center;gap:var(--space-3);z-index:var(--z-sticky);min-height:60px}.page-header h1{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-white);flex:1;margin:0}.page-header .back-button{color:var(--text-white);background:#ffffff26;min-height:40px;min-width:40px;padding:0;border-radius:var(--radius-full)}.page-header .back-button:hover{background:#ffffff40}.back-button{background:none;border:none;padding:var(--space-2);min-height:auto;color:var(--text-secondary);font-size:var(--text-xl)}.alert{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);margin-bottom:var(--space-4);font-size:var(--text-sm);display:flex;align-items:flex-start;gap:var(--space-3)}.alert-success{background:var(--success-light);color:#166534;border:1px solid #86efac}.alert-error{background:var(--danger-light);color:#991b1b;border:1px solid #fca5a5}.alert-warning{background:var(--warning-light);color:#92400e;border:1px solid #fcd34d}.alert-info{background:var(--info-light);color:#1e40af;border:1px solid #93c5fd}.badge{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-medium);text-transform:uppercase;letter-spacing:.025em}.badge-success{background:var(--success-light);color:#166534}.badge-warning{background:var(--warning-light);color:#92400e}.badge-danger{background:var(--danger-light);color:#991b1b}.badge-info{background:var(--info-light);color:#1e40af}.badge-neutral{background:var(--gray-100);color:var(--gray-600)}.spinner{border:3px solid var(--gray-200);border-top-color:var(--primary-500);border-radius:50%;width:40px;height:40px;animation:spin .8s linear infinite;margin:var(--space-10) auto}.spinner-sm{width:20px;height:20px;border-width:2px;margin:0}@keyframes spin{to{transform:rotate(360deg)}}.skeleton{background:linear-gradient(90deg,var(--gray-200) 25%,var(--gray-100) 50%,var(--gray-200) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-sm)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.empty-state{text-align:center;padding:var(--space-10) var(--space-6);color:var(--text-secondary)}.empty-state-icon{font-size:64px;margin-bottom:var(--space-4);opacity:.4}.empty-state-title{font-size:var(--text-lg);font-weight:var(--font-semibold);margin-bottom:var(--space-2);color:var(--text-primary)}.empty-state-text{font-size:var(--text-sm);color:var(--text-muted);margin-bottom:var(--space-4)}.divider{height:1px;background:var(--divider);margin:var(--space-4) 0}.list-item{display:flex;align-items:center;padding:var(--space-4) 0;gap:var(--space-3);border-bottom:1px solid var(--border-light)}.list-item:last-child{border-bottom:none}.list-item-icon{width:44px;height:44px;border-radius:var(--radius-md);background:var(--gray-100);display:flex;align-items:center;justify-content:center;font-size:var(--text-xl);flex-shrink:0}.list-item-content{flex:1;min-width:0}.list-item-title{font-weight:var(--font-medium);color:var(--text-primary);margin-bottom:2px}.list-item-subtitle{font-size:var(--text-sm);color:var(--text-muted)}.list-item-action{color:var(--text-muted);font-size:var(--text-xl)}.menu-btn{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-4) 0;border:none;background:none;text-align:left;min-height:auto;cursor:pointer;border-bottom:1px solid var(--border-light);transition:background var(--transition-fast)}.menu-btn:last-child{border-bottom:none}.menu-btn:hover{background:var(--gray-50);margin:0 calc(var(--space-4) * -1);padding-left:var(--space-4);padding-right:var(--space-4)}.menu-icon{font-size:var(--text-xl);width:24px;text-align:center}.menu-label{flex:1;font-size:var(--text-base);font-weight:var(--font-medium);color:var(--text-primary)}.menu-arrow{font-size:var(--text-xl);color:var(--text-muted)}.menu-badge{background:var(--danger-color);color:#fff;font-size:var(--text-xs);padding:2px 8px;border-radius:var(--radius-full);font-weight:var(--font-semibold)}.avatar{width:48px;height:48px;border-radius:var(--radius-full);overflow:hidden;background:var(--gray-100);display:flex;align-items:center;justify-content:center;flex-shrink:0}.avatar img{width:100%;height:100%;object-fit:cover}.avatar-sm{width:32px;height:32px}.avatar-lg{width:64px;height:64px}.avatar-xl{width:96px;height:96px}.fab{position:fixed;bottom:calc(var(--bottom-nav-height) + var(--space-4) + var(--safe-area-bottom));right:var(--space-4);width:56px;height:56px;border-radius:var(--radius-full);background:var(--brand-gradient);color:var(--text-white);box-shadow:var(--shadow-lg);border:none;font-size:var(--text-2xl);cursor:pointer;z-index:var(--z-fixed);display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.fab:hover{transform:scale(1.05);box-shadow:var(--shadow-xl)}.fab:active{transform:scale(.95)}.tabs{display:flex;background:var(--bg-primary);border-radius:var(--radius-lg);padding:var(--space-1);gap:var(--space-1);margin-bottom:var(--space-4);box-shadow:var(--shadow-xs)}.tab{flex:1;padding:var(--space-3);border:none;background:transparent;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);min-height:44px}.tab.active{background:var(--brand-gradient);color:var(--text-white);box-shadow:var(--shadow-sm)}.tab:hover:not(.active){background:var(--gray-100)}.chips{display:flex;flex-wrap:wrap;gap:var(--space-2)}.chip{padding:var(--space-2) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--font-medium);background:var(--gray-100);color:var(--text-secondary);border:none;cursor:pointer;transition:all var(--transition-fast)}.chip.active{background:var(--primary-100);color:var(--primary-700)}.chip:hover{background:var(--gray-200)}.chip.active:hover{background:var(--primary-200)}.progress{height:8px;background:var(--gray-200);border-radius:var(--radius-full);overflow:hidden}.progress-bar{height:100%;background:var(--brand-gradient);border-radius:var(--radius-full);transition:width var(--transition-slow)}.grid{display:grid;gap:var(--space-4)}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.items-end{align-items:flex-end}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.gap-1{gap:var(--space-2)}.gap-2{gap:var(--space-3)}.gap-3{gap:var(--space-4)}.gap-4{gap:var(--space-5)}.m-0{margin:0}.mt-1{margin-top:var(--space-2)}.mt-2{margin-top:var(--space-3)}.mt-3{margin-top:var(--space-4)}.mt-4{margin-top:var(--space-5)}.mb-1{margin-bottom:var(--space-2)}.mb-2{margin-bottom:var(--space-3)}.mb-3{margin-bottom:var(--space-4)}.mb-4{margin-bottom:var(--space-5)}.p-0{padding:0}.p-2{padding:var(--space-2)}.p-3{padding:var(--space-3)}.p-4{padding:var(--space-4)}.text-center{text-align:center}.text-right{text-align:right}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.font-normal{font-weight:var(--font-normal)}.font-medium{font-weight:var(--font-medium)}.font-semibold{font-weight:var(--font-semibold)}.font-bold{font-weight:var(--font-bold)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-success{color:var(--success-color)}.text-warning{color:var(--warning-color)}.text-danger{color:var(--danger-color)}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hidden{display:none}.block{display:block}.inline-block{display:inline-block}.rounded{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-full{border-radius:var(--radius-full)}.w-full{width:100%}@media (min-width: 768px){.md\:hidden{display:none}.md\:block{display:block}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.animate-fade-in{animation:fadeIn var(--transition-normal)}.animate-slide-up{animation:slideUp var(--transition-slow)}.animate-scale-in{animation:scaleIn var(--transition-normal)}.touch-feedback{-webkit-tap-highlight-color:transparent;touch-action:manipulation}.touch-feedback:active{opacity:.7}.safe-bottom{padding-bottom:calc(var(--space-4) + var(--safe-area-bottom))}