*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:#172b4d;background:#f4f5f7}.app{display:flex;flex-direction:column;height:100vh;background:#0065bd}.app-header{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:#0000002e;flex-shrink:0}.app-header-group{display:flex;align-items:center;gap:8px}.app-header h1{font-size:16px;font-weight:700;margin:0;color:#fff}.header-btn{border:none;background:#fff3;color:#fff;padding:6px 12px;border-radius:6px;cursor:pointer;font-size:13px;font-weight:500}.header-btn:hover{background:#ffffff4d}.back-btn{background:none;border:none;font-size:15px;color:#ffffffe6;cursor:pointer;padding:0}.board{display:flex;gap:10px;padding:10px;overflow-x:auto;flex:1;align-items:flex-start;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}@media (max-width: 640px){.board{scroll-snap-type:x mandatory}.board.is-dragging{scroll-snap-type:none}.column{min-width:calc(100vw - 20px)!important;max-width:calc(100vw - 20px)!important}}.column{background:#ebecf0;border-radius:12px;min-width:260px;max-width:260px;display:flex;flex-direction:column;padding:10px;scroll-snap-align:start;height:calc(100vh - 78px)}.column-header{display:flex;align-items:center;gap:6px;margin-bottom:10px;padding:0 2px}.column-header h2{flex:1;font-size:14px;font-weight:700;margin:0;color:#172b4d}.column-count{font-size:12px;font-weight:600;color:#5e6c84;background:#091e421a;border-radius:10px;padding:1px 7px}.column-drag-handle{background:none;border:none;cursor:grab;font-size:14px;line-height:1;color:#5e6c84;padding:2px 4px;touch-action:none}.column-body{display:flex;flex-direction:column;gap:6px;flex:1;overflow-y:auto;min-height:40px;border-radius:8px;transition:background-color .1s ease,box-shadow .1s ease}.column-body-over{background-color:#0065bd14;box-shadow:inset 0 0 0 2px #0065bd66}.task-card{background:#fff;border-radius:8px;padding:10px 12px;cursor:pointer;box-shadow:0 1px #091e4240;touch-action:none}.task-card-overlay{cursor:grabbing;box-shadow:0 8px 16px #091e424d;transform:rotate(3deg);width:240px}.task-title{margin:0;font-size:14px;color:#172b4d;line-height:1.4}.task-assignee{display:flex;align-items:center;gap:6px;margin-top:8px}.assignee-avatar{width:24px;height:24px;border-radius:50%;object-fit:cover}.assignee-initial{width:24px;height:24px;border-radius:50%;background:#dfe1e6;color:#5e6c84;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:700}.assignee-name{font-size:12px;color:#5e6c84}.add-task-btn{background:none;border:none;text-align:left;padding:8px 6px;color:#5e6c84;cursor:pointer;font-size:14px;border-radius:8px;margin-top:4px;width:100%}.add-task-btn:hover{background:#091e4214;color:#172b4d}.config-column-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.config-column-row{display:flex;align-items:center;gap:4px;background:#ebecf0;border-radius:8px;padding:6px 10px}.config-column-row h2{flex:1;font-size:14px;font-weight:600;margin:0;cursor:text;color:#172b4d}.config-column-row input{font-size:14px;width:100%;border:none;background:none;outline:none;color:#172b4d}.column-delete-btn{background:none;border:none;font-size:20px;line-height:1;cursor:pointer;color:#5e6c84;padding:2px 4px}.new-column-btn{background:none;border:none;text-align:left;padding:8px 6px;color:#5e6c84;cursor:pointer;font-size:14px;border-radius:8px;width:100%}.new-column-btn:hover{background:#ebecf0;color:#172b4d}.new-column-form input{width:100%;padding:9px 12px;font-size:14px;border-radius:8px;border:2px solid #0065bd;outline:none;color:#172b4d}.task-modal-screen{position:fixed;top:0;right:0;bottom:0;left:0;background:#fff;display:flex;flex-direction:column;z-index:20;overflow:hidden}.tm-header{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border-bottom:1px solid #ebecf0;background:#fff;flex-shrink:0}.tm-close{background:none;border:none;font-size:18px;color:#5e6c84;cursor:pointer;padding:2px 4px;flex-shrink:0;line-height:1;margin-top:2px}.tm-title-wrap{flex:1;display:flex;flex-direction:column;gap:2px}.tm-col-name{font-size:11px;color:#5e6c84;text-transform:uppercase;letter-spacing:.05em;font-weight:600}.tm-title{font-size:18px;font-weight:700;color:#172b4d;border:none;outline:none;background:none;padding:0;width:100%;font-family:inherit;line-height:1.3}.tm-save{background:#0065bd;color:#fff;border:none;border-radius:6px;padding:7px 14px;font-size:14px;font-weight:600;cursor:pointer;flex-shrink:0;margin-top:2px}.tm-body{flex:1;overflow-y:auto}.tm-row{display:flex;align-items:flex-start;gap:16px;padding:14px 16px;border-bottom:1px solid #ebecf0}.tm-row-tap{cursor:pointer}.tm-row-tap:active{background:#f4f5f7}.tm-icon{width:22px;text-align:center;flex-shrink:0;font-size:16px;margin-top:1px;color:#5e6c84}.tm-desc{flex:1;border:none;outline:none;background:none;font-size:14px;color:#172b4d;font-family:inherit;resize:none;line-height:1.5;padding:0;min-height:40px}.tm-members-preview{flex:1;display:flex;align-items:center;flex-wrap:wrap;gap:6px}.tm-placeholder{color:#5e6c84;font-size:14px}.tm-chevron{font-size:10px;color:#5e6c84;margin-top:4px;flex-shrink:0}.tm-picker-panel{padding:8px 16px 12px 54px;border-bottom:1px solid #ebecf0}.tm-row-dates{align-items:flex-start}.tm-date-fields{flex:1;display:flex;flex-direction:column;gap:10px}.tm-date-label{display:flex;align-items:center;justify-content:space-between;font-size:14px;color:#172b4d;font-weight:400;text-transform:none;letter-spacing:normal;gap:12px}.tm-date-label input[type=date]{border:1px solid #dfe1e6;border-radius:6px;padding:5px 8px;font-size:13px;color:#172b4d;background:#fff;outline:none;font-family:inherit}.tm-date-label input[type=date]:focus{border-color:#0065bd}.tm-section-header{display:flex;align-items:center;gap:16px;padding:12px 16px;background:#f4f5f7;border-top:1px solid #ebecf0;border-bottom:1px solid #ebecf0}.tm-section-title{flex:1;font-size:14px;font-weight:600;color:#172b4d}.tm-section-count{font-size:12px;color:#5e6c84;font-weight:600}.tm-hint{margin:0;padding:8px 16px;font-size:12px;color:#5e6c84;line-height:1.4}.tm-attachment{display:flex;align-items:center;padding:10px 16px 10px 54px;border-bottom:1px solid #ebecf0;gap:8px}.tm-attachment-name{flex:1;background:none;border:none;text-align:left;font-size:13px;font-weight:500;color:#0065bd;cursor:pointer;padding:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tm-attachment-del{background:none;border:none;cursor:pointer;color:#5e6c84;font-size:13px;padding:2px 4px;flex-shrink:0}.tm-checklist-bar-wrap{height:4px;background:#dfe1e6;margin:0 16px 0 54px}.tm-checklist-bar{height:100%;background:#0065bd;border-radius:2px;transition:width .2s}.tm-checklist-list{padding:4px 0}.tm-checklist-item{display:flex;align-items:center;gap:10px;padding:8px 16px 8px 54px}.tm-checklist-item:hover{background:#f4f5f7}.tm-checklist-item input[type=checkbox]{width:16px;height:16px;accent-color:#0065bd;flex-shrink:0;cursor:pointer;margin:0}.tm-checklist-text{flex:1;font-size:14px;color:#172b4d;line-height:1.4}.tm-checked{text-decoration:line-through;color:#5e6c84}.tm-checklist-del{background:none;border:none;cursor:pointer;color:#5e6c84;font-size:12px;padding:2px 4px;opacity:0;flex-shrink:0}.tm-checklist-item:hover .tm-checklist-del{opacity:1}.tm-checklist-add-wrap{padding:8px 16px 8px 54px}.tm-checklist-input{width:100%;padding:8px 10px;border-radius:6px;border:2px solid #0065bd;font-size:14px;outline:none;font-family:inherit;background:#fff;color:#172b4d}.tm-checklist-add-btn{background:none;border:none;padding:10px 16px 10px 54px;color:#5e6c84;font-size:14px;cursor:pointer;text-align:left;width:100%;border-bottom:1px solid #ebecf0}.tm-checklist-add-btn:hover{background:#f4f5f7;color:#172b4d}.tm-discuss-label{font-size:14px;color:#0065bd;font-weight:500}.tm-danger-zone{display:flex;gap:12px;padding:20px 16px 36px;border-top:1px solid #ebecf0;margin-top:8px}.tm-danger-btn{background:#ebecf0;border:none;border-radius:6px;padding:9px 16px;font-size:14px;font-weight:500;color:#172b4d;cursor:pointer}.tm-delete{color:#c0392b;background:#c0392b14}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:flex-end;justify-content:center;z-index:10}.modal{background:#fff;width:100%;max-width:480px;border-radius:16px 16px 0 0;padding:20px 16px 32px;display:flex;flex-direction:column;gap:14px;max-height:88vh;overflow-y:auto}.modal h2{margin:0;font-size:18px;font-weight:700;color:#172b4d}.modal label{display:flex;flex-direction:column;font-size:11px;font-weight:700;gap:5px;color:#5e6c84;text-transform:uppercase;letter-spacing:.06em}.modal input,.modal textarea,.modal select{padding:9px 12px;font-size:14px;border-radius:6px;border:2px solid #dfe1e6;outline:none;color:#172b4d;background:#fff;font-family:inherit}.modal input:focus,.modal textarea:focus,.modal select:focus{border-color:#0065bd}.discuss-btn{align-self:flex-start;background:#0065bd1a;color:#0065bd;border:none;border-radius:6px;padding:8px 14px;font-size:13px;font-weight:500;cursor:pointer}.modal-actions{display:flex;gap:8px;justify-content:flex-end;padding-top:8px;border-top:1px solid #ebecf0}.modal-actions button{padding:8px 16px;border-radius:6px;border:none;cursor:pointer;font-size:14px;font-weight:500;background:#ebecf0;color:#172b4d}.modal-actions button:hover{background:#dfe1e6}.modal-actions .primary{background:#0065bd;color:#fff}.modal-actions .primary:hover{background:#0055a0}.modal-actions .danger{color:#c0392b;background:transparent}.attachments{display:flex;flex-direction:column;gap:4px}.attachment-row{display:flex;align-items:center;background:#ebecf0;border-radius:6px;padding:2px 2px 2px 10px}.attachment-name{flex:1;text-align:left;background:none;border:none;cursor:pointer;font-size:13px;font-weight:500;color:#0065bd;padding:7px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment-delete{background:none;border:none;cursor:pointer;color:#5e6c84;padding:6px 10px;font-size:14px;flex-shrink:0}.section-label{font-size:11px;font-weight:700;color:#5e6c84;text-transform:uppercase;letter-spacing:.06em}.date-row{display:flex;gap:12px}.date-row label{flex:1}.assignee-picker{display:flex;flex-direction:column;gap:2px;margin-top:2px}.assignee-option{display:flex;align-items:center;gap:10px;padding:6px 8px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:400;text-transform:none;letter-spacing:normal;color:#172b4d}.assignee-option.selected{background:#0065bd14}.assignee-option input[type=checkbox]{width:16px;height:16px;accent-color:#0065bd;margin:0;padding:0;border:none;cursor:pointer;flex-shrink:0}.assignee-empty{font-size:13px;color:#5e6c84;font-weight:400;text-transform:none;letter-spacing:normal}.checklist-section{display:flex;flex-direction:column;gap:4px}.checklist-header{display:flex;align-items:center;justify-content:space-between}.checklist-progress-text{font-size:12px;color:#5e6c84;font-weight:600}.checklist-bar-wrap{background:#dfe1e6;border-radius:4px;height:4px;overflow:hidden}.checklist-bar{background:#0065bd;height:100%;border-radius:4px;transition:width .2s}.checklist-list{display:flex;flex-direction:column;gap:2px}.checklist-item{display:flex;align-items:center;gap:8px;padding:5px 6px;border-radius:6px}.checklist-item:hover{background:#ebecf0}.checklist-item input[type=checkbox]{width:16px;height:16px;accent-color:#0065bd;margin:0;padding:0;border:none;cursor:pointer;flex-shrink:0}.checklist-item-text{flex:1;font-size:14px;color:#172b4d;font-weight:400;text-transform:none;letter-spacing:normal;line-height:1.4}.checked-text{text-decoration:line-through;color:#5e6c84}.checklist-item-delete{background:none;border:none;cursor:pointer;color:#5e6c84;font-size:13px;padding:0 2px;opacity:0;flex-shrink:0;line-height:1}.checklist-item:hover .checklist-item-delete{opacity:1}.checklist-add-btn{background:none;border:none;padding:7px 6px;color:#5e6c84;cursor:pointer;font-size:14px;text-align:left;border-radius:6px;width:100%;font-weight:400;text-transform:none;letter-spacing:normal}.checklist-add-btn:hover{background:#ebecf0;color:#172b4d}.checklist-add-input{width:100%;padding:8px 10px;border-radius:6px;border:2px solid #0065bd;font-size:14px;outline:none;background:#fff;color:#172b4d;font-family:inherit}.task-meta{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px}.task-due,.task-checklist{font-size:11px;font-weight:600;padding:2px 6px;border-radius:4px;background:#ebecf0;color:#5e6c84}.due-overdue{background:#c0392b;color:#fff}.due-soon{background:#f39c12;color:#fff}.checklist-done{background:#27ae60;color:#fff}.task-members{display:flex;justify-content:flex-end;margin-top:8px}.member-avatar,.member-initial,.member-overflow{width:26px;height:26px;border-radius:50%;border:2px solid #fff;margin-left:-6px}.task-members>*:first-child{margin-left:0}.member-avatar{object-fit:cover}.member-initial{background:#dfe1e6;color:#5e6c84;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:700}.member-overflow{background:#ebecf0;color:#5e6c84;display:inline-flex;align-items:center;justify-content:center;font-size:10px;font-weight:700}.archive-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.archive-item{display:flex;align-items:center;justify-content:space-between;background:#ebecf0;border-radius:8px;padding:10px 12px;gap:8px}.archive-meta{margin:4px 0 0;font-size:12px;color:#5e6c84}.archive-item-actions{display:flex;gap:6px;flex-shrink:0}.archive-item-actions button{padding:6px 12px;border-radius:6px;border:none;cursor:pointer;font-size:13px;font-weight:500;background:#fff;color:#172b4d}.archive-item-actions .danger{color:#c0392b;background:transparent}.status-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;text-align:center;padding:24px;background:#0065bd;color:#fff}.status-detail{color:#ffffffb3;font-size:13px}.onboarding{flex:1;display:flex;flex-direction:column;align-items:center;padding:48px 24px 32px;text-align:center}.onboarding-icon{font-size:52px;margin-bottom:16px}.onboarding-title{font-size:22px;font-weight:700;margin:0 0 10px;color:#fff}.onboarding-subtitle{font-size:14px;color:#fffc;margin:0 0 24px;line-height:1.6}.onboarding-steps{text-align:left;font-size:14px;line-height:1.8;margin:0 0 24px;padding-left:20px;color:#ffffffe6}.onboarding-hint{font-size:13px;color:#fff9;margin:0}.group-picker{display:flex;flex-direction:column;flex:1;height:100vh;background:#0065bd}.group-list{list-style:none;margin:12px 0 0;padding:0 12px;display:flex;flex-direction:column;gap:8px}.group-list-item{width:100%;display:flex;align-items:center;gap:12px;background:#ffffff26;border:none;border-radius:10px;padding:14px 12px;cursor:pointer;text-align:left;font-size:15px;color:#fff}.group-list-item:active{opacity:.7}.group-list-item:disabled{cursor:default;opacity:.5}.group-list-icon{font-size:20px}.group-list-title{flex:1}.group-list-pending{color:#fff9;font-size:13px}.group-list-arrow{font-size:20px;color:#ffffff80}