*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{color:#1e293b;background:#f1f5f9;font-family:Segoe UI,system-ui,sans-serif}:root{--bg:#f1f5f9;--surface:#fff;--border:#e2e8f0;--text:#1e293b;--muted:#64748b;--accent:#6366f1;--accent2:#3b82f6;--danger:#ef4444;--radius:12px;--radius-lg:18px;--shadow-sm:0 1px 4px #0000000f;--shadow:0 4px 16px #00000014;--shadow-lg:0 12px 40px #0000001f}button{cursor:pointer;border:none;outline:none;font-family:inherit}button:disabled{opacity:.55;cursor:not-allowed}input,textarea,select{color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);outline:none;font-family:inherit;font-size:14px;transition:border-color .15s,box-shadow .15s}input:focus,textarea:focus,select:focus{border-color:var(--accent2);box-shadow:0 0 0 3px #6366f11f}input::placeholder,textarea::placeholder{color:#94a3b8}.navbar{z-index:100;background:var(--surface);border-bottom:1px solid var(--border);height:54px;box-shadow:var(--shadow-sm);justify-content:space-between;align-items:center;padding:0 28px;display:flex;position:sticky;top:0}.navbar-brand{letter-spacing:-.3px;background:linear-gradient(135deg, var(--accent), var(--accent2));-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text;font-size:17px;font-weight:800}.navbar-actions{align-items:center;gap:12px;display:flex}.navbar-project-btn{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;justify-content:center;align-items:center;gap:6px;width:120px;height:40px;padding:0 14px;font-size:12px;font-weight:600;transition:all .2s;display:flex}.navbar-project-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.profile-dropdown{position:relative}.profile-btn{cursor:pointer;color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;justify-content:center;align-items:center;gap:10px;width:120px;height:40px;padding:0 12px;transition:all .2s;display:flex}.profile-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.profile-avatar{background:#fff3;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:13px;font-weight:700;display:flex}.profile-name{text-overflow:ellipsis;white-space:nowrap;flex-shrink:0;max-width:70px;font-size:13px;font-weight:600;overflow:hidden}.profile-btn svg{flex-shrink:0;margin-left:auto}.profile-dropdown-menu{background:var(--surface);border:1px solid var(--border);min-width:260px;box-shadow:var(--shadow-lg);z-index:1000;border-radius:12px;animation:.2s fadeIn;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden}.profile-info{background:linear-gradient(135deg,#f8fafc,#f1f5f9);align-items:center;gap:12px;padding:16px;display:flex}.profile-info-avatar{color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:20px;font-weight:700;display:flex}.profile-info-details{flex:1;min-width:0}.profile-info-name{color:var(--text);text-overflow:ellipsis;white-space:nowrap;margin-bottom:4px;font-size:14px;font-weight:700;overflow:hidden}.profile-info-email{color:var(--muted);word-break:break-all;text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.profile-divider{background:var(--border);height:1px}.profile-logout-btn{width:100%;color:var(--danger);cursor:pointer;background:0 0;border:none;align-items:center;gap:10px;padding:12px 16px;font-size:13px;font-weight:600;transition:background .15s;display:flex}.profile-logout-btn:hover{background:#ef444414}.filter-bar{background:var(--surface);border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:10px;padding:12px 28px;display:flex}.filter-search{flex:1;align-items:center;min-width:180px;max-width:320px;display:flex;position:relative}.filter-search-icon{color:#94a3b8;pointer-events:none;width:15px;height:15px;position:absolute;left:11px}.filter-search input{border-radius:10px;width:100%;padding:8px 32px 8px 34px;font-size:13px}.filter-clear-x{color:#94a3b8;cursor:pointer;background:0 0;border:none;padding:0;font-size:12px;position:absolute;right:10px}.filter-clear-x:hover{color:var(--danger)}.filter-pill{border:1px solid var(--border);background:var(--surface);color:var(--muted);white-space:nowrap;border-radius:999px;align-items:center;gap:5px;padding:6px 13px;font-size:12px;font-weight:600;transition:all .15s;display:inline-flex}.filter-pill:hover{border-color:var(--accent2);color:var(--accent2)}.filter-pill-active{border-color:var(--accent);color:var(--accent);background:#6366f11a}.filter-clear{color:var(--danger);border-color:#ef444440}.filter-clear:hover{border-color:var(--danger);color:var(--danger);background:#ef444414}.filter-date-pills{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.filter-dropdown{position:relative}.filter-drop-menu{z-index:200;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);min-width:220px;box-shadow:var(--shadow-lg);padding:6px;position:absolute;top:calc(100% + 6px);left:0;overflow:hidden}.drop-item{text-align:left;width:100%;color:var(--text);cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;padding:8px 10px;font-size:13px;transition:background .12s;display:flex}.drop-item:hover{background:#f8fafc}.drop-item-active{color:var(--accent);background:#6366f114}.drop-avatar{background:linear-gradient(135deg, var(--accent), var(--accent2));color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;font-weight:700;display:flex}.drop-name{font-size:13px;font-weight:600;display:block}.drop-email{color:var(--muted);font-size:11px;display:block}.project-drop-item{align-items:center;gap:4px;padding:4px 8px;display:flex}.project-drop-item .drop-item{flex:1}.project-edit-btn,.project-delete-btn{cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 6px;font-size:12px;transition:all .2s}.project-edit-btn{color:#3b82f6}.project-edit-btn:hover{background:#3b82f61a}.project-delete-btn{color:#ef4444}.project-delete-btn:hover{background:#ef44441a}.project-badge{color:#fff;border-radius:12px;align-self:flex-start;margin-bottom:6px;padding:2px 8px;font-size:9px;font-weight:600;display:inline-block}.custom-range-wrapper{display:inline-block;position:relative}.custom-range-popup{z-index:1000;background:var(--surface);border:1px solid var(--border);min-width:260px;box-shadow:var(--shadow-lg);border-radius:12px;animation:.15s fadeIn;position:absolute;top:calc(100% + 8px);right:0}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.custom-range-popup-content{padding:12px}.custom-range-header{border-bottom:1px solid var(--border);color:var(--text);margin-bottom:10px;padding-bottom:8px;font-size:12px;font-weight:600}.custom-range-inputs{flex-direction:column;gap:8px;margin-bottom:12px;display:flex}.custom-range-inputs input{border:1px solid var(--border);background:var(--surface);border-radius:8px;padding:6px 10px;font-size:12px}.custom-range-inputs input:focus{border-color:var(--accent2);outline:none;box-shadow:0 0 0 2px #3b82f61a}.custom-range-actions{gap:8px;display:flex}.custom-range-actions button{cursor:pointer;border-radius:8px;flex:1;padding:6px 12px;font-size:12px;font-weight:600;transition:all .15s}.custom-range-actions .apply-btn{background:linear-gradient(135deg, var(--accent), var(--accent2));color:#fff;border:none}.custom-range-actions .apply-btn:hover{opacity:.9;transform:translateY(-1px)}.custom-range-actions .clear-btn{border:1px solid var(--border);color:var(--muted);background:#f1f5f9}.custom-range-actions .clear-btn:hover{color:var(--text);background:#e2e8f0}.page-root{background-color:#0000;background-image:linear-gradient(#ffffffd1,#ffffffd1),url(/assets/todo.jpg-DYfkzJeH.png);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;background-origin:padding-box,padding-box;background-clip:border-box,border-box;flex-direction:column;min-height:100vh;display:flex}.board-wrap{flex:1;padding:20px 28px;overflow:hidden}.board-scroll{padding-bottom:8px;overflow-x:auto}.board-scroll::-webkit-scrollbar{height:5px}.board-scroll::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.kanban-board{align-items:flex-start;gap:10px;min-width:max-content;transition:all .2s;display:flex}.kanban-board.col-drag-over{background:#6366f10d;border-radius:16px}.kanban-column{background:var(--surface);border:1px solid var(--border);width:220px;min-width:220px;max-width:220px;box-shadow:var(--shadow-sm);border-radius:14px;flex-direction:column;height:calc(100vh - 150px);transition:border-color .15s,box-shadow .15s,transform .15s;display:flex;overflow:hidden}.kanban-column:hover{transform:translateY(-1px)}.kanban-column.col-over{border-color:var(--accent2);box-shadow:0 0 0 3px #3b82f61a}.kanban-column-wrapper{transition:transform .2s,opacity .2s}.kanban-column-wrapper.col-dragging{opacity:.5;cursor:grabbing}.col-header{border-bottom:1px solid var(--border);cursor:grab;-webkit-user-select:none;user-select:none;flex-shrink:0;justify-content:space-between;align-items:center;min-height:50px;padding:10px 12px;display:flex}.col-header:active{cursor:grabbing}.col-title-row{align-items:center;gap:7px;display:flex}.col-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.col-label{letter-spacing:.06em;text-transform:uppercase;font-size:11px;font-weight:700}.col-label.editable{cursor:pointer;border-bottom:1px dashed #0000;transition:border-bottom-color .2s}.col-label.editable:hover{border-bottom-color:var(--accent2)}.col-count{background:#f1f5f9;border-radius:999px;padding:1px 6px;font-size:10px}.col-actions{align-items:center;gap:4px;display:flex}.col-edit,.col-del{color:#cbd5e1;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:2px 5px;font-size:11px;transition:color .12s,background .12s}.col-edit:hover{color:var(--accent2);background:#3b82f614}.col-del:hover{color:var(--danger);background:#ef444414}.col-name-input{letter-spacing:.06em;text-transform:uppercase;border:1px solid var(--accent2);border-radius:4px;outline:none;width:auto;min-width:80px;padding:2px 4px;font-family:inherit;font-size:11px;font-weight:700}.col-name-input:focus{border-color:var(--accent2);box-shadow:0 0 0 2px #3b82f61a}.col-cards{flex-direction:column;flex:1;gap:8px;padding:8px;display:flex;overflow-y:auto}.col-cards.task-drag-over{background:#6366f114;border-radius:12px;transition:background .15s}.col-cards::-webkit-scrollbar{width:4px}.col-cards::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:999px}.task-card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:10px;flex-direction:column;gap:6px;padding:9px 10px;transition:border-color .15s,box-shadow .15s,transform .15s;display:flex}.task-card:hover{border-color:#c7d2fe;transform:translateY(-1px);box-shadow:0 4px 12px #6366f114}.task-text{color:var(--text);word-break:break-word;font-size:12px;line-height:1.45}.draggable-item.dragging{opacity:.6;cursor:grabbing;transform:rotate(2deg)}.task-meta{flex-wrap:wrap;gap:4px;display:flex}.meta-chip{border:1px solid var(--border);color:var(--muted);background:#f8fafc;border-radius:999px;padding:2px 6px;font-size:10px}.meta-user{background:linear-gradient(135deg, var(--accent), var(--accent2));color:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;padding:0;font-size:10px;font-weight:700;display:inline-flex}.task-progress{background:#e2e8f0;border-radius:999px;height:3px;overflow:hidden}.task-progress-fill{background:linear-gradient(to right, var(--accent2), #22c55e);border-radius:999px;height:100%;transition:width .3s}.col-add{border-top:1px solid var(--border);flex-shrink:0;gap:6px;min-height:54px;padding:8px;display:flex}.col-add button{background:linear-gradient(135deg, var(--accent), var(--accent2));color:#fff;white-space:nowrap;cursor:pointer;border:none;border-radius:8px;flex-shrink:0;padding:4px 8px;font-size:12px;font-weight:700;line-height:1;transition:transform .15s,opacity .15s,box-shadow .15s}.col-add button:hover{opacity:.92;transform:translateY(-1px);box-shadow:0 6px 18px #3b82f640}.add-col-slot{width:220px;min-width:220px}.add-col-btn{width:100%;height:52px;color:var(--accent2);background:linear-gradient(135deg,#6366f114,#3b82f614);border:2px dashed #3b82f659;border-radius:14px;font-size:12px;font-weight:700;transition:all .2s}.add-col-btn:hover{border-color:var(--accent2);color:#fff;background:linear-gradient(135deg, var(--accent), var(--accent2));transform:translateY(-2px);box-shadow:0 8px 20px #6366f140}.add-col-form{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);flex-direction:column;gap:8px;padding:12px;display:flex}.add-col-form input{border-radius:9px;width:100%;padding:9px 12px;font-size:13px}.add-col-actions{gap:7px;display:flex}.modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f172a47;justify-content:center;align-items:center;padding:10px;display:flex;position:fixed;inset:0}.modal-panel{background:#fff;border:1px solid #e2e8f0;border-radius:14px;flex-direction:column;width:100%;max-width:450px;display:flex;overflow:hidden;box-shadow:0 8px 24px #0f172a14}.modal-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.modal-title{color:#0f172a;font-size:13px;font-weight:700}.modal-close{color:#64748b;background:#f8fafc;border-radius:6px;justify-content:center;align-items:center;width:24px;height:24px;font-size:10px;transition:all .15s;display:flex}.modal-close:hover{color:#ef4444;background:#fee2e2}.modal-body{flex-direction:column;gap:10px;padding:12px;display:flex}.modal-footer{background:#fff;border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.modal-footer button{cursor:pointer;border-radius:6px;padding:4px 12px;font-size:11px}.modal-footer .primary{color:#fff;background:linear-gradient(135deg,#6366f1,#3b82f6);border:none}.modal-footer .danger-outline{color:#ef4444;background:#ef444414;border:1px solid #ef44444d}.modal-footer .danger{color:#fff;background:#ef4444;border:none}.compact-confirm{justify-content:space-between;align-items:center;width:100%;font-size:11px;display:flex}.compact-confirm span{color:#ef4444;font-weight:600}.compact-confirm div{gap:6px;display:flex}.compact-textarea{resize:vertical;background:#fff;border:1px solid #e2e8f0;border-radius:8px;width:100%;padding:8px 10px;font-family:inherit;font-size:13px}.compact-textarea:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f614}.compact-row{gap:8px;display:flex}.compact-field{flex:1;align-items:center;gap:6px;font-size:12px;display:flex}.compact-field label{color:#64748b;min-width:35px;font-size:11px;font-weight:600}.compact-field span{color:#1e293b;font-size:12px}.compact-field select,.compact-field input{background:#fff;border:1px solid #e2e8f0;border-radius:6px;flex:1;padding:4px 6px;font-size:12px}.compact-field select:focus,.compact-field input:focus{border-color:#3b82f6;outline:none}.compact-section{margin-top:4px}.compact-section>label{color:#64748b;margin-bottom:4px;font-size:11px;font-weight:600;display:block}.compact-progress{background:#e2e8f0;border-radius:3px;height:3px;margin-bottom:6px;overflow:hidden}.compact-progress-fill{background:linear-gradient(90deg,#3b82f6,#22c55e);height:100%;transition:width .2s}.compact-subtask-list{max-height:100px;margin-bottom:4px;overflow-y:auto}.compact-subtask{align-items:center;gap:6px;padding:4px 0;font-size:12px;display:flex}.compact-subtask input{cursor:pointer;width:14px;height:14px}.compact-subtask span{color:#1e293b;flex:1}.compact-subtask span.done{color:#64748b;text-decoration:line-through}.compact-subtask button{color:#cbd5e1;cursor:pointer;background:0 0;border:none;padding:2px 4px;font-size:10px}.compact-subtask button:hover{color:#ef4444}.compact-add{gap:4px;display:flex}.compact-add input{border:1px solid #e2e8f0;border-radius:6px;flex:1;padding:4px 8px;font-size:11px}.compact-add input:focus{border-color:#3b82f6;outline:none}.compact-add button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1,#3b82f6);border:none;border-radius:6px;padding:4px 8px;font-size:11px}.compact-attach-list{max-height:80px;margin-bottom:4px;overflow-y:auto}.compact-attach{justify-content:space-between;align-items:center;padding:4px 0;font-size:11px;display:flex}.compact-attach span{color:#3b82f6;cursor:pointer;flex:1}.compact-attach span:hover{text-decoration:underline}.compact-attach button{color:#cbd5e1;cursor:pointer;background:0 0;border:none;padding:2px 4px;font-size:10px}.compact-attach button:hover{color:#ef4444}.compact-add-btn{color:#3b82f6;cursor:pointer;background:#6366f114;border:1px dashed #3b82f6;border-radius:6px;width:100%;padding:5px;font-size:11px;transition:all .15s}.compact-add-btn:hover{background:#6366f126}.modal-title-container{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.ai-badge-modal{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:20px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-block}.priority-badge-modal{border:1px solid;border-radius:20px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-block}.project-modal{max-width:500px}.form-group{margin-bottom:16px}.form-group label{color:#64748b;margin-bottom:6px;font-size:12px;font-weight:600;display:block}.form-group input,.form-group textarea,.form-group select{border:1px solid #e2e8f0;border-radius:8px;width:100%;padding:8px 12px;font-size:13px}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.project-users-list{flex-wrap:wrap;gap:6px;margin-bottom:10px;display:flex}.project-user-chip{background:#f1f5f9;border-radius:20px;align-items:center;gap:6px;padding:4px 8px;font-size:11px;display:inline-flex}.project-user-chip button{cursor:pointer;color:#94a3b8;background:0 0;border:none;font-size:10px}.project-user-chip button:hover{color:#ef4444}.ai-section-header{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px;display:flex}.ai-section-icon{font-size:18px}.ai-section-badge{background:linear-gradient(135deg, var(--accent), var(--accent2));color:#fff;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:700}.ai-section-hint{color:var(--muted);margin-left:auto;font-size:11px}.ai-tasks-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px;display:grid}.ai-task-card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);cursor:pointer;border-radius:12px;transition:box-shadow .15s,transform .15s;display:flex;overflow:hidden}.ai-task-card:hover{transform:translateY(-1px);box-shadow:0 4px 12px #6366f11a}.ai-card-strip{flex-shrink:0;width:3px}.ai-card-body{flex-direction:column;flex:1;gap:6px;min-width:0;padding:10px 12px;display:flex}.ai-card-top{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.ai-badge{color:var(--accent);background:#6366f11a;border:1px solid #6366f133;border-radius:999px;padding:1px 6px;font-size:9px;font-weight:700}.ai-priority-chip{text-transform:capitalize;border:1px solid;border-radius:999px;padding:1px 6px;font-size:9px;font-weight:700}.ai-status-chip{text-transform:capitalize;margin-left:auto;font-size:9px;font-weight:700}.ai-task-text{color:var(--text);word-break:break-word;font-size:12px;font-weight:600;line-height:1.4}.ai-subtask-summary{font-size:10px}.subtask-pending{color:#f59e0b}.subtask-all-done{color:#22c55e}.ai-card-footer{justify-content:space-between;align-items:center;margin-top:2px;display:flex}.ai-created{color:var(--muted);font-size:10px}.ai-open-hint{color:var(--accent2);font-size:10px}.section-block{margin-top:24px}.section-title{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;margin-bottom:10px;font-size:13px;font-weight:700}.assigned-grid{flex-wrap:wrap;gap:10px;display:flex}.assigned-grid .task-card{cursor:pointer;flex-shrink:0;width:240px}.task-assigned-me{background:#6366f108;border-color:#6366f14d}.card-badge-assigned{color:var(--accent);background:#6366f11a;border:1px solid #6366f133;border-radius:999px;align-self:flex-start;padding:1px 8px;font-size:10px;font-weight:700;display:inline-block}.assigned-status-row{align-items:center;gap:8px;margin-bottom:6px;display:flex}.status-dot{border-radius:50%;width:6px;height:6px}.status-label{text-transform:capitalize;font-size:10px;font-weight:600}.assignee-tag{color:var(--muted);margin-left:auto;font-size:10px}.ai-error-fab{color:#fff;cursor:pointer;z-index:1000;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:50%;width:52px;height:52px;font-size:24px;transition:all .2s;position:fixed;bottom:24px;right:24px;box-shadow:0 4px 12px #00000026}.ai-error-fab:hover{transform:scale(1.05);box-shadow:0 6px 16px #0003}.ai-modal-overlay{z-index:1100;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.ai-modal{background:#fff;border-radius:16px;width:90%;max-width:550px;max-height:85vh;overflow-y:auto;box-shadow:0 20px 40px #0003}.ai-modal-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.ai-modal-title{align-items:center;gap:10px;display:flex}.ai-icon{font-size:24px}.ai-modal-title h3{color:#1e293b;margin:0;font-size:1.2rem}.ai-modal-close{cursor:pointer;color:#94a3b8;background:0 0;border:none;padding:4px 8px;font-size:20px;transition:color .2s}.ai-modal-close:hover:not(:disabled){color:#ef4444}.ai-modal-body{padding:20px}.ai-description{color:#475569;margin-bottom:16px;font-size:13px;line-height:1.5}.ai-error-input{resize:vertical;border:1px solid #cbd5e1;border-radius:10px;width:100%;padding:10px 12px;font-family:monospace;font-size:12px}.ai-error-input:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 2px #667eea1a}.ai-examples{flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;display:flex}.ai-example-label{color:#64748b;font-size:11px}.ai-example-btn{cursor:pointer;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:16px;padding:4px 10px;font-size:11px;transition:all .2s}.ai-example-btn:hover{background:#e2e8f0;border-color:#cbd5e1}.ai-submit-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:10px;width:100%;margin-top:20px;padding:10px;font-size:14px;font-weight:600;transition:transform .15s,opacity .15s}.ai-submit-btn:hover:not(:disabled){transform:translateY(-1px)}.ai-submit-btn.loading{cursor:wait;background:#94a3b8}.ai-spinner{vertical-align:middle;border:2px solid #fff;border-top-color:#0000;border-radius:50%;width:14px;height:14px;margin-right:6px;animation:.6s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.ai-result-header{background:#f0fdf4;border-radius:10px;align-items:center;gap:12px;margin-bottom:16px;padding:12px;display:flex}.ai-success-icon{font-size:28px}.ai-result-header h4{color:#166534;margin:0 0 2px;font-size:14px}.ai-model-used{color:#15803d;margin:0;font-size:11px}.ai-result-card{background:#f8fafc;border-radius:10px;margin-bottom:12px;padding:12px}.ai-result-label{text-transform:uppercase;letter-spacing:.5px;color:#64748b;margin-bottom:6px;font-size:10px;font-weight:600}.ai-result-info{color:#1e293b;flex-wrap:wrap;gap:10px;font-size:12px;display:flex}.ai-result-info span{background:#fff;border-radius:6px;padding:3px 8px;font-family:monospace}.ai-main-task{color:#1e293b;margin:0;font-size:13px;line-height:1.5}.ai-subtasks-list{margin:6px 0 0;padding-left:18px}.ai-subtasks-list li{color:#334155;margin:6px 0;font-size:12px}.ai-priority-badge{border-radius:16px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-block}.ai-priority-badge.critical{color:#dc2626;background:#fee2e2}.ai-priority-badge.high{color:#ea580c;background:#ffedd5}.ai-priority-badge.medium{color:#d97706;background:#fef3c7}.ai-priority-badge.low{color:#16a34a;background:#dcfce7}.ai-close-result{cursor:pointer;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;width:100%;margin-top:8px;padding:10px;font-size:13px;font-weight:500;transition:background .2s}.ai-close-result:hover{background:#e2e8f0}.ai-context-bar{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:12px;padding:8px 12px}.ai-context-label{text-transform:uppercase;letter-spacing:.5px;color:#64748b;margin-bottom:6px;font-size:10px;font-weight:600}.ai-context-items{flex-wrap:wrap;gap:12px;display:flex}.ai-context-item{color:#1e293b;align-items:center;gap:4px;font-family:monospace;font-size:11px;display:inline-flex}.context-dot{background:#6366f1;border-radius:50%;width:4px;height:4px;display:inline-block}.auth-container{background-color:#0000;background-image:linear-gradient(#0f172a8c,#0f172a8c),url(/assets/todo.jpg-DYfkzJeH.png);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.auth-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:100%;max-width:360px;box-shadow:var(--shadow-lg);background:#ffffffe0;border:1px solid #fff3;border-radius:20px;padding:28px 24px}.auth-title{text-align:center;background:linear-gradient(135deg, var(--accent), var(--accent2));-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text;margin-bottom:20px;font-size:28px;font-weight:800}.auth-form{flex-direction:column;gap:12px;display:flex}.auth-form input{border-radius:10px;width:100%;padding:10px 12px;font-size:13px}.auth-form input.input-error{border-color:var(--danger)!important;box-shadow:0 0 0 2px #ef44441f!important}.auth-btn{background:linear-gradient(135deg, var(--accent), var(--accent2));color:#fff;border:none;border-radius:10px;width:100%;padding:10px;font-size:14px;font-weight:700;transition:opacity .15s,transform .15s}.auth-btn:hover{opacity:.9;transform:translateY(-1px)}.auth-switch{text-align:center;color:var(--muted);margin-top:16px;font-size:12px}.switch-btn{color:var(--accent2);cursor:pointer;background:0 0;border:none;margin-top:4px;font-size:12px;font-weight:700}.switch-btn:hover{text-decoration:underline}.field-group{flex-direction:column;gap:4px;display:flex}.field-error{color:var(--danger);padding-left:2px;font-size:11px}.server-error{color:var(--danger);text-align:center;background:#ef444412;border:1px solid #ef444433;border-radius:8px;padding:8px 10px;font-size:12px}.password-wrapper{align-items:center;display:flex;position:relative}.password-wrapper input{padding-right:36px}.toggle-password{color:#94a3b8;cursor:pointer;background:0 0;border:none;padding:0;font-size:14px;position:absolute;right:10px}.toggle-password:hover{color:var(--muted)}.success-message{color:#22c55e;text-align:center;background:#22c55e1a;border:1px solid #22c55e33;border-radius:8px;padding:10px 12px;font-size:13px}.success-container{text-align:center;padding:20px 0}.success-icon{margin-bottom:16px;font-size:48px}.toast-warn{z-index:2000;color:#fbbf24;white-space:normal;background:#1e293b;border:1px solid #fbbf244d;border-radius:10px;max-width:320px;padding:8px 32px 8px 12px;font-size:12px;font-weight:600;line-height:1.4;animation:.2s slideDown;position:fixed;top:64px;left:50%;transform:translate(-50%);box-shadow:0 8px 20px #00000040}.toast-close{color:#fbbf24;cursor:pointer;opacity:.7;background:0 0;border:none;padding:2px 4px;font-size:10px;position:absolute;top:6px;right:6px}.toast-close:hover{opacity:1}@keyframes slideDown{0%{opacity:0;transform:translate(-50%)translateY(-8px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.btn-primary{background:var(--accent2);color:#fff;border-radius:8px;padding:6px 14px;font-size:12px;font-weight:600;transition:background .15s,box-shadow .15s}.btn-primary:hover{background:#2563eb;box-shadow:0 2px 8px #3b82f64d}.btn-ghost{border:1px solid var(--border);color:var(--muted);background:0 0;border-radius:8px;padding:6px 12px;font-size:12px;font-weight:600;transition:border-color .15s,color .15s}.btn-ghost:hover{border-color:var(--accent2);color:var(--accent2)}.btn-danger{background:var(--danger);color:#fff;border-radius:8px;padding:6px 12px;font-size:12px;font-weight:600;transition:background .15s}.btn-danger:hover{background:#dc2626}.btn-danger-outline{color:var(--danger);background:#ef44440f;border:1px solid #ef44444d;border-radius:8px;padding:6px 12px;font-size:12px;font-weight:600;transition:background .15s}.btn-danger-outline:hover{background:#ef444424}.btn-outline-sm{border:1px dashed var(--border);color:var(--accent2);white-space:nowrap;background:0 0;border-radius:8px;padding:4px 10px;font-size:11px;font-weight:600;transition:all .15s}.btn-outline-sm:hover{border-color:var(--accent2);background:#3b82f60f}@media (width<=640px){.ai-modal{width:95%;max-height:85vh}.ai-modal-body{padding:16px}.ai-result-info{flex-direction:column;gap:6px}.filter-bar{padding:10px 16px}.board-wrap{padding:12px 16px}}.password-strength{align-items:center;gap:12px;margin-top:-8px;margin-bottom:12px;display:flex}.strength-bars{flex:1;gap:4px;display:flex}.strength-bar{background:#e2e8f0;border-radius:2px;flex:1;height:4px;transition:all .2s}.strength-bar.active{background:var(--accent2)}.strength-text{font-size:11px;font-weight:600}.password-rules{border:1px solid var(--border);background:#f8fafc;border-radius:8px;flex-direction:column;gap:4px;margin-top:4px;margin-bottom:8px;padding:10px 12px;list-style:none;display:flex}.rule-item{align-items:center;gap:8px;font-size:11px;display:flex}.rule-pass{color:#22c55e}.rule-fail{color:#94a3b8}.rule-icon{text-align:center;flex-shrink:0;width:14px;font-weight:700}