:root{--yellow: #ffcd00;--yellow-light: #fff1b3;--yellow-dark: #e6b800;--black: #1b1b1b;--off-black: #2a2a2a;--white: #ffffff;--off-white: #f7f7f8;--border: #e5e7eb;--border-strong: #d1d5db;--muted: #6b7280;--text: #1b1b1b;--ok: #1b9e4b;--warn: #d97706;--danger: #c0392b;--info: #2563eb}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;background:var(--off-white);color:var(--text);font-size:14px}.app{max-width:1400px;margin:0 auto;padding:24px}.app.wide{max-width:none;padding:16px 24px}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:3px solid var(--yellow)}.header h1{margin:0;font-size:22px;font-weight:700;color:var(--black);letter-spacing:-.01em}.header .subtitle{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin-top:2px}.toolbar{display:flex;gap:8px;align-items:center}.btn{background:var(--yellow);color:var(--black);border:0;padding:8px 14px;border-radius:4px;cursor:pointer;font-size:13px;font-weight:600;letter-spacing:.01em;transition:filter .1s;text-decoration:none;display:inline-flex;align-items:center;gap:6px}.btn:hover{filter:brightness(.95)}.btn.secondary{background:var(--white);color:var(--black);border:1px solid var(--border-strong)}.btn.secondary:hover{background:var(--off-white)}.btn.danger{background:var(--white);color:var(--danger);border:1px solid var(--border-strong)}.btn.danger:hover{background:#fff5f5;border-color:var(--danger)}.btn.ghost{background:transparent;color:var(--muted);border:1px dashed var(--border-strong);font-weight:500}.btn.ghost:hover{color:var(--black);border-color:var(--black)}.btn.sm{padding:4px 10px;font-size:12px}.section{background:var(--white);border:1px solid var(--border);border-radius:6px;margin-bottom:16px;overflow:hidden;box-shadow:0 1px 2px #00000008}.section-header{display:flex;align-items:center;gap:8px;padding:10px 14px;background:var(--black);color:var(--white);border-left:4px solid var(--yellow);font-weight:600;font-size:14px}.section-header .name-edit{flex:1;background:transparent;border:0;color:var(--white);font-weight:600;font-size:14px;outline:none;padding:2px 4px;border-radius:3px}.section-header .name-edit:focus{background:#ffffff1f}.section-header .count{color:var(--yellow);font-size:12px;font-weight:500;padding:2px 8px;background:#ffcd0026;border-radius:3px}.section-header .actions{display:flex;gap:4px}.section-header .actions .icon-btn{color:#ffffffb3}.section-header .actions .icon-btn:hover{color:var(--white);background:#ffffff1a}.task-grid{display:flex;flex-direction:column}.task-grid-header,.task-row{display:grid;grid-template-columns:24px 28px 1fr 130px 110px 130px 90px 130px 160px 70px;align-items:stretch}.task-grid-header{background:var(--off-white);border-bottom:1px solid var(--border)}.task-grid-header>.h{padding:6px 8px;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-weight:500}.task-row{background:var(--white);border-bottom:1px solid var(--border);position:relative;touch-action:none}.task-row>.cell{padding:0;display:flex;align-items:center;min-height:38px;position:relative}.task-row:hover{background:#fafbfc}.task-row.is-milestone{background:#fffbe6}.task-row.is-milestone:hover{background:#fff7cc}.task-row>.cell.actions{justify-content:flex-end;padding-right:6px}.task-row.dragging{background:var(--yellow-light);outline:2px dashed var(--yellow-dark);outline-offset:-2px}.task-row.dragging>.cell{visibility:hidden}.task-row .grip{width:100%;height:100%;display:flex;align-items:center;justify-content:center;cursor:grab;color:var(--muted);-webkit-user-select:none;user-select:none}.task-row .grip:active{cursor:grabbing}.task-row .grip:hover{color:var(--black);background:var(--off-white)}.task-row .type-icon{width:100%;display:flex;justify-content:center;font-size:12px}.task-row .type-icon.milestone{color:var(--yellow-dark)}.task-row .type-icon.task{color:var(--muted)}.inline{width:100%;height:100%;border:0;background:transparent;color:var(--text);padding:8px 10px;font-size:13px;font-family:inherit;outline:none;border-radius:0}.inline:focus{background:var(--white);box-shadow:inset 0 0 0 2px var(--yellow)}.inline.title{font-weight:500}.inline.title.is-milestone{font-weight:600}.inline.title.is-done{text-decoration:line-through;color:var(--muted)}.inline-select{-moz-appearance:none;appearance:none;-webkit-appearance:none;background:transparent;border:0;padding:6px 22px 6px 10px;font-size:12px;font-family:inherit;font-weight:500;color:inherit;width:100%;height:100%;cursor:pointer;outline:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='5' viewBox='0 0 8 5'%3E%3Cpath fill='%236b7280' d='M0 0l4 5 4-5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 6px center}.inline-select:focus{box-shadow:inset 0 0 0 2px var(--yellow)}.badge{display:inline-block;padding:2px 8px;border-radius:12px;font-size:11px;font-weight:600;text-transform:capitalize;white-space:nowrap}.badge.todo{background:#f3f4f6;color:var(--muted)}.badge.in_progress{background:var(--yellow-light);color:var(--off-black)}.badge.blocked{background:#fde2e2;color:var(--danger)}.badge.done{background:#d6f5e0;color:var(--ok)}.badge.low{background:#f3f4f6;color:var(--muted)}.badge.medium{background:#dceaff;color:var(--info)}.badge.high{background:#ffe6cc;color:var(--warn)}.badge.critical{background:var(--danger);color:var(--white)}.status-cell,.priority-cell{width:100%;height:100%;position:relative;display:flex;align-items:center}.labels-display{font-size:11px;color:var(--muted);padding:0 10px;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.icon-btn{background:none;border:0;cursor:pointer;padding:4px 8px;border-radius:3px;color:var(--muted);font-size:12px;font-weight:500}.icon-btn:hover{background:var(--off-white);color:var(--black)}.icon-btn.danger:hover{color:var(--danger);background:#fff5f5}.add-row{display:flex;gap:6px;padding:8px 14px;background:var(--off-white);border-top:1px solid var(--border)}.add-input{flex:1;padding:6px 10px;border:1px solid var(--border-strong);border-radius:4px;font-size:13px;font-family:inherit;outline:none}.add-input:focus{border-color:var(--yellow);box-shadow:0 0 0 2px var(--yellow-light)}.drag-overlay{background:var(--white);border:2px solid var(--yellow);border-radius:4px;padding:8px 12px;font-size:13px;font-weight:500;box-shadow:0 4px 16px #00000026}.empty{text-align:center;padding:40px 0;color:var(--muted);font-size:13px}.error-banner{background:#fde2e2;color:var(--danger);padding:10px 14px;border-radius:4px;font-size:13px;margin-bottom:12px}.footer{margin-top:16px;display:flex;justify-content:center}.view-toggle{display:inline-flex;background:var(--white);border:1px solid var(--border-strong);border-radius:4px;overflow:hidden;margin-right:4px}.view-toggle button{background:var(--white);border:0;padding:7px 14px;font-size:13px;font-weight:500;color:var(--muted);cursor:pointer;font-family:inherit}.view-toggle button:hover{color:var(--black)}.view-toggle button.active{background:var(--yellow);color:var(--black);font-weight:600}.tl-wrap{background:var(--white);border:1px solid var(--border);border-radius:6px;overflow:hidden;box-shadow:0 1px 2px #00000008}.tl-scroll{overflow-x:scroll;overflow-y:auto;max-height:calc(100vh - 200px)}.tl-scroll::-webkit-scrollbar{height:12px;width:12px}.tl-scroll::-webkit-scrollbar-track{background:var(--off-white)}.tl-scroll::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:6px;border:2px solid var(--off-white)}.tl-scroll::-webkit-scrollbar-thumb:hover{background:var(--muted)}.tl-content{display:flex;flex-direction:column}.tl-header{position:sticky;top:0;z-index:5;display:flex;background:var(--white);border-bottom:1px solid var(--border-strong)}.tl-head-title{position:sticky;left:0;z-index:6;background:var(--off-white);display:flex;align-items:flex-end;padding:0 12px 6px;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-weight:500;border-right:1px solid var(--border-strong)}.tl-head-days,.tl-months{position:relative}.tl-month{position:absolute;top:0;height:100%;background:var(--yellow);color:var(--black);font-size:12px;font-weight:700;text-align:center;display:flex;align-items:center;justify-content:center;border-right:1px solid var(--yellow-dark)}.tl-day-row{display:flex;background:var(--off-white)}.tl-day-num{flex:0 0 auto;border-right:1px solid var(--border);text-align:center;font-size:10px;color:var(--muted);font-weight:500;display:flex;align-items:center;justify-content:center}.tl-day-num.weekend{background:#f0f1f4;color:#999}.tl-day-num.holiday{background:var(--danger);color:var(--white);font-weight:700}.tl-day-num.today{background:#cfe2ff;color:var(--info);font-weight:700}.tl-section{display:flex;align-items:center;background:var(--black);color:var(--yellow);font-weight:600;font-size:13px}.tl-section-label{position:sticky;left:0;z-index:3;background:var(--black);padding:0 14px;border-right:4px solid var(--yellow);height:100%;display:flex;align-items:center;flex:0 0 auto}.tl-section-fill{background:var(--black);flex:0 0 auto}.tl-row{display:flex;align-items:stretch;border-bottom:1px solid var(--border)}.tl-row:hover{background:#fafbfc}.tl-row-title{position:sticky;left:0;z-index:2;background:var(--white);border-right:1px solid var(--border-strong);flex:0 0 auto;display:flex;align-items:center}.tl-row:hover .tl-row-title{background:#fafbfc}.tl-row-title .inline{padding:6px 12px;font-size:13px}.tl-row-grid{position:relative;display:flex;flex:0 0 auto}.tl-cell{flex:0 0 auto;border-right:1px solid #f3f4f6}.tl-cell.weekend{background:#f7f8fa}.tl-cell.holiday{background:#fbe0e0}.tl-cell.today{background:#e8effe}.tl-bar{position:absolute;top:6px;height:calc(100% - 12px);background:var(--yellow);border-radius:3px;cursor:default;overflow:hidden}.tl-bar.s-done{opacity:.45}.tl-bar.s-blocked{background:#d97a7c}.tl-bar.s-in_progress{background:linear-gradient(90deg,var(--yellow) 0%,#ffe273 100%)}.tl-bar-holiday{position:absolute;top:0;bottom:0;background-color:var(--danger);background-image:repeating-linear-gradient(-45deg,rgba(255,255,255,.25) 0,rgba(255,255,255,.25) 3px,transparent 3px,transparent 6px);pointer-events:none}.tl-milestone{position:absolute;top:5px;height:calc(100% - 10px);width:18px;background:var(--black);color:var(--yellow);text-align:center;font-weight:700;font-size:13px;border-radius:3px;display:flex;align-items:center;justify-content:center}