:root{--bg:#f6f7f9;--surface:#fff;--surface-2:#f1f3f6;--border:#e2e5ea;--text:#171a1f;--muted:#5f6773;--accent:#2458d3;--accent-soft:#e8eefc;--ok:#17803d;--ok-soft:#e5f4ea;--warn:#a15c00;--warn-soft:#fdf1dc;--bad:#b42318;--bad-soft:#fcebea;--radius:10px;--shadow:0 1px 2px #1018280d;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--bg:#0f1115;--surface:#171a20;--surface-2:#1e222a;--border:#2a2f39;--text:#e8eaee;--muted:#9aa3b0;--accent:#7ea2ff;--accent-soft:#1c2640;--ok:#4cc27a;--ok-soft:#14291c;--warn:#f0b351;--warn-soft:#2e2413;--bad:#f47067;--bad-soft:#321a19;--shadow:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}html,body{margin:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font:14px/1.5 Segoe UI,system-ui,-apple-system,Roboto,sans-serif}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,h4{margin:0;line-height:1.25}h1{font-size:22px;font-weight:650}h2{font-size:16px;font-weight:650}h3{font-size:14px;font-weight:650}h4{font-size:14px;font-weight:550}.topbar{background:var(--surface);border-bottom:1px solid var(--border);z-index:10;position:sticky;top:0}.topbar-inner{align-items:center;gap:24px;max-width:1200px;height:56px;margin:0 auto;padding:0 20px;display:flex}.brand{color:var(--text);white-space:nowrap;align-items:center;gap:8px;font-size:15px;font-weight:700;display:flex}.brand-mark{background:var(--accent);color:#fff;border-radius:6px;place-items:center;width:22px;height:22px;font-size:12px;display:grid}.nav{gap:4px;min-width:0;display:flex;overflow-x:auto}.nav a{color:var(--muted);white-space:nowrap;border-radius:7px;padding:6px 10px;font-weight:550}.nav a:hover{background:var(--surface-2);color:var(--text);text-decoration:none}.nav a[aria-current=page]{background:var(--accent-soft);color:var(--accent)}.module-nav{flex:1}.module-tiles{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;display:grid}.module-tile{color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:10px;flex-direction:column;gap:6px;padding:16px 18px;display:flex}.module-tile:hover{border-color:var(--accent);text-decoration:none}.module-tile span{color:var(--muted)}main{max-width:1200px;margin:0 auto;padding:24px 20px 64px}.page-head{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:16px 24px;margin-bottom:20px;display:grid}@media (max-width:760px){.page-head{grid-template-columns:minmax(0,1fr)}}.page-head p{color:var(--muted);margin:4px 0 0}.stack{grid-template-columns:minmax(0,1fr);gap:16px;display:grid}.stack>*{min-width:0}.toolbar{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.month-switch{border:1px solid var(--border);background:var(--surface);border-radius:8px;align-items:center;display:inline-flex;overflow:hidden}.month-switch>a,.month-switch>span{color:var(--text);padding:6px 10px}.month-switch a:hover{background:var(--surface-2);text-decoration:none}.month-switch .month-off{color:var(--border)}select,.btn{font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:8px;height:34px;padding:6px 10px}.btn{cursor:pointer;align-items:center;gap:6px;font-weight:600;display:inline-flex}.btn:hover{background:var(--surface-2);text-decoration:none}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent);filter:brightness(1.08)}.btn-danger{color:var(--bad)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.card-head{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.card-head p{color:var(--muted);margin:2px 0 0;font-size:13px}.card-body{padding:16px}.kpis{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;display:grid}.kpi{padding:14px 16px}.kpi-label{color:var(--muted);font-size:13px}.kpi-value{font-variant-numeric:tabular-nums;margin-top:2px;font-size:26px;font-weight:700}.kpi-sub{color:var(--muted);font-size:12px}.meter{background:var(--surface-2);border-radius:3px;height:6px;margin-top:10px;overflow:hidden}.meter>div{background:var(--ok);border-radius:3px;height:100%}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid var(--border);vertical-align:top;padding:10px 16px}th{color:var(--muted);text-transform:uppercase;letter-spacing:.03em;background:var(--surface-2);white-space:nowrap;font-size:12px;font-weight:600}tr:last-child td{border-bottom:0}td.num,th.num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}tr.is-me td{background:var(--accent-soft)}.sub{color:var(--muted);font-size:12px}.badge{white-space:nowrap;border-radius:999px;align-items:center;gap:5px;padding:2px 8px;font-size:12px;font-weight:600;display:inline-flex}.badge:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.badge-ok{color:var(--ok);background:var(--ok-soft)}.badge-warn{color:var(--warn);background:var(--warn-soft)}.badge-bad{color:var(--bad);background:var(--bad-soft)}.badge-muted{color:var(--muted);background:var(--surface-2)}.chips{flex-wrap:wrap;gap:4px;display:flex}.chip{background:var(--bad-soft);color:var(--bad);white-space:nowrap;font-variant-numeric:tabular-nums;border-radius:6px;padding:1px 7px;font-size:12px}.notice{border:1px solid var(--border);background:var(--surface);border-radius:8px;align-items:flex-start;gap:10px;padding:10px 14px;display:flex}.notice-warn{background:var(--warn-soft);color:var(--warn);border-color:#0000}.notice-info{background:var(--accent-soft);color:var(--accent);border-color:#0000}.notice-ok{background:var(--ok-soft);color:var(--ok);border-color:#0000}.notice-bad{background:var(--bad-soft);color:var(--bad);border-color:#0000}.notice b{font-weight:650}.empty{text-align:center;color:var(--muted);padding:32px 16px}.customer+.customer{border-top:1px solid var(--border)}.customer-head{flex-wrap:wrap;justify-content:space-between;gap:12px;padding:14px 16px 6px;display:flex}.customer table td,.customer table th{padding:8px 16px}.customer table{table-layout:fixed;min-width:560px;margin-bottom:8px}.customer col.c-proj{width:30%}.customer col.c-bill{width:13%}.customer col.c-period{width:15%}.customer col.c-hours{width:16%}.nowrap{white-space:nowrap}code{overflow-wrap:anywhere;font:12px ui-monospace,Consolas,monospace}details.mail{border-top:1px solid var(--border)}details.mail:first-of-type{border-top:0}details.mail summary{cursor:pointer;flex-wrap:wrap;align-items:center;gap:12px;padding:12px 16px;list-style:none;display:flex}details.mail summary::-webkit-details-marker{display:none}details.mail summary:before{content:"▸";color:var(--muted);transition:transform .15s}details.mail[open] summary:before{transform:rotate(90deg)}.mail-body{background:var(--surface-2);white-space:pre-wrap;border-radius:8px;margin:0 16px 16px;padding:14px;font:13px/1.5 ui-monospace,Consolas,monospace;overflow-x:auto}.grow{flex:1;min-width:0}@media (max-width:640px){.topbar-inner{gap:12px;padding:0 16px}.brand span:last-child{display:none}main{padding:16px 16px 48px}th,td{padding:8px 10px}.hide-sm{display:none}.customer table{table-layout:auto;min-width:0}.customer col{width:auto!important}.kpi-value{font-size:22px}}.phases{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:12px;margin:0;padding:0;list-style:none;display:grid}.phase a{border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);color:var(--text);align-items:flex-start;gap:12px;height:100%;padding:12px 14px;display:flex}.phase a:hover{border-color:var(--accent);text-decoration:none}.phase-n{background:var(--surface-2);width:26px;height:26px;color:var(--muted);border-radius:50%;flex:none;place-items:center;font-size:13px;font-weight:700;display:grid}.phase-title{font-weight:650;display:block}.phase-detail{color:var(--muted);font-size:12px;display:block}.phase-current a{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent) inset}.phase-current .phase-n{background:var(--accent);color:#fff}.phase-open .phase-n{background:var(--warn-soft);color:var(--warn)}.phase-done .phase-n{background:var(--ok-soft);color:var(--ok)}.phase-info .phase-n{background:var(--accent-soft);color:var(--accent)}.phase-current.phase-done .phase-n{background:var(--ok);color:#fff}.phase-locked a{opacity:.7}.groups{gap:12px;padding:16px;display:grid}.group{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);overflow:hidden}.group summary{background:var(--surface-2);cursor:pointer;flex-wrap:wrap;align-items:center;gap:12px;padding:12px 16px;list-style:none;display:flex}.group summary::-webkit-details-marker{display:none}.group summary h3{font-size:16px;font-weight:600}.group summary:after{content:"▾";color:var(--muted);margin-left:auto;transition:transform .15s}.group:not([open]) summary:after{transform:rotate(-90deg)}.group[open] summary{border-bottom:1px solid var(--border)}.group .group-meter{background:var(--border);width:120px;margin:0}.group .table-wrap table{margin:0}.reminder-count{margin-left:4px}.review{border-top:1px solid var(--border);grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:12px 16px;padding:14px 16px;display:grid}.review:first-of-type{border-top:0}.review.is-done{background:var(--ok-soft)}.review ul{gap:2px;max-width:520px;margin:6px 0 0;padding:0;list-style:none;display:grid}.review li{justify-content:space-between;gap:12px;font-size:13px;display:flex}.review li span:last-child{font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--muted)}.review form{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.review input[type=text]{font:inherit;border:1px solid var(--border);background:var(--surface);height:34px;color:var(--text);border-radius:8px;width:220px;max-width:100%;padding:6px 10px}.progress-line{align-items:center;gap:10px;display:flex}.progress-line .meter{flex:1;min-width:80px;margin:0}.tabs{border-bottom:1px solid var(--border);gap:4px;display:flex;overflow-x:auto}.tabs a{color:var(--muted);white-space:nowrap;border-bottom:2px solid #0000;margin-bottom:-1px;padding:8px 12px;font-weight:600}.tabs a:hover{color:var(--text);text-decoration:none}.tabs a[aria-current=page]{color:var(--accent);border-bottom-color:var(--accent)}.inline-form{display:inline}.link-btn{font:inherit;color:var(--accent);cursor:pointer;background:0 0;border:0;padding:0}.link-btn:hover{text-decoration:underline}@media (max-width:760px){.phases{grid-template-columns:minmax(0,1fr);grid-auto-columns:auto;grid-auto-flow:row}.review{grid-template-columns:minmax(0,1fr)}.review form{justify-content:flex-start}}.user-menu{flex:none;align-items:center;gap:10px;min-width:0;margin-left:auto;display:flex}.user-name{white-space:nowrap;text-overflow:ellipsis;max-width:220px;font-weight:600;overflow:hidden}.user-logout{color:var(--muted);white-space:nowrap}.no-account{max-width:520px;margin:48px auto}.no-account .card-body{flex-direction:column;gap:12px;display:flex}.no-account p{margin:0}@media (max-width:640px){.user-name{display:none}}.month-picker{position:relative}.month-switch button.month-label{font:inherit;border:0;border-inline:1px solid var(--border);min-width:150px;color:var(--text);cursor:pointer;background:0 0;justify-content:center;align-items:center;gap:6px;padding:6px 10px;font-weight:600;display:inline-flex}.month-switch button.month-label:hover{background:var(--surface-2)}.month-pop{z-index:20;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);width:280px;max-width:calc(100vw - 32px);padding:10px;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 8px 24px #10182829}.month-pop-head{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.month-pop-head b{font-size:15px}.icon-btn{border:1px solid var(--border);background:var(--surface);width:30px;height:30px;color:var(--text);cursor:pointer;font:inherit;border-radius:8px}.icon-btn:hover:not(:disabled){background:var(--surface-2)}.icon-btn:disabled{opacity:.35;cursor:default}.month-grid{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.month-grid a,.month-grid span{text-align:center;color:var(--text);border-radius:8px;padding:8px 0;font-weight:550;display:block}.month-grid a:hover{background:var(--surface-2);text-decoration:none}.month-grid a.is-sel{background:var(--accent);color:#fff}.month-grid a.is-prev:not(.is-sel){box-shadow:0 0 0 1px var(--accent) inset}.month-grid span{color:var(--muted);opacity:.45}@media (max-width:760px){.month-pop{left:0;right:auto}}.inv-project{border:1px solid var(--border);border-radius:8px;margin:4px 16px 14px;overflow:hidden}.inv-project-title{background:var(--surface-2);border-bottom:1px solid var(--border);padding:10px 14px;font-weight:650}.inv-list{margin:0;padding:0;list-style:none}.inv-list li{border-top:1px solid var(--border);gap:2px;padding:10px 14px;display:grid}.inv-list li:first-child{border-top:0}.inv-list li>span:first-child{color:var(--accent);font-variant-numeric:tabular-nums}.status-big{align-items:center;gap:16px;padding:20px;display:flex}.status-big h2{font-size:18px}.status-big p{color:var(--muted);margin:4px 0 0}.status-icon{border-radius:50%;flex:none;place-items:center;width:48px;height:48px;font-size:24px;font-weight:700;display:grid}.status-big.is-ok .status-icon{background:var(--ok-soft);color:var(--ok)}.status-big.is-bad .status-icon{background:var(--bad-soft);color:var(--bad)}.badge.no-dot:before{display:none}.inv-project-title{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.inv-project.is-done{opacity:.75}.inv-project.is-done .inv-project-title{background:var(--ok-soft)}.card-collapsible>summary{cursor:pointer;list-style:none}.card-collapsible>summary::-webkit-details-marker{display:none}.card-collapsible>summary h2:before{content:"▸";color:var(--muted);margin-right:8px;transition:transform .15s;display:inline-block}.card-collapsible[open]>summary h2:before{transform:rotate(90deg)}.card-collapsible:not([open])>summary{border-bottom:0}