.notifications[data-v-c2ab2d82]{position:relative}.bell[data-v-c2ab2d82]{cursor:pointer;color:#ffffffb3;background:0 0;border:none;font-size:18px;position:relative}.bell[data-v-c2ab2d82]:hover{color:#fff}.badge[data-v-c2ab2d82]{color:#fff;background:#e94560;border-radius:10px;padding:2px 5px;font-size:10px;font-weight:700;position:absolute;top:-4px;right:-6px}.dropdown[data-v-c2ab2d82]{z-index:200;color:#1a1a2e;background:#fff;border-radius:8px;width:320px;max-height:400px;position:absolute;top:36px;right:0;overflow-y:auto;box-shadow:0 10px 30px #0003}.header[data-v-c2ab2d82]{border-bottom:1px solid #f3f4f6;justify-content:space-between;align-items:center;padding:12px 16px;font-weight:600;display:flex}.close[data-v-c2ab2d82]{cursor:pointer;color:#6b7280;background:0 0;border:none}ul[data-v-c2ab2d82]{margin:0;padding:0;list-style:none}.item[data-v-c2ab2d82]{border-bottom:1px solid #f3f4f6;padding:12px 16px}.item[data-v-c2ab2d82]:last-child{border-bottom:none}.title[data-v-c2ab2d82]{font-size:14px;font-weight:600}.desc[data-v-c2ab2d82]{color:#6b7280;margin-top:4px;font-size:13px}.time[data-v-c2ab2d82]{color:#991b1b;margin-top:4px;font-size:12px}.item.overdue_task[data-v-c2ab2d82]{border-left:3px solid #e94560}.item.check_in_soon[data-v-c2ab2d82]{border-left:3px solid #f59e0b}.empty[data-v-c2ab2d82]{text-align:center;color:#6b7280;padding:24px;font-size:14px}.app-header[data-v-005c4a2e]{z-index:100;background:#1a1a2e;border-bottom:2px solid #e94560;position:sticky;top:0}.header-inner[data-v-005c4a2e]{align-items:center;gap:32px;max-width:1200px;height:56px;margin:0 auto;padding:0 20px;display:flex}.logo[data-v-005c4a2e]{color:#fff;align-items:center;gap:8px;font-size:18px;font-weight:700;text-decoration:none;display:flex}.logo-icon[data-v-005c4a2e]{font-size:22px}.nav[data-v-005c4a2e]{gap:4px;display:flex}.nav-link[data-v-005c4a2e]{color:#ffffffb3;border-radius:8px;padding:8px 16px;font-size:14px;font-weight:500;text-decoration:none;transition:background .15s,color .15s}.nav-link[data-v-005c4a2e]:hover{color:#fff;background:#ffffff14}.nav-link--active[data-v-005c4a2e]{color:#e94560;background:#e9456033}.nav-group[data-v-005c4a2e]{align-items:center;display:flex;position:relative}.nav-group-label[data-v-005c4a2e]{color:#ffffffb3;cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:8px;padding:8px 16px;font-size:14px;font-weight:500;transition:background .15s,color .15s}.nav-group:hover .nav-group-label[data-v-005c4a2e],.nav-group--open .nav-group-label[data-v-005c4a2e]{color:#fff;background:#ffffff14}.nav-group-menu[data-v-005c4a2e]{z-index:101;background:#1a1a2e;border-radius:8px;flex-direction:column;gap:4px;min-width:200px;padding:8px;display:none;position:absolute;top:100%;left:0;box-shadow:0 10px 30px #0000004d}.nav-group:hover .nav-group-menu[data-v-005c4a2e],.nav-group--open .nav-group-menu[data-v-005c4a2e],.nav-group:focus-within .nav-group-menu[data-v-005c4a2e]{display:flex}.nav-group-menu .nav-link[data-v-005c4a2e]{white-space:nowrap}.auth-area[data-v-005c4a2e]{align-items:center;gap:12px;margin-left:auto;display:flex}.user-info[data-v-005c4a2e]{color:#ffffffb3;font-size:13px;text-decoration:none;transition:color .15s}.user-info[data-v-005c4a2e]:hover{color:#fff}.logout-btn[data-v-005c4a2e]{color:#ffffffb3;cursor:pointer;background:0 0;border:1px solid #ffffff4d;border-radius:6px;padding:6px 14px;font-size:13px;transition:all .15s}.logout-btn[data-v-005c4a2e]:hover{color:#e94560;border-color:#e94560}@media (width<=768px){.header-inner[data-v-005c4a2e]{gap:12px}.nav[data-v-005c4a2e]{gap:2px}.nav-link[data-v-005c4a2e]{padding:6px 10px;font-size:13px}.logo-text[data-v-005c4a2e]{display:none}}@media (width<=480px){.header-inner[data-v-005c4a2e]{flex-wrap:wrap;height:auto;padding:10px 16px}.nav[data-v-005c4a2e]{order:3;width:100%;padding-bottom:4px;overflow-x:auto}}@media (width<=768px){.nav-group[data-v-005c4a2e]{flex-direction:column;width:100%}.nav-group-menu[data-v-005c4a2e]{box-shadow:none;padding-left:16px;display:none;position:static}.nav--open .nav-group--open .nav-group-menu[data-v-005c4a2e],.nav--open .nav-group:hover .nav-group-menu[data-v-005c4a2e],.nav--open .nav-group:focus-within .nav-group-menu[data-v-005c4a2e]{display:flex}.nav-group-label[data-v-005c4a2e]{padding:12px 16px}}.hamburger[data-v-005c4a2e]{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:4px;padding:8px;display:none}.hamburger span[data-v-005c4a2e]{background:#fff;border-radius:2px;width:20px;height:2px;display:block}@media (width<=768px){.hamburger[data-v-005c4a2e]{display:flex}.nav[data-v-005c4a2e]{display:none}.nav--open[data-v-005c4a2e]{z-index:100;background:#1a1a2e;border-top:1px solid #ffffff1a;flex-direction:column;gap:4px;padding:16px;display:flex;position:absolute;top:56px;left:0;right:0}.nav--open .nav-link[data-v-005c4a2e]{padding:12px 16px}}.app-main{max-width:1200px;margin:0 auto;padding:24px 20px 48px}@media (width<=768px){.app-main{padding:16px 16px 32px}}*,:before,:after{box-sizing:border-box}:root{--color-primary:#4338ca;--color-primary-hover:#3730a3;--color-primary-light:#eef2ff;--color-accent:#e94560;--color-bg:#f9fafb;--color-surface:#fff;--color-text:#1a1a2e;--color-text-secondary:#6b7280;--color-text-muted:#9ca3af;--color-border:#d1d5db;--color-border-light:#e5e7eb;--color-error:#dc2626;--color-error-light:#fee2e2;--color-success:#065f46;--color-success-light:#d1fae5;--color-warning:#92400e;--color-warning-light:#fef3c7;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:12px;--spacing-lg:16px;--spacing-xl:24px;--spacing-2xl:32px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--font-size-xs:11px;--font-size-sm:13px;--font-size-base:14px;--font-size-lg:16px;--font-size-xl:18px;--font-size-2xl:20px;--font-size-3xl:24px;--font-size-4xl:28px;--transition:.15s;color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,system-ui,-apple-system,sans-serif;font-size:16px;line-height:1.5}body{margin:0}#app{min-height:100vh}a{color:inherit}img{max-width:100%}code{font-family:ui-monospace,Consolas,monospace}.btn{border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-base);cursor:pointer;background:var(--color-surface);color:#374151;transition:all var(--transition);align-items:center;gap:6px;padding:8px 20px;display:inline-flex}.btn:hover{background:#f3f4f6}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.btn--primary:hover{background:var(--color-primary-hover)}.btn--sm{font-size:var(--font-size-sm);padding:6px 12px}.btn--danger{color:var(--color-error);border-color:#fca5a5}.btn--danger:hover{background:var(--color-error-light)}.btn--outline{border-color:var(--color-border);color:#374151;background:0 0}.btn--outline:hover{background:#f3f4f6}.btn--ghost{color:var(--color-text-secondary);background:0 0;border:none}.btn--ghost:hover{color:var(--color-text);background:#f3f4f6}.input{border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-base);transition:border-color var(--transition);outline:none;padding:8px 14px}.input:focus{border-color:var(--color-primary)}.form-group{margin-bottom:var(--spacing-lg)}.form-label{font-size:var(--font-size-sm);color:#374151;margin-bottom:var(--spacing-xs);font-weight:600;display:block}.form-input{border:1px solid var(--color-border);border-radius:var(--radius-md);width:100%;font-size:var(--font-size-base);transition:border-color var(--transition);box-sizing:border-box;outline:none;padding:8px 12px}.form-input:focus{border-color:var(--color-primary)}.form-input:disabled{color:var(--color-text-muted);background:#f3f4f6}.form-input.is-error{border-color:var(--color-error)}.form-error{font-size:var(--font-size-xs);color:var(--color-error);margin-top:var(--spacing-xs)}.form-hint{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:var(--spacing-xs)}.form-row{gap:var(--spacing-md);flex-wrap:wrap;display:flex}.form-row .form-group{flex:1;min-width:140px}.form-actions{gap:var(--spacing-sm);margin-top:var(--spacing-xl);display:flex}.form-textarea{border:1px solid var(--color-border);border-radius:var(--radius-md);width:100%;font-size:var(--font-size-base);transition:border-color var(--transition);box-sizing:border-box;resize:vertical;outline:none;min-height:80px;padding:8px 12px;font-family:inherit}.form-textarea:focus{border-color:var(--color-primary)}.modal-overlay{z-index:200;background:#00000080;justify-content:center;align-items:flex-start;padding-top:40px;display:flex;position:fixed;inset:0;overflow-y:auto}.modal{background:var(--color-surface);border-radius:var(--radius-xl);width:100%;max-width:700px;max-height:90vh;margin-bottom:40px;padding:28px;overflow-y:auto}.modal h2{font-size:var(--font-size-2xl);color:var(--color-text);margin:0 0 20px;font-weight:700}.spinner{border:3px solid var(--color-border-light);border-top-color:var(--color-primary);border-radius:50%;width:24px;height:24px;animation:.6s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loading-page{color:var(--color-text-muted);justify-content:center;align-items:center;gap:var(--spacing-sm);padding:64px 0;display:flex}.empty-state{text-align:center;color:var(--color-text-muted);padding:48px 0}.empty-state p{margin-bottom:var(--spacing-lg)}.error-banner{background:var(--color-error-light);color:var(--color-error);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg);font-size:var(--font-size-sm)}.success-banner{background:var(--color-success-light);color:var(--color-success);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg);font-size:var(--font-size-sm)}.toast-container{z-index:1000;flex-direction:column;gap:8px;display:flex;position:fixed;top:16px;right:16px}.toast{border-radius:var(--radius-md);font-size:var(--font-size-sm);max-width:400px;padding:12px 16px;font-weight:500;animation:.3s toast-in;box-shadow:0 4px 12px #00000026}.toast--success{background:var(--color-success);color:#fff}.toast--error{background:var(--color-error);color:#fff}.toast--warning{background:var(--color-warning);color:#fff}@keyframes toast-in{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media (width<=768px){.form-row{flex-direction:column}.form-row .form-group{min-width:0}.modal{border-radius:var(--radius-lg);width:95vw;max-width:95vw;padding:20px 16px}.modal-overlay{padding-top:16px}.modal h2{font-size:var(--font-size-xl)}.form-input{font-size:16px}.btn{padding:10px 16px}.form-actions{flex-wrap:wrap}}