.edit-task-form{background:#f6f5ff;border:1px solid #dcd9ff;border-radius:16px;gap:14px;margin:0 0 28px;padding:20px;display:grid}.edit-task-form__heading{justify-content:space-between;align-items:center;gap:18px;display:flex}.edit-task-form__heading h2{margin:4px 0 0}.edit-task-form__actions{gap:8px;display:flex}.edit-task-form label{color:#4e5970;gap:6px;font-size:.85rem;font-weight:700;display:grid}.edit-task-form input,.edit-task-form textarea,.edit-task-form select{color:#19233a;font:inherit;resize:vertical;background:#fff;border:1px solid #cfcbea;border-radius:8px;width:100%;padding:9px 10px;font-weight:400}.edit-task-form input:focus,.edit-task-form textarea:focus,.edit-task-form select:focus{border-color:#5d55e8;outline:2px solid #dcd9ff}.edit-task-form__selects{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.button{cursor:pointer;font:inherit;border-radius:9px;padding:10px 14px;font-weight:700}.button--primary{color:#fff;background:#5d55e8;border:1px solid #5d55e8}.button--secondary{color:#515d75;background:#fff;border:1px solid #c5c9d6}@media (width<=600px){.edit-task-form__heading{flex-direction:column;align-items:flex-start}.edit-task-form__selects{grid-template-columns:1fr}}.add-task-form{background:#fff;border:1px solid #e3e7f0;border-radius:16px;gap:14px;margin:0 0 28px;padding:20px;display:grid}.form-heading{justify-content:space-between;align-items:center;display:flex}.form-heading h2{margin:4px 0 0}.form-heading button{color:#fff;cursor:pointer;font:inherit;background:#5d55e8;border:0;border-radius:9px;padding:10px 16px;font-weight:700}.add-task-form label{color:#4e5970;gap:6px;font-size:.85rem;font-weight:700;display:grid}.add-task-form input,.add-task-form textarea,.add-task-form select{color:#19233a;font:inherit;resize:vertical;background:#fff;border:1px solid #d8deeb;border-radius:8px;width:100%;padding:9px 10px;font-weight:400}.add-task-form input:focus,.add-task-form textarea:focus,.add-task-form select:focus{border-color:#5d55e8;outline:2px solid #dcd9ff}.form-selects{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}@media (width<=520px){.form-heading{align-items:flex-start;gap:12px}.form-selects{grid-template-columns:1fr}}.api-status{color:#314b83;background:#eef4ff;border:1px solid #cddcff;border-radius:12px;margin:0 0 20px;padding:12px 14px}.api-status--success{color:#216340;background:#eefaf3;border-color:#c9ead7}.api-status--demo{color:#5148d8;background:#f3f1ff;border-color:#d9d4ff}.api-status--error{color:#9a3142;background:#fff2f3;border-color:#ffd1d7;justify-content:space-between;align-items:center;gap:14px;display:flex}.api-status--error p{margin:0}.api-status--error button{color:#9a3142;cursor:pointer;font:inherit;background:#fff;border:1px solid #e7a6b0;border-radius:8px;padding:7px 10px}@media (width<=520px){.api-status--error{flex-direction:column;align-items:flex-start}}.task-delete-button{color:#9a5362;cursor:pointer;background:0 0;border:0;margin-top:12px;padding:0;font-size:.8rem}.task-delete-button:hover{color:#a5283b;text-decoration:underline}.column{transition:border-color .16s,box-shadow .16s,transform .16s}.task-filters{background:#fff;border:1px solid #e3e7f0;border-radius:16px;gap:16px;margin-bottom:28px;padding:20px;display:grid}.task-filters__heading{justify-content:space-between;align-items:center;display:flex}.task-filters__heading h2{margin:4px 0 0}.task-filters__heading>span{color:#515d75;background:#edf0f8;border-radius:999px;padding:5px 10px;font-size:.8rem}.task-filters__controls{grid-template-columns:minmax(180px,1fr) minmax(150px,220px) auto;align-items:end;gap:12px;display:grid}.task-filters label{color:#4e5970;gap:6px;font-size:.85rem;font-weight:700;display:grid}.task-filters input,.task-filters select{color:#19233a;font:inherit;background:#fff;border:1px solid #d8deeb;border-radius:8px;width:100%;min-height:42px;padding:9px 10px;font-weight:400}.task-filters input:focus,.task-filters select:focus{border-color:#5d55e8;outline:2px solid #dcd9ff}.task-filters button{color:#4c43d6;cursor:pointer;background:#f2f0ff;border:1px solid #d7d3ff;border-radius:9px;min-height:42px;padding:9px 13px}.task-filters button:disabled{cursor:not-allowed;opacity:.45}@media (width<=700px){.task-filters__controls{grid-template-columns:1fr}}:root{color:#19233a;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#f4f7fb;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}button{font:inherit}.app-shell{max-width:1120px;margin:0 auto;padding:56px 24px}.page-header{justify-content:space-between;align-items:end;gap:32px;margin-bottom:16px;display:flex}.page-header>div:first-child{max-width:650px}.eyebrow{color:#5d55e8;letter-spacing:.09em;text-transform:uppercase;margin:0;font-size:.8rem;font-weight:700}h1{letter-spacing:-.06em;margin:8px 0;font-size:clamp(2.1rem,5vw,3.5rem)}.subtitle{color:#566176;margin:0;font-size:1.1rem;line-height:1.5}.header-tools{flex-direction:column;align-items:end;gap:10px;display:flex}.theme-preference{color:#566176;align-items:center;gap:8px;font-size:.78rem;font-weight:700;display:flex}.theme-preference select{color:#34405a;font:inherit;background:#fff;border:1px solid #d8deeb;border-radius:8px;padding:6px 8px}.theme-preference select:focus{border-color:#5d55e8;outline:2px solid #dcd9ff}.board-hint{color:#314b83;background:#eef4ff;border:1px solid #cddcff;border-radius:10px;margin:0 0 20px;padding:10px 12px;font-size:.88rem}.board-stats{grid-template-columns:repeat(3,minmax(72px,1fr));gap:8px;margin:0;display:grid}.board-stats div{background:#fff;border:1px solid #e3e7f0;border-radius:12px;min-width:82px;padding:10px 12px}.board-stats dt{color:#70798a;text-transform:uppercase;font-size:.68rem;font-weight:700;line-height:1.25}.board-stats dd{color:#312a99;margin:4px 0 0;font-size:1.35rem;font-weight:800}.board{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;display:grid}.column{background:#fff;border:1px solid #e3e7f0;border-radius:16px;min-height:260px;padding:20px;transition:border-color .16s,box-shadow .16s,transform .16s}.column-heading{justify-content:space-between;align-items:center;display:flex}h2{margin:0;font-size:1.1rem}.column-heading span{background:#edf0f8;border-radius:999px;padding:3px 8px;font-size:.8rem}.column>p{color:#70798a;line-height:1.45}.column--drag-over{border-color:#6b63ee;transform:translateY(-2px);box-shadow:0 0 0 3px #dedbff}.column--drag-over .task-list{min-height:72px}.task-list{gap:10px;margin-top:18px;display:grid}.task-list__empty{color:#80899b;text-align:center;border:1px dashed #d9deea;border-radius:9px;margin:0;padding:16px 10px;font-size:.82rem}.task-card{background:#f8f9fd;border:1px solid #e6e9f2;border-radius:10px;padding:12px}.task-card h3{margin:8px 0 5px;font-size:.95rem}.task-card p{color:#667187;margin:0;font-size:.85rem;line-height:1.4}.priority{border-radius:999px;padding:3px 7px;font-size:.72rem;font-weight:700}.priority--high{color:#a5283b;background:#ffe5e7}.priority--medium{color:#865e00;background:#fff3cf}.priority--low{color:#16623b;background:#def5e8}.task-status-control{color:#667187;gap:4px;margin-top:12px;font-size:.75rem;font-weight:700;display:grid}.task-status-control select{color:#34405a;font:inherit;background:#fff;border:1px solid #d8deeb;border-radius:7px;width:100%;padding:6px 8px}.task-status-control select:focus{border-color:#5d55e8;outline:2px solid #dcd9ff}.task-card__actions{align-items:center;gap:12px;margin-top:12px;display:flex}.task-card__actions .task-delete-button{margin-top:0}.task-edit-button{color:#5148d8;cursor:pointer;background:0 0;border:0;padding:0;font-size:.8rem}.task-edit-button:hover{color:#392fc4;text-decoration:underline}.task-card[draggable=true]{cursor:grab}.task-card[draggable=true]:active{cursor:grabbing;opacity:.72}html[data-theme=dark]{color:#e9edf7;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#101522}html[data-theme=dark] body{background:#101522}html[data-theme=dark] .subtitle,html[data-theme=dark] .theme-preference,html[data-theme=dark] .column>p,html[data-theme=dark] .board-stats dt{color:#aeb8cc}html[data-theme=dark] .board-hint{color:#c7d8ff;background:#19243b;border-color:#304466}html[data-theme=dark] .theme-preference select,html[data-theme=dark] .add-task-form,html[data-theme=dark] .task-filters,html[data-theme=dark] .column,html[data-theme=dark] .board-stats div{color:#e9edf7;background:#182033;border-color:#2c3a57}html[data-theme=dark] .add-task-form label,html[data-theme=dark] .task-filters label,html[data-theme=dark] .edit-task-form label,html[data-theme=dark] .task-status-control{color:#c2cbe0}html[data-theme=dark] .add-task-form input,html[data-theme=dark] .add-task-form textarea,html[data-theme=dark] .add-task-form select,html[data-theme=dark] .task-filters input,html[data-theme=dark] .task-filters select,html[data-theme=dark] .task-status-control select,html[data-theme=dark] .edit-task-form input,html[data-theme=dark] .edit-task-form textarea,html[data-theme=dark] .edit-task-form select,html[data-theme=dark] .theme-preference select{color:#edf2ff;background:#101522;border-color:#3a4c70}html[data-theme=dark] .task-filters__heading>span,html[data-theme=dark] .column-heading span{color:#d5e0ff;background:#263450}html[data-theme=dark] .task-card{background:#1b2539;border-color:#31405c}html[data-theme=dark] .task-card p,html[data-theme=dark] .task-list__empty{color:#b5c1d8}html[data-theme=dark] .task-list__empty{border-color:#40506e}html[data-theme=dark] .edit-task-form{background:#1e213d;border-color:#414a80}html[data-theme=dark] .button--secondary{color:#d7dff2;background:#182033;border-color:#46516b}html[data-theme=dark] .api-status{color:#d3e4ff;background:#182846;border-color:#355586}html[data-theme=dark] .api-status--success{color:#caf2dd;background:#183a30;border-color:#33735d}html[data-theme=dark] .api-status--demo{color:#dedbff;background:#29244c;border-color:#544f93}html[data-theme=dark] .api-status--error{color:#ffc5cd;background:#40242e;border-color:#814454}@media (width<=900px){.board{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=700px){.app-shell{padding:36px 16px}.page-header{flex-direction:column;align-items:flex-start}.header-tools{align-items:stretch;width:100%}.theme-preference{justify-content:space-between}.board-stats{width:100%}.board{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}