@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/ba9851c3c22cd980-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/21350d82a1f187e9-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/c5fe6dc8356a8c31-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/19cfc7226ec3afaa-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/df0a9ae256c0569c-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/8e9860b6e62d6359-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/e4af272ccee01ff0-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Inter Fallback;src:local("Arial");ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.00%;size-adjust:107.12%}.__className_f367f3{font-family:Inter,Inter Fallback;font-style:normal}.__variable_f367f3{--font-inter:"Inter","Inter Fallback"}:root{--color-bg-primary:#0a0a12;--color-bg-secondary:#12121f;--color-bg-card:#1a1a2e;--color-bg-elevated:#22223a;--color-text-primary:#f0f0f5;--color-text-secondary:#8888a0;--color-text-muted:#55556a;--color-border:rgba(255,255,255,0.06);--color-border-hover:rgba(255,255,255,0.12);--glass-bg:rgba(26,26,46,0.7);--glass-border:rgba(255,255,255,0.08);--glass-blur:16px;--shadow-sm:0 2px 8px rgba(0,0,0,0.3);--shadow-md:0 4px 16px rgba(0,0,0,0.4);--shadow-lg:0 8px 32px rgba(0,0,0,0.5);--shadow-glow-todo:0 0 20px rgba(59,130,246,0.15);--shadow-glow-doing:0 0 20px rgba(245,158,11,0.15);--shadow-glow-completed:0 0 20px rgba(16,185,129,0.15);--color-todo:#3b82f6;--color-todo-light:#06b6d4;--color-doing:#f59e0b;--color-doing-light:#f97316;--color-completed:#10b981;--color-completed-light:#34d399;--color-accent:#6366f1;--color-accent-hover:#818cf8;--color-danger:#ef4444;--color-danger-hover:#f87171;--color-success:#10b981;--color-info:#3b82f6;--space-xs:4px;--space-sm:8px;--space-md:12px;--space-lg:16px;--space-xl:24px;--space-2xl:32px;--space-3xl:48px;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--transition-fast:150ms ease;--transition-base:200ms ease;--transition-slow:300ms ease;--font-sans:var(--font-inter),system-ui,-apple-system,sans-serif}[data-theme=light]{--color-bg-primary:#f5f5fa;--color-bg-secondary:#ffffff;--color-bg-card:#ffffff;--color-bg-elevated:#f8f8fc;--color-text-primary:#1a1a2e;--color-text-secondary:#666680;--color-text-muted:#9999aa;--color-border:rgba(0,0,0,0.08);--color-border-hover:rgba(0,0,0,0.15);--glass-bg:rgba(255,255,255,0.8);--glass-border:rgba(0,0,0,0.06);--shadow-sm:0 2px 8px rgba(0,0,0,0.06);--shadow-md:0 4px 16px rgba(0,0,0,0.08);--shadow-lg:0 8px 32px rgba(0,0,0,0.12);--shadow-glow-todo:0 0 20px rgba(59,130,246,0.1);--shadow-glow-doing:0 0 20px rgba(245,158,11,0.1);--shadow-glow-completed:0 0 20px rgba(16,185,129,0.1)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}@keyframes pulseGlow{0%,to{opacity:.6}50%{opacity:1}}@keyframes slideInRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes slideOutRight{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100%)}}@keyframes checkmark{0%{stroke-dashoffset:20}to{stroke-dashoffset:0}}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-color:var(--color-bg-primary);color:var(--color-text-primary);font-family:var(--font-sans);font-size:14px;line-height:1.6;min-height:100vh;transition:background-color var(--transition-slow),color var(--transition-slow)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-text-muted);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-secondary)}::selection{background-color:rgba(99,102,241,.3);color:var(--color-text-primary)}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:var(--radius-sm)}a{color:inherit;text-decoration:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);border:1px solid transparent;border-radius:var(--radius-md);font-family:var(--font-sans);font-size:13px;font-weight:500;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;line-height:1.4;background:none;color:var(--color-text-primary)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,var(--color-accent),var(--color-accent-hover));color:#fff;border-color:rgba(255,255,255,.1);box-shadow:0 2px 12px rgba(99,102,241,.3)}.btn-primary:hover:not(:disabled){box-shadow:0 4px 20px rgba(99,102,241,.4);transform:translateY(-1px)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-ghost{background:transparent;color:var(--color-text-secondary);border-color:var(--color-border)}.btn-ghost:hover:not(:disabled){background:var(--color-bg-elevated);color:var(--color-text-primary);border-color:var(--color-border-hover)}.btn-danger{background:rgba(239,68,68,.1);color:var(--color-danger);border-color:rgba(239,68,68,.2)}.btn-danger:hover:not(:disabled){background:var(--color-danger);color:#fff;box-shadow:0 4px 16px rgba(239,68,68,.3)}.btn-sm{padding:var(--space-xs) var(--space-sm);font-size:12px;border-radius:var(--radius-sm)}.btn-icon{padding:var(--space-sm);border-radius:var(--radius-md);background:transparent;border:none;color:var(--color-text-secondary);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.btn-icon:hover{background:var(--color-bg-elevated)}.btn-icon:hover,.input{color:var(--color-text-primary)}.input{width:100%;padding:var(--space-sm) var(--space-md);background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);font-family:var(--font-sans);font-size:13px;line-height:1.5;transition:all var(--transition-fast)}.input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px rgba(99,102,241,.15)}.input::placeholder{color:var(--color-text-muted)}.textarea{width:100%;padding:var(--space-md);background:var(--color-bg-primary);color:var(--color-text-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);font-family:var(--font-sans);font-size:13px;line-height:1.6;resize:vertical;min-height:80px;transition:all var(--transition-fast)}.textarea:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px rgba(99,102,241,.15)}.textarea::placeholder{color:var(--color-text-muted)}.header{position:-webkit-sticky;position:sticky;top:0;z-index:100;justify-content:space-between;padding:var(--space-md) var(--space-xl);background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border-bottom:1px solid var(--glass-border);transition:background var(--transition-slow)}.header,.header-left{display:flex;align-items:center}.header-left{gap:var(--space-2xl)}.header-logo{font-size:20px;font-weight:800;letter-spacing:-.5px;background:linear-gradient(135deg,var(--color-accent),var(--color-todo-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header-nav{display:flex;align-items:center;gap:var(--space-xs)}.nav-link{padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-md);font-size:13px;font-weight:500;color:var(--color-text-secondary);transition:all var(--transition-fast);position:relative}.nav-link.active,.nav-link:hover{color:var(--color-text-primary);background:var(--color-bg-elevated)}.nav-link.active:after{content:"";position:absolute;bottom:-1px;left:50%;transform:translateX(-50%);width:20px;height:2px;background:linear-gradient(90deg,var(--color-accent),var(--color-todo-light));border-radius:1px}.header-actions{display:flex;align-items:center;gap:var(--space-sm)}.board{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:var(--space-xl);gap:var(--space-xl);padding:var(--space-xl);max-width:1400px;margin:0 auto;min-height:calc(100vh - 60px);align-items:start}@media (max-width:900px){.board{grid-template-columns:1fr;max-width:500px}}.column{display:flex;flex-direction:column;background:var(--glass-bg);backdrop-filter:blur(calc(var(--glass-blur) / 2));-webkit-backdrop-filter:blur(calc(var(--glass-blur) / 2));border:1px solid var(--glass-border);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--transition-base);animation:slideUp .4s ease forwards}.column:first-child{animation-delay:0s}.column:nth-child(2){animation-delay:80ms}.column:nth-child(3){animation-delay:.16s}.column-accent{height:3px;border-radius:0}.column-accent.todo{background:linear-gradient(90deg,var(--color-todo),var(--color-todo-light))}.column-accent.doing{background:linear-gradient(90deg,var(--color-doing),var(--color-doing-light))}.column-accent.completed{background:linear-gradient(90deg,var(--color-completed),var(--color-completed-light))}.column-header{justify-content:space-between;padding:var(--space-lg) var(--space-lg) var(--space-md)}.column-header,.column-title{display:flex;align-items:center}.column-title{gap:var(--space-sm);font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary)}.column-count{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 var(--space-sm);background:var(--color-bg-elevated);border-radius:11px;font-size:11px;font-weight:600;color:var(--color-text-muted)}.column-body{display:flex;flex-direction:column;gap:var(--space-sm);padding:0 var(--space-md) var(--space-md);min-height:100px;transition:background var(--transition-base)}.column-body.drop-zone-active{background:rgba(99,102,241,.04);border-radius:var(--radius-md)}.column-footer{padding:var(--space-sm) var(--space-md) var(--space-md)}.task-card{position:relative;display:flex;align-items:flex-start;gap:var(--space-sm);padding:var(--space-md) var(--space-md);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);animation:fadeIn .3s ease forwards;-webkit-user-select:none;-moz-user-select:none;user-select:none}.task-card:hover{border-color:var(--color-border-hover);box-shadow:var(--shadow-md);transform:translateY(-2px)}.task-card:active{transform:translateY(0)}.task-card.dragging{opacity:.4;box-shadow:none;transform:none}.task-card.overlay{box-shadow:var(--shadow-lg),0 0 40px rgba(99,102,241,.15);transform:scale(1.03) rotate(1.5deg);border-color:var(--color-accent);z-index:1000;cursor:-webkit-grabbing;cursor:grabbing}.task-card-grip{display:flex;flex-direction:column;align-items:center;justify-content:center;width:16px;min-height:32px;flex-shrink:0;color:var(--color-text-muted);cursor:-webkit-grab;cursor:grab;opacity:0;transition:opacity var(--transition-fast);padding-top:2px}.task-card:hover .task-card-grip{opacity:1}.task-card-grip svg{width:12px;height:12px}.task-card-content{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:var(--space-sm)}.task-card-title{font-size:13px;font-weight:500;line-height:1.4;color:var(--color-text-primary);word-break:break-word}.task-card-meta,.task-card-tags{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-xs)}.task-card-due{display:inline-flex;align-items:center;gap:4px;padding:2px var(--space-sm);border-radius:var(--radius-sm);font-size:11px;font-weight:500;background:var(--color-bg-elevated);color:var(--color-text-secondary)}.task-card-due.overdue{background:rgba(239,68,68,.12);color:var(--color-danger)}.task-card-due.due-soon{background:rgba(245,158,11,.12);color:var(--color-doing)}.task-card-subtasks{display:flex;gap:var(--space-sm);color:var(--color-text-muted)}.tag-pill,.task-card-subtasks{align-items:center;font-size:11px}.tag-pill{display:inline-flex;gap:4px;padding:2px var(--space-sm);border-radius:99px;font-weight:500;line-height:1.4;white-space:nowrap;transition:all var(--transition-fast)}.tag-pill.sm{padding:1px 6px;font-size:10px}.tag-pill-remove{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;border:none;background:transparent;color:inherit;cursor:pointer;border-radius:50%;font-size:12px;line-height:1;opacity:.6;transition:opacity var(--transition-fast);padding:0}.tag-pill-remove:hover{opacity:1}.progress-bar{width:100%;height:4px;background:var(--color-bg-elevated);border-radius:2px;overflow:hidden}.progress-bar-fill{height:100%;border-radius:2px;background:linear-gradient(90deg,var(--color-completed),var(--color-completed-light));transition:width var(--transition-base)}.progress-bar-mini{width:48px;height:3px;background:var(--color-bg-elevated);border-radius:2px;overflow:hidden}.progress-bar-mini .progress-bar-fill{height:100%}.modal-overlay{position:fixed;inset:0;z-index:200;display:flex;align-items:flex-start;justify-content:center;padding:var(--space-3xl) var(--space-xl);background:rgba(0,0,0,.6);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);animation:fadeIn .2s ease;overflow-y:auto}.modal{position:relative;width:100%;max-width:640px;background:var(--color-bg-secondary);border:1px solid var(--glass-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);animation:scaleIn .25s ease;overflow:hidden}.modal-close{position:absolute;top:var(--space-lg);right:var(--space-lg);width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);z-index:1;font-size:16px;line-height:1;padding:0}.modal-close:hover{background:var(--color-danger);color:#fff;border-color:var(--color-danger)}.modal-body{padding:var(--space-2xl);gap:var(--space-xl)}.modal-body,.modal-section{display:flex;flex-direction:column}.modal-section{gap:var(--space-sm)}.modal-section-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted)}.modal-title-input{width:100%;background:transparent;padding:0;font-size:20px;font-weight:700;color:var(--color-text-primary);font-family:var(--font-sans);line-height:1.3;outline:none;border:none;border-bottom:2px solid transparent;transition:border-color var(--transition-fast)}.modal-title-input:focus{border-bottom-color:var(--color-accent)}.modal-title-input::placeholder{color:var(--color-text-muted)}.modal-footer{display:flex;align-items:center;justify-content:space-between;padding:var(--space-lg) var(--space-2xl);border-top:1px solid var(--color-border);background:var(--color-bg-primary)}.modal-footer-meta{font-size:11px;color:var(--color-text-muted);display:flex;flex-direction:column;gap:2px}.status-pills{display:flex;gap:var(--space-sm)}.status-pill{padding:var(--space-sm) var(--space-lg);border-radius:99px;font-size:12px;font-weight:500;border:1px solid var(--color-border);background:transparent;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);font-family:var(--font-sans)}.status-pill:hover{border-color:var(--color-border-hover)}.status-pill.active.todo{background:rgba(59,130,246,.12);color:var(--color-todo);border-color:rgba(59,130,246,.3)}.status-pill.active.doing{background:rgba(245,158,11,.12);color:var(--color-doing);border-color:rgba(245,158,11,.3)}.status-pill.active.completed{background:rgba(16,185,129,.12);color:var(--color-completed);border-color:rgba(16,185,129,.3)}.subtask-item{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);transition:background var(--transition-fast)}.subtask-item:hover{background:var(--color-bg-elevated)}.subtask-checkbox{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:18px;height:18px;border:2px solid var(--color-border-hover);border-radius:4px;cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative;background:transparent}.subtask-checkbox:checked{background:linear-gradient(135deg,var(--color-completed),var(--color-completed-light));border-color:var(--color-completed)}.subtask-checkbox:checked:after{content:"✓";color:#fff;font-size:11px;font-weight:700}.subtask-title{flex:1 1;font-size:13px;color:var(--color-text-primary);transition:all var(--transition-fast)}.subtask-title.completed{text-decoration:line-through;color:var(--color-text-muted)}.subtask-delete{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--color-text-muted);cursor:pointer;border-radius:var(--radius-sm);opacity:0;transition:all var(--transition-fast);font-size:14px;padding:0}.subtask-item:hover .subtask-delete{opacity:1}.subtask-delete:hover{background:rgba(239,68,68,.1);color:var(--color-danger)}.note-item{padding:var(--space-md);background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);animation:slideUp .2s ease}.note-item-content{font-size:13px;line-height:1.6;color:var(--color-text-primary);white-space:pre-wrap;word-break:break-word}.note-item-time{font-size:11px;color:var(--color-text-muted);margin-top:var(--space-sm)}.search-bar{position:relative;display:flex;align-items:center}.search-bar-icon{position:absolute;left:var(--space-md);color:var(--color-text-muted);pointer-events:none;display:flex}.search-bar-icon svg{width:16px;height:16px}.search-bar-input{width:100%;padding:var(--space-sm) var(--space-lg);padding-left:40px;padding-right:40px;background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-lg);font-family:var(--font-sans);font-size:14px;color:var(--color-text-primary);transition:all var(--transition-fast)}.search-bar-input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px rgba(99,102,241,.1)}.search-bar-input::placeholder{color:var(--color-text-muted)}.search-bar-clear{position:absolute;right:var(--space-sm);width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:none;background:var(--color-bg-elevated);color:var(--color-text-secondary);cursor:pointer;border-radius:var(--radius-sm);font-size:14px;transition:all var(--transition-fast);padding:0}.search-bar-clear:hover{color:var(--color-text-primary)}.toast-container{position:fixed;bottom:var(--space-xl);right:var(--space-xl);z-index:9999;flex-direction:column-reverse;pointer-events:none}.toast,.toast-container{display:flex;gap:var(--space-sm)}.toast{align-items:center;padding:var(--space-md) var(--space-lg);background:var(--color-bg-card);border:1px solid var(--glass-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));font-size:13px;color:var(--color-text-primary);animation:slideInRight .3s ease;pointer-events:auto;max-width:360px}.toast.exiting{animation:slideOutRight .25s ease forwards}.toast-icon{width:18px;height:18px;flex-shrink:0;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:#fff}.toast.success .toast-icon{background:var(--color-success)}.toast.error .toast-icon{background:var(--color-danger)}.toast.info .toast-icon{background:var(--color-info)}.toast.success{border-left:3px solid var(--color-success)}.toast.error{border-left:3px solid var(--color-danger)}.toast.info{border-left:3px solid var(--color-info)}.create-form{display:flex;flex-direction:column;gap:var(--space-sm);padding:var(--space-md);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);animation:slideDown .2s ease}.create-form-actions{display:flex;gap:var(--space-sm);justify-content:flex-end}.create-form-extras{gap:var(--space-sm);padding-top:var(--space-sm);border-top:1px solid var(--color-border);animation:slideDown .15s ease}.create-form-extras,.empty-state{display:flex;flex-direction:column}.empty-state{align-items:center;justify-content:center;padding:var(--space-2xl) var(--space-lg);text-align:center;color:var(--color-text-muted)}.empty-state-icon{font-size:32px;margin-bottom:var(--space-md);opacity:.5}.empty-state-text{font-size:13px;line-height:1.5}.badge{display:inline-flex;align-items:center;justify-content:center;padding:2px 8px;border-radius:99px;font-size:11px;font-weight:600;line-height:1}.badge-todo{background:rgba(59,130,246,.12);color:var(--color-todo)}.badge-doing{background:rgba(245,158,11,.12);color:var(--color-doing)}.badge-completed{background:rgba(16,185,129,.12);color:var(--color-completed)}.add-task-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);width:100%;padding:var(--space-sm) var(--space-md);background:transparent;border:1px dashed var(--color-border);border-radius:var(--radius-md);color:var(--color-text-muted);font-size:13px;font-family:var(--font-sans);cursor:pointer;transition:all var(--transition-fast)}.add-task-btn:hover{border-color:var(--color-border-hover);color:var(--color-text-secondary);background:var(--color-bg-elevated)}.skeleton{background:linear-gradient(90deg,var(--color-bg-elevated) 25%,var(--color-bg-card) 50%,var(--color-bg-elevated) 75%);background-size:800px 100%;animation:shimmer 1.5s linear infinite}.skeleton,.skeleton-card{border-radius:var(--radius-md)}.skeleton-card{height:80px}.skeleton-line{height:12px;border-radius:var(--radius-sm)}.skeleton-line.short{width:60%}.skeleton-line.medium{width:80%}.archive-page{max-width:800px;margin:0 auto;padding:var(--space-xl);gap:var(--space-xl)}.archive-header,.archive-page{display:flex;flex-direction:column}.archive-header{gap:var(--space-md)}.archive-title{font-size:24px;font-weight:700;color:var(--color-text-primary)}.archive-list{display:flex;flex-direction:column;gap:var(--space-sm)}.archive-card{padding:var(--space-lg);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);animation:slideUp .3s ease forwards}.archive-card:hover{border-color:var(--color-border-hover);box-shadow:var(--shadow-sm)}.archive-card-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md)}.archive-card-title{font-size:14px;font-weight:500;color:var(--color-text-primary)}.archive-card-date{font-size:11px;color:var(--color-text-muted);white-space:nowrap}.archive-card-tags{display:flex;gap:var(--space-xs);margin-top:var(--space-sm);flex-wrap:wrap}.archive-card-body{padding-top:var(--space-md);margin-top:var(--space-md);border-top:1px solid var(--color-border);animation:slideDown .15s ease}.archive-card-description{font-size:13px;color:var(--color-text-secondary);line-height:1.6;white-space:pre-wrap}.theme-toggle{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);padding:0}.theme-toggle:hover{color:var(--color-text-primary);border-color:var(--color-border-hover);background:var(--color-bg-card)}.theme-toggle svg{width:18px;height:18px;transition:transform var(--transition-base)}.theme-toggle:hover svg{transform:rotate(15deg)}.color-picker{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.color-swatch{width:28px;height:28px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:all var(--transition-fast);padding:0}.color-swatch:hover{transform:scale(1.15)}.color-swatch.selected{border-color:var(--color-text-primary);box-shadow:0 0 0 2px var(--color-bg-primary)}.confirm-overlay{position:fixed;inset:0;z-index:300;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:fadeIn .15s ease}.confirm-dialog{background:var(--color-bg-secondary);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--space-xl);max-width:360px;width:100%;box-shadow:var(--shadow-lg);animation:scaleIn .2s ease;display:flex;flex-direction:column;gap:var(--space-lg)}.confirm-title{font-size:16px;font-weight:600;color:var(--color-text-primary)}.confirm-message{font-size:13px;color:var(--color-text-secondary);line-height:1.5}.confirm-actions{display:flex;justify-content:flex-end;gap:var(--space-sm)}