:root{color-scheme:light dark;--bg: #fafaf9;--panel: #ffffff;--panel-2: #f4f4f2;--ink: #141416;--ink-soft: #57565c;--ink-faint: #8a8991;--line: rgba(20, 20, 22, .1);--accent: #b8451a;--accent-soft: rgba(184, 69, 26, .1);--on-accent: #ffffff;--alta: #b8451a;--media: #8a6a14;--bassa: #8a8991;--ok: #0f7a3d;--bad: #c0392b;--radius: 16px;--radius-sm: 10px;--shadow: 0 1px 2px rgba(0, 0, 0, .04), 0 10px 30px -12px rgba(0, 0, 0, .1);--glow: 0 8px 28px -10px rgba(184, 69, 26, .45)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: #0b0b0c;--panel: #141416;--panel-2: #1c1c1f;--ink: #f7f7f5;--ink-soft: #b4b3b8;--ink-faint: #7d7c83;--line: rgba(255, 255, 255, .09);--accent: #ff8b4d;--accent-soft: rgba(255, 139, 77, .13);--on-accent: #17110c;--alta: #ff8b4d;--media: #e0a758;--bassa: #8a8991;--ok: #4ec97f;--bad: #f0736a;--shadow: 0 1px 2px rgba(0, 0, 0, .5), 0 10px 30px -12px rgba(0, 0, 0, .6);--glow: 0 8px 30px -10px rgba(255, 139, 77, .4)}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.55 Archivo,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased}.wrap{max-width:1080px;margin:0 auto;padding:28px 20px 80px}.login{min-height:100dvh;display:grid;place-items:center;padding:20px}.login form{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:28px;width:min(360px,100%);box-shadow:var(--shadow)}.login h1{margin:0 0 4px;font-size:23px;font-weight:800;letter-spacing:-.03em}.login p{margin:0 0 20px;color:var(--ink-soft);font-size:14px}input[type=password]{width:100%;padding:11px 12px;font:inherit;color:var(--ink);background:var(--panel-2);border:1px solid var(--line);border-radius:var(--radius-sm)}input[type=password]:focus{outline:2px solid var(--accent);outline-offset:1px}button{font:inherit;cursor:pointer;border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--panel-2);color:var(--ink);padding:8px 14px}button:hover{border-color:var(--ink-faint)}button.primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent);width:100%;margin-top:14px;padding:11px;font-weight:600;box-shadow:var(--glow)}button.primary:hover{filter:brightness(1.06)}button[disabled]{opacity:.55;cursor:default}header.top{display:flex;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:22px}header.top h1{margin:0;font-size:30px;font-weight:800;letter-spacing:-.035em}header.top .date{color:var(--ink-soft);font-size:14px;margin-top:2px}header.top .spacer{flex:1}header.top .actions{display:flex;gap:8px}section{margin-bottom:26px}h2{font-size:11px;text-transform:uppercase;letter-spacing:.13em;color:var(--ink-faint);margin:0 0 10px;font-weight:700}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.card+.card{margin-top:12px}.banner{border-radius:var(--radius);padding:12px 14px;font-size:14px;border:1px solid var(--line);background:var(--panel);margin-bottom:14px}.banner.warn{border-color:color-mix(in srgb,var(--media) 45%,var(--line))}.banner.error{border-color:color-mix(in srgb,var(--bad) 45%,var(--line))}.banner strong{display:block;margin-bottom:2px}.banner span{color:var(--ink-soft)}.focus{padding:14px 16px}.focus ul{margin:0;padding-left:18px}.focus li{margin:3px 0;font-weight:500}.action{display:grid;grid-template-columns:4px 1fr auto;gap:0 14px;padding:12px 16px 12px 0;border-top:1px solid var(--line)}.action:first-child{border-top:0}.action .rail{background:var(--bassa);border-radius:0 3px 3px 0}.action.alta .rail{background:var(--alta)}.action.media .rail{background:var(--media)}.action .text{font-weight:500}.action .ctx{color:var(--ink-soft);font-size:13px;margin-top:3px}.action .meta{display:flex;gap:6px;align-items:flex-start;flex-wrap:wrap;justify-content:flex-end}.action.stale .text{color:var(--ink-soft);font-weight:400}.chip{font-size:11px;padding:2px 7px;border-radius:999px;white-space:nowrap;border:1px solid var(--line);color:var(--ink-soft);background:var(--panel-2)}.chip.src-yobee{color:#7c5ce0;border-color:color-mix(in srgb,#7c5ce0 35%,var(--line))}.chip.src-konvtrack{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 35%,var(--line))}.chip.urg{color:var(--alta);border-color:color-mix(in srgb,var(--alta) 35%,var(--line))}.chip.rep{color:var(--media);border-color:color-mix(in srgb,var(--media) 35%,var(--line))}details.carried{margin-top:12px}details.carried summary{cursor:pointer;color:var(--ink-soft);font-size:13px;padding:6px 0}.grid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:12px}.kpi-head{display:flex;align-items:baseline;gap:10px;padding:14px 16px 0}.kpi-head h3{margin:0;font-size:16px;font-weight:700;letter-spacing:-.015em}.kpi-head .sub{color:var(--ink-faint);font-size:12px}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);margin:14px 0 0;border-top:1px solid var(--line)}.kpi{background:var(--panel);padding:12px 14px}.kpi .label{font-size:11px;color:var(--ink-faint);text-transform:uppercase;letter-spacing:.05em}.kpi .value{font-size:21px;font-weight:600;letter-spacing:-.02em;margin-top:2px}.kpi .sub{font-size:12px;color:var(--ink-soft)}.up{color:var(--ok)}.down{color:var(--bad)}.spark{padding:12px 16px 4px}.spark svg{width:100%;height:46px;display:block;overflow:visible}.spark .axis{font-size:10px;fill:var(--ink-faint)}.breakdown{padding:10px 16px 16px;display:flex;flex-wrap:wrap;gap:6px}.pill{font-size:12px;padding:3px 9px;border-radius:999px;background:var(--panel-2);border:1px solid var(--line);color:var(--ink-soft)}.pill b{color:var(--ink);font-weight:600}.pill.err{color:var(--bad);border-color:color-mix(in srgb,var(--bad) 40%,var(--line))}.thread{padding:11px 16px;border-top:1px solid var(--line)}.thread:first-child{border-top:0}.thread .subject{font-weight:500}.thread .who{color:var(--ink-faint);font-size:12px}.thread .summary{color:var(--ink-soft);font-size:13px;margin-top:3px}.thread .do{font-size:13px;margin-top:4px;color:var(--accent)}.empty{padding:18px 16px;color:var(--ink-faint);font-size:14px}footer.foot{color:var(--ink-faint);font-size:12px;margin-top:28px}.spin{display:inline-block;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}:root{--s1: #2a78d6;--s2: #1baf7a;--s3: #eda100;--s4: #e87ba4;--s-other: #8a8991;--seq-450: #c2521f;--seq-150: #f3cdb8;--status-good: #0ca30c;--status-warning: #fab219;--status-critical: #d03b3b;--grid: rgba(20, 20, 22, .09);--muted-fill: #c9c8c4;--tick-ink: #8a8991}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--s1: #3987e5;--s2: #199e70;--s3: #c98500;--s4: #d55181;--s-other: #8a8991;--seq-450: #ff8b4d;--seq-150: #6d3a1d;--grid: rgba(255, 255, 255, .08);--muted-fill: #3a3a3e;--tick-ink: #7d7c83}}.chart{margin:0;padding:14px 16px 12px;border-top:1px solid var(--line)}.chart:first-of-type{border-top:0}.chart figcaption{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;margin-bottom:2px}.chart-title{font-size:13.5px;font-weight:700;letter-spacing:-.01em}.chart-hint{font-size:12px;color:var(--ink-faint)}.chart-note{margin:6px 0 0;font-size:11px;color:var(--ink-faint)}.chart-body{position:relative;margin-top:6px}.chart-body svg{width:100%;height:auto;display:block;overflow:visible}.chart-empty{display:grid;place-items:center;font-size:13px;color:var(--ink-faint);border:1px dashed var(--line);border-radius:8px}.chart .grid{stroke:var(--grid);stroke-width:1;vector-effect:non-scaling-stroke}.chart .tick,.chart .axis{fill:var(--tick-ink);font-size:10px;font-variant-numeric:tabular-nums}.chart .cat{fill:var(--ink-soft);font-size:11px}.chart .val,.chart .peak,.chart .end-label{fill:var(--ink);font-size:11px;font-weight:600}.chart .line{fill:none;stroke:var(--s1);stroke-width:2;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke}.chart .line.prev{stroke:var(--muted-fill)}.chart .area{fill:var(--s1);opacity:.1}.chart .dot{fill:var(--s1);stroke:var(--panel);stroke-width:2}.chart .crosshair{stroke:var(--ink-faint);stroke-width:1;opacity:.45;vector-effect:non-scaling-stroke}.chart .hit{fill:transparent;cursor:crosshair}.legend{display:flex;flex-wrap:wrap;gap:4px 12px;margin-top:6px}.legend.tight{margin-top:8px}.legend-item{display:inline-flex;align-items:center;gap:5px;font-size:11px;color:var(--ink-soft)}.legend-item i{width:9px;height:9px;border-radius:2px;flex:none}.legend-item b{color:var(--ink);font-weight:600}.legend-item em{color:var(--ink-faint);font-style:normal}.tip{position:absolute;transform:translate(-50%,-100%);pointer-events:none;background:var(--ink);color:var(--panel);font-size:11px;line-height:1.4;padding:5px 8px;border-radius:6px;white-space:nowrap;z-index:5;max-width:320px;overflow:hidden;text-overflow:ellipsis}.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:1px;background:var(--line)}.tile{background:var(--panel);padding:12px 14px 10px}.tile .label{font-size:11px;color:var(--ink-faint);text-transform:uppercase;letter-spacing:.05em}.tile .value{font-size:26px;font-weight:600;letter-spacing:-.02em;margin-top:1px;line-height:1.1}.tile .sub{font-size:12px;color:var(--ink-soft)}.tile .spark{width:100%;height:26px;margin-top:6px;display:block}.tile .spark polyline{fill:none;stroke:var(--s1);stroke-width:2;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke}.tile .spark circle{fill:var(--s1)}.charts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(330px,1fr));gap:12px}.charts-grid>.card{margin:0}.notepad{position:relative;overflow:hidden}.notepad:before{content:"";position:absolute;top:0;bottom:0;left:46px;width:1px;background:color-mix(in srgb,var(--accent) 28%,transparent);pointer-events:none}.pad-head{display:flex;align-items:center;gap:10px;padding:11px 16px;border-bottom:1px solid var(--line)}.pad-head .count{font-size:12px;color:var(--ink-soft);white-space:nowrap}.pad-head .bar{flex:1;height:4px;border-radius:999px;background:var(--line);overflow:hidden}.pad-head .bar span{display:block;height:100%;background:var(--status-good);transition:width .18s ease}.task{display:grid;grid-template-columns:46px 1fr auto;align-items:start;gap:0 12px;padding:11px 16px 11px 0;border-bottom:1px solid var(--line)}.task:last-child{border-bottom:0}.task .box{display:grid;place-items:center;padding-top:1px}.task input[type=checkbox]{appearance:none;-webkit-appearance:none;margin:0;width:19px;height:19px;border:1.5px solid var(--ink-faint);border-radius:5px;background:var(--panel);cursor:pointer;display:grid;place-items:center;flex:none;transition:background .12s,border-color .12s}.task input[type=checkbox]:hover{border-color:var(--accent)}.task input[type=checkbox]:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.task input[type=checkbox]:after{content:"";width:10px;height:6px;margin-top:-2px;border-left:2px solid var(--panel);border-bottom:2px solid var(--panel);transform:rotate(-45deg) scale(0);transition:transform .12s ease}.task input[type=checkbox]:checked{background:var(--status-good);border-color:var(--status-good)}.task input[type=checkbox]:checked:after{transform:rotate(-45deg) scale(1)}.task .what{font-weight:600;font-size:15px;line-height:1.42;cursor:pointer;letter-spacing:-.008em}.task .from{font-size:12.5px;color:var(--ink-soft);margin-top:2px}.task .why{font-size:12.5px;color:var(--ink-faint);margin-top:3px;line-height:1.45}.task .meta{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end;padding-top:2px}.task.done .what{text-decoration:line-through;text-decoration-thickness:1px;color:var(--ink-faint);font-weight:400}.task.done .from,.task.done .why{opacity:.5}.task.done .meta{opacity:.4}.pad-empty{padding:22px 16px;color:var(--ink-faint);font-size:14px;text-align:center}.pad-foot{padding:9px 16px;border-top:1px solid var(--line);font-size:11px;color:var(--ink-faint)}.chip.due{color:var(--ink-soft);border-color:var(--line)}.chip.past{color:var(--ink-faint);border-color:var(--line)}.task.expired .what{color:var(--ink-soft);font-weight:400}.task.expired .why{display:none}.expired-group{border-top:1px solid var(--line)}.expired-group summary{cursor:pointer;padding:9px 16px 9px 46px;font-size:12px;color:var(--ink-faint)}.expired-group summary:hover{color:var(--ink-soft)}.expired-group .task{border-top:1px solid var(--line);border-bottom:0}.recap{display:grid;grid-template-columns:minmax(230px,320px) 1fr}.recap-hero{padding:18px 22px 20px;border-right:1px solid var(--line);display:flex;flex-direction:column;justify-content:center}.recap-hero .label{font-size:11px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--ink-faint)}.recap-hero .figure{font-size:64px;font-weight:800;letter-spacing:-.045em;line-height:1;margin:6px 0 4px;color:var(--ink)}.recap-hero .delta{font-size:13px;color:var(--ink-soft);display:flex;align-items:center;gap:7px}.recap-hero .spark{width:100%;height:30px;margin-top:12px}.recap-side{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1px;background:var(--line)}.recap-cell{background:var(--panel);padding:14px 16px 13px;display:flex;flex-direction:column;justify-content:center}.recap-cell .label{font-size:10.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint)}.recap-cell .figure{font-size:30px;font-weight:700;letter-spacing:-.03em;line-height:1.05;margin-top:3px}.recap-cell .foot{font-size:12px;color:var(--ink-soft);margin-top:2px}.recap-cell.accent .figure{color:var(--accent)}@media(max-width:720px){.recap{grid-template-columns:1fr}.recap-hero{border-right:0;border-bottom:1px solid var(--line)}.recap-hero .figure{font-size:54px}}
