*{box-sizing:border-box}body{color:#172b4d;background:#f4f5f7;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}header{color:#fff;background:#1a1f36;justify-content:space-between;align-items:center;padding:12px 20px;display:flex}header h1{margin:0;font-size:18px}header button{color:#fff;cursor:pointer;background:#4c6ef5;border:none;border-radius:6px;padding:8px 14px;font-size:14px}.board{gap:16px;padding:20px;display:flex;overflow-x:auto}.column{background:#ebecf0;border-radius:8px;width:260px;min-width:260px;padding:10px}.column h2{text-transform:uppercase;letter-spacing:.03em;color:#5e6c84;margin:4px 6px 10px;font-size:13px}.card{background:#fff;border-left:4px solid #dfe1e6;border-radius:6px;margin-bottom:8px;padding:10px 12px;box-shadow:0 1px 2px #091e4240}.card.status-todo{border-left-color:#6b778c}.card.status-in_progress{border-left-color:#4c6ef5}.card.status-blocked{border-left-color:#e03131}.card.status-review{border-left-color:#ae3ec9}.card.status-done{border-left-color:#2f9e44}.subtask-row{box-sizing:border-box;grid-template-columns:18px 1fr 20px;align-items:start;gap:8px;width:100%;padding:4px 0;font-size:13px;display:grid}.subtask-row input[type=checkbox]{margin-top:2px}.subtask-row .subtask-text{overflow-wrap:break-word;word-break:break-word;min-width:0}.subtask-row .subtask-text.done{color:#8592a6;text-decoration:line-through}.subtask-row .subtask-delete{color:#c92a2a;cursor:pointer;background:0 0;border:none;font-size:12px}#subtask-list{box-sizing:border-box;width:100%;overflow-x:hidden}.subtask-progress{color:#5e6c84;font-size:11px}textarea.modal-textarea{resize:vertical;border:1px solid #dfe1e6;border-radius:4px;width:100%;min-height:60px;padding:8px;font-family:inherit;font-size:14px}.card-title{margin-bottom:6px;font-size:14px;font-weight:600}.card-meta{color:#5e6c84;flex-wrap:wrap;gap:6px;margin-bottom:8px;font-size:12px;display:flex}.badge{background:#dfe1e6;border-radius:3px;padding:2px 6px}.badge.blocked{color:#c92a2a;background:#ffe3e3}.badge.material{color:#1971c2;background:#e7f5ff}.card select{border:1px solid #dfe1e6;border-radius:4px;width:100%;padding:4px;font-size:12px}.overlay{background:#091e4280;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{box-sizing:border-box;background:#fff;border-radius:8px;width:360px;max-width:90vw;padding:20px;overflow-x:hidden}.modal h2{margin-top:0;font-size:16px}.modal label{color:#5e6c84;margin-top:10px;margin-bottom:4px;font-size:12px;display:block}.modal input,.modal select{border:1px solid #dfe1e6;border-radius:4px;width:100%;padding:8px;font-size:14px}.modal-actions{justify-content:flex-end;gap:8px;margin-top:16px;display:flex}.modal-actions button{cursor:pointer;border:none;border-radius:6px;padding:8px 14px;font-size:14px}.btn-primary{color:#fff;background:#4c6ef5}.btn-secondary{color:#172b4d;background:#ebecf0}.center-screen{flex-direction:column;justify-content:center;align-items:center;gap:12px;height:100vh;display:flex}.project-list{flex-direction:column;gap:6px;min-width:240px;display:flex}.project-list button{cursor:pointer;text-align:left;background:#fff;border:1px solid #dfe1e6;border-radius:6px;padding:10px}
