*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #f5f5f3;--surface: #ffffff;--surface-hover: #f0efed;--border: #e5e3df;--text: #333333;--text-muted: #777777;--primary: #ed786a;--primary-hover: #fd887a;--danger: #e74c3c;--todo: #ed786a;--in-progress: #e6a23c;--completed: #67c23a;--radius: 10px;--radius-sm: 6px;--shadow: 0 1px 3px rgba(0,0,0,.08);--modal-bg: rgba(0,0,0,.3);--login-gradient: linear-gradient(135deg, #f5f5f3 0%, #fde8e4 100%);--card-bg: #fafaf8}[data-theme=dark]{--bg: #0f1117;--surface: #1a1d27;--surface-hover: #22263a;--border: #2a2e3f;--text: #e4e6f0;--text-muted: #8b8fa3;--primary: #ed786a;--primary-hover: #fd887a;--danger: #e74c3c;--todo: #ed786a;--in-progress: #f39c12;--completed: #27ae60;--shadow: 0 1px 3px rgba(0,0,0,.3);--modal-bg: rgba(0,0,0,.6);--login-gradient: linear-gradient(135deg, #0f1117 0%, #1a1040 100%);--card-bg: #0f1117}[data-theme=unicorn]{--bg: #fff0f6;--surface: #ffffff;--surface-hover: #fce4f0;--border: #f5c6e0;--text: #4a2040;--text-muted: #a06090;--primary: #e84393;--primary-hover: #fd79a8;--danger: #d63031;--todo: #e84393;--in-progress: #fdcb6e;--completed: #00b894;--shadow: 0 2px 8px rgba(232,67,147,.12);--modal-bg: rgba(74,32,64,.3);--login-gradient: linear-gradient(135deg, #fff0f6 0%, #fce4ec 50%, #e8f5e9 100%);--card-bg: #fff5fa}[data-theme=ocean]{--bg: #f0f7ff;--surface: #ffffff;--surface-hover: #e3f0fc;--border: #c4ddf5;--text: #1a3a5c;--text-muted: #6a8eb5;--primary: #0984e3;--primary-hover: #3da0f0;--danger: #d63031;--todo: #0984e3;--in-progress: #fdcb6e;--completed: #00b894;--shadow: 0 1px 4px rgba(9,132,227,.1);--modal-bg: rgba(26,58,92,.3);--login-gradient: linear-gradient(135deg, #f0f7ff 0%, #dfe9f3 100%);--card-bg: #f7fbff}[data-theme=forest]{--bg: #f0f7f0;--surface: #ffffff;--surface-hover: #e2f0e2;--border: #c1dcc1;--text: #1a3c1a;--text-muted: #5a8a5a;--primary: #00b894;--primary-hover: #2dd4a8;--danger: #d63031;--todo: #00b894;--in-progress: #fdcb6e;--completed: #6c5ce7;--shadow: 0 1px 4px rgba(0,184,148,.1);--modal-bg: rgba(26,60,26,.3);--login-gradient: linear-gradient(135deg, #f0f7f0 0%, #e0efe0 100%);--card-bg: #f7faf7}[data-theme=sunset]{--bg: #f5f0ff;--surface: #ffffff;--surface-hover: #ece4fc;--border: #d4c4f0;--text: #2d1b4e;--text-muted: #8a6ab5;--primary: #6c5ce7;--primary-hover: #8577ed;--danger: #d63031;--todo: #6c5ce7;--in-progress: #fdcb6e;--completed: #00b894;--shadow: 0 1px 4px rgba(108,92,231,.1);--modal-bg: rgba(45,27,78,.3);--login-gradient: linear-gradient(135deg, #f5f0ff 0%, #ede4ff 50%, #fce4ec 100%);--card-bg: #faf7ff}[data-theme=midnight]{--bg: #0d0d14;--surface: #16161f;--surface-hover: #1e1e2a;--border: #2a2a3a;--text: #e8e4d9;--text-muted: #9a9480;--primary: #d4a843;--primary-hover: #e4b853;--danger: #e74c3c;--todo: #d4a843;--in-progress: #e67e22;--completed: #27ae60;--shadow: 0 1px 4px rgba(212,168,67,.1);--modal-bg: rgba(0,0,0,.6);--login-gradient: linear-gradient(135deg, #0d0d14 0%, #1a1510 100%);--card-bg: #0d0d14}.unicorn-particle{position:fixed;border-radius:50%;pointer-events:none;z-index:9999}.confetti-piece{position:absolute;border-radius:2px;pointer-events:none}[data-theme=unicorn] .task-card{border-image:linear-gradient(135deg,#ff6b6b,#feca57,#48dbfb,#ff9ff3,#54a0ff) 1;border-width:2px;border-style:solid}[data-theme=unicorn] .kanban-column{border-image:linear-gradient(180deg,#ff9ff3,#48dbfb,#feca57) 1;border-width:2px;border-style:solid}[data-theme=unicorn] .app-header{background:linear-gradient(90deg,#fff0f6,#fce4ec,#e8f5e9,#e3f2fd,#f3e5f5);background-size:200% 100%;animation:unicorn-header 6s ease infinite}@keyframes unicorn-header{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}html{overflow-x:hidden}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg);color:var(--text);min-height:100vh;-webkit-font-smoothing:antialiased;transition:background .3s,color .3s;overflow-x:hidden;position:relative;width:100%}.theme-selector{position:relative}.theme-selector-trigger{background:var(--surface-hover);border:1px solid var(--border);color:var(--text);cursor:pointer;font-size:1.1rem;padding:.35rem .5rem;border-radius:var(--radius-sm);transition:all .2s;line-height:1}.theme-selector-trigger:hover{background:var(--border)}.theme-selector-dropdown{position:absolute;top:calc(100% + 4px);right:0;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:0 4px 16px #0000001f;min-width:220px;z-index:50;overflow:hidden;padding:.25rem}.theme-selector-item{display:flex;align-items:center;gap:.5rem;width:100%;text-align:left;background:none;border:none;padding:.5rem .75rem;font-family:inherit;font-size:.82rem;color:var(--text);cursor:pointer;border-radius:4px;transition:background .15s}.theme-selector-item:hover{background:var(--surface-hover)}.theme-selector-item.active{background:var(--surface-hover);font-weight:600}.theme-selector-icon{font-size:1rem}.login-page{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:1rem;background:var(--login-gradient)}.login-page .app-footer{position:absolute;bottom:0;left:0;right:0}.login-card{text-align:center;background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:3rem 2.5rem;max-width:400px;width:100%;box-shadow:var(--shadow)}.login-logo{margin-bottom:1rem}.login-logo img{height:48px}.login-card h1{font-size:1.75rem;font-weight:700;margin-bottom:.5rem}.login-card p{color:var(--text-muted);margin-bottom:2rem;line-height:1.5}.login-btn{display:inline-block;background:var(--primary);color:#fff;padding:.75rem 2rem;border-radius:var(--radius);text-decoration:none;font-weight:600;font-size:1rem;transition:background .2s}.login-btn:hover{background:var(--primary-hover)}.app-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;background:var(--surface);border-bottom:1px solid var(--border);gap:1rem;flex-wrap:wrap;box-shadow:var(--shadow)}.header-left{display:flex;align-items:center;gap:.75rem}.header-logo{height:28px}.header-logo-text{font-size:1.1rem;font-weight:700;color:var(--primary)}.logo-text{font-size:1.5rem;font-weight:700;color:var(--primary)}.header-right{display:flex;align-items:center;gap:.75rem}.user-menu-wrapper{position:relative}.user-menu-trigger{display:flex;align-items:center;gap:.5rem;background:none;border:1px solid transparent;border-radius:var(--radius-sm);padding:.3rem .5rem;cursor:pointer;color:var(--text);font-family:inherit;font-size:.875rem;transition:all .2s}.user-menu-trigger:hover{background:var(--surface-hover);border-color:var(--border)}.user-name{color:var(--text-muted);font-size:.875rem}.user-menu-arrow{color:var(--text-muted);font-size:.7rem}.user-avatar{width:30px;height:30px;border-radius:50%;object-fit:cover;border:2px solid var(--border)}.user-avatar-fallback{width:30px;height:30px;border-radius:50%;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.8rem}.user-dropdown{position:absolute;top:calc(100% + 4px);right:0;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:0 4px 16px #0000001f;min-width:200px;z-index:50;overflow:hidden}.user-dropdown-info{padding:.75rem 1rem;display:flex;flex-direction:column;gap:.15rem}.user-dropdown-name{font-size:.85rem;font-weight:600}.user-dropdown-email{font-size:.75rem;color:var(--text-muted)}.user-dropdown-divider{height:1px;background:var(--border)}.user-dropdown-item{display:block;width:100%;text-align:left;background:none;border:none;padding:.6rem 1rem;font-family:inherit;font-size:.85rem;color:var(--text);cursor:pointer;transition:background .15s}.user-dropdown-item:hover{background:var(--surface-hover)}.nav-tabs{display:flex;gap:.25rem;background:var(--surface-hover);border-radius:var(--radius-sm);padding:.2rem}.nav-tab{border:none;background:transparent;color:var(--text-muted);cursor:pointer;font-family:inherit;font-size:.8rem;font-weight:500;padding:.4rem .75rem;border-radius:4px;transition:all .2s}.nav-tab.active{background:var(--surface);color:var(--text);box-shadow:var(--shadow)}.nav-tab:hover:not(.active){color:var(--text)}.btn{border:none;cursor:pointer;font-family:inherit;font-size:.875rem;font-weight:500;padding:.5rem 1rem;border-radius:var(--radius-sm);transition:all .2s}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-hover)}.btn-ghost{background:transparent;color:var(--text-muted)}.btn-ghost:hover{color:var(--text);background:var(--surface-hover)}.btn-icon{background:none;border:none;cursor:pointer;color:var(--text-muted);font-size:1.25rem;line-height:1;padding:.25rem;border-radius:var(--radius-sm);transition:all .2s}.btn-icon:hover{color:var(--text);background:var(--surface-hover)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{background:#c0392b}.btn-sm{font-size:.75rem;padding:.35rem .65rem}.board-container{padding:1.5rem;overflow-x:auto}.kanban-board{display:flex;gap:1.25rem;min-height:calc(100vh - 180px)}.kanban-column{flex:1;min-width:280px;max-width:400px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);display:flex;flex-direction:column;box-shadow:var(--shadow)}.column-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border-bottom:1px solid var(--border)}.column-header-left{display:flex;align-items:center;gap:.5rem}.column-header h2{font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.kanban-column:nth-child(1) .column-header h2{color:var(--todo)}.kanban-column:nth-child(2) .column-header h2{color:var(--in-progress)}.kanban-column:nth-child(3) .column-header h2{color:var(--completed)}.task-count{background:var(--border);color:var(--text-muted);font-size:.75rem;font-weight:600;padding:.15rem .5rem;border-radius:999px}.column-add-btn{background:none;border:none;cursor:pointer;color:var(--text-muted);font-size:1.2rem;padding:.15rem .4rem;border-radius:var(--radius-sm);transition:all .2s;line-height:1}.column-add-btn:hover{color:var(--primary);background:var(--surface-hover)}.column-body{padding:.75rem;flex:1;display:flex;flex-direction:column;gap:.625rem}.empty-column{text-align:center;color:var(--text-muted);font-size:.85rem;padding:2rem 0}.column-drag-over{outline:2px dashed var(--primary);outline-offset:-2px;background:color-mix(in srgb,var(--primary) 5%,var(--surface))}.drop-zone{border:2px dashed var(--border);border-radius:var(--radius-sm);padding:.75rem;text-align:center;color:var(--text-muted);font-size:.8rem;transition:all .15s}.drop-zone-active{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 8%,var(--surface));color:var(--primary)}.drop-zone-end{min-height:40px;flex:1}.task-card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.875rem;cursor:grab;transition:all .2s}.task-card:hover{border-color:var(--primary);transform:translateY(-1px);box-shadow:var(--shadow)}.task-card:active{cursor:grabbing}.task-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:.5rem}.task-card-actions{display:flex;gap:.1rem;flex-shrink:0}.edit-btn{font-size:.95rem}.edit-btn:hover{color:var(--primary)}.task-title{font-size:.9rem;font-weight:600;line-height:1.3}.delete-btn:hover{color:var(--danger)}.task-description{color:var(--text-muted);font-size:.8rem;line-height:1.4;margin-top:.5rem}.task-due{display:inline-block;font-size:.72rem;padding:.15rem .5rem;border-radius:999px;background:var(--surface-hover);color:var(--text-muted);white-space:nowrap;flex-shrink:0}.task-due.due-soon{background:#fef3cd;color:#856404}.task-due.due-urgent{background:#f8d7da;color:#721c24}.task-due.due-overdue{background:#e74c3c;color:#fff}[data-theme=dark] .task-due.due-soon,[data-theme=midnight] .task-due.due-soon{background:#5a4e1a;color:#ffc107}[data-theme=dark] .task-due.due-urgent,[data-theme=midnight] .task-due.due-urgent{background:#5a1a1a;color:#ff6b6b}.mobile-move-btns{display:none;gap:.4rem;margin-top:.5rem}.move-btn{flex:1;text-align:center;border:1px solid var(--border);font-size:.7rem;padding:.35rem .5rem}.task-assignee-row{display:flex;align-items:center;gap:.35rem;min-width:0}.task-assignee-avatar{width:20px;height:20px;border-radius:50%;object-fit:cover;flex-shrink:0}.task-assignee-avatar-fallback{width:20px;height:20px;border-radius:50%;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.6rem;font-weight:600;flex-shrink:0}.task-meta{display:flex;justify-content:space-between;align-items:center;margin-top:.75rem;gap:.5rem}.assign-select{background:var(--surface);color:var(--text-muted);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.25rem .5rem;font-size:.75rem;font-family:inherit;cursor:pointer;max-width:120px}.assign-select:focus{outline:2px solid var(--primary);outline-offset:1px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--modal-bg);display:flex;align-items:center;justify-content:center;padding:1rem;z-index:100}.modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;width:100%;max-width:480px;box-shadow:0 8px 32px #00000026}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem}.modal-header h2{font-size:1.1rem;font-weight:600}.form-group{margin-bottom:1rem}.form-group label{display:block;font-size:.85rem;font-weight:500;color:var(--text-muted);margin-bottom:.375rem}.form-group input,.form-group textarea,.form-group select{width:100%;background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.625rem .75rem;color:var(--text);font-family:inherit;font-size:.9rem;transition:border-color .2s}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--primary)}.form-group textarea{resize:vertical}.modal-actions{display:flex;justify-content:flex-end;gap:.5rem;margin-top:1.25rem}.form-row{display:flex;gap:.75rem}.form-group-half{flex:1}.confirm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--modal-bg);display:flex;align-items:center;justify-content:center;padding:1rem;z-index:200}.confirm-dialog{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;max-width:360px;width:100%;text-align:center;box-shadow:0 8px 32px #00000026}.confirm-dialog p{margin-bottom:1.25rem;font-size:.95rem;line-height:1.4}.confirm-actions{display:flex;gap:.5rem;justify-content:center}.archive-container{padding:1.5rem;max-width:800px;margin:0 auto}.archive-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.archive-container h2{font-size:1.1rem;font-weight:600;margin-bottom:0;color:var(--text-muted)}.archive-list{display:flex;flex-direction:column;gap:.5rem}.archive-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:1rem;display:flex;justify-content:space-between;align-items:center;gap:1rem;box-shadow:var(--shadow)}.archive-card-info{flex:1;min-width:0}.archive-card-info h3{font-size:.9rem;font-weight:600}.archive-card-info p{font-size:.8rem;color:var(--text-muted);margin-top:.25rem}.archive-card-actions{display:flex;gap:.5rem;flex-shrink:0}.empty-archive{text-align:center;color:var(--text-muted);padding:3rem 0}.app-footer{text-align:center;padding:1.25rem 1rem;color:var(--text-muted);font-size:.78rem;border-top:1px solid var(--border);background:var(--surface)}.app-footer a{color:var(--primary);text-decoration:none;font-weight:500}.app-footer a:hover{text-decoration:underline}.heart{color:#e74c3c}.loading{display:flex;align-items:center;justify-content:center;height:50vh;color:var(--text-muted);font-size:1rem}.toast{position:fixed;top:1.5rem;left:50%;transform:translate(-50%);background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:var(--radius);padding:.75rem 1.5rem;font-size:.85rem;box-shadow:0 4px 16px #00000026;z-index:300;animation:toast-in .3s ease,toast-out .3s ease 2.7s forwards}@keyframes toast-in{0%{opacity:0;transform:translate(-50%) translateY(-10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes toast-out{0%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(-10px)}}@media(max-width:768px){.app-header{padding:.75rem 1rem}.user-name,.user-menu-arrow{display:none}.board-container{padding:.75rem;overflow-x:hidden}.kanban-board{flex-direction:column;gap:1rem;min-height:auto}.kanban-column{min-width:unset;max-width:unset}.column-body{min-height:auto}.archive-container{padding:.75rem}.mobile-move-btns{display:flex}.task-card{cursor:default}.form-row{flex-direction:column;gap:0}}@media(max-width:480px){.header-right{width:100%;justify-content:space-between}.login-card{padding:2rem 1.5rem}}