:root{--color-bg-primary: #1f1f1f;--color-bg-secondary: #2d2d2d;--color-bg-card: #363636;--color-bg-input: #3a3a3a;--color-accent: #e53935;--color-accent-dark: #b71c1c;--color-accent-light: #ef5350;--color-accent-subtle: rgba(229, 57, 53, .12);--color-text-primary: #f5f5f5;--color-text-secondary:#c0c0c0;--color-text-muted: #757575;--color-border: #424242;--color-border-focus: #e53935;--color-success: #43a047;--color-success-bg: rgba(67, 160, 71, .12);--color-success-subtle: #3caa42c2;--color-success-light: rgba(67, 160, 71, .12);--color-error: #ef5350;--color-error-bg: rgba(239, 83, 80, .12);--radius-xs: 2px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 24px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .4);--shadow-md: 0 4px 12px rgba(0, 0, 0, .5);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .6);--shadow-modal: 0 20px 60px rgba(0, 0, 0, .75);--font-family: "Inter", "Segoe UI", system-ui, -apple-system, sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--spacing-1: .25rem;--spacing-2: .5rem;--spacing-3: .75rem;--spacing-4: 1rem;--spacing-5: 1.25rem;--spacing-6: 1.5rem;--spacing-8: 2rem;--spacing-10: 2.5rem;--spacing-12: 3rem;--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .35s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-family);font-size:var(--font-size-base);line-height:1.6;color:var(--color-text-primary);background-color:var(--color-bg-primary);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{min-height:100vh;display:flex;flex-direction:column}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.3;color:var(--color-text-primary)}a{color:var(--color-accent);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-accent-light)}input,select,textarea{font-family:inherit;font-size:var(--font-size-base);width:100%;padding:var(--spacing-3) var(--spacing-4);background:var(--color-bg-input);color:var(--color-text-primary);border:1.5px solid var(--color-border);border-radius:var(--radius-sm);outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);-moz-appearance:none;appearance:none;-webkit-appearance:none}input:focus,select:focus,textarea:focus{border-color:var(--color-border-focus);box-shadow:0 0 0 3px #e5393533}input::placeholder{color:var(--color-text-muted)}input[type=time]::-webkit-calendar-picker-indicator{filter:invert(1);opacity:.6;cursor:pointer}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-6);font-family:inherit;font-size:var(--font-size-base);font-weight:500;border:1.5px solid transparent;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;text-decoration:none;user-select:none;-webkit-user-select:none}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn-primary{background:var(--color-accent);color:#fff;border-color:var(--color-accent)}.btn-primary:hover{background:var(--color-accent-dark);border-color:var(--color-accent-dark);box-shadow:0 4px 12px #e5393566;transform:translateY(-1px)}.btn-primary:active{transform:translateY(0);box-shadow:none}.btn-secondary{background:transparent;color:var(--color-text-secondary);border-color:var(--color-border)}.btn-secondary:hover{background:var(--color-bg-card);color:var(--color-text-primary);border-color:var(--color-text-muted)}.btn-sm{padding:var(--spacing-2) var(--spacing-4);font-size:var(--font-size-sm)}.btn-ghost{background:transparent;color:var(--color-text-secondary);border-color:var(--color-border)}.btn-ghost:hover{background:var(--color-bg-card);color:var(--color-text-primary);border-color:var(--color-text-muted)}.btn-lg{padding:var(--spacing-4) var(--spacing-8);font-size:var(--font-size-lg)}.container{width:100%;max-width:900px;margin:0 auto;padding:0 var(--spacing-4)}@media (min-width: 640px){.container{padding:0 var(--spacing-6)}}.text-center{text-align:center}.text-muted{color:var(--color-text-muted)}.text-error{color:var(--color-error)}.text-success{color:var(--color-success)}.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}.modal-enter-active,.modal-leave-active{transition:opacity var(--transition-normal)}.modal-enter-from,.modal-leave-to{opacity:0}.modal-enter-active .modal-content,.modal-leave-active .modal-content{transition:transform var(--transition-normal),opacity var(--transition-normal)}.modal-enter-from .modal-content,.modal-leave-to .modal-content{transform:scale(.95) translateY(-10px);opacity:0}.fade-enter-active,.fade-leave-active{transition:opacity var(--transition-normal)}.fade-enter-from,.fade-leave-to{opacity:0}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--color-bg-secondary)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}