:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#fff;--accent:#ffb703;--sky:#8ecae6;--border:#ffffff1a;--panel:#06394f;--muted:#9fb7c3;background:#023047;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,.button{border:1px solid var(--border);color:inherit;cursor:pointer;background:#ffffff08;border-radius:9px;padding:9px 13px;text-decoration:none;transition:background .15s}button:hover,.button:hover{background:#ffffff16}button:disabled{cursor:wait;opacity:.55}a{color:var(--sky)}input,select,textarea{color:#fff;background:#012637;border:1px solid #ffffff28;border-radius:8px;min-width:0;padding:10px}input[type=checkbox]{accent-color:var(--accent);flex-shrink:0;width:17px;height:17px}input[type=color]{width:44px;height:36px;padding:3px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.primary{background:var(--accent);border-color:var(--accent);color:#023047;font-weight:700}.primary:hover{background:#ffc736}.muted{color:var(--muted);font-size:13px}.eyebrow{text-transform:uppercase;letter-spacing:2px;color:var(--sky);font-size:11px;font-weight:700}.topbar{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:20px;height:76px;padding:0 32px;display:flex}.brand{color:#fff;white-space:nowrap;align-items:center;gap:8px;font-size:21px;text-decoration:none;display:flex}.brand strong{color:var(--accent);font-weight:500}.brand-mark{background:var(--accent);color:#023047;border-radius:9px;place-items:center;width:32px;height:32px;font-weight:900;display:grid}.topbar nav{align-items:center;gap:22px;font-size:14px;display:flex}.topbar nav a{text-decoration:none}.account{color:var(--sky)}.welcome{max-width:1100px;margin:0 auto;padding:100px 30px}.welcome h1{letter-spacing:-2px;max-width:780px;margin:22px 0;font-size:clamp(36px,5vw,66px);line-height:1.1}.welcome>p{max-width:650px;color:var(--muted);font-size:18px;line-height:1.7}.welcome>.button{margin:16px 0;display:inline-block}.welcome>.muted{font-size:13px}.feature-grid{grid-template-columns:repeat(3,1fr);gap:18px;margin-top:60px;display:grid}.feature{border:1px solid var(--border);background:var(--panel);border-radius:16px;padding:28px}.feature>span{color:var(--accent);font-size:13px}.feature h2{font-size:21px;font-weight:500}.workspace{min-height:calc(100dvh - 76px);display:flex}.sidebar{border-right:1px solid var(--border);background:#012b40;flex-direction:column;flex-shrink:0;width:250px;padding:28px 18px;display:flex}.sidebar h2{margin:22px 10px 12px;font-size:16px}.sidebar>.eyebrow{margin:0 10px}.project-list{flex-direction:column;gap:6px;margin-bottom:14px;display:flex}.project{text-align:left;overflow-wrap:anywhere;border:0;align-items:center;gap:10px;display:flex}.project.active{color:var(--sky);background:#219ebc30}.project-dot{border-radius:3px;flex-shrink:0;width:9px;height:9px}.sidebar-bottom{flex-wrap:wrap;gap:6px;margin-top:auto;padding-top:40px;font-size:12px;display:flex}.main-workspace{flex:1;min-width:0;padding:28px 32px}.workspace-heading{justify-content:space-between;align-items:center;gap:20px;display:flex}.workspace-heading h1{overflow-wrap:anywhere;margin:8px 0 24px;font-size:28px;font-weight:600}.tabs{border-bottom:1px solid var(--border);gap:24px;margin-bottom:22px;display:flex}.tabs button{color:var(--muted);background:0 0;border:0;border-radius:0;padding:12px 0;position:relative}.tabs button.selected{color:var(--accent)}.tabs button.selected:after{content:"";background:var(--accent);height:2px;position:absolute;bottom:-1px;left:0;right:0}.toolbar{flex-wrap:wrap;align-items:center;gap:10px;font-size:13px;display:flex}.toolbar>select{max-width:230px}.search{max-width:260px;margin-left:auto}.inline{align-items:center;gap:7px;font-size:13px;flex-direction:row!important;display:inline-flex!important}.drag-hint{margin:18px 0}.kanban{align-items:flex-start;gap:18px;padding-bottom:16px;display:flex;overflow-x:auto}.kanban-column{border:1px solid var(--border);background:#06394f;border-radius:14px;flex-shrink:0;width:304px;padding:13px}.column-heading{align-items:center;gap:5px;margin-bottom:12px;display:flex}.column-heading h2{overflow-wrap:anywhere;flex:1;margin:0;font-size:14px}.column-heading h2 span{color:var(--muted);margin-left:4px;font-size:12px}.column-heading button{background:0 0;border:0;padding:3px 7px}.column-scroll{scrollbar-width:thin;scrollbar-color:#219ebc55 transparent;height:clamp(280px,100dvh - 345px,900px);padding-right:4px;overflow:hidden auto}.drag-over{background:#219ebc12}.column-empty{color:var(--muted);text-align:center;padding:30px 10px;font-size:13px}.card{background:#0b435b;border:1px solid #ffffff19;border-radius:10px;flex-direction:column;padding:12px;display:flex;box-shadow:0 4px 8px #001a261c}.card:hover{border-color:#8ecae66b}.card-top{color:var(--muted);justify-content:space-between;align-items:center;margin-bottom:7px;font-size:10px;display:flex}.priority{text-transform:uppercase;letter-spacing:.7px}.priority-high .priority{color:#ffb703}.priority-urgent .priority{color:#ff8b80}.drag-handle{color:var(--sky);cursor:grab;font-size:19px;line-height:1}.card-title{text-align:left;color:#fff;-webkit-line-clamp:2;border:0;-webkit-box-orient:vertical;padding:0;font-size:14px;line-height:1.45;display:-webkit-box;overflow:hidden;background:0 0!important}.card-footer{justify-content:space-between;align-items:center;gap:4px;min-height:24px;margin-top:auto;display:flex}.card-tags{gap:4px;min-width:0;display:flex;overflow:hidden}.tag{border:1px solid var(--accent);white-space:nowrap;text-overflow:ellipsis;border-radius:5px;max-width:120px;padding:2px 6px;font-size:10px;display:inline-block;overflow:hidden}.card time{color:var(--muted);white-space:nowrap;font-size:10px}.card time.overdue{color:#ff8b80}.add-card{text-align:left;width:100%;color:var(--muted);border:0;margin-top:8px;font-size:13px}.add-column{text-align:left;width:200px;color:var(--sky);border-style:dashed;flex-shrink:0}.empty{text-align:center;color:var(--muted);padding:80px 20px}.empty h1{font-size:24px}.error{color:#ffc4bc;background:#7d263d44;border:1px solid #ff8b8066;border-radius:10px;flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:16px;padding:12px;font-size:13px;display:flex}.error button{margin-left:auto}.danger{color:#ff9e91!important}.subtle{color:var(--sky);background:0 0;border:0}.panel{padding:18px 0}.tag-manager{flex-direction:column;gap:14px;margin-top:22px;display:flex}.tag-manager>div{align-items:center;gap:12px;display:flex}.checklist-panel{padding:6px 0 20px}.checklist-toolbar{flex-wrap:wrap;gap:10px;margin-bottom:20px;display:flex}.checklist-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px;display:grid}.checklist-box{border:1px solid var(--border);background:var(--panel);border-radius:14px;min-width:0;padding:18px}.checklist-heading{justify-content:space-between;align-items:center;gap:10px;display:flex}.checklist-heading h3{overflow-wrap:anywhere;margin:0;font-size:16px}.checklist-heading>span{color:var(--muted);font-size:12px}progress{width:100%;height:5px;accent-color:var(--accent);margin:12px 0 18px}.checklist-item{align-items:center;gap:4px;margin:10px 0;display:flex}.checklist-item>label{flex:1;align-items:center;gap:10px;min-width:0;font-size:14px;display:flex}.checklist-item>label>span{overflow-wrap:anywhere}.completed{color:var(--muted);text-decoration:line-through}.icon{background:0 0;border:0;padding:2px 7px}.checklist-actions{border-top:1px solid var(--border);flex-wrap:wrap;gap:8px;margin-top:16px;padding-top:12px;font-size:11px;display:flex}.card-dialog{color:#fff;background:#023047;border:1px solid #219ebc66;border-radius:18px;width:min(700px,100vw - 24px);max-height:90dvh;padding:24px;box-shadow:0 20px 80px #0006}.card-dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#001a26aa}.dialog-heading{justify-content:space-between;align-items:center;display:flex}.dialog-heading h2{margin:0 0 20px;font-size:20px}.dialog-heading button{align-self:flex-start}.card-dialog label:not(.inline){color:var(--sky);flex-direction:column;gap:8px;margin:12px 0;font-size:13px;display:flex}.form-row{grid-template-columns:1fr 1fr;gap:18px;display:grid}.card-dialog fieldset{border:1px solid var(--border);border-radius:8px;flex-wrap:wrap;gap:12px;margin:18px 0;display:flex}.card-dialog legend{color:var(--sky);font-size:13px}.dialog-actions,.dialog-footer{gap:12px;margin:18px 0;display:flex}.dialog-footer{border-top:1px solid var(--border);margin-bottom:0;padding-top:18px}.card-dialog h3{margin-top:26px;font-size:16px}.comments>div{border-bottom:1px solid var(--border);padding:8px 0;position:relative}.comments p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px}.comments time{color:var(--muted);font-size:11px}.comments button{float:right}.comment-form{align-items:flex-end;gap:10px;margin-top:18px;display:flex}.comment-form textarea{flex:1;width:100%}@media (max-width:900px){.sidebar{width:190px}.main-workspace{padding:20px}.topbar{padding:0 20px}.topbar nav{gap:12px}.search{margin-left:0}.topbar nav>a:first-child{display:none}}@media (max-width:640px){.topbar{flex-wrap:wrap;height:auto;min-height:68px;padding:14px 16px}.brand{font-size:18px}.topbar nav{gap:10px;font-size:12px}.account{display:none}.workspace{flex-direction:column}.sidebar{border-right:0;border-bottom:1px solid var(--border);width:100%;padding:14px 16px}.sidebar>.eyebrow,.sidebar h2,.sidebar-bottom{display:none}.project-list{flex-direction:row;margin:0 0 8px;overflow:auto}.project{white-space:nowrap;flex-shrink:0}.main-workspace{padding:20px 16px}.kanban-column{width:280px}.workspace-heading h1{font-size:24px}.toolbar button{font-size:11px}.toolbar .search{flex:1}.column-scroll{height:380px}.welcome{padding:60px 20px}.feature-grid{grid-template-columns:1fr;gap:10px;margin-top:36px}.feature{padding:18px}.feature h2{margin:10px 0}.form-row{gap:10px}.comment-form{flex-direction:column;align-items:stretch}}
