:root{color-scheme:light;--bg:#f4f6f8;--surface:#ffffff;--surface-soft:#f9fafb;--border:#dfe5ea;--border-strong:#cad3dd;--text:#17202a;--muted:#667085;--green:#2fa36b;--green-dark:#176247;--green-soft:#e8f7ef;--blue:#377dff;--blue-soft:#eaf1ff;--amber:#c98714;--amber-soft:#fff5df;--coral:#d95f4a;--coral-soft:#fff0ed;--danger:#c83b32;--danger-soft:#fff0ee;--shadow:0 18px 40px rgba(23,32,42,0.08)}*{box-sizing:border-box}html{min-width:320px;scroll-behavior:smooth}body,html{background:var(--bg)}body{margin:0;color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:15px}a,button,input,select{font:inherit}button{cursor:pointer}button:disabled,select:disabled{cursor:not-allowed;opacity:.58}.app-shell{display:grid;grid-template-columns:248px minmax(0,1fr);min-height:100vh}.sidebar{flex-direction:column;gap:28px;border-right:1px solid var(--border);background:#fbfcfd;padding:24px 18px}.brand,.sidebar{display:flex;min-width:0}.brand{align-items:center;gap:12px}.brand-mark{display:grid;width:40px;height:40px;place-items:center;border-radius:8px;background:#17202a;color:white;font-weight:800}.brand small,.brand strong,.sidebar-status small,.sidebar-status span{display:block}.brand strong{font-size:18px}.brand small,.muted-text,.sidebar-status small{color:var(--muted)}.side-nav{display:grid;grid-gap:6px;gap:6px;max-width:100%;min-width:0}.side-nav a{border-radius:8px;color:#344054;padding:10px 12px;text-decoration:none}.side-nav a.active,.side-nav a:hover{background:var(--green-soft);color:var(--green-dark);font-weight:700}.sidebar-status{margin-top:auto;border:1px solid var(--border);border-radius:8px;background:var(--surface);padding:14px}.sidebar-status strong{display:block;margin:6px 0;color:var(--green)}.sidebar-status strong.danger{color:var(--danger)}.workspace{min-width:0;padding:28px}.auth-workspace{display:grid;align-content:start;grid-gap:26px;gap:26px}.data-row,.kanban-column header,.row-button,.section-heading,.topbar,.work-card footer,.work-card>div{display:flex;align-items:center}.data-row,.kanban-column header,.row-button,.section-heading,.topbar{justify-content:space-between;gap:16px}.eyebrow{color:var(--muted);display:block;font-size:12px;font-weight:800;text-transform:uppercase}h1,h2,p{margin:0}h1{font-size:32px;line-height:1.2;margin-top:4px}h2{font-size:20px;line-height:1.25}.top-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:flex-end;max-width:100%;min-width:0}.ghost-button,.icon-button,.primary-button,.secondary-button,.segmented-control button,.work-card button{border:1px solid transparent;border-radius:8px;min-height:40px}.primary-button{display:inline-flex;gap:8px;align-items:center;justify-content:center;min-width:0;background:var(--green);color:white;font-weight:800;padding:0 16px}.ghost-button,.icon-button,.secondary-button,.segmented-control button,.work-card button{background:var(--surface);border-color:var(--border);color:#344054;font-weight:700}.ghost-button,.secondary-button{padding:0 14px}.ghost-button{background:transparent}.full-width{width:100%}.metrics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:14px;gap:14px;margin:20px 0 26px}.auth-panel,.board-panel,.loading-panel,.metric-card,.panel{border:1px solid var(--border);border-radius:8px;background:var(--surface);box-shadow:var(--shadow)}.metric-card{display:grid;grid-gap:7px;gap:7px;min-height:136px;padding:18px}.activity-list,.column-empty,.metric-card small,.metric-card span,.work-card footer span,.work-card small{color:var(--muted)}.metric-card strong{font-size:30px}.metric-card.green{border-top:4px solid var(--green)}.metric-card.blue{border-top:4px solid var(--blue)}.metric-card.amber{border-top:4px solid var(--amber)}.metric-card.coral{border-top:4px solid var(--coral)}.content-grid{align-items:start;display:grid;grid-template-columns:minmax(0,1fr) 360px;grid-gap:18px;gap:18px}.auth-panel,.board-panel,.panel{padding:18px}.auth-panel{max-width:720px}.loading-panel{display:inline-flex;align-items:center;gap:12px;padding:18px}.spinner{width:18px;height:18px;border:3px solid var(--border);border-top-color:var(--green);border-radius:999px;animation:spin .8s linear infinite}.segmented-control{display:inline-grid;grid-template-columns:1fr 1fr;gap:4px;border:1px solid var(--border);border-radius:8px;background:var(--surface-soft);padding:4px}.segmented-control button{min-height:34px;border:0;background:transparent;padding:0 12px}.segmented-control button.active{background:var(--surface);box-shadow:0 1px 4px rgba(23,32,42,.1);color:var(--green-dark)}.form-grid,.stack-form{display:grid;grid-gap:12px;gap:12px;margin-top:18px}.form-grid{max-width:560px}.form-row{display:grid;grid-template-columns:112px minmax(0,1fr);grid-gap:10px;gap:10px}.select-field,label{display:grid;grid-gap:6px;gap:6px;min-width:0}.select-field span,label span{color:var(--muted);font-size:12px;font-weight:800;text-transform:uppercase}.select-field.inline{min-width:240px}input,select{width:100%;min-height:40px;border:1px solid var(--border);border-radius:8px;background:white;color:var(--text);padding:0 11px}a:focus-visible,button:focus-visible,input:focus,select:focus{outline:3px solid rgba(55,125,255,.22);outline-offset:2px}.inline-form{grid-template-columns:minmax(220px,1fr) 140px 140px auto;grid-gap:10px;gap:10px}.inline-form,.kanban-board{display:grid;margin-top:18px}.kanban-board{grid-template-columns:repeat(4,minmax(160px,1fr));grid-gap:12px;gap:12px;overflow-x:auto;padding-bottom:2px}.kanban-column{display:grid;align-content:start;grid-gap:10px;gap:10px;min-width:0;border:1px solid var(--border);border-radius:8px;background:var(--surface-soft);padding:12px}.kanban-column header span{border-radius:999px;background:white;color:var(--muted);font-size:12px;font-weight:800;min-width:28px;padding:4px 8px;text-align:center}.column-empty{display:grid;min-height:86px;place-items:center;border:1px dashed var(--border-strong);border-radius:8px;font-weight:700}.work-card{display:grid;grid-gap:12px;gap:12px;min-width:0;border:1px solid var(--border);border-radius:8px;background:white;padding:14px}.work-card>div{justify-content:space-between;gap:10px}.work-card>div span{border-radius:999px;background:var(--blue-soft);color:#2052a3;font-size:12px;font-weight:800;padding:4px 8px;white-space:nowrap}.work-card strong{line-height:1.35}.work-card p{color:#475467;line-height:1.45}.work-card footer{justify-content:space-between;gap:10px}.right-rail{display:grid;grid-gap:18px;gap:18px}.section-heading.compact{align-items:flex-start}.section-heading.compact>strong{color:var(--green);font-size:24px}.data-list{display:grid;grid-gap:10px;gap:10px;margin-top:16px}.data-row,.row-button{width:100%;border:1px solid var(--border);border-radius:8px;background:var(--surface);padding:10px 12px;text-align:left}.row-button.active,.row-button:hover{border-color:rgba(47,163,107,.45);background:var(--green-soft)}.activity-list li,.data-row span,.row-button span{display:grid;grid-gap:3px;gap:3px;min-width:0}.activity-list small,.data-row small,.row-button small{color:var(--muted)}.status-badge{display:inline-flex;align-items:center;justify-content:center;min-height:28px;border-radius:999px;background:var(--amber-soft);color:#8a5a0a;font-size:12px;font-weight:800;padding:0 10px;white-space:nowrap}.status-badge.ready{background:var(--green-soft);color:var(--green-dark)}.activity-list{display:grid;grid-gap:12px;gap:12px;margin:16px 0 0;padding-left:20px}.activity-list li{line-height:1.45;padding-left:2px}.empty-state{display:grid;grid-gap:8px;gap:8px;margin-top:18px;border:1px dashed var(--border-strong);border-radius:8px;background:var(--surface-soft);padding:28px;text-align:center}.empty-state p{color:var(--muted)}.feedback{margin-top:16px;border:1px solid var(--border);border-radius:8px;padding:12px 14px;font-weight:700}.feedback.success{border-color:rgba(47,163,107,.34);background:var(--green-soft);color:var(--green-dark)}.feedback.error{border-color:rgba(200,59,50,.32);background:var(--danger-soft);color:var(--danger)}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:1180px){.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.content-grid{grid-template-columns:1fr}}@media (max-width:900px){.app-shell,.sidebar{grid-template-columns:1fr}.sidebar{position:static;display:grid;grid-gap:16px;gap:16px;border-right:0;border-bottom:1px solid var(--border)}.side-nav{display:flex;overflow-x:auto;padding-bottom:2px}.side-nav a{flex:0 0 auto;text-align:center;white-space:nowrap}.sidebar-status{display:none}.inline-form{grid-template-columns:1fr 1fr}}@media (max-width:680px){.workspace{padding:18px}.section-heading,.topbar{align-items:stretch;flex-direction:column}.top-actions{justify-content:stretch;width:100%}.ghost-button,.primary-button,.secondary-button,.select-field.inline,.top-actions>*{width:100%}.side-nav{flex-wrap:wrap;overflow-x:visible}.form-row,.inline-form,.kanban-board,.metrics-grid{grid-template-columns:1fr}.kanban-board{overflow-x:visible}h1{font-size:28px}}@media (max-width:420px){.sidebar,.workspace{padding-left:14px;padding-right:14px}.metric-card{min-height:118px}.data-row,.row-button,.work-card footer,.work-card>div{align-items:flex-start;flex-direction:column}}textarea{width:100%;border:1px solid var(--border);border-radius:8px;background:white;color:var(--text);font:inherit;line-height:1.5;padding:10px 11px;resize:vertical}textarea:focus{outline:3px solid rgba(55,125,255,.22);outline-offset:2px}.card-open-button{min-height:30px!important;padding:0 10px;white-space:nowrap}.drawer-backdrop{position:fixed;inset:0;z-index:50;display:flex;justify-content:flex-end;background:rgba(23,32,42,.32);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.work-item-drawer{width:min(720px,94vw);height:100vh;overflow-y:auto;border-left:1px solid var(--border);background:var(--surface);box-shadow:-20px 0 48px rgba(23,32,42,.16);padding:22px}.comment-card>div,.drawer-actions,.drawer-header{display:flex;align-items:center;justify-content:space-between;gap:14px}.drawer-header{position:-webkit-sticky;position:sticky;top:-22px;z-index:2;margin:-22px -22px 18px;border-bottom:1px solid var(--border);background:rgba(255,255,255,.96);padding:18px 22px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.drawer-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px}.full-span{grid-column:1/-1}.drawer-actions{margin-top:2px}.drawer-section{margin-top:24px;border-top:1px solid var(--border);padding-top:20px}.comment-list{display:grid;grid-gap:10px;gap:10px;margin-top:14px}.comment-card{display:grid;grid-gap:8px;gap:8px;border:1px solid var(--border);border-radius:8px;background:var(--surface-soft);padding:12px}.comment-card small{color:var(--muted)}.comment-card p{white-space:pre-wrap;line-height:1.5}.comment-form{display:grid;grid-gap:10px;gap:10px;margin-top:12px}.comment-form .secondary-button{justify-self:end}.detail-activity{margin-bottom:8px}@media (max-width:680px){.work-item-drawer{width:100vw;max-width:none;border-left:0;padding:18px}.drawer-header{top:-18px;margin:-18px -18px 18px;padding:16px 18px}.drawer-form{grid-template-columns:1fr}.full-span{grid-column:auto}.comment-card>div,.drawer-actions{align-items:flex-start;flex-direction:column}.comment-form .secondary-button{width:100%}}.workflow-hint{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px;border:1px solid var(--border);border-radius:8px;background:var(--surface-soft);padding:10px 12px}.workflow-hint span{font-weight:800}.field-help,.workflow-hint small{color:var(--muted)}.kanban-column.drop-target{border-color:#8bcf2f;box-shadow:inset 0 0 0 2px rgba(168,241,60,.28);background:rgba(221,247,181,.28)}.work-card[draggable=true]{cursor:-webkit-grab;cursor:grab}.work-card[draggable=true]:active{cursor:-webkit-grabbing;cursor:grabbing}.work-card.dragging{opacity:.5}.work-card[aria-busy=true]{opacity:.65;pointer-events:none}.card-actions{display:flex;align-items:center;gap:8px}.quick-transition-select{min-height:30px;max-width:130px;padding:0 28px 0 8px;font-size:12px}.field-help{display:block;margin-top:5px;font-size:12px}@media (max-width:680px){.card-actions,.workflow-hint{align-items:flex-start;flex-direction:column}.quick-transition-select{max-width:none;width:100%}}.planning-section{margin-top:28px;border-top:1px solid var(--border);padding-top:22px}.planning-heading{align-items:flex-start}.planning-heading p{margin-top:6px;max-width:720px;line-height:1.5}.planning-summary{display:grid;justify-items:end;grid-gap:6px;gap:6px}.planning-summary small{color:var(--muted)}.sprint-create-form{display:grid;grid-template-columns:minmax(180px,.9fr) minmax(240px,1.5fr) minmax(150px,.7fr) auto;align-items:end;grid-gap:10px;gap:10px;margin-top:18px}.planning-loading{display:inline-flex;align-items:center;gap:10px;margin-top:18px;color:var(--muted)}.planning-board{display:grid;grid-auto-columns:minmax(300px,360px);grid-auto-flow:column;grid-gap:14px;gap:14px;margin-top:18px;overflow-x:auto;padding-bottom:8px}.planning-lane{min-width:0;border:1px solid var(--border);border-radius:8px;background:var(--surface-soft);padding:12px}.planning-lane.active-sprint{border-color:rgba(47,163,107,.5);box-shadow:inset 0 3px 0 var(--green)}.planning-lane-header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.planning-lane-header small,.sprint-goal{color:var(--muted)}.planning-lane-title{display:flex;align-items:center;gap:8px;font-weight:800}.planning-lane-title strong{display:inline-grid;min-width:26px;min-height:24px;place-items:center;border-radius:999px;background:white;color:var(--muted);font-size:12px}.sprint-goal{margin-top:10px;line-height:1.45}.compact-button{min-height:32px;padding:0 10px;white-space:nowrap}.complete-sprint-controls{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;grid-gap:8px;gap:8px;margin-top:12px;border:1px solid var(--border);border-radius:8px;background:white;padding:10px}.complete-sprint-controls select{min-height:34px;font-size:12px}.planning-items{display:grid;grid-gap:8px;gap:8px;margin-top:12px;min-height:72px}.planning-empty{display:grid;min-height:70px;place-items:center;border:1px dashed var(--border-strong);border-radius:8px;color:var(--muted);font-weight:700}.planning-card{display:grid;grid-gap:8px;gap:8px;border:1px solid var(--border);border-radius:8px;background:white;padding:10px}.planning-card[draggable=true]{cursor:-webkit-grab;cursor:grab}.planning-card.dragging{opacity:.48}.planning-card[aria-busy=true]{opacity:.62;pointer-events:none}.planning-card-actions,.planning-card-main,.planning-card-meta{display:flex;align-items:center;justify-content:space-between;gap:8px}.planning-card-link{display:grid;grid-gap:2px;gap:2px;min-width:0;flex:1 1;border:0;background:transparent;color:var(--text);padding:0;text-align:left}.planning-card-link small,.planning-card-meta{color:var(--muted)}.planning-card-link strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.planning-type{border-radius:999px;background:var(--blue-soft);color:#2052a3;font-size:11px;font-weight:800;padding:3px 7px;white-space:nowrap}.planning-card-meta{font-size:12px}.planning-card-actions{justify-content:flex-start}.planning-order-button{min-width:32px;min-height:32px;padding:0}.planning-move-select{min-height:32px;margin-left:auto;max-width:150px;font-size:12px;padding:0 28px 0 8px}@media (max-width:900px){.sprint-create-form{grid-template-columns:1fr 1fr}.planning-summary{justify-items:start}}@media (max-width:680px){.sprint-create-form{grid-template-columns:1fr}.planning-board{grid-auto-columns:minmax(280px,88vw)}.complete-sprint-controls{grid-template-columns:1fr}.planning-card-actions{flex-wrap:wrap}.planning-move-select{width:100%;max-width:none;margin-left:0}}.migration-row{align-items:flex-start;gap:16px}.migration-summary{min-width:0}.migration-error{display:block;max-width:440px;overflow-wrap:anywhere}.migration-actions{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.compact-button{background:transparent;border:1px solid var(--border);border-radius:8px;cursor:pointer;font:inherit;padding:6px 10px}.compact-button:disabled{cursor:progress;opacity:.55}