#app[data-v-50ebedff]{min-height:100vh;display:flex;flex-direction:column;background:linear-gradient(135deg,#fefcf9,#f0f9ff,#e0f2fe);background-attachment:fixed}.navbar[data-v-50ebedff]{background-color:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 10px #0000001a;padding:var(--spacing-sm) 0;position:sticky;top:0;z-index:var(--z-sticky)}.navbar-container[data-v-50ebedff]{max-width:1200px;margin:0 auto;padding:0 var(--spacing-md);display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-md)}.navbar-brand[data-v-50ebedff]{display:flex;align-items:center;gap:var(--spacing-md)}.navbar-brand h1[data-v-50ebedff]{font-size:var(--font-size-xl);margin:0;color:var(--color-primary);font-weight:var(--font-weight-bold)}.navbar-user-name[data-v-50ebedff]{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:var(--font-weight-medium);padding:var(--spacing-xs) var(--spacing-sm);background-color:var(--color-gray-100);border-radius:var(--radius-md)}.navbar-menu[data-v-50ebedff]{display:flex;align-items:center;gap:var(--spacing-md)}.navbar-link[data-v-50ebedff]{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);color:var(--color-text-secondary);font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);border-radius:var(--radius-md);transition:all var(--transition-base);text-decoration:none}.navbar-link[data-v-50ebedff]:hover{background-color:var(--color-gray-100);color:var(--color-primary);transform:translateY(-2px)}.navbar-link-active[data-v-50ebedff]{background-color:var(--color-primary);color:var(--color-text-inverse)}.navbar-link-active[data-v-50ebedff]:hover{background-color:var(--color-primary-dark);color:var(--color-text-inverse);transform:translateY(-2px)}.navbar-profile-img[data-v-50ebedff]{width:20px;height:20px;border-radius:50%;object-fit:cover;border:1.5px solid var(--color-primary);flex-shrink:0}.main-content[data-v-50ebedff]{flex:1;padding:var(--spacing-lg) var(--spacing-md);max-width:1200px;width:100%;margin:0 auto}.main-content-no-nav[data-v-50ebedff]{display:flex;align-items:center;justify-content:center;min-height:100vh}.footer[data-v-50ebedff]{background-color:var(--color-gray-800);color:var(--color-text-inverse);padding:var(--spacing-sm);margin-top:auto}.footer .text-muted[data-v-50ebedff]{color:#ffffffb3;margin-bottom:0}@media (max-width: 768px){.navbar-container[data-v-50ebedff]{flex-direction:column;gap:var(--spacing-md)}.navbar-menu[data-v-50ebedff]{width:100%;justify-content:space-around;flex-wrap:wrap}.navbar-link span[data-v-50ebedff]:last-child{display:none}.navbar-user-name[data-v-50ebedff]{display:none}.main-content[data-v-50ebedff]{padding:var(--spacing-lg) var(--spacing-md)}}@media (max-width: 480px){.navbar-brand h1[data-v-50ebedff]{font-size:var(--font-size-lg)}.navbar-link[data-v-50ebedff]{padding:var(--spacing-xs) var(--spacing-sm)}}.modal-overlay[data-v-50ebedff]{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-md)}.modal-container[data-v-50ebedff]{background-color:var(--color-bg-card);border-radius:var(--radius-lg);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:420px;width:100%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;animation:modalSlideIn-50ebedff .3s ease-out;outline:none}@keyframes modalSlideIn-50ebedff{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header[data-v-50ebedff]{padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--color-border-light)}.modal-title[data-v-50ebedff]{margin:0;font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.modal-body[data-v-50ebedff]{padding:var(--spacing-md) var(--spacing-lg)}.modal-message[data-v-50ebedff]{margin:0 0 var(--spacing-xs) 0;font-size:var(--font-size-sm);color:var(--color-text-primary);line-height:var(--line-height-normal)}.modal-warning[data-v-50ebedff]{margin:var(--spacing-xs) 0 0 0;font-size:var(--font-size-xs);color:var(--color-warning)}.modal-footer[data-v-50ebedff]{padding:var(--spacing-md) var(--spacing-lg);border-top:1px solid var(--color-border-light);display:flex;justify-content:flex-end;gap:var(--spacing-sm)}.modal-footer .btn[data-v-50ebedff]{min-width:80px}.modal-enter-active[data-v-50ebedff],.modal-leave-active[data-v-50ebedff]{transition:opacity var(--transition-base)}.modal-enter-active .modal-container[data-v-50ebedff],.modal-leave-active .modal-container[data-v-50ebedff]{transition:all var(--transition-base)}.modal-enter-from[data-v-50ebedff],.modal-leave-to[data-v-50ebedff]{opacity:0}.modal-enter-from .modal-container[data-v-50ebedff],.modal-leave-to .modal-container[data-v-50ebedff]{opacity:0;transform:translateY(-20px) scale(.95)}@media (max-width: 480px){.modal-container[data-v-50ebedff]{max-width:90%}.modal-footer[data-v-50ebedff]{flex-direction:column-reverse}.modal-footer .btn[data-v-50ebedff]{width:100%}}.user-profile[data-v-a1437931]{width:100%;max-width:600px;margin:0 auto}.profile-card[data-v-a1437931]{animation:slideUp-a1437931 .4s ease-out}@keyframes slideUp-a1437931{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.card-header[data-v-a1437931]{text-align:center;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--color-border-light)}.card-title[data-v-a1437931]{font-size:var(--font-size-xl);margin-bottom:var(--spacing-xs);color:var(--color-primary)}.profile-picture-inline[data-v-a1437931]{display:flex;flex-direction:row;align-items:center;gap:var(--spacing-sm);margin-top:var(--spacing-sm);padding:var(--spacing-sm);background:var(--color-gray-50);border:1px solid var(--color-border-light);border-radius:var(--radius-md)}.profile-image-wrapper[data-v-a1437931]{display:flex;justify-content:center;align-items:center;flex-shrink:0}.profile-image-small[data-v-a1437931]{width:48px;height:48px;border-radius:50%;object-fit:cover;border:2px solid var(--color-border-medium);box-shadow:var(--shadow-sm);transition:transform var(--transition-base)}.profile-image-small[data-v-a1437931]:hover{transform:scale(1.05);border-color:var(--color-primary)}.profile-form[data-v-a1437931]{margin-top:0}.form-hint[data-v-a1437931]{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-top:var(--spacing-xs);margin-bottom:0}.input-wrapper[data-v-a1437931]{position:relative;width:100%}.input-wrapper .form-input[data-v-a1437931]{padding-right:80px}.char-count-inline[data-v-a1437931]{position:absolute;right:var(--spacing-sm);top:50%;transform:translateY(-50%);font-size:var(--font-size-xs);color:var(--color-text-muted);font-weight:var(--font-weight-medium);transition:color var(--transition-base);pointer-events:none;background:var(--color-bg-card);padding:0 var(--spacing-xs);border-radius:var(--radius-sm);z-index:1}.char-count-warning[data-v-a1437931]{color:var(--color-warning)}.char-count-error[data-v-a1437931]{color:var(--color-danger)}.form-actions[data-v-a1437931]{margin-top:var(--spacing-md);display:flex;gap:var(--spacing-md)}.form-actions .btn[data-v-a1437931]{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm)}.auto-save-notice[data-v-a1437931]{display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);margin-top:var(--spacing-md);background-color:var(--color-gray-100);border-radius:var(--radius-md);font-size:var(--font-size-xs);color:var(--color-text-secondary);text-align:center}.loading-container[data-v-a1437931]{background-color:var(--color-bg-primary);border-radius:var(--radius-lg);padding:var(--spacing-xl);box-shadow:var(--shadow-md)}.skeleton-header[data-v-a1437931]{height:40px;width:200px;margin-bottom:var(--spacing-xl)}.skeleton-input[data-v-a1437931]{height:50px;margin-bottom:var(--spacing-lg)}.skeleton-button[data-v-a1437931]{height:44px;width:150px;margin-top:var(--spacing-xl)}@media (max-width: 768px){.profile-card[data-v-a1437931]{padding:var(--spacing-lg)}.card-title[data-v-a1437931]{font-size:var(--font-size-2xl)}.profile-picture-inline[data-v-a1437931]{flex-direction:column;align-items:stretch;gap:var(--spacing-xs)}.profile-image-small[data-v-a1437931]{width:56px;height:56px;margin:0 auto}.profile-picture-inline .btn[data-v-a1437931]{width:100%}.form-actions[data-v-a1437931]{flex-direction:column}.form-actions .btn[data-v-a1437931]{width:100%}}.login-container[data-v-3d7976a9]{width:100%;max-width:450px;margin:0 auto;padding:var(--spacing-lg)}.login-card[data-v-3d7976a9]{animation:slideUp-3d7976a9 .4s ease-out}@keyframes slideUp-3d7976a9{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.login-header[data-v-3d7976a9]{text-align:center;margin-bottom:var(--spacing-md)}.login-header h2[data-v-3d7976a9]{font-size:var(--font-size-2xl);margin-bottom:var(--spacing-xs);color:var(--color-primary)}.login-header p[data-v-3d7976a9]{font-size:var(--font-size-lg);margin-bottom:0}.login-form[data-v-3d7976a9]{margin-bottom:var(--spacing-md)}.login-form .btn[data-v-3d7976a9]{width:100%;margin-top:var(--spacing-md);display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm)}.demo-credentials[data-v-3d7976a9]{background:var(--color-primary-50);border:2px dashed var(--color-primary);text-align:center}.demo-credentials h3[data-v-3d7976a9]{font-size:var(--font-size-lg);margin-bottom:var(--spacing-md);color:var(--color-text-primary)}.demo-info[data-v-3d7976a9]{margin-bottom:var(--spacing-md);text-align:left}.demo-item[data-v-3d7976a9]{margin-bottom:var(--spacing-sm);font-size:var(--font-size-sm)}.demo-item code[data-v-3d7976a9]{background-color:var(--color-gray-100);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-family:var(--font-family-mono);color:var(--color-primary);font-weight:var(--font-weight-semibold)}.demo-credentials .btn[data-v-3d7976a9]{width:100%}@media (max-width: 480px){.login-container[data-v-3d7976a9]{padding:var(--spacing-md)}.login-header h2[data-v-3d7976a9]{font-size:var(--font-size-2xl)}}.todos-container[data-v-77f568e7]{width:100%;max-width:800px;margin:0 auto}.todos-card[data-v-77f568e7]{animation:slideUp-77f568e7 .4s ease-out}@keyframes slideUp-77f568e7{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.card-header[data-v-77f568e7]{text-align:center;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--color-border-light)}.card-title[data-v-77f568e7]{font-size:var(--font-size-xl);margin-bottom:var(--spacing-xs);color:var(--color-primary)}.add-todo-section[data-v-77f568e7]{margin-bottom:var(--spacing-md)}.add-todo-form[data-v-77f568e7]{width:100%}.input-wrapper[data-v-77f568e7]{display:flex;gap:var(--spacing-md);align-items:flex-start}.input-container[data-v-77f568e7]{flex:1;display:flex;flex-direction:column}.input-with-count[data-v-77f568e7]{position:relative;width:100%}.input-with-count .form-input[data-v-77f568e7],.input-with-count .todo-edit-input[data-v-77f568e7]{padding-right:80px;width:100%}.input-wrapper .btn[data-v-77f568e7]{white-space:nowrap;display:flex;align-items:center;gap:var(--spacing-xs);align-self:flex-start;margin-top:0}.char-count-inline[data-v-77f568e7]{position:absolute;right:var(--spacing-sm);top:50%;transform:translateY(-50%);font-size:var(--font-size-xs);color:var(--color-text-muted);font-weight:var(--font-weight-medium);transition:color var(--transition-base);pointer-events:none;background:var(--color-bg-card);padding:0 var(--spacing-xs);border-radius:var(--radius-sm);z-index:1;white-space:nowrap}.char-count-warning[data-v-77f568e7]{color:var(--color-warning)}.char-count-error[data-v-77f568e7]{color:var(--color-danger)}.todo-edit-wrapper[data-v-77f568e7]{width:100%}.todos-list[data-v-77f568e7]{margin-top:var(--spacing-lg)}.todo-list[data-v-77f568e7]{list-style:none;padding:0;margin:0}.todo-item[data-v-77f568e7]{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);margin-bottom:var(--spacing-sm);background-color:var(--color-bg-primary);border:2px solid var(--color-border-light);border-radius:var(--radius-lg);transition:all var(--transition-base);animation:slideIn-77f568e7 .3s ease-out}@keyframes slideIn-77f568e7{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.todo-item[data-v-77f568e7]:hover{border-color:var(--color-primary);box-shadow:var(--shadow-lg);transform:translateY(-1px)}.todo-item.todo-completed[data-v-77f568e7]{background-color:var(--color-gray-50);opacity:.8}.todo-content[data-v-77f568e7]{display:flex;align-items:center;gap:var(--spacing-md);flex:1;min-width:0}.todo-checkbox[data-v-77f568e7]{position:relative;display:flex;align-items:center;cursor:pointer;flex-shrink:0}.todo-checkbox input[type=checkbox][data-v-77f568e7]{width:24px;height:24px;cursor:pointer;opacity:0;position:absolute}.checkmark[data-v-77f568e7]{width:24px;height:24px;border:2px solid var(--color-border-medium);border-radius:var(--radius-md);background-color:var(--color-bg-primary);transition:all var(--transition-base);display:flex;align-items:center;justify-content:center}.todo-checkbox input[type=checkbox]:checked+.checkmark[data-v-77f568e7]{background-color:var(--color-status-success);border-color:var(--color-status-success)}.todo-checkbox input[type=checkbox]:checked+.checkmark[data-v-77f568e7]:after{content:"✓";color:#fff;font-weight:700;font-size:14px}.todo-checkbox input[type=checkbox]:focus+.checkmark[data-v-77f568e7]{box-shadow:0 0 0 3px #2563eb1a}.todo-text-wrapper[data-v-77f568e7]{flex:1;min-width:0;cursor:pointer}.todo-text[data-v-77f568e7]{display:block;word-wrap:break-word;color:var(--color-text-primary);transition:all var(--transition-base)}.todo-text-completed[data-v-77f568e7]{text-decoration:line-through;color:var(--color-text-muted)}.todo-edit-input[data-v-77f568e7]{width:100%;padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-base);border:2px solid var(--color-primary);border-radius:var(--radius-md);background-color:var(--color-bg-primary)}.todo-actions[data-v-77f568e7]{display:flex;gap:var(--spacing-xs);flex-shrink:0}.btn-icon[data-v-77f568e7]{background:none;border:none;padding:var(--spacing-xs);cursor:pointer;font-size:var(--font-size-lg);border-radius:var(--radius-md);transition:all var(--transition-base);min-width:36px;min-height:36px;display:flex;align-items:center;justify-content:center}.btn-icon[data-v-77f568e7]:hover{background-color:var(--color-gray-100);transform:scale(1.1)}.btn-icon-danger[data-v-77f568e7]:hover{background-color:#ef44441a}.empty-state[data-v-77f568e7]{text-align:center;padding:var(--spacing-3xl) var(--spacing-lg)}.empty-icon[data-v-77f568e7]{font-size:4rem;margin-bottom:var(--spacing-md);opacity:.5}.empty-state h3[data-v-77f568e7]{margin-bottom:var(--spacing-sm);color:var(--color-text-primary)}.todo-stats[data-v-77f568e7]{display:flex;justify-content:center;gap:var(--spacing-md);margin-top:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);background-color:var(--color-gray-100);border-radius:var(--radius-md);flex-wrap:wrap}.stat-item[data-v-77f568e7]{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.stat-item strong[data-v-77f568e7]{color:var(--color-primary);font-weight:var(--font-weight-bold)}.alert-close[data-v-77f568e7]{background:none;border:none;font-size:var(--font-size-xl);cursor:pointer;color:inherit;padding:0;margin-left:auto;opacity:.7;transition:opacity var(--transition-fast)}.alert-close[data-v-77f568e7]:hover{opacity:1}.todo-list-enter-active[data-v-77f568e7],.todo-list-leave-active[data-v-77f568e7]{transition:all var(--transition-base)}.todo-list-enter-from[data-v-77f568e7]{opacity:0;transform:translate(-20px)}.todo-list-leave-to[data-v-77f568e7]{opacity:0;transform:translate(20px)}.todo-list-move[data-v-77f568e7]{transition:transform var(--transition-base)}.loading-container[data-v-77f568e7]{margin-top:var(--spacing-lg)}.skeleton-todo[data-v-77f568e7]{height:60px;margin-bottom:var(--spacing-md)}.modal-overlay[data-v-77f568e7]{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-md)}.modal-container[data-v-77f568e7]{background-color:var(--color-bg-card);border-radius:var(--radius-lg);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:420px;width:100%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;animation:modalSlideIn-77f568e7 .3s ease-out;outline:none}@keyframes modalSlideIn-77f568e7{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header[data-v-77f568e7]{padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--color-border-light)}.modal-title[data-v-77f568e7]{margin:0;font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.modal-body[data-v-77f568e7]{padding:var(--spacing-md) var(--spacing-lg)}.modal-message[data-v-77f568e7]{margin:0 0 var(--spacing-xs) 0;font-size:var(--font-size-sm);color:var(--color-text-primary);line-height:var(--line-height-normal)}.modal-todo-preview[data-v-77f568e7]{margin:var(--spacing-xs) 0;padding:var(--spacing-xs) var(--spacing-sm);background-color:var(--color-gray-100);border-left:3px solid var(--color-primary);border-radius:var(--radius-sm);font-size:var(--font-size-sm);color:var(--color-text-primary)}.modal-todo-preview strong[data-v-77f568e7]{color:var(--color-primary);font-weight:var(--font-weight-semibold)}.modal-warning[data-v-77f568e7]{margin:var(--spacing-xs) 0 0 0;font-size:var(--font-size-xs);color:var(--color-warning)}.modal-footer[data-v-77f568e7]{padding:var(--spacing-sm) var(--spacing-lg);border-top:1px solid var(--color-border-light);display:flex;gap:var(--spacing-xs);justify-content:flex-end}.modal-footer .btn[data-v-77f568e7]{min-width:80px;padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-sm);min-height:36px}.modal-enter-active[data-v-77f568e7],.modal-leave-active[data-v-77f568e7]{transition:opacity var(--transition-base)}.modal-enter-active .modal-container[data-v-77f568e7],.modal-leave-active .modal-container[data-v-77f568e7]{transition:transform var(--transition-base),opacity var(--transition-base)}.modal-enter-from[data-v-77f568e7],.modal-leave-to[data-v-77f568e7]{opacity:0}.modal-enter-from .modal-container[data-v-77f568e7],.modal-leave-to .modal-container[data-v-77f568e7]{transform:translateY(-20px) scale(.95);opacity:0}@media (max-width: 768px){.todos-card[data-v-77f568e7]{padding:var(--spacing-lg)}.card-title[data-v-77f568e7]{font-size:var(--font-size-2xl)}.input-wrapper[data-v-77f568e7]{flex-direction:column;gap:var(--spacing-sm)}.input-container[data-v-77f568e7],.input-with-count[data-v-77f568e7]{width:100%}.input-with-count .form-input[data-v-77f568e7],.input-with-count .todo-edit-input[data-v-77f568e7]{padding-right:65px;font-size:var(--font-size-sm);width:100%;box-sizing:border-box}.char-count-inline[data-v-77f568e7]{right:var(--spacing-xs);font-size:10px;padding:0 3px;white-space:nowrap}.input-wrapper .btn[data-v-77f568e7]{width:100%;margin-top:0;align-self:stretch}.form-error[data-v-77f568e7]{font-size:var(--font-size-xs);margin-top:var(--spacing-xs)}.todo-item[data-v-77f568e7]{flex-direction:column;align-items:flex-start}.todo-actions[data-v-77f568e7]{width:100%;justify-content:flex-end}.todo-stats[data-v-77f568e7]{flex-direction:column;gap:var(--spacing-sm)}.modal-container[data-v-77f568e7]{margin:var(--spacing-md);max-width:calc(100% - 2 * var(--spacing-md))}.modal-footer[data-v-77f568e7]{flex-direction:column-reverse}.modal-footer .btn[data-v-77f568e7]{width:100%}}:root{--color-primary: #2563eb;--color-primary-dark: #1e40af;--color-primary-light: #3b82f6;--color-primary-50: #eff6ff;--color-primary-100: #dbeafe;--color-secondary: #f97316;--color-secondary-dark: #ea580c;--color-secondary-light: #fb923c;--color-accent: #14b8a6;--color-accent-dark: #0d9488;--color-success: #16a34a;--color-success-light: #22c55e;--color-success-dark: #15803d;--color-danger: #dc2626;--color-danger-light: #ef4444;--color-danger-dark: #b91c1c;--color-warning: #d97706;--color-warning-light: #f59e0b;--color-warning-dark: #b45309;--color-info: #0284c7;--color-info-light: #0ea5e9;--color-info-dark: #0369a1;--color-gray-50: #fafaf9;--color-gray-100: #f5f5f4;--color-gray-200: #e7e5e4;--color-gray-300: #d6d3d1;--color-gray-400: #a8a29e;--color-gray-500: #78716c;--color-gray-600: #57534e;--color-gray-700: #44403c;--color-gray-800: #292524;--color-gray-900: #1c1917;--color-text-primary: #1c1917;--color-text-secondary: #44403c;--color-text-muted: #57534e;--color-text-inverse: #ffffff;--color-text-on-primary: #ffffff;--color-bg-primary: #fefcf9;--color-bg-secondary: #fafaf9;--color-bg-tertiary: #f5f5f4;--color-bg-overlay: rgba(28, 25, 23, .5);--color-bg-card: #ffffff;--color-border-light: #e7e5e4;--color-border-medium: #d6d3d1;--color-border-dark: #a8a29e;--color-border-primary: #2563eb;--color-status-success: #16a34a;--color-status-error: #dc2626;--color-status-warning: #d97706;--color-status-info: #0284c7;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--font-family-base: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--font-family-mono: "Courier New", Courier, monospace;--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;--font-size-4xl: 2.25rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(28, 25, 23, .05);--shadow-md: 0 4px 6px -1px rgba(28, 25, 23, .1), 0 2px 4px -2px rgba(28, 25, 23, .06);--shadow-lg: 0 10px 15px -3px rgba(28, 25, 23, .1), 0 4px 6px -4px rgba(28, 25, 23, .05);--shadow-xl: 0 20px 25px -5px rgba(28, 25, 23, .1), 0 8px 10px -6px rgba(28, 25, 23, .04);--transition-fast: .15s ease-in-out;--transition-base: .2s ease-in-out;--transition-slow: .3s ease-in-out;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070}*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family-base);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--color-text-primary);background-color:var(--color-bg-secondary);min-height:100vh}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);color:var(--color-text-primary);margin-bottom:var(--spacing-md)}h1{font-size:var(--font-size-4xl)}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}h4{font-size:var(--font-size-xl)}h5{font-size:var(--font-size-lg)}h6{font-size:var(--font-size-base)}p{margin-bottom:var(--spacing-md);color:var(--color-text-secondary)}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-dark)}a:focus{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-sm)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);line-height:1.5;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);text-decoration:none;min-height:44px}.btn:focus{outline:2px solid var(--color-primary);outline-offset:2px}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background-color:var(--color-primary);color:var(--color-text-inverse);box-shadow:var(--shadow-sm)}.btn-primary:hover:not(:disabled){background-color:var(--color-primary-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-secondary{background-color:var(--color-secondary);color:var(--color-text-inverse);box-shadow:var(--shadow-sm)}.btn-secondary:hover:not(:disabled){background-color:var(--color-secondary-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-danger{background-color:var(--color-danger);color:var(--color-text-inverse);box-shadow:var(--shadow-sm)}.btn-danger:hover:not(:disabled){background-color:var(--color-danger-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-outline{background-color:transparent;border:2px solid var(--color-primary);color:var(--color-primary);box-shadow:none}.btn-outline:hover:not(:disabled){background-color:var(--color-primary);color:var(--color-text-inverse);box-shadow:var(--shadow-sm)}.btn-sm{padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-sm);min-height:36px}.btn-lg{padding:var(--spacing-md) var(--spacing-xl);font-size:var(--font-size-lg);min-height:52px}.form-group{margin-bottom:var(--spacing-md)}.form-label{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin-bottom:var(--spacing-xs)}.form-label .required{color:var(--color-danger);margin-left:var(--spacing-xs)}.form-input{width:100%;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--color-text-primary);background-color:var(--color-bg-card);border:1.5px solid var(--color-border-light);border-radius:var(--radius-md);transition:all var(--transition-base);min-height:44px}.form-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #2563eb1a}.form-input::placeholder{color:var(--color-text-muted)}.form-input.error{border-color:var(--color-danger)}.form-input.error:focus{box-shadow:0 0 0 3px #dc26261a}.form-error{display:block;margin-top:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--color-danger)}.card{background-color:var(--color-bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--spacing-lg);transition:box-shadow var(--transition-base);border:1px solid var(--color-border-light)}.card:hover{box-shadow:var(--shadow-lg)}.card-header{margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--color-border-light)}.card-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin-bottom:0}.alert{padding:var(--spacing-md);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg);display:flex;align-items:center;gap:var(--spacing-sm);border-left:4px solid}.alert-success{background-color:#16a34a1a;color:var(--color-status-success);border-color:var(--color-status-success)}.alert-error{background-color:#dc26261a;color:var(--color-status-error);border-color:var(--color-status-error)}.alert-warning{background-color:#d977061a;color:var(--color-status-warning);border-color:var(--color-status-warning)}.alert-info{background-color:#0284c71a;color:var(--color-status-info);border-color:var(--color-status-info)}.spinner{display:inline-block;width:20px;height:20px;border:3px solid rgba(37,99,235,.3);border-radius:50%;border-top-color:var(--color-primary);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.skeleton{background:linear-gradient(90deg,var(--color-gray-200) 25%,var(--color-gray-100) 50%,var(--color-gray-200) 75%);background-size:200% 100%;animation:loading 1.5s ease-in-out infinite;border-radius:var(--radius-md)}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}.text-center{text-align:center}.text-muted{color:var(--color-text-muted)}.mt-1{margin-top:var(--spacing-sm)}.mt-2{margin-top:var(--spacing-md)}.mt-3{margin-top:var(--spacing-lg)}.mb-1{margin-bottom:var(--spacing-sm)}.mb-2{margin-bottom:var(--spacing-md)}.mb-3{margin-bottom:var(--spacing-lg)}@media (max-width: 768px){:root{--spacing-md: .875rem;--spacing-lg: 1.25rem;--spacing-xl: 1.75rem}.card{padding:var(--spacing-lg)}h1{font-size:var(--font-size-3xl)}h2{font-size:var(--font-size-2xl)}h3{font-size:var(--font-size-xl)}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}*:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-sm)}.fade-enter-active,.fade-leave-active{transition:opacity var(--transition-base)}.fade-enter-from,.fade-leave-to{opacity:0}.slide-enter-active,.slide-leave-active{transition:all var(--transition-base)}.slide-enter-from{transform:translateY(-10px);opacity:0}.slide-leave-to{transform:translateY(10px);opacity:0}