:root{--bg-0:#f3f5f8;--bg-1:#e9eef4;--panel:rgba(255,255,255,0.84);--panel-border:rgba(25,35,52,0.12);--ink:#1b2330;--muted:#5f6a7b;--accent:#164a9d;--shadow:0 24px 60px rgba(10,30,50,0.12)}*{box-sizing:border-box}body,html{margin:0;padding:0}body{min-height:100vh;font-family:var(--font-body),sans-serif;color:var(--ink);background:radial-gradient(circle at 15% 15%,#d7e5ff 0,transparent 34%),radial-gradient(circle at 85% 10%,#ffe2cc 0,transparent 28%),linear-gradient(160deg,var(--bg-0) 0,var(--bg-1) 100%);transition:background .3s ease,color .3s ease}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:0;transition:opacity .3s ease}body[data-design-mode=wireframe]{background:radial-gradient(circle at 18% 14%,rgba(198,131,51,.12) 0,transparent 30%),radial-gradient(circle at 82% 84%,rgba(37,95,147,.1) 0,transparent 32%),linear-gradient(180deg,#f6f3ec,#efeadd)}body[data-design-mode=wireframe]:before{opacity:1;background:radial-gradient(1200px 800px at 15% 10%,rgba(0,0,0,.035),transparent 60%),radial-gradient(1000px 700px at 85% 90%,rgba(0,0,0,.03),transparent 60%)}.dashboard-shell{width:min(1280px,calc(100vw - 48px));margin:28px auto 46px;display:grid;grid-gap:18px;gap:18px;position:relative;z-index:1}.headline{display:flex;justify-content:space-between;gap:20px;padding:24px;border:1px solid var(--panel-border);border-radius:20px;background:var(--panel);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:var(--shadow)}.eyebrow{margin:0;font-size:12px;letter-spacing:.12em;color:var(--accent);text-transform:uppercase;font-weight:700}h1{margin:8px 0;font-family:var(--font-display),sans-serif;font-size:clamp(1.8rem,2.6vw,2.6rem);line-height:1.2}.headline-link{color:inherit;text-decoration:none}.headline-link:focus-visible,.headline-link:hover{text-decoration:underline;text-underline-offset:4px}.subtle{margin:0;color:var(--muted)}.headline-actions{min-width:250px;display:grid;justify-items:end;align-content:start;grid-gap:8px;gap:8px}.headline-action-buttons{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px}.refresh-button{border:0;border-radius:999px;padding:12px 18px;font-weight:700;font-size:.92rem;background:linear-gradient(135deg,#174ea7,#1f6fe1);color:#fff;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 8px 18px rgba(31,111,225,.35)}.refresh-button:hover:not(:disabled){transform:translateY(-1px)}.refresh-button:disabled{opacity:.65;cursor:wait}.design-toggle-button{width:44px;height:44px;border:1px solid rgba(22,74,157,.28);border-radius:12px;padding:0;background:#efeadd;cursor:pointer;box-shadow:0 8px 18px rgba(22,74,157,.16);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.design-toggle-button:hover{transform:translateY(-1px);border-color:rgba(22,74,157,.36);box-shadow:0 10px 22px rgba(22,74,157,.22)}.design-toggle-button[aria-pressed=true]{background:#6fa8dc;border-color:rgba(111,168,220,.72)}.sync-text{margin:0;font-size:.85rem;color:var(--muted)}.sync-text.warning{color:#a64722;font-weight:600}.kpi-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-gap:0;gap:0;border:1px solid rgba(22,58,120,.16);border-radius:18px;overflow:hidden;background:linear-gradient(180deg,rgba(248,251,255,.92),rgba(240,246,255,.78));box-shadow:0 12px 30px rgba(18,35,60,.1)}.kpi-segment{min-width:0;padding:16px 16px 14px;display:grid;grid-gap:5px;gap:5px;align-content:center;border-right:1px solid rgba(22,58,120,.14)}.kpi-segment:last-child{border-right:0}.kpi-segment--highlight{background:linear-gradient(140deg,rgba(22,78,167,.18),rgba(22,78,167,.06) 56%,rgba(255,255,255,.7))}.kpi-label{color:#4f607a;font-size:.83rem;font-weight:600;letter-spacing:.01em}.kpi-value{font-family:var(--font-display),sans-serif;font-size:clamp(1.45rem,1.9vw,2.05rem);color:#17253b}.kpi-meta{font-style:normal;color:#204f96;font-size:.77rem;line-height:1.3}.content-grid{grid-template-columns:1.5fr 1fr;grid-gap:12px}.content-grid,.ownership-grid{display:grid;gap:12px;align-items:stretch}.ownership-grid{grid-template-columns:1.4fr 1fr 1fr;grid-gap:12px}.table-section{display:grid}.ownership-grid .panel{height:100%;display:flex;flex-direction:column;padding:14px}.ownership-grid .panel-header{margin-bottom:8px}.panel{border-radius:18px;border:1px solid var(--panel-border);background:var(--panel);padding:16px;box-shadow:0 10px 25px rgba(18,35,60,.08)}.panel-wide{grid-column:1/-1}.panel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.panel-header h2{margin:0;font-size:1rem;font-family:var(--font-display),sans-serif}.panel-meta{margin:0;font-size:.8rem;color:var(--muted)}.table-meta-wrap{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.table-filter-reset{border:1px solid rgba(36,87,173,.34);border-radius:999px;background:#ffffff;color:#214f95;font-size:.76rem;font-weight:700;line-height:1;padding:6px 10px;cursor:pointer}.table-filter-reset:hover{background:rgba(36,87,173,.08)}.monthly-chart{display:grid;grid-gap:10px;gap:10px}.monthly-row{display:grid;grid-template-columns:70px 1fr 46px;align-items:center;grid-gap:8px;gap:8px}.month-label{color:var(--muted);font-size:.85rem}.stack-bar{height:14px;border-radius:999px;overflow:hidden;display:flex;background:#d7deea}.stack-bar span{height:100%;display:block}.month-total{font-size:.8rem;color:var(--muted);text-align:right}.status-split{display:grid;grid-template-columns:130px 1fr;grid-gap:14px;gap:14px;align-items:center}.donut{width:130px;height:130px;border-radius:50%;position:relative}.donut:after{content:"";position:absolute;inset:20px;border-radius:50%;background:#f7f9fc;border:1px solid rgba(26,44,76,.12)}.status-legend{display:grid;grid-gap:8px;gap:8px}.status-item{display:grid;grid-template-columns:10px 1fr auto auto;grid-gap:8px;gap:8px;align-items:center;font-size:.9rem}.status-dot{width:10px;height:10px;border-radius:50%}.status-count{min-width:24px}.status-count,.status-percent{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;text-align:right}.status-percent{color:var(--muted);min-width:38px}.assignee-list{display:grid;grid-gap:8px;gap:8px}.assignee-panel-body{display:flex;flex-direction:column;flex:1 1;min-height:0}.assignee-row{display:grid;grid-template-columns:112px 1fr 28px;grid-gap:8px;gap:8px;align-items:center;font-size:.84rem}.assignee-bar{background:#dce3ef;border-radius:999px;overflow:hidden;height:9px}.assignee-bar span{display:block;height:100%;background:linear-gradient(90deg,#255ec2,#4a8ff5)}.assignee-summary{margin-top:8px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:6px;gap:6px}.assignee-summary-item{border:1px solid rgba(33,66,118,.14);background:linear-gradient(180deg,rgba(235,242,255,.58),rgba(241,246,255,.2));border-radius:12px;padding:8px 10px;display:grid;grid-gap:3px;gap:3px}.assignee-summary-item span{font-size:.76rem;color:var(--muted)}.assignee-summary-item strong{font-family:var(--font-display),sans-serif;font-size:.9rem;color:#1b2f4f}.workload-list{display:grid;grid-gap:8px;gap:8px}.workload-panel-body{display:flex;flex-direction:column;flex:1 1}.workload-row{display:grid;grid-gap:4px;gap:4px;padding-bottom:6px;border-bottom:1px solid rgba(23,40,64,.08)}.workload-row:last-child{padding-bottom:0;border-bottom:0}.workload-head{justify-content:space-between;font-size:.86rem}.workload-head,.workload-head-main{display:flex;align-items:center;gap:8px}.workload-head-main{min-width:0;flex-wrap:wrap}.assignee-slot{display:inline-flex;align-items:center;min-height:24px}.workload-head strong{font-family:var(--font-display),sans-serif;font-size:.95rem}.workload-meta{display:block}.workload-bar{background:#dce3ef;border-radius:999px;overflow:hidden;height:7px}.workload-bar span{display:block;height:100%;background:linear-gradient(90deg,#1e7b57,#3aa179)}.workload-status-inline{display:flex;align-items:center;gap:8px;justify-content:flex-start;flex-wrap:wrap;font-size:.73rem;color:var(--muted)}.workload-status-item{display:inline-flex;align-items:center;gap:4px;font-weight:700;letter-spacing:.01em}.workload-status-dot{width:6px;height:6px;border-radius:50%}.ownership-grid .assignee-list{flex:1 1;min-height:0;display:flex;flex-direction:column;justify-content:space-evenly;gap:clamp(6px,1.2vh,14px)}.ownership-grid .assignee-summary{margin-top:clamp(8px,1.6vh,18px)}.ownership-grid .workload-list{flex:1 1;align-content:start}.in-progress-panel-body{display:flex;flex-direction:column;flex:1 1}.in-progress-list{display:grid;grid-gap:8px;gap:8px;flex:1 1;align-content:start}.in-progress-row{display:grid;grid-gap:4px;gap:4px;padding-bottom:6px;border-bottom:1px solid rgba(23,40,64,.08)}.in-progress-row:last-child{padding-bottom:0;border-bottom:0}.in-progress-head{display:flex;align-items:center;font-size:.86rem;gap:8px}.in-progress-head-main{display:flex;align-items:center;gap:8px;min-width:0;width:100%}.in-progress-input{flex:1 1;min-width:0}.in-progress-meta{display:block;visibility:hidden}.table-wrap{overflow:auto}table{width:100%;border-collapse:separate;border-spacing:0;min-width:980px}td,th{padding:10px 8px;border-bottom:1px solid rgba(23,40,64,.1);font-size:.88rem}td{text-align:center}.row-updating{opacity:.66}.cell-edit-trigger{border:0;background:transparent;padding:0;cursor:pointer;display:inline-flex;align-items:center}.cell-edit-trigger:disabled{cursor:not-allowed}.cell-edit-select{min-width:118px;border:1px solid rgba(36,87,173,.32);border-radius:999px;padding:4px 10px;font-size:.78rem;color:#1d2f49;background:#ffffff;outline:none}.cell-edit-select:focus{border-color:#2b67cb;box-shadow:0 0 0 2px rgba(43,103,203,.15)}.report-checkbox{width:16px;height:16px;accent-color:#2b67cb;cursor:pointer}.report-checkbox:disabled{cursor:not-allowed}.notes-input{width:100%;min-width:140px;border:1px solid rgba(36,87,173,.22);border-radius:8px;padding:6px 8px;font-size:.82rem;color:#1d2f49;background:#ffffff}.notes-input:focus{outline:none;border-color:#2b67cb;box-shadow:0 0 0 2px rgba(43,103,203,.12)}.notes-input:disabled{background:#f3f5f8;color:#7b8698}th{color:#284164;font-weight:700;text-align:center;font-size:.98rem;background:linear-gradient(180deg,rgba(36,87,173,.14),rgba(36,87,173,.06));border-top:1px solid rgba(36,87,173,.22);border-bottom:1px solid rgba(36,87,173,.2)}.table-filter-head-cell{position:relative}.table-head-label{gap:6px}.table-filter-trigger,.table-head-label{display:inline-flex;align-items:center;justify-content:center}.table-filter-trigger{width:22px;height:22px;border-radius:999px;border:1px solid rgba(36,87,173,.2);background:rgba(255,255,255,.72);color:#1d4f96;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,color .15s ease}.table-filter-trigger:hover{border-color:rgba(36,87,173,.4);background:rgba(255,255,255,.94)}.table-filter-trigger.is-active{background:rgba(36,87,173,.16);border-color:rgba(36,87,173,.44);color:#173e7d}.table-filter-icon{display:block}.table-filter-popover{position:absolute;top:calc(100% + 8px);left:50%;transform:translateX(-50%);width:180px;border-radius:10px;border:1px solid rgba(28,67,130,.18);background:#ffffff;box-shadow:0 12px 28px rgba(18,35,60,.16);z-index:30;padding:8px;display:grid;grid-gap:6px;gap:6px}.table-filter-label{font-size:.74rem;font-weight:700;color:#456186;text-align:left}.table-filter-select{width:100%;border:1px solid rgba(36,87,173,.28);border-radius:8px;padding:6px 8px;font-size:.8rem;color:#1d2f49;background:#ffffff;outline:none}.table-filter-select:focus{border-color:#2b67cb;box-shadow:0 0 0 2px rgba(43,103,203,.12)}th+th{border-left:1px solid rgba(36,87,173,.08)}thead tr th:first-child{border-top-left-radius:10px}thead tr th:last-child{border-top-right-radius:10px}td.title{text-align:left;max-width:460px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.table-empty-row td{text-align:center;color:#5d6c81;font-size:.86rem;padding:18px 12px}.assignee-badge,.status-badge{display:inline-flex;align-items:center;border-radius:999px;padding:3px 10px;font-size:.78rem;font-weight:700}.assignee-badge{justify-content:center;max-width:100%;border:1px solid transparent;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.state-panel{width:min(900px,calc(100vw - 48px));margin:80px auto;border-radius:14px;padding:24px;border:1px solid rgba(28,45,70,.2);background:rgba(255,255,255,.8)}.state-panel.is-error{color:#9d2a18}.dashboard-shell[data-design-mode=wireframe]{--panel:rgba(255,252,245,0.96);--panel-border:rgba(27,27,27,0.78);--ink:#1b1b1b;--muted:#6b6b6b;--accent:#c76b2a;--shadow:4px 4px 0 rgba(27,27,27,0.9)}.dashboard-shell[data-design-mode=wireframe] .kpi-value,.dashboard-shell[data-design-mode=wireframe] .panel-header h2,.dashboard-shell[data-design-mode=wireframe] h1{font-family:var(--font-wireframe-hand),var(--font-body),sans-serif}.dashboard-shell[data-design-mode=wireframe] .cell-edit-select,.dashboard-shell[data-design-mode=wireframe] .eyebrow,.dashboard-shell[data-design-mode=wireframe] .kpi-label,.dashboard-shell[data-design-mode=wireframe] .kpi-meta,.dashboard-shell[data-design-mode=wireframe] .month-label,.dashboard-shell[data-design-mode=wireframe] .month-total,.dashboard-shell[data-design-mode=wireframe] .notes-input,.dashboard-shell[data-design-mode=wireframe] .panel-meta,.dashboard-shell[data-design-mode=wireframe] .status-count,.dashboard-shell[data-design-mode=wireframe] .status-percent,.dashboard-shell[data-design-mode=wireframe] .sync-text,.dashboard-shell[data-design-mode=wireframe] .table-filter-label,.dashboard-shell[data-design-mode=wireframe] .table-filter-reset,.dashboard-shell[data-design-mode=wireframe] .table-filter-select,.dashboard-shell[data-design-mode=wireframe] .workload-status-inline,.dashboard-shell[data-design-mode=wireframe] th{font-family:var(--font-wireframe-mono),var(--font-body),monospace}.dashboard-shell[data-design-mode=wireframe] .headline,.dashboard-shell[data-design-mode=wireframe] .kpi-strip,.dashboard-shell[data-design-mode=wireframe] .panel,.dashboard-shell[data-design-mode=wireframe] .state-panel,.dashboard-shell[data-design-mode=wireframe] .table-filter-popover{background:var(--panel);border:1.5px solid var(--panel-border);box-shadow:var(--shadow);-webkit-backdrop-filter:none;backdrop-filter:none}.dashboard-shell[data-design-mode=wireframe] .headline{border-radius:10px}.dashboard-shell[data-design-mode=wireframe] .headline-link:focus-visible,.dashboard-shell[data-design-mode=wireframe] .headline-link:hover{-webkit-text-decoration-style:wavy;text-decoration-style:wavy}.dashboard-shell[data-design-mode=wireframe] .eyebrow{letter-spacing:.08em;text-transform:none;color:#225f93}.dashboard-shell[data-design-mode=wireframe] .headline-actions{gap:10px}.dashboard-shell[data-design-mode=wireframe] .design-toggle-button,.dashboard-shell[data-design-mode=wireframe] .refresh-button{border:1.5px solid rgba(27,27,27,.85);border-radius:8px;padding:11px 16px;box-shadow:3px 3px 0 rgba(27,27,27,.9);transform:rotate(-.25deg);font-family:var(--font-wireframe-hand),var(--font-body),sans-serif}.dashboard-shell[data-design-mode=wireframe] .refresh-button{background:#c76b2a;color:#fff}.dashboard-shell[data-design-mode=wireframe] .design-toggle-button{width:42px;height:42px;background:#6fa8dc;color:transparent}.dashboard-shell[data-design-mode=wireframe] .design-toggle-button:hover,.dashboard-shell[data-design-mode=wireframe] .refresh-button:hover:not(:disabled){transform:rotate(0deg) translateY(-1px)}.dashboard-shell[data-design-mode=wireframe] .design-toggle-button[aria-pressed=true]{background:#6fa8dc;color:transparent}.dashboard-shell[data-design-mode=wireframe] .kpi-strip{border-radius:10px;overflow:hidden;background:#fffaf2}.dashboard-shell[data-design-mode=wireframe] .kpi-segment{border-right:1.5px dashed rgba(27,27,27,.45);background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(246,240,229,.92))}.dashboard-shell[data-design-mode=wireframe] .kpi-segment--highlight{background:linear-gradient(145deg,rgba(199,107,42,.16),rgba(255,255,255,.92))}.dashboard-shell[data-design-mode=wireframe] .kpi-label{color:#6b6b6b}.dashboard-shell[data-design-mode=wireframe] .kpi-meta{color:#225f93}.dashboard-shell[data-design-mode=wireframe] .panel{border-radius:10px}.dashboard-shell[data-design-mode=wireframe] .box-header,.dashboard-shell[data-design-mode=wireframe] .panel-header{padding-bottom:8px;border-bottom:1.2px dashed rgba(27,27,27,.42)}.dashboard-shell[data-design-mode=wireframe] .assignee-row,.dashboard-shell[data-design-mode=wireframe] .in-progress-row,.dashboard-shell[data-design-mode=wireframe] .monthly-row,.dashboard-shell[data-design-mode=wireframe] .workload-row,.dashboard-shell[data-design-mode=wireframe] td,.dashboard-shell[data-design-mode=wireframe] th{border-bottom-color:rgba(27,27,27,.14)}.dashboard-shell[data-design-mode=wireframe] .assignee-bar,.dashboard-shell[data-design-mode=wireframe] .stack-bar,.dashboard-shell[data-design-mode=wireframe] .workload-bar{border:1.2px solid rgba(27,27,27,.65);background:#efeadd}.dashboard-shell[data-design-mode=wireframe] .assignee-bar span{background:linear-gradient(90deg,#c76b2a,#dd9a4c)}.dashboard-shell[data-design-mode=wireframe] .workload-bar span{background:linear-gradient(90deg,#225f93,#4c87b8)}.dashboard-shell[data-design-mode=wireframe] .donut:after{background:#f6f3ec;border:1.5px dashed rgba(27,27,27,.45)}.dashboard-shell[data-design-mode=wireframe] .assignee-summary-item{border:1.3px solid rgba(27,27,27,.45);border-radius:10px;background:linear-gradient(180deg,rgba(255,252,245,.98),rgba(239,234,221,.85))}.dashboard-shell[data-design-mode=wireframe] .cell-edit-select,.dashboard-shell[data-design-mode=wireframe] .notes-input,.dashboard-shell[data-design-mode=wireframe] .table-filter-reset,.dashboard-shell[data-design-mode=wireframe] .table-filter-select,.dashboard-shell[data-design-mode=wireframe] .table-filter-trigger{border-width:1.3px;border-color:rgba(27,27,27,.62);box-shadow:none}.dashboard-shell[data-design-mode=wireframe] .table-filter-reset,.dashboard-shell[data-design-mode=wireframe] .table-filter-trigger{background:#fffaf2;color:#1b1b1b}.dashboard-shell[data-design-mode=wireframe] .table-filter-trigger.is-active{background:rgba(34,95,147,.18);border-color:rgba(34,95,147,.55);color:#18476d}.dashboard-shell[data-design-mode=wireframe] .table-filter-popover{border-radius:8px;background:#fffdf7}.dashboard-shell[data-design-mode=wireframe] table{border-collapse:separate}.dashboard-shell[data-design-mode=wireframe] th{background:linear-gradient(180deg,rgba(239,234,221,.9),rgba(255,255,255,.9));color:#1b1b1b;border-top:1.5px solid rgba(27,27,27,.58);border-bottom:1.5px dashed rgba(27,27,27,.45)}.dashboard-shell[data-design-mode=wireframe] th+th{border-left:1px dashed rgba(27,27,27,.22)}.dashboard-shell[data-design-mode=wireframe] .assignee-badge,.dashboard-shell[data-design-mode=wireframe] .status-badge{border:1.2px solid rgba(27,27,27,.5);box-shadow:1px 1px 0 rgba(27,27,27,.18)}.dashboard-shell[data-design-mode=wireframe] .notes-input{background:rgba(255,255,255,.96)}.dashboard-shell[data-design-mode=wireframe] .state-panel.is-error,.dashboard-shell[data-design-mode=wireframe] .sync-text.warning{color:#9d4320}@media (max-width:1100px){.kpi-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:rgba(22,58,120,.12)}.kpi-segment{border-right:0;background:rgba(247,250,255,.92)}.kpi-segment--highlight{grid-column:1/-1}.content-grid,.ownership-grid{grid-template-columns:1fr}.ownership-grid .assignee-list{display:grid;grid-gap:8px;gap:8px}.headline{flex-direction:column}.headline-actions{justify-items:start}.headline-action-buttons,.workload-status-inline{justify-content:flex-start}}@media (max-width:720px){.dashboard-shell{width:calc(100vw - 24px)}.kpi-strip{grid-template-columns:1fr}.kpi-segment--highlight{grid-column:auto}.status-split{grid-template-columns:1fr;justify-items:start}.assignee-row{grid-template-columns:108px 1fr 30px}.assignee-summary{grid-template-columns:1fr}}