*{box-sizing:border-box}body{background:linear-gradient(135deg,#e0f2fe,#ede9fe);color:#0f172a;font-family:Quicksand,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;margin:0}.detail-header h2,.sidebar-header h2,.tasks-header h1{font-family:Stack Sans Text,sans-serif;font-weight:600}.add-task-btn,.primary-btn,.sidebar-section-title{font-family:Stack Sans Text,sans-serif;font-weight:500}.app-root{align-items:stretch;display:flex;justify-content:center;min-height:100vh;padding:0}.layout{background:#fff;border-radius:0;box-shadow:none;display:grid;grid-template-columns:390px 60fr;max-width:100%;min-height:100vh;overflow:hidden;width:100%}.sidebar{background:#f9fafb;border-right:1px solid #e5e7eb;display:flex;flex-direction:column;gap:16px;padding:18px}.sidebar-header{align-items:center;display:flex;gap:8px;margin-bottom:8px}.logo-dot{background:linear-gradient(135deg,#38bdf8,#a855f7);border-radius:999px;height:14px;width:14px}.sidebar-header h2{font-size:18px;margin:0}.sidebar-section{margin-top:12px}.sidebar-section-title{color:#9ca3af;font-size:11px;font-weight:700;letter-spacing:.08em;margin-bottom:8px;text-transform:uppercase}.sidebar-item,.sidebar-pill{background:#0000;border:none;border-radius:999px;color:#374151;cursor:pointer;font-size:14px;padding:7px 10px;text-align:left;transition:background .15s ease,transform .05s ease,box-shadow .15s ease;width:100%}.sidebar-item:hover,.sidebar-pill:hover{background:#e5f2ff}.sidebar-item-active{background:linear-gradient(135deg,#38bdf8,#6366f1);box-shadow:0 6px 14px #2563eb59;color:#f9fafb}.sidebar-pill-active{background:#3b82f614;color:#2563eb;font-weight:600}.sidebar-footer{font-size:12px;margin-top:auto}.sidebar-user{color:#6b7280;margin-bottom:8px}.sidebar-logout{background:#0000;border:none;color:#ef4444;cursor:pointer;font-size:13px;padding:4px 0}.main{display:grid;grid-template-columns:3fr 1.4fr}.tasks-column{border-right:1px solid #e5e7eb;display:flex;flex-direction:column;padding:20px 22px}.tasks-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.tasks-header-left{align-items:baseline;display:flex;gap:8px}.tasks-header h1{font-size:24px;margin:0}.tasks-count{background:#eef2ff;border-radius:999px;color:#6b7280;font-size:14px;padding:2px 10px}.add-task-btn{background:linear-gradient(135deg,#22c55e,#14b8a6);border:none;border-radius:999px;box-shadow:0 8px 18px #10b98159;color:#f9fafb;cursor:pointer;font-size:13px;padding:7px 16px}.add-task-btn:hover{filter:brightness(1.05)}.tasks-toolbar{color:#6b7280;font-size:13px;margin-bottom:12px}.tasks-toolbar select{border:1px solid #d1d5db;border-radius:999px;margin-left:4px;padding:4px 10px}.task-list{list-style:none;margin:0;max-height:calc(100vh - 190px);overflow-y:auto;padding:0}.task-row{background:#fff;border:1px solid #e5e7eb;border-radius:14px;cursor:pointer;margin-bottom:8px;padding:10px 12px;transition:background .15s ease,box-shadow .15s ease,transform .05s ease}.task-row:hover{background:#f1f5f9;box-shadow:0 6px 12px #94a3b840}.task-row-main{justify-content:space-between}.task-row-main,.task-row-title{align-items:center;display:flex}.task-row-title{font-size:14px;gap:8px}.task-row-title input[type=checkbox]{height:14px;width:14px}.task-row-arrow{background:#0000;border:none;color:#9ca3af;cursor:pointer;font-size:14px}.task-row-meta{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}.task-chip{background:#e5e7eb;border-radius:999px;color:#374151;font-size:11px;padding:2px 8px}.task-chip-category{background:#3b82f61f;border:1px solid #3b82f640;color:#1d4ed8}.detail-column{background:#f9fafb;display:flex;flex-direction:column;padding:20px 22px}.detail-header h2{font-size:18px;margin:0 0 12px}.detail-form{gap:12px}.detail-field,.detail-form{display:flex;flex-direction:column}.detail-field{font-size:13px;gap:4px}.detail-field span{color:#6b7280}.detail-field input,.detail-field select,.detail-field textarea{background:#fff;border:1px solid #d1d5db;border-radius:10px;font-size:13px;padding:7px 9px}.detail-field textarea{resize:vertical}.detail-row{display:flex;gap:10px}.detail-chips-readonly{color:#4b5563;display:flex;flex-wrap:wrap;font-size:12px;gap:4px}.detail-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:8px}.primary-btn{background:#22c55e;border:none;border-radius:10px;box-shadow:0 8px 18px #22c55e4d;color:#fff;cursor:pointer;font-size:13px;padding:7px 16px}.primary-btn:hover{filter:brightness(1.05)}.danger-btn{background:#fef2f2;border:1px solid #fecaca;border-radius:10px;color:#b91c1c;cursor:pointer;font-size:13px;padding:7px 16px}.sidebar-pill-with-x{align-items:center;display:flex;gap:6px;justify-content:space-between}.sidebar-pill-delete{color:#9ca3af;font-size:11px;opacity:0;padding:0 2px;pointer-events:none;transition:opacity .15s ease,color .15s ease}.sidebar-pill-with-x:hover .sidebar-pill-delete{opacity:1;pointer-events:auto}.sidebar-pill-with-x:hover .sidebar-pill-delete:hover{color:#ef4444}.sidebar-pill-with-icons{align-items:center;display:flex;gap:6px;justify-content:space-between}.sidebar-pill-label{flex:1 1;text-align:left}.sidebar-pill-icons{align-items:center;display:flex;gap:4px}.sidebar-pill-delete,.sidebar-pill-edit{color:#9ca3af;font-size:11px;opacity:0;padding:0 2px;pointer-events:none;transition:opacity .15s ease,color .15s ease,transform .1s ease}.sidebar-pill-with-icons:hover .sidebar-pill-delete,.sidebar-pill-with-icons:hover .sidebar-pill-edit{opacity:1;pointer-events:auto}.sidebar-pill-edit:hover{color:#0ea5e9;transform:translateY(-1px)}.sidebar-pill-delete:hover{color:#ef4444;transform:translateY(-1px)}.category-input-wrapper{position:relative}.category-suggestions{background:#fff;border:1px solid #d1d5db;border-radius:10px;box-shadow:0 10px 25px #0f172a26;left:0;list-style:none;margin-top:4px;max-height:160px;overflow-y:auto;padding:4px 0;position:absolute;right:0;top:100%;z-index:20}.category-suggestions li{cursor:pointer;font-size:13px;padding:6px 10px}.category-suggestions li:hover{background:#eff6ff}.tasks-header-right{align-items:center;display:flex;gap:8px}:root[data-theme=dark] body{background:radial-gradient(circle at top left,#1d4ed8 0,#0000 55%),radial-gradient(circle at bottom right,#f97316 0,#0000 55%),#020617;color:#e5e7eb}:root[data-theme=dark] .layout{background:#0000}:root[data-theme=dark] .sidebar{background:#0f172af5;border-right:1px solid #94a3b880}:root[data-theme=dark] .sidebar-header h2{color:#e5e7eb}:root[data-theme=dark] .sidebar-section-title{color:#9ca3af}:root[data-theme=dark] .sidebar-item,:root[data-theme=dark] .sidebar-pill{color:#e5e7eb}:root[data-theme=dark] .sidebar-item:hover,:root[data-theme=dark] .sidebar-pill:hover{background:#94a3b82e}:root[data-theme=dark] .sidebar-pill-active{background:#3b82f638;color:#bfdbfe}:root[data-theme=dark] .sidebar-user{color:#9ca3af}:root[data-theme=dark] .sidebar-logout{color:#fecaca}:root[data-theme=dark] .tasks-column{background:#0f172afa;border-right:1px solid #94a3b880}:root[data-theme=dark] .detail-column{background:#0f172afa}:root[data-theme=dark] .tasks-count{background:#020617;color:#e5e7eb}:root[data-theme=dark] .task-row{background:#020617;border-color:#111827}:root[data-theme=dark] .task-row:hover{background:#0b1220;box-shadow:0 6px 14px #0f172ae6}:root[data-theme=dark] .task-chip{background:#111827;color:#e5e7eb}:root[data-theme=dark] .task-chip-category{background:#3b82f640;border-color:#3b82f699;color:#bfdbfe}:root[data-theme=dark] .detail-field span{color:#9ca3af}:root[data-theme=dark] .category-suggestions,:root[data-theme=dark] .detail-field input,:root[data-theme=dark] .detail-field select,:root[data-theme=dark] .detail-field textarea{background:#020617;border-color:#374151;color:#e5e7eb}:root[data-theme=dark] .category-suggestions{box-shadow:0 10px 30px #0f172ae6}:root[data-theme=dark] .category-suggestions li:hover{background:#2563eb4d}:root[data-theme=dark] .theme-toggle-btn:hover{background:#1e40af99}.category-input-wrapper{align-items:center;display:flex;gap:8px}.category-input-wrapper input[type=text]{flex-grow:1;min-width:0}.category-info-text{color:var(--text-color-light);font-size:.85em;opacity:.7;white-space:nowrap}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.login-root{align-items:center;background:#f3f4f6;display:flex;font-family:Quicksand,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;justify-content:center;min-height:100vh;padding:24px}.login-card{background:#fff;border:1px solid #e5e7eb;border-radius:22px;box-shadow:0 14px 40px #0f172a1f,0 0 0 1px #fffc;color:#111827;max-width:420px;padding:26px 30px 24px;width:100%}.login-header{align-items:center;display:flex;gap:10px;margin-bottom:18px}.login-logo-dot{background:conic-gradient(from 180deg,#2563eb,#22c55e,#f97316,#6366f1,#2563eb);border-radius:12px;box-shadow:0 0 18px #3b82f680;height:30px;width:30px}.login-title{color:#111827;font-family:Stack Sans Text,system-ui,sans-serif;font-size:20px;font-weight:600;letter-spacing:.02em;margin:0 0 2px}.login-subtitle{color:#6b7280;font-size:13px;margin:0}.login-form{gap:14px}.login-field,.login-form{display:flex;flex-direction:column}.login-field{font-size:13px;gap:6px}.login-field span{color:#4b5563}.login-input{background:#f9fafb;border:1px solid #d1d5db;border-radius:999px;color:#111827;font-size:14px;outline:none;padding:9px 12px;transition:border-color .15s ease,box-shadow .15s ease,background-color .15s ease,transform .05s ease}.login-input::placeholder{color:#9ca3af}.login-input:focus{background:#fff;border-color:#2563eb;box-shadow:0 0 0 1px #2563eb4d,0 0 0 6px #bfdbfee6;transform:translateY(-.5px)}.login-message{color:#b91c1c;font-size:12px;margin:4px 0 0}.login-actions{display:flex;gap:8px;margin-top:10px}.login-btn{border:0;border-radius:999px;cursor:pointer;flex:1 1;font-size:14px;font-weight:500;padding:9px 12px;transition:transform .08s ease,box-shadow .15s ease,background-color .15s ease,color .15s ease,opacity .15s ease}.login-btn:disabled{box-shadow:none;cursor:default;opacity:.6;transform:none}.login-btn-primary{background:linear-gradient(135deg,#2563eb,#4f46e5);box-shadow:0 10px 25px #2563eb59;color:#fff}.login-btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#1d4ed8,#4338ca);box-shadow:0 14px 32px #2563eb73;transform:translateY(-1px)}.login-btn-secondary{background:#fff;border:1px solid #d1d5db;color:#111827}.login-btn-secondary:hover:not(:disabled){background:#eff6ff;border-color:#2563eb;transform:translateY(-1px)}.login-hint{color:#6b7280;font-size:11px;margin-top:8px;text-align:center}@media (max-width:480px){.login-card{border-radius:18px;padding:22px 20px 20px}.login-title{font-size:18px}.login-actions{flex-direction:column}}.theme-toggle-btn{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:999px;cursor:pointer;display:inline-flex;font-size:16px;height:32px;justify-content:center;margin-left:auto;transition:background-color .15s ease,transform .08s ease,box-shadow .15s ease,border-color .15s ease;width:32px}.theme-toggle-btn:hover{background:#eff6ff;border-color:#2563eb;transform:translateY(-1px)}:root[data-theme=dark] .login-root{background:radial-gradient(circle at top left,#1d4ed8 0,#0000 55%),radial-gradient(circle at bottom right,#f97316 0,#0000 55%),#020617}:root[data-theme=dark] .login-card{background:#0f172af5;border-color:#94a3b859;box-shadow:0 24px 60px #0f172ad9,0 0 0 1px #0f172ae6;color:#e5e7eb}:root[data-theme=dark] .login-title{color:#e5e7eb}:root[data-theme=dark] .login-field span,:root[data-theme=dark] .login-subtitle{color:#9ca3af}:root[data-theme=dark] .login-input{background:#0f172ae6;border-color:#1f2933;color:#e5e7eb}:root[data-theme=dark] .login-input::placeholder{color:#6b7280}:root[data-theme=dark] .login-input:focus{background:#0f172a;border-color:#60a5fa;box-shadow:0 0 0 1px #2563eb66,0 0 0 8px #2563eb1f}:root[data-theme=dark] .login-btn-secondary{background:#0f172ae6;border-color:#94a3b88c;color:#e5e7eb}:root[data-theme=dark] .login-btn-secondary:hover:not(:disabled){background:#1e40af2e;border-color:#60a5fa}:root[data-theme=dark] .login-hint{color:#9ca3af}:root[data-theme=dark] .login-message{color:#fecaca}:root[data-theme=dark] .theme-toggle-btn{background:#0f172af2;border-color:#1f2937;color:#e5e7eb}:root[data-theme=dark] .theme-toggle-btn:hover{background:#1e40af80;border-color:#60a5fa}.validation-error{color:#d9534f;font-size:.8em;margin-top:5px}.login-input.input-error{border-color:#d9534f}
/*# sourceMappingURL=main.f44b2e9d.css.map*/