:root{--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", 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;--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;--color-primary: #2563eb;--color-primary-hover: #1d4ed8;--color-primary-light: #dbeafe;--color-secondary: #7c3aed;--color-secondary-hover: #6d28d9;--color-success: #059669;--color-success-hover: #047857;--color-success-light: #d1fae5;--color-warning: #d97706;--color-warning-hover: #b45309;--color-warning-light: #fef3c7;--color-danger: #dc2626;--color-danger-hover: #b91c1c;--color-danger-light: #fee2e2;--color-info: #0891b2;--color-info-hover: #0e7490;--color-info-light: #cffafe;--color-white: #ffffff;--color-gray-50: #f9fafb;--color-gray-100: #f3f4f6;--color-gray-200: #e5e7eb;--color-gray-300: #d1d5db;--color-gray-400: #9ca3af;--color-gray-500: #6b7280;--color-gray-600: #4b5563;--color-gray-700: #374151;--color-gray-800: #1f2937;--color-gray-900: #111827;--bg-primary: #eef2f7;--bg-secondary: #dde4ee;--bg-tertiary: #cdd6e4;--bg-elevated: var(--color-white);--bg-overlay: rgba(0, 0, 0, .5);--text-primary: var(--color-gray-900);--text-secondary: var(--color-gray-700);--text-tertiary: var(--color-gray-600);--text-inverse: var(--color-white);--border-light: #b8c5d6;--border-medium: #8fa3bb;--border-strong: #5a748f;--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .12), 0 1px 2px 0 rgba(0, 0, 0, .07);--shadow-md: 0 4px 8px -1px rgba(0, 0, 0, .16), 0 2px 5px -1px rgba(0, 0, 0, .09);--shadow-lg: 0 10px 18px -3px rgba(0, 0, 0, .15), 0 4px 8px -2px rgba(0, 0, 0, .08);--shadow-xl: 0 20px 28px -5px rgba(0, 0, 0, .15), 0 10px 12px -5px rgba(0, 0, 0, .08);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--transition-fast: .15s ease-in-out;--transition-normal: .25s ease-in-out;--transition-slow: .35s 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}@media (prefers-color-scheme: dark){:root{--bg-primary: var(--color-gray-900);--bg-secondary: var(--color-gray-800);--bg-tertiary: var(--color-gray-700);--bg-elevated: var(--color-gray-800);--bg-overlay: rgba(0, 0, 0, .7);--text-primary: var(--color-gray-100);--text-secondary: var(--color-gray-300);--text-tertiary: var(--color-gray-400);--border-light: var(--color-gray-700);--border-medium: var(--color-gray-600);--border-strong: var(--color-gray-500)}}[data-theme=dark]{--bg-primary: var(--color-gray-900);--bg-secondary: var(--color-gray-800);--bg-tertiary: var(--color-gray-700);--bg-elevated: var(--color-gray-800);--bg-overlay: rgba(0, 0, 0, .7);--text-primary: var(--color-gray-100);--text-secondary: var(--color-gray-300);--text-tertiary: var(--color-gray-400);--border-light: var(--color-gray-700);--border-medium: var(--color-gray-600);--border-strong: var(--color-gray-500)}[data-theme=light]{--bg-primary: #eef2f7;--bg-secondary: #dde4ee;--bg-tertiary: #cdd6e4;--bg-elevated: var(--color-white);--bg-overlay: rgba(0, 0, 0, .5);--text-primary: var(--color-gray-900);--text-secondary: var(--color-gray-700);--text-tertiary: var(--color-gray-600);--border-light: #b8c5d6;--border-medium: #8fa3bb;--border-strong: #5a748f}*{box-sizing:border-box}html{font-size:16px;line-height:var(--line-height-normal)}body{margin:0;padding:0;font-family:var(--font-family);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);line-height:var(--line-height-normal);color:var(--text-primary);background-color:var(--bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}#app{min-height:100vh;display:flex;flex-direction:column}h1,h2,h3,h4,h5,h6{margin:0;font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);color:var(--text-primary)}h1{font-size:var(--font-size-3xl)}h2{font-size:var(--font-size-2xl)}h3{font-size:var(--font-size-xl)}h4{font-size:var(--font-size-lg)}h5{font-size:var(--font-size-base)}h6{font-size:var(--font-size-sm)}p{margin:0;color:var(--text-secondary)}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-hover);text-decoration:underline}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);font-family:inherit;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:1;border:1px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);text-decoration:none;white-space:nowrap;-webkit-user-select:none;user-select:none}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background-color:var(--color-primary);color:var(--color-white);border-color:var(--color-primary)}.btn-primary:hover:not(:disabled){background-color:var(--color-primary-hover);border-color:var(--color-primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-secondary{background-color:var(--color-secondary);color:var(--color-white);border-color:var(--color-secondary)}.btn-secondary:hover:not(:disabled){background-color:var(--color-secondary-hover);border-color:var(--color-secondary-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-success{background-color:var(--color-success);color:var(--color-white);border-color:var(--color-success)}.btn-success:hover:not(:disabled){background-color:var(--color-success-hover);border-color:var(--color-success-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-danger{background-color:var(--color-danger);color:var(--color-white);border-color:var(--color-danger)}.btn-danger:hover:not(:disabled){background-color:var(--color-danger-hover);border-color:var(--color-danger-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-outline{background-color:transparent;color:var(--text-primary);border-color:var(--border-medium)}.btn-outline:hover:not(:disabled){background-color:var(--bg-tertiary);border-color:var(--border-strong)}.btn-ghost{background-color:transparent;color:var(--text-secondary);border-color:transparent}.btn-ghost:hover:not(:disabled){background-color:var(--bg-tertiary);color:var(--text-primary)}.btn-sm{padding:var(--space-2) var(--space-3);font-size:var(--font-size-xs)}.btn-lg{padding:var(--space-4) var(--space-6);font-size:var(--font-size-lg)}.card{background-color:var(--bg-elevated);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden;transition:box-shadow var(--transition-normal)}.card:hover{box-shadow:var(--shadow-md)}.card-header{padding:var(--space-6);border-bottom:1px solid var(--border-light);background-color:var(--bg-secondary)}.card-body{padding:var(--space-6)}.card-footer{padding:var(--space-6);border-top:1px solid var(--border-light);background-color:var(--bg-secondary)}.form-group{margin-bottom:var(--space-4)}.form-label{display:block;margin-bottom:var(--space-2);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary)}.form-input{display:block;width:100%;padding:var(--space-3) var(--space-4);font-family:inherit;font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--text-primary);background-color:var(--bg-primary);border:1px solid var(--border-medium);border-radius:var(--radius-md);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.form-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #2563eb1a}.form-input:disabled{background-color:var(--bg-tertiary);color:var(--text-tertiary);cursor:not-allowed}.badge{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);line-height:1;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.025em}.badge-primary{background-color:var(--color-primary-light);color:var(--color-primary)}.badge-success{background-color:var(--color-success-light);color:var(--color-success)}.badge-warning{background-color:var(--color-warning-light);color:var(--color-warning)}.badge-danger{background-color:var(--color-danger-light);color:var(--color-danger)}.badge-info{background-color:var(--color-info-light);color:var(--color-info)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.mb-0{margin-bottom:0}.mb-1{margin-bottom:var(--space-1)}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.mt-0{margin-top:0}.mt-1{margin-top:var(--space-1)}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.p-0{padding:0}.p-1{padding:var(--space-1)}.p-2{padding:var(--space-2)}.p-3{padding:var(--space-3)}.p-4{padding:var(--space-4)}.p-6{padding:var(--space-6)}.p-8{padding:var(--space-8)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.w-full{width:100%}.h-full{height:100%}.min-h-screen{min-height:100vh}.rounded{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}@media (max-width: 768px){.btn{padding:var(--space-2) var(--space-3);font-size:var(--font-size-xs)}.card-body,.card-header,.card-footer{padding:var(--space-4)}}.auth-container[data-v-5e704a3e]{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);padding:var(--space-4);position:relative;overflow:hidden}.auth-container[data-v-5e704a3e]:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="25" cy="25" r="1" fill="rgba(255,255,255,0.1)"/><circle cx="75" cy="75" r="1" fill="rgba(255,255,255,0.1)"/><circle cx="50" cy="10" r="0.5" fill="rgba(255,255,255,0.05)"/><circle cx="10" cy="60" r="0.5" fill="rgba(255,255,255,0.05)"/><circle cx="90" cy="40" r="0.5" fill="rgba(255,255,255,0.05)"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');opacity:.3}.auth-card[data-v-5e704a3e]{background:var(--bg-elevated);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);padding:var(--space-8);width:100%;max-width:420px;position:relative;z-index:1;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1)}.auth-header[data-v-5e704a3e]{text-align:center;margin-bottom:var(--space-8)}.auth-icon[data-v-5e704a3e]{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);border-radius:var(--radius-xl);margin-bottom:var(--space-4);color:var(--color-white);box-shadow:var(--shadow-lg)}.auth-title[data-v-5e704a3e]{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0 0 var(--space-2) 0}.auth-subtitle[data-v-5e704a3e]{color:var(--text-secondary);font-size:var(--font-size-base);margin:0}.auth-form[data-v-5e704a3e]{display:flex;flex-direction:column;gap:var(--space-6)}.form-group[data-v-5e704a3e]{display:flex;flex-direction:column;gap:var(--space-2)}.form-label[data-v-5e704a3e]{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary)}.input-wrapper[data-v-5e704a3e]{position:relative;display:flex;align-items:center}.input-icon[data-v-5e704a3e]{position:absolute;left:var(--space-3);width:20px;height:20px;color:var(--text-tertiary);z-index:1;pointer-events:none}.form-input[data-v-5e704a3e]{width:100%;padding:var(--space-3) var(--space-3) var(--space-3) var(--space-10);font-size:var(--font-size-base);color:var(--text-primary);background:var(--bg-primary);border:2px solid var(--border-light);border-radius:var(--radius-lg);transition:all var(--transition-fast);font-family:inherit}.form-input[data-v-5e704a3e]:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #2563eb1a;transform:translateY(-1px)}.form-input[data-v-5e704a3e]:disabled{background:var(--bg-tertiary);color:var(--text-tertiary);cursor:not-allowed;opacity:.6}.form-input[data-v-5e704a3e]::placeholder{color:var(--text-tertiary)}.error-message[data-v-5e704a3e]{display:flex;align-items:center;gap:var(--space-2);background:var(--color-danger-light);color:var(--color-danger);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);border:1px solid rgba(220,38,38,.2);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.error-icon[data-v-5e704a3e]{width:16px;height:16px;flex-shrink:0}.auth-button[data-v-5e704a3e]{display:flex;align-items:center;justify-content:center;gap:var(--space-2);width:100%;padding:var(--space-4) var(--space-6);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-white);background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);border:none;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-normal);position:relative;overflow:hidden}.auth-button[data-v-5e704a3e]:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.auth-button[data-v-5e704a3e]:hover:not(:disabled):before{left:100%}.auth-button[data-v-5e704a3e]:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-lg)}.auth-button[data-v-5e704a3e]:active:not(:disabled){transform:translateY(0)}.auth-button[data-v-5e704a3e]:disabled{opacity:.6;cursor:not-allowed;transform:none}.loading-spinner[data-v-5e704a3e]{animation:spin-5e704a3e 1s linear infinite}.auth-switch[data-v-5e704a3e]{text-align:center;margin-top:var(--space-8);padding-top:var(--space-6);border-top:1px solid var(--border-light)}.switch-text[data-v-5e704a3e]{color:var(--text-secondary);font-size:var(--font-size-sm);margin:0}.switch-link[data-v-5e704a3e]{color:var(--color-primary);text-decoration:none;font-weight:var(--font-weight-semibold);transition:color var(--transition-fast)}.switch-link[data-v-5e704a3e]:hover{color:var(--color-primary-hover);text-decoration:underline}.w-4[data-v-5e704a3e]{width:1rem;height:1rem}.w-8[data-v-5e704a3e]{width:2rem;height:2rem}@keyframes spin-5e704a3e{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 480px){.auth-card[data-v-5e704a3e]{padding:var(--space-6);margin:var(--space-2)}.auth-title[data-v-5e704a3e]{font-size:var(--font-size-2xl)}.auth-icon[data-v-5e704a3e]{width:56px;height:56px}}.auth-container[data-v-b73c000f]{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);padding:var(--space-4);position:relative;overflow:hidden}.auth-container[data-v-b73c000f]:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="25" cy="25" r="1" fill="rgba(255,255,255,0.1)"/><circle cx="75" cy="75" r="1" fill="rgba(255,255,255,0.1)"/><circle cx="50" cy="10" r="0.5" fill="rgba(255,255,255,0.05)"/><circle cx="10" cy="60" r="0.5" fill="rgba(255,255,255,0.05)"/><circle cx="90" cy="40" r="0.5" fill="rgba(255,255,255,0.05)"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');opacity:.3}.auth-card[data-v-b73c000f]{background:var(--bg-elevated);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);padding:var(--space-8);width:100%;max-width:420px;position:relative;z-index:1;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1)}.auth-header[data-v-b73c000f]{text-align:center;margin-bottom:var(--space-8)}.auth-icon[data-v-b73c000f]{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);border-radius:var(--radius-xl);margin-bottom:var(--space-4);color:var(--color-white);box-shadow:var(--shadow-lg)}.auth-title[data-v-b73c000f]{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0 0 var(--space-2) 0}.auth-subtitle[data-v-b73c000f]{color:var(--text-secondary);font-size:var(--font-size-base);margin:0}.auth-form[data-v-b73c000f]{display:flex;flex-direction:column;gap:var(--space-6)}.form-group[data-v-b73c000f]{display:flex;flex-direction:column;gap:var(--space-2)}.form-label[data-v-b73c000f]{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary)}.input-wrapper[data-v-b73c000f]{position:relative;display:flex;align-items:center}.input-icon[data-v-b73c000f]{position:absolute;left:var(--space-3);width:20px;height:20px;color:var(--text-tertiary);z-index:1;pointer-events:none}.form-input[data-v-b73c000f]{width:100%;padding:var(--space-3) var(--space-3) var(--space-3) var(--space-10);font-size:var(--font-size-base);color:var(--text-primary);background:var(--bg-primary);border:2px solid var(--border-light);border-radius:var(--radius-lg);transition:all var(--transition-fast);font-family:inherit}.form-input[data-v-b73c000f]:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #2563eb1a;transform:translateY(-1px)}.form-input[data-v-b73c000f]:disabled{background:var(--bg-tertiary);color:var(--text-tertiary);cursor:not-allowed;opacity:.6}.form-input[data-v-b73c000f]::placeholder{color:var(--text-tertiary)}.error-message[data-v-b73c000f]{display:flex;align-items:center;gap:var(--space-2);background:var(--color-danger-light);color:var(--color-danger);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);border:1px solid rgba(220,38,38,.2);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.error-icon[data-v-b73c000f]{width:16px;height:16px;flex-shrink:0}.auth-button[data-v-b73c000f]{display:flex;align-items:center;justify-content:center;gap:var(--space-2);width:100%;padding:var(--space-4) var(--space-6);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-white);background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);border:none;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-normal);position:relative;overflow:hidden}.auth-button[data-v-b73c000f]:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.auth-button[data-v-b73c000f]:hover:not(:disabled):before{left:100%}.auth-button[data-v-b73c000f]:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-lg)}.auth-button[data-v-b73c000f]:active:not(:disabled){transform:translateY(0)}.auth-button[data-v-b73c000f]:disabled{opacity:.6;cursor:not-allowed;transform:none}.loading-spinner[data-v-b73c000f]{animation:spin-b73c000f 1s linear infinite}.auth-switch[data-v-b73c000f]{text-align:center;margin-top:var(--space-8);padding-top:var(--space-6);border-top:1px solid var(--border-light)}.switch-text[data-v-b73c000f]{color:var(--text-secondary);font-size:var(--font-size-sm);margin:0}.switch-link[data-v-b73c000f]{color:var(--color-primary);text-decoration:none;font-weight:var(--font-weight-semibold);transition:color var(--transition-fast)}.switch-link[data-v-b73c000f]:hover{color:var(--color-primary-hover);text-decoration:underline}.w-4[data-v-b73c000f]{width:1rem;height:1rem}.w-8[data-v-b73c000f]{width:2rem;height:2rem}@keyframes spin-b73c000f{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 480px){.auth-card[data-v-b73c000f]{padding:var(--space-6);margin:var(--space-2)}.auth-title[data-v-b73c000f]{font-size:var(--font-size-2xl)}.auth-icon[data-v-b73c000f]{width:56px;height:56px}}.app-header[data-v-a1e69e98]{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);color:var(--color-white);padding:var(--space-4) 0;box-shadow:var(--shadow-md);position:sticky;top:0;z-index:var(--z-sticky)}.header-content[data-v-a1e69e98]{max-width:1200px;margin:0 auto;padding:0 var(--space-6);display:flex;justify-content:space-between;align-items:center;gap:var(--space-4)}.header-left[data-v-a1e69e98]{display:flex;align-items:center;gap:var(--space-4)}.app-title[data-v-a1e69e98]{margin:0;font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-white)}.status-indicator[data-v-a1e69e98]{display:flex;align-items:center;gap:var(--space-2);background:#ffffff1a;padding:var(--space-2) var(--space-3);border-radius:var(--radius-full);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.status-dot[data-v-a1e69e98]{width:8px;height:8px;border-radius:50%;animation:pulse-a1e69e98 2s infinite}.status-picking[data-v-a1e69e98]{background-color:var(--color-info)}.status-break[data-v-a1e69e98]{background-color:var(--color-warning)}.status-working[data-v-a1e69e98]{background-color:var(--color-success)}.status-other[data-v-a1e69e98]{background-color:var(--color-secondary)}.status-text[data-v-a1e69e98]{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-white)}.header-right[data-v-a1e69e98]{display:flex;align-items:center;gap:var(--space-4)}.user-menu[data-v-a1e69e98]{display:flex;align-items:center;gap:var(--space-3)}.user-email[data-v-a1e69e98]{font-size:var(--font-size-sm);color:#fffc}.w-4[data-v-a1e69e98]{width:1rem;height:1rem}.serious-btn[data-v-a1e69e98]{font-size:var(--font-size-sm);white-space:nowrap}.theme-toggle[data-v-a1e69e98]{display:flex;align-items:center;gap:var(--space-2);background:transparent;border:none;cursor:pointer;color:#ffffffbf;padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);transition:color var(--transition-fast),background var(--transition-fast)}.theme-toggle[data-v-a1e69e98]:hover{color:var(--color-white);background:#ffffff1a}.toggle-icon[data-v-a1e69e98]{width:14px;height:14px;flex-shrink:0}.toggle-track[data-v-a1e69e98]{position:relative;width:36px;height:20px;background:#ffffff40;border:1px solid rgba(255,255,255,.35);border-radius:var(--radius-full);transition:background var(--transition-normal),border-color var(--transition-normal);flex-shrink:0}.toggle-track.dark[data-v-a1e69e98]{background:#00000059;border-color:#fff3}.toggle-thumb[data-v-a1e69e98]{position:absolute;top:2px;left:2px;width:14px;height:14px;background:var(--color-white);border-radius:50%;box-shadow:0 1px 3px #00000040;transition:transform var(--transition-normal)}.toggle-track.dark .toggle-thumb[data-v-a1e69e98]{transform:translate(16px)}.app-header .btn-outline[data-v-a1e69e98]{color:#ffffffeb;border-color:#ffffff73;background-color:#ffffff1a}.app-header .btn-outline[data-v-a1e69e98]:hover:not(:disabled){color:var(--color-white);border-color:#ffffffbf;background-color:#fff3;transform:none;box-shadow:none}.app-header .btn-ghost[data-v-a1e69e98]{color:#ffffffd9}.app-header .btn-ghost[data-v-a1e69e98]:hover:not(:disabled){color:var(--color-white);background-color:#ffffff26}@keyframes pulse-a1e69e98{0%,to{opacity:1}50%{opacity:.5}}@media (max-width: 768px){.header-content[data-v-a1e69e98]{flex-direction:column;gap:var(--space-3);text-align:center}.header-left[data-v-a1e69e98],.header-right[data-v-a1e69e98]{width:100%;justify-content:center}}@media (max-width: 480px){.header-content[data-v-a1e69e98]{padding:0 var(--space-4)}}.current-task-card[data-v-7301de31]{background:var(--bg-elevated);border:1px solid var(--border-light);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);overflow:hidden;transition:all var(--transition-normal)}.current-task-card[data-v-7301de31]:hover{transform:translateY(-2px);box-shadow:var(--shadow-xl)}.task-state-message[data-v-7301de31]{text-align:center;padding:var(--space-8) var(--space-6)}.state-icon[data-v-7301de31]{font-size:3rem;margin-bottom:var(--space-4)}.state-title[data-v-7301de31]{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--space-2)}.state-description[data-v-7301de31]{color:var(--text-secondary);font-size:var(--font-size-lg)}.task-loading[data-v-7301de31]{text-align:center;padding:var(--space-8) var(--space-6)}.loading-spinner[data-v-7301de31]{width:40px;height:40px;border:3px solid var(--border-light);border-top:3px solid var(--color-primary);border-radius:50%;animation:spin-7301de31 1s linear infinite;margin:0 auto var(--space-4)}.task-error[data-v-7301de31]{text-align:center;padding:var(--space-8) var(--space-6)}.error-icon[data-v-7301de31]{font-size:3rem;margin-bottom:var(--space-4)}.error-message[data-v-7301de31]{color:var(--color-danger);font-size:var(--font-size-lg)}.task-content[data-v-7301de31]{padding:var(--space-6)}.task-header[data-v-7301de31]{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-4);gap:var(--space-4)}.task-title[data-v-7301de31]{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0;flex:1}.task-badges[data-v-7301de31]{display:flex;gap:var(--space-2);flex-wrap:wrap}.task-description[data-v-7301de31]{color:var(--text-secondary);font-size:var(--font-size-base);line-height:var(--line-height-relaxed);margin:0}.task-created-info[data-v-7301de31]{margin-top:var(--space-2);font-size:var(--font-size-sm);color:var(--text-secondary);display:flex;gap:var(--space-2);align-items:center}.created-label[data-v-7301de31]{font-weight:var(--font-weight-medium);color:var(--text-secondary)}.created-timestamp[data-v-7301de31]{color:var(--text-secondary);font-family:Courier New,monospace}.task-stats[data-v-7301de31]{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--border-light);display:flex;flex-direction:column;gap:var(--space-2);align-items:flex-start}.task-stat-item[data-v-7301de31]{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm)}.task-stat-label[data-v-7301de31]{color:var(--text-secondary);font-weight:var(--font-weight-medium)}.task-stat-value[data-v-7301de31]{color:var(--text-primary);font-weight:var(--font-weight-semibold);font-variant-numeric:tabular-nums}.no-task-message[data-v-7301de31]{text-align:center;padding:var(--space-8) var(--space-6)}.no-task-icon[data-v-7301de31]{font-size:3rem;margin-bottom:var(--space-4)}.no-task-message h3[data-v-7301de31]{font-size:var(--font-size-xl);color:var(--text-primary);margin-bottom:var(--space-2)}.no-task-message p[data-v-7301de31]{color:var(--text-secondary);font-size:var(--font-size-lg)}@keyframes spin-7301de31{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.action-buttons[data-v-75c8169e]{display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:center}.w-4[data-v-75c8169e]{width:1rem;height:1rem}.w-5[data-v-75c8169e]{width:1.25rem;height:1.25rem}@media (max-width: 768px){.action-buttons[data-v-75c8169e]{flex-direction:column}}.timer-card[data-v-9c288cf1]{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);color:var(--color-white);text-align:center;border:none;box-shadow:var(--shadow-lg)}.timer-display[data-v-9c288cf1]{font-size:3rem;font-weight:var(--font-weight-bold);font-variant-numeric:tabular-nums;margin-bottom:var(--space-2);text-shadow:0 2px 4px rgba(0,0,0,.1)}.timer-label[data-v-9c288cf1]{font-size:var(--font-size-sm);color:var(--color-white);margin:0;text-transform:uppercase;letter-spacing:.05em}@media (max-width: 768px){.timer-display[data-v-9c288cf1]{font-size:2.5rem}}.stats-card[data-v-124013ae]{background:var(--bg-elevated);border:1px solid var(--border-light);box-shadow:var(--shadow-md)}.card-title[data-v-124013ae]{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0}.stat-item[data-v-124013ae]{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3) 0;border-bottom:1px solid var(--border-light)}.stat-item[data-v-124013ae]:last-child{border-bottom:none}.stat-label[data-v-124013ae]{font-size:var(--font-size-sm);color:var(--text-secondary);font-weight:var(--font-weight-medium)}.stat-value[data-v-124013ae]{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);font-variant-numeric:tabular-nums}.task-modal-overlay[data-v-05ec7280]{position:fixed;top:0;left:0;right:0;bottom:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);padding:var(--space-4);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.task-modal-content[data-v-05ec7280]{background:var(--bg-elevated);border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:600px;max-height:80vh;width:100%;overflow:hidden;display:flex;flex-direction:column;border:1px solid var(--border-light)}.task-modal-header[data-v-05ec7280]{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--border-light);background:var(--bg-primary)}.task-modal-title-section[data-v-05ec7280]{display:flex;align-items:center;gap:12px}.task-modal-title[data-v-05ec7280]{font-size:20px;font-weight:600;color:var(--text-primary);margin:0}.task-count[data-v-05ec7280]{font-size:14px;color:var(--text-tertiary);background:var(--bg-tertiary);padding:4px 8px;border-radius:12px}.task-modal-close[data-v-05ec7280]{background:none;border:none;color:var(--text-tertiary);cursor:pointer;padding:8px;border-radius:6px;transition:all .2s ease}.task-modal-close[data-v-05ec7280]:hover{background:var(--bg-tertiary);color:var(--text-primary)}.task-modal-body[data-v-05ec7280]{padding:24px;display:flex;flex-direction:column;flex:1;overflow:hidden;gap:24px}.todoist-loading[data-v-05ec7280]{text-align:center;padding:40px 20px;color:var(--text-secondary)}.todoist-spinner[data-v-05ec7280]{width:32px;height:32px;border:3px solid var(--border-light);border-top:3px solid var(--color-primary);border-radius:50%;animation:spin-05ec7280 1s linear infinite;margin:0 auto 16px}.todoist-error-message[data-v-05ec7280]{display:flex;align-items:center;gap:8px;padding:12px 16px;background:var(--color-danger-light);color:var(--color-danger);border-radius:6px;font-size:14px}.todoist-error-icon[data-v-05ec7280]{font-size:16px}.report-content[data-v-05ec7280]{display:flex;flex-direction:column;gap:24px;overflow-y:auto}.report-section[data-v-05ec7280]{background:var(--bg-secondary);border-radius:8px;padding:20px;border:1px solid var(--border-light)}.report-section-title[data-v-05ec7280]{font-size:18px;font-weight:600;color:var(--text-primary);margin:0 0 16px}.report-stats-grid[data-v-05ec7280]{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.report-stat-card[data-v-05ec7280]{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:8px;padding:20px;text-align:center;transition:all .2s ease}.report-stat-card[data-v-05ec7280]:hover{border-color:var(--border-medium);box-shadow:0 2px 4px #0000000d}.report-stat-icon[data-v-05ec7280]{font-size:32px;margin-bottom:8px}.report-stat-value[data-v-05ec7280]{font-size:28px;font-weight:700;color:var(--color-primary);margin-bottom:4px;font-variant-numeric:tabular-nums}.report-stat-label[data-v-05ec7280]{font-size:14px;color:var(--text-secondary);font-weight:500}.report-time-list[data-v-05ec7280]{display:flex;flex-direction:column;gap:12px}.report-time-item[data-v-05ec7280]{display:flex;justify-content:space-between;align-items:center;padding:16px;background:var(--bg-primary);border:1px solid var(--border-light);border-radius:8px}.report-time-label[data-v-05ec7280]{font-size:15px;font-weight:500;color:var(--text-primary)}.report-time-value[data-v-05ec7280]{font-size:18px;font-weight:600;color:var(--text-primary);font-variant-numeric:tabular-nums}.w-5[data-v-05ec7280]{width:1.25rem;height:1.25rem}@keyframes spin-05ec7280{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.report-stats-grid[data-v-05ec7280]{grid-template-columns:1fr}.task-modal-content[data-v-05ec7280]{margin:var(--space-2);max-height:calc(100vh - var(--space-4))}}@media (max-width: 480px){.task-modal-body[data-v-05ec7280]{padding:var(--space-4)}}.task-modal-overlay[data-v-67adc9fa]{position:fixed;top:0;left:0;right:0;bottom:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);padding:var(--space-4);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.task-modal-content[data-v-67adc9fa]{background:var(--bg-elevated);border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:600px;max-height:80vh;width:100%;overflow:hidden;display:flex;flex-direction:column;border:1px solid var(--border-light)}.task-modal-header[data-v-67adc9fa]{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--border-light);background:var(--bg-primary)}.task-modal-title-section[data-v-67adc9fa]{display:flex;align-items:center;gap:12px}.task-modal-title[data-v-67adc9fa]{font-size:20px;font-weight:600;color:var(--text-primary);margin:0}.task-count[data-v-67adc9fa]{font-size:14px;color:var(--text-tertiary);background:var(--bg-tertiary);padding:4px 8px;border-radius:12px}.task-modal-close[data-v-67adc9fa]{background:none;border:none;color:var(--text-tertiary);cursor:pointer;padding:8px;border-radius:6px;transition:all .2s ease}.task-modal-close[data-v-67adc9fa]:hover{background:var(--bg-tertiary);color:var(--text-primary)}.task-modal-body[data-v-67adc9fa]{padding:24px;display:flex;flex-direction:column;flex:1;overflow:hidden;gap:24px}.todoist-add-task[data-v-67adc9fa]{background:var(--bg-secondary);border-radius:8px;padding:16px;border:1px solid var(--border-light)}.todoist-form[data-v-67adc9fa]{display:flex;align-items:flex-start;gap:12px}.todoist-input-group[data-v-67adc9fa]{flex:1;display:flex;flex-direction:column;gap:12px}.todoist-input[data-v-67adc9fa]{width:100%;padding:12px 16px;font-size:16px;border:1px solid var(--border-light);border-radius:8px;background:var(--bg-primary);color:var(--text-primary);transition:all .2s ease;outline:none}.todoist-input[data-v-67adc9fa]:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #2563eb1a}.todoist-input[data-v-67adc9fa]::placeholder{color:var(--text-tertiary)}.todoist-options[data-v-67adc9fa]{display:flex;gap:16px}.todoist-checkbox[data-v-67adc9fa]{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:14px;color:var(--text-secondary);-webkit-user-select:none;user-select:none}.todoist-checkbox input[type=checkbox][data-v-67adc9fa]{display:none}.todoist-checkmark[data-v-67adc9fa]{width:18px;height:18px;border:2px solid var(--border-medium);border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;position:relative}.todoist-checkbox input[type=checkbox]:checked+.todoist-checkmark[data-v-67adc9fa]{background:var(--color-primary);border-color:var(--color-primary)}.todoist-checkbox input[type=checkbox]:checked+.todoist-checkmark[data-v-67adc9fa]:after{content:"✓";color:#fff;font-size:12px;font-weight:700}.todoist-checkmark.urgent[data-v-67adc9fa]{border-color:var(--color-danger)}.todoist-checkbox input[type=checkbox]:checked+.todoist-checkmark.urgent[data-v-67adc9fa]{background:var(--color-danger);border-color:var(--color-danger)}.todoist-checkmark.important[data-v-67adc9fa]{border-color:var(--color-warning)}.todoist-checkbox input[type=checkbox]:checked+.todoist-checkmark.important[data-v-67adc9fa]{background:var(--color-warning);border-color:var(--color-warning)}.todoist-label[data-v-67adc9fa]{font-weight:500}.todoist-add-btn[data-v-67adc9fa]{background:var(--color-primary);color:#fff;border:none;border-radius:8px;padding:12px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;min-width:44px;height:44px}.todoist-add-btn[data-v-67adc9fa]:hover:not(:disabled){background:var(--color-primary-hover);transform:translateY(-1px)}.todoist-add-btn[data-v-67adc9fa]:disabled{opacity:.5;cursor:not-allowed;transform:none}.todoist-error[data-v-67adc9fa]{color:var(--color-danger);font-size:14px;margin:8px 0 0}.todoist-tasks[data-v-67adc9fa]{flex:1;overflow-y:auto;min-height:0}.todoist-tasks[data-v-67adc9fa]::-webkit-scrollbar{width:6px}.todoist-tasks[data-v-67adc9fa]::-webkit-scrollbar-track{background:transparent}.todoist-tasks[data-v-67adc9fa]::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:3px}.todoist-tasks[data-v-67adc9fa]::-webkit-scrollbar-thumb:hover{background:var(--border-strong)}.todoist-loading[data-v-67adc9fa]{text-align:center;padding:40px 20px;color:var(--text-secondary)}.todoist-spinner[data-v-67adc9fa]{width:32px;height:32px;border:3px solid var(--border-light);border-top:3px solid var(--color-primary);border-radius:50%;animation:spin-67adc9fa 1s linear infinite;margin:0 auto 16px}.todoist-empty[data-v-67adc9fa]{text-align:center;padding:40px 20px;color:var(--text-secondary)}.todoist-empty-icon[data-v-67adc9fa]{font-size:48px;margin-bottom:16px;opacity:.5}.todoist-empty p[data-v-67adc9fa]{font-size:16px;margin-bottom:8px;color:var(--text-primary)}.todoist-empty span[data-v-67adc9fa]{font-size:14px;color:var(--text-tertiary)}.todoist-task-list[data-v-67adc9fa]{display:flex;flex-direction:column;gap:8px}.todoist-task-item[data-v-67adc9fa]{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:8px;transition:all .2s ease;overflow:hidden}.todoist-task-item[data-v-67adc9fa]:hover{border-color:var(--border-medium);box-shadow:0 2px 4px #0000000d}.todoist-task-item.editing[data-v-67adc9fa]{border-color:var(--color-primary);box-shadow:0 0 0 3px #2563eb1a}.todoist-task-content[data-v-67adc9fa]{padding:16px;display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.todoist-task-main[data-v-67adc9fa]{flex:1;min-width:0}.todoist-task-text[data-v-67adc9fa]{display:flex;flex-direction:column;gap:8px}.todoist-task-title[data-v-67adc9fa]{font-size:16px;font-weight:500;color:var(--text-primary);margin:0;line-height:1.4}.todoist-task-meta[data-v-67adc9fa]{display:flex;justify-content:space-between;align-items:center;gap:12px}.todoist-task-date[data-v-67adc9fa]{font-size:13px;color:var(--text-tertiary)}.todoist-task-badges[data-v-67adc9fa]{display:flex;gap:6px}.todoist-badge[data-v-67adc9fa]{padding:4px 8px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;color:#fff;text-transform:uppercase;letter-spacing:.025em}.todoist-badge.urgent[data-v-67adc9fa]{background:var(--color-danger)}.todoist-badge.important[data-v-67adc9fa]{background:var(--color-warning)}.todoist-edit-input[data-v-67adc9fa]{width:100%;padding:8px 12px;font-size:16px;border:1px solid var(--border-medium);border-radius:6px;background:var(--bg-primary);color:var(--text-primary);outline:none;margin-bottom:8px}.todoist-edit-input[data-v-67adc9fa]:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px #2563eb1a}.todoist-task-actions[data-v-67adc9fa]{display:flex;flex-direction:row;gap:8px;flex-shrink:0;align-items:center}.todoist-edit-actions[data-v-67adc9fa],.todoist-view-actions[data-v-67adc9fa],.todoist-confirm-actions[data-v-67adc9fa]{display:flex;flex-direction:row;gap:8px;align-items:center}.confirm-text[data-v-67adc9fa]{font-size:13px;color:var(--color-danger);font-weight:500;white-space:nowrap}.todoist-btn[data-v-67adc9fa]{background:none;border:none;color:var(--text-tertiary);cursor:pointer;padding:8px;border-radius:6px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:32px;height:32px}.todoist-btn[data-v-67adc9fa]:hover{background:var(--bg-tertiary);color:var(--text-primary)}.todoist-btn-save[data-v-67adc9fa]{color:var(--color-success)}.todoist-btn-save[data-v-67adc9fa]:hover{background:var(--color-success-light);color:var(--color-success)}.todoist-btn-cancel[data-v-67adc9fa]{color:var(--text-tertiary)}.todoist-btn-start[data-v-67adc9fa]{color:var(--color-primary)}.todoist-btn-start[data-v-67adc9fa]:hover{background:var(--color-primary-light);color:var(--color-primary)}.todoist-btn-edit[data-v-67adc9fa]{color:var(--color-info)}.todoist-btn-edit[data-v-67adc9fa]:hover{background:var(--color-info-light);color:var(--color-info)}.todoist-btn-delete[data-v-67adc9fa]{color:var(--color-danger)}.todoist-btn-delete[data-v-67adc9fa]:hover{background:var(--color-danger-light);color:var(--color-danger)}.todoist-edit-form[data-v-67adc9fa]{padding:16px;background:var(--bg-secondary);border-top:1px solid var(--border-light)}.todoist-edit-fields[data-v-67adc9fa]{display:flex;flex-direction:column;gap:16px}.todoist-field[data-v-67adc9fa]{display:flex;flex-direction:column;gap:8px}.todoist-field-label[data-v-67adc9fa]{font-size:14px;font-weight:500;color:var(--text-primary)}.todoist-select[data-v-67adc9fa]{padding:8px 12px;font-size:14px;border:1px solid var(--border-medium);border-radius:6px;background:var(--bg-primary);color:var(--text-primary);outline:none;cursor:pointer}.todoist-select[data-v-67adc9fa]:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px #2563eb1a}.todoist-checkbox-group[data-v-67adc9fa]{display:flex;gap:16px}.todoist-error-message[data-v-67adc9fa]{display:flex;align-items:center;gap:8px;padding:12px 16px;background:var(--color-danger-light);color:var(--color-danger);border-radius:6px;font-size:14px;margin-top:16px}.todoist-error-icon[data-v-67adc9fa]{font-size:16px}.w-4[data-v-67adc9fa]{width:1rem;height:1rem}.w-5[data-v-67adc9fa]{width:1.25rem;height:1.25rem}@keyframes spin-67adc9fa{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.task-modal-content[data-v-67adc9fa]{margin:var(--space-2);max-height:calc(100vh - var(--space-4))}.todoist-form[data-v-67adc9fa]{flex-direction:column;gap:16px}.todoist-options[data-v-67adc9fa]{justify-content:center}.todoist-task-content[data-v-67adc9fa]{flex-direction:column;gap:12px}.todoist-task-actions[data-v-67adc9fa]{justify-content:flex-end;flex-wrap:wrap}.todoist-edit-actions[data-v-67adc9fa],.todoist-view-actions[data-v-67adc9fa],.todoist-confirm-actions[data-v-67adc9fa]{flex-direction:row;flex-wrap:wrap}}@media (max-width: 480px){.task-modal-body[data-v-67adc9fa]{padding:var(--space-4)}.todoist-task-content[data-v-67adc9fa],.todoist-add-task[data-v-67adc9fa],.todoist-edit-form[data-v-67adc9fa]{padding:var(--space-3)}}.anime-girl-container[data-v-34c2f735]{position:fixed;bottom:0;right:24px;display:flex;flex-direction:column;align-items:flex-end;z-index:100;pointer-events:none}.speech-bubble[data-v-34c2f735]{pointer-events:auto;position:relative;background:var(--bg-elevated);border:1px solid var(--border-medium);border-radius:12px;padding:10px 14px;max-width:210px;margin-bottom:10px;box-shadow:var(--shadow-md);cursor:default}.bubble-text[data-v-34c2f735]{margin:0;font-size:13px;line-height:1.5;color:var(--text-primary)}.speech-bubble[data-v-34c2f735]:after{content:"";position:absolute;bottom:-8px;right:28px;width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid var(--bg-elevated);pointer-events:none}.speech-bubble[data-v-34c2f735]:before{content:"";position:absolute;bottom:-10px;right:27px;width:0;height:0;border-left:9px solid transparent;border-right:9px solid transparent;border-top:9px solid var(--border-medium);pointer-events:none}.anime-girl-img[data-v-34c2f735]{pointer-events:auto;cursor:pointer;display:block;height:220px;width:auto;object-fit:contain;object-position:bottom;filter:drop-shadow(0 -2px 8px rgba(0,0,0,.15));animation:girl-idle-34c2f735 3.5s ease-in-out infinite;transition:transform .15s ease;-webkit-user-select:none;user-select:none}.anime-girl-img[data-v-34c2f735]:hover{transform:scale(1.04);animation-play-state:paused}@keyframes girl-idle-34c2f735{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.bubble-enter-active[data-v-34c2f735]{transition:opacity .25s ease,transform .25s ease}.bubble-leave-active[data-v-34c2f735]{transition:opacity .3s ease,transform .3s ease}.bubble-enter-from[data-v-34c2f735]{opacity:0;transform:translateY(6px) scale(.96)}.bubble-leave-to[data-v-34c2f735]{opacity:0;transform:translateY(-4px)}@media (max-width: 480px){.anime-girl-container[data-v-34c2f735]{right:8px}.anime-girl-svg[data-v-34c2f735]{width:80px;height:124px}.speech-bubble[data-v-34c2f735]{max-width:160px;font-size:12px}}.app-container[data-v-16748588]{min-height:100vh;background-color:var(--bg-primary);color:var(--text-primary)}.main-content[data-v-16748588]{flex:1;padding:var(--space-6)}.content-grid[data-v-16748588]{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 300px;gap:var(--space-6)}.task-section[data-v-16748588]{display:flex;flex-direction:column;gap:var(--space-4)}.stats-section[data-v-16748588]{display:flex;flex-direction:column}@media (max-width: 768px){.content-grid[data-v-16748588]{grid-template-columns:1fr;gap:var(--space-4)}}@media (max-width: 480px){.main-content[data-v-16748588]{padding:var(--space-4)}}