@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500;600;700&family=DM+Mono:wght@400;500&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-base: #f0f2f5;--bg-surface: #ffffff;--bg-elevated: #f8f9fb;--bg-hover: #f0f2f5;--border: #e2e6ed;--border-subtle: #eaecf0;--text-primary: #0f1c2e;--text-secondary: #4a5568;--text-muted: #9aa5b4;--accent: #1a56db;--accent-light: #eff4ff;--accent-dim: rgba(26,86,219,.08);--accent-glow: rgba(26,86,219,.18);--navy: #0f1c2e;--todo-color: #1a56db;--todo-dim: #eff4ff;--prog-color: #d97706;--prog-dim: #fffbeb;--done-color: #059669;--done-dim: #ecfdf5;--p-critical: #dc2626;--p-high: #ea580c;--p-medium: #ca8a04;--p-low: #16a34a;--danger: #dc2626;--danger-dim: #fef2f2;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--shadow-xs: 0 1px 2px rgba(15,28,46,.06);--shadow-card: 0 1px 3px rgba(15,28,46,.08), 0 1px 2px rgba(15,28,46,.04);--shadow-modal: 0 20px 60px rgba(15,28,46,.18), 0 4px 16px rgba(15,28,46,.08);--transition: all .15s cubic-bezier(.4,0,.2,1)}[data-theme=dark]{--bg-base: #0f1419;--bg-surface: #1a1f26;--bg-elevated: #242a33;--bg-hover: #2d3440;--border: #2d3440;--border-subtle: #1f2530;--text-primary: #e8eaed;--text-secondary: #b8bcc2;--text-muted: #6b7280;--accent: #3b82f6;--accent-light: #1e3a5f;--accent-dim: rgba(59,130,246,.12);--accent-glow: rgba(59,130,246,.24);--navy: #e8eaed;--todo-color: #60a5fa;--todo-dim: #1e3a5f;--prog-color: #fbbf24;--prog-dim: #3d2e1f;--done-color: #34d399;--done-dim: #1f3d33;--p-critical: #ef4444;--p-high: #fb923c;--p-medium: #eab308;--p-low: #22c55e;--danger: #ef4444;--danger-dim: #3d1f1f;--shadow-xs: 0 1px 2px rgba(0,0,0,.3);--shadow-card: 0 1px 3px rgba(0,0,0,.4), 0 1px 2px rgba(0,0,0,.2);--shadow-modal: 0 20px 60px rgba(0,0,0,.6), 0 4px 16px rgba(0,0,0,.3)}body{font-family:DM Sans,-apple-system,sans-serif;background:var(--bg-base);color:var(--text-primary);min-height:100vh;-webkit-font-smoothing:antialiased}.app{display:flex;min-height:100vh}.sidebar{width:240px;min-width:240px;background:linear-gradient(180deg,#0f1c2e,#1a2332);display:flex;flex-direction:column;position:sticky;top:0;height:100vh;z-index:20}[data-theme=dark] .sidebar{background:linear-gradient(180deg,#1a1f26,#0f1419)}.sidebar-logo{padding:1.5rem 1.4rem 1.2rem;border-bottom:1px solid rgba(255,255,255,.08);flex-shrink:0}[data-theme=dark] .sidebar-logo{border-bottom:1px solid rgba(255,255,255,.05)}.sidebar-logo-mark{display:flex;align-items:center;gap:.75rem}.sidebar-logo-icon{width:34px;height:34px;background:var(--accent);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0;box-shadow:0 2px 8px #1a56db66}.sidebar-logo-text{font-size:1.1rem;font-weight:700;color:#fff;letter-spacing:-.02em}.sidebar-logo-text span{color:#60a5fa}.sidebar-nav{flex:1;padding:1.2rem .8rem;display:flex;flex-direction:column;gap:2px;overflow-y:auto;overflow-x:hidden}.sidebar-label{font-family:DM Mono,monospace;font-size:.6rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:#ffffff4d;padding:.6rem .7rem .3rem}.sidebar-item{display:flex;align-items:center;gap:.65rem;padding:.55rem .8rem;border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);color:#ffffffa6;font-size:.875rem;font-weight:500;border:none;background:none;width:100%;text-align:left}.sidebar-item:hover{background:#ffffff14;color:#fffffff2}.sidebar-item.active{background:#3b82f640;color:#fff;box-shadow:0 0 0 1px #3b82f64d}[data-theme=dark] .sidebar-item.active{background:#3b82f633;box-shadow:0 0 0 1px #3b82f640}.sidebar-item-icon{font-size:.9rem;width:18px;text-align:center;flex-shrink:0;opacity:.8}.sidebar-item-count{margin-left:auto;font-family:DM Mono,monospace;font-size:.65rem;background:#ffffff1a;border-radius:999px;padding:.1rem .45rem;color:#ffffff80}.sidebar-item.active .sidebar-item-count{background:#ffffff26;color:#fffc}.sidebar-footer{padding:1rem 1.1rem;border-top:1px solid rgba(255,255,255,.08);flex-shrink:0}[data-theme=dark] .sidebar-footer{border-top:1px solid rgba(255,255,255,.05)}.sidebar-new-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.65rem 1rem;background:var(--accent);color:#fff;border:none;border-radius:var(--radius-md);font-family:DM Sans,sans-serif;font-size:.875rem;font-weight:600;cursor:pointer;transition:var(--transition)}.sidebar-new-btn:hover{background:#1d4ed8;transform:translateY(-1px);box-shadow:0 4px 16px #1a56db66}.main{flex:1;display:flex;flex-direction:column;min-width:0;overflow:hidden;background:var(--bg-base)}.topbar{background:var(--bg-surface);border-bottom:1px solid var(--border-subtle);padding:.85rem 2rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;position:sticky;top:0;z-index:10;box-shadow:var(--shadow-xs)}.topbar-title{font-size:1.15rem;font-weight:700;color:var(--text-primary);letter-spacing:-.02em}.topbar-right{display:flex;align-items:center;gap:.75rem}.search-input{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);padding:.35rem .75rem;font-size:.8125rem;color:var(--text-primary);font-family:DM Sans,sans-serif;outline:none;transition:var(--transition);width:200px}.search-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim)}.search-input::placeholder{color:var(--text-muted)}.stat-chip{display:flex;align-items:center;gap:.5rem;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);padding:.35rem .75rem;font-size:.75rem;color:var(--text-secondary);font-family:DM Mono,monospace}.stat-chip strong{color:var(--text-primary);font-weight:600}.stat-chip.progress-chip{border-color:var(--accent);background:var(--accent-light);color:var(--accent)}.stat-chip.progress-chip strong{color:var(--accent)}.progress-track{height:3px;background:#1a56db33;border-radius:999px;overflow:hidden;width:56px}.progress-fill{height:100%;background:var(--accent);border-radius:999px;transition:width .4s cubic-bezier(.4,0,.2,1)}.board-wrap{flex:1;padding:1.5rem 2rem;overflow-y:auto}.board{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;align-items:start}@media (max-width: 1000px){.board{grid-template-columns:1fr 1fr}}@media (max-width: 640px){.board{grid-template-columns:1fr}.sidebar{display:none}}.column{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);display:flex;flex-direction:column;min-height:340px;transition:var(--transition);box-shadow:var(--shadow-card)}.column.drag-over{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-dim)}.column-header{padding:.9rem 1rem .85rem;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border-subtle);border-radius:var(--radius-lg) var(--radius-lg) 0 0}.col-todo .column-header{background:#f0f5ff}.col-inprogress .column-header{background:#fffbf0}.col-completed .column-header{background:#f0fdf8}.column-title{display:flex;align-items:center;gap:.5rem;font-size:.72rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;font-family:DM Mono,monospace}.col-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.col-todo .col-dot{background:var(--todo-color)}.col-inprogress .col-dot{background:var(--prog-color)}.col-completed .col-dot{background:var(--done-color)}.col-todo .column-title{color:var(--todo-color)}.col-inprogress .column-title{color:var(--prog-color)}.col-completed .column-title{color:var(--done-color)}.column-count{font-family:DM Mono,monospace;font-size:.65rem;background:var(--bg-surface);border:1px solid var(--border);border-radius:999px;padding:.1rem .5rem;color:var(--text-muted)}.column-body{padding:.85rem;display:flex;flex-direction:column;gap:.6rem;flex:1}.empty-col{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:2.5rem 1rem;color:var(--text-muted);font-size:.78rem;font-family:DM Mono,monospace;text-align:center}.empty-col-icon{font-size:1.5rem;opacity:.25}.task-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:.9rem 1rem;cursor:grab;transition:var(--transition);box-shadow:var(--shadow-card);position:relative;overflow:hidden;animation:cardIn .18s ease both}@keyframes cardIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.task-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--border)}.task-card.priority-critical:before{background:var(--p-critical)}.task-card.priority-high:before{background:var(--p-high)}.task-card.priority-medium:before{background:var(--p-medium)}.task-card.priority-low:before{background:var(--p-low)}.task-card:hover{border-color:var(--accent);transform:translateY(-1px);box-shadow:0 4px 12px #0f1c2e1a}.task-card:active{cursor:grabbing}.task-card.dragging{opacity:.4;transform:scale(.98)}.task-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:.5rem;margin-bottom:.5rem}.task-title{font-size:.875rem;font-weight:600;color:var(--text-primary);line-height:1.4;flex:1}.priority-badge{display:flex;align-items:center;gap:.25rem;font-size:.65rem;font-family:DM Mono,monospace;font-weight:500;padding:.18rem .5rem;border-radius:var(--radius-sm);white-space:nowrap;flex-shrink:0;letter-spacing:.03em;text-transform:uppercase}.priority-badge.critical{background:#fef2f2;color:var(--p-critical);border:1px solid #fecaca}.priority-badge.high{background:#fff7ed;color:var(--p-high);border:1px solid #fed7aa}.priority-badge.medium{background:#fefce8;color:var(--p-medium);border:1px solid #fde68a}.priority-badge.low{background:#f0fdf4;color:var(--p-low);border:1px solid #bbf7d0}.task-desc{font-size:.8rem;color:var(--text-secondary);line-height:1.55;margin-bottom:.6rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.task-meta{display:flex;flex-wrap:wrap;gap:.3rem;margin-bottom:.65rem}.tag{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.15rem .5rem;font-size:.68rem;color:var(--text-secondary);font-family:DM Mono,monospace}.due-date{font-size:.68rem;color:var(--text-muted);font-family:DM Mono,monospace;display:flex;align-items:center;gap:.25rem}.due-date.overdue{color:var(--danger)}.task-footer{display:flex;align-items:center;justify-content:space-between;gap:.4rem;margin-top:.5rem;padding-top:.55rem;border-top:1px solid var(--border-subtle)}.task-actions{display:flex;gap:.3rem}.btn-icon{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.28rem .55rem;font-size:.72rem;cursor:pointer;color:var(--text-secondary);transition:var(--transition);display:flex;align-items:center;gap:.25rem;font-family:DM Sans,sans-serif;font-weight:500}.btn-icon:hover{background:var(--accent-light);color:var(--accent);border-color:var(--accent)}.btn-icon.danger:hover{background:var(--danger-dim);color:var(--danger);border-color:#fca5a5}.btn-status{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.28rem .65rem;font-size:.7rem;cursor:pointer;color:var(--text-secondary);transition:var(--transition);font-family:DM Mono,monospace;font-weight:500;white-space:nowrap}.btn-status:hover{border-color:var(--done-color);color:var(--done-color);background:var(--done-dim)}.btn{padding:.55rem 1.1rem;border-radius:var(--radius-md);border:none;cursor:pointer;font-size:.875rem;font-weight:600;font-family:DM Sans,sans-serif;transition:var(--transition);display:inline-flex;align-items:center;gap:.4rem}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:#1d4ed8;transform:translateY(-1px);box-shadow:0 4px 12px #1a56db4d}.btn-secondary{background:var(--bg-elevated);color:var(--text-secondary);border:1px solid var(--border)}.btn-secondary:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--accent)}.btn-danger{background:var(--danger-dim);color:var(--danger);border:1px solid #fca5a5}.btn-danger:hover{background:var(--danger);color:#fff}.btn-success{background:var(--done-dim);color:var(--done-color);border:1px solid #6ee7b7}.btn-success:hover{background:var(--done-color);color:#fff}.btn-sm{padding:.38rem .8rem;font-size:.8rem}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f1c2e73;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;z-index:100;padding:1rem;animation:overlayIn .15s ease}@keyframes overlayIn{0%{opacity:0}to{opacity:1}}.modal{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-xl);width:100%;max-width:520px;max-height:90vh;overflow-y:auto;padding:1.75rem;box-shadow:var(--shadow-modal);animation:modalIn .2s cubic-bezier(.34,1.4,.64,1)}@keyframes modalIn{0%{opacity:0;transform:scale(.96) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-lg{max-width:640px}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:1.5rem;gap:1rem}.modal-header h2{font-size:1.15rem;font-weight:700;color:var(--text-primary);letter-spacing:-.02em;line-height:1.3;flex:1}.modal-close{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-muted);font-size:.9rem;cursor:pointer;width:28px;height:28px;display:flex;align-items:center;justify-content:center;transition:var(--transition);flex-shrink:0}.modal-close:hover{background:var(--danger-dim);color:var(--danger);border-color:#fca5a5}.form-group{margin-bottom:1rem}.form-group label{display:block;font-size:.72rem;color:var(--text-muted);margin-bottom:.4rem;font-weight:600;font-family:DM Mono,monospace;letter-spacing:.06em;text-transform:uppercase}.form-control{width:100%;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:.6rem .85rem;color:var(--text-primary);font-size:.875rem;font-family:DM Sans,sans-serif;outline:none;transition:var(--transition);-webkit-appearance:none}.form-control:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim);background:var(--bg-surface)}.form-control::placeholder{color:var(--text-muted)}textarea.form-control{resize:vertical;min-height:80px;line-height:1.5}select.form-control{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%239aa5b4' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;background-size:12px 12px;padding-right:2rem;cursor:pointer}select.form-control:focus{background-image:none}select.form-control option{background:var(--bg-surface);color:var(--text-primary);padding:.5rem}[data-theme=dark] select.form-control{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23b8bcc2' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-size:12px 12px}[data-theme=dark] select.form-control:focus{background-image:none}.calendar-icon{opacity:1;filter:none}[data-theme=dark] .calendar-icon{filter:brightness(1.3) contrast(1.1)}input[type=date].form-control::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.5}[data-theme=dark] input[type=date].form-control::-webkit-calendar-picker-indicator{filter:invert(1) brightness(1.5);opacity:.8}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:.85rem}.form-actions{display:flex;gap:.6rem;justify-content:flex-end;margin-top:1.4rem;padding-top:1.2rem;border-top:1px solid var(--border-subtle)}.detail-section{margin-bottom:1.3rem}.detail-section h3{font-size:.68rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:.6rem;font-family:DM Mono,monospace;font-weight:600}.detail-badges{display:flex;flex-wrap:wrap;gap:.5rem}.detail-badge{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);padding:.35rem .75rem;font-size:.8rem;color:var(--text-secondary);font-family:DM Mono,monospace}[data-theme=dark] .detail-badge{background:var(--bg-elevated);border-color:var(--border)}[data-theme=dark] .detail-badge{-webkit-text-stroke:.3px rgba(255,255,255,.3);text-shadow:0 0 8px rgba(255,255,255,.5)}.description-text{color:var(--text-secondary);font-size:.875rem;line-height:1.7}.comment-list{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.85rem}.comment-item{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);padding:.65rem .85rem;font-size:.82rem;color:var(--text-secondary);display:flex;justify-content:space-between;align-items:flex-start;gap:.5rem;transition:var(--transition)}.comment-item:hover{background:var(--accent-light);border-color:var(--accent)}.comment-meta{font-size:.68rem;color:var(--text-muted);margin-top:.25rem;font-family:DM Mono,monospace}.comment-input-row{display:flex;gap:.5rem}.comment-input-row .form-control{flex:1}.confirm-dialog{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-xl);padding:2rem;max-width:380px;width:100%;text-align:center;box-shadow:var(--shadow-modal);animation:modalIn .2s cubic-bezier(.34,1.4,.64,1)}.confirm-icon{width:48px;height:48px;background:var(--danger-dim);border:1px solid #fca5a5;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.3rem;margin:0 auto 1rem}.confirm-dialog h3{font-size:1.1rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem}.confirm-dialog p{color:var(--text-secondary);font-size:.85rem;line-height:1.6;margin-bottom:1.5rem}.confirm-actions{display:flex;gap:.6rem;justify-content:center}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-base);padding:1.5rem}.auth-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-xl);padding:2.5rem 2rem;width:100%;max-width:400px;box-shadow:var(--shadow-modal)}.auth-logo{display:flex;align-items:center;gap:.75rem;margin-bottom:2rem}.auth-logo-icon{width:38px;height:38px;background:var(--navy);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.auth-logo-text{font-size:1.15rem;font-weight:700;color:var(--navy);letter-spacing:-.02em}.auth-logo-text span{color:var(--accent)}.auth-title{font-size:1.4rem;font-weight:700;color:var(--text-primary);letter-spacing:-.02em;margin-bottom:.35rem}.auth-subtitle{font-size:.875rem;color:var(--text-secondary);margin-bottom:1.75rem}.btn-google{display:flex;align-items:center;justify-content:center;gap:.6rem;padding:.65rem 1rem;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg-surface);color:var(--text-primary);font-family:DM Sans,sans-serif;font-size:.875rem;font-weight:600;cursor:pointer;transition:var(--transition);box-shadow:0 1px 2px #0f1c2e0f}.btn-google:hover{border-color:#dadce0;box-shadow:0 2px 8px #0f1c2e1f;transform:translateY(-1px)}.btn-google:active{transform:translateY(0);box-shadow:0 1px 2px #0f1c2e14}.auth-divider{display:flex;align-items:center;gap:.75rem;margin:1.25rem 0}.auth-divider-line{flex:1;height:1px;background:var(--border)}.auth-divider span{font-size:.75rem;color:var(--text-muted);white-space:nowrap}.auth-form{display:flex;flex-direction:column;gap:0}.auth-error{background:var(--danger-dim);border:1px solid #fca5a5;border-radius:var(--radius-md);padding:.65rem .85rem;font-size:.82rem;color:var(--danger);margin-bottom:1rem}.auth-submit{width:100%;justify-content:center;padding:.7rem;margin-top:.5rem;font-size:.9rem}.auth-submit:disabled{opacity:.6;cursor:not-allowed;transform:none}.auth-switch{margin-top:1.5rem;text-align:center;font-size:.85rem;color:var(--text-secondary)}.auth-link{background:none;border:none;color:var(--accent);font-weight:600;cursor:pointer;font-size:.85rem;padding:0}.auth-link:hover{text-decoration:underline}.sidebar-user{display:flex;align-items:center;gap:.6rem;padding:.6rem .5rem;margin-bottom:.6rem;border-radius:var(--radius-md);background:#ffffff0d}.sidebar-user-avatar{width:28px;height:28px;border-radius:50%;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;flex-shrink:0}.sidebar-user-email{font-size:.75rem;color:#fff9;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-settings-btn{width:100%;margin-top:.5rem;padding:.5rem;background:transparent;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-md);color:#ffffffb3;font-size:.8rem;font-family:DM Sans,sans-serif;cursor:pointer;transition:var(--transition)}.sidebar-settings-btn:hover{background:#ffffff14;border-color:#fff3;color:#ffffffe6}.sidebar-logout-btn{width:100%;margin-top:.5rem;padding:.5rem;background:transparent;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-md);color:#ffffff73;font-size:.8rem;font-family:DM Sans,sans-serif;cursor:pointer;transition:var(--transition)}.sidebar-logout-btn:hover{background:#ef444426;border-color:#ef444466;color:#fca5a5}.calendar-wrap{padding:1.5rem 2rem;flex:1;overflow-y:auto}.calendar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem}.cal-month-label{font-size:1.1rem;font-weight:700;color:var(--text-primary);letter-spacing:-.01em}.cal-nav-btn{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);width:34px;height:34px;font-size:1.2rem;cursor:pointer;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;transition:var(--transition)}.cal-nav-btn:hover{background:var(--accent-light);color:var(--accent);border-color:var(--accent)}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:1px;background:var(--border);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.cal-day-name{background:var(--bg-elevated);padding:.5rem 0;text-align:center;font-size:.7rem;font-weight:600;color:var(--text-muted);font-family:DM Mono,monospace;text-transform:uppercase;letter-spacing:.05em}.cal-cell{background:var(--bg-surface);min-height:90px;padding:.4rem;display:flex;flex-direction:column;gap:2px}.cal-empty{background:var(--bg-elevated)}.cal-today{background:var(--accent-light)}.cal-day-num{font-size:.72rem;font-weight:600;color:var(--text-muted);font-family:DM Mono,monospace;margin-bottom:2px}.cal-today .cal-day-num{color:var(--accent);font-weight:700}.cal-task-chip{font-size:.65rem;font-weight:500;padding:.15rem .4rem;border-radius:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:default}.cal-legend{display:flex;gap:.75rem;margin-top:1rem;flex-wrap:wrap}.cal-legend-item{font-size:.72rem;font-weight:500;padding:.25rem .65rem;border-radius:var(--radius-sm)}.archive-wrap{padding:1.5rem 2rem;flex:1;overflow-y:auto}.archive-list{display:flex;flex-direction:column;gap:.5rem;max-width:720px}.archive-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:4rem 1rem;color:var(--text-muted);font-size:.875rem}.archive-item{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:.75rem 1rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;transition:var(--transition)}.archive-item:hover{background:var(--bg-elevated)}.archive-item--deleted{opacity:.45}.archive-item-body{display:flex;flex-direction:column;gap:.3rem;flex:1;min-width:0}.archive-item-title{font-size:.875rem;font-weight:600;color:var(--text-primary)}.archive-item--deleted .archive-item-title{font-style:italic;color:var(--text-muted)}.archive-item-meta{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.archive-status{font-size:.65rem;font-weight:600;padding:.15rem .5rem;border-radius:var(--radius-sm);text-transform:uppercase;font-family:DM Mono,monospace}.archive-status--todo{background:var(--todo-dim);color:var(--todo-color)}.archive-status--inprogress{background:var(--prog-dim);color:var(--prog-color)}.archive-status--completed{background:var(--done-dim);color:var(--done-color)}.archive-due{font-size:.7rem;color:var(--text-muted);font-family:DM Mono,monospace}.archive-tag{font-size:.7rem;color:var(--text-secondary);background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.1rem .4rem}.auth-forgot{text-align:right;margin-top:-.25rem;margin-bottom:.75rem}.auth-error-actions{margin-top:.4rem;font-size:.8rem;display:flex;flex-wrap:wrap;align-items:center;gap:.2rem}.auth-error-actions .auth-link{font-size:.8rem}.archive-item-actions{display:flex;gap:.4rem;flex-shrink:0}.week-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:1px;background:var(--border);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;margin-bottom:1rem}.week-day{background:var(--bg-surface);min-height:400px;display:flex;flex-direction:column}.week-today{background:var(--accent-light)}.week-day-header{padding:.75rem .5rem;border-bottom:1px solid var(--border-subtle);text-align:center;background:var(--bg-elevated)}.week-today .week-day-header{background:var(--accent-dim)}.week-day-name{font-size:.7rem;font-weight:600;color:var(--text-muted);font-family:DM Mono,monospace;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem}.week-day-num{font-size:1.25rem;font-weight:700;color:var(--text-secondary);font-family:DM Mono,monospace}.week-day-num.today{color:var(--accent)}.week-day-tasks{padding:.5rem;display:flex;flex-direction:column;gap:.5rem;flex:1;overflow-y:auto}.week-task-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:.65rem .75rem;transition:var(--transition);box-shadow:var(--shadow-xs)}.week-task-card:hover{border-color:var(--accent);transform:translateY(-1px);box-shadow:var(--shadow-card)}.week-task-title{font-size:.8rem;font-weight:600;color:var(--text-primary);line-height:1.3;margin-bottom:.25rem}.week-task-meta{font-size:.7rem;color:var(--text-secondary);font-family:DM Mono,monospace}.sidebar-project-item{display:flex;align-items:center;gap:.65rem;padding:.55rem .8rem;border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);color:#ffffff8c;font-size:.875rem;font-weight:500;border:none;background:none;width:100%;text-align:left}.sidebar-project-item:hover{background:#ffffff12;color:#ffffffe6}.sidebar-project-item.active{background:#1a56db59;color:#fff}.project-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;background:#60a5fa}