:root{--color-bg:#f5f6fb;--color-surface:#fff;--color-border:#dfe1f0;--color-text:#14161f;--color-text-muted:#5b5f78;--color-primary:#4553c9;--color-primary-hover:#37419e;--color-accent-2:#f16a5e;--color-danger:#d7373f;--color-danger-hover:#b52d34;--color-success:#1f8a4c;--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono:ui-monospace, "SF Mono", "Cascadia Code", "JetBrains Mono", Menlo, Consolas, monospace;--radius:6px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}body{font-family:var(--font-sans);background:var(--color-bg);color:var(--color-text);margin:0;font-size:14px}a{color:var(--color-primary)}h1,h2,h3{margin:0 0 12px;font-weight:600}h1{font-size:22px}h2{font-size:18px}h3{font-size:15px}.app-shell{min-height:100vh;display:flex}.sidebar{background:var(--color-surface);border-right:1px solid var(--color-border);flex-direction:column;flex-shrink:0;gap:4px;width:220px;padding:20px 12px;display:flex}.sidebar-brand{font-family:var(--font-mono);letter-spacing:-.01em;color:inherit;align-items:center;gap:8px;padding:0 8px 16px;font-size:16px;font-weight:700;text-decoration:none;display:flex}.sidebar-brand:hover{opacity:.85}.sidebar-section{font-family:var(--font-mono);text-transform:uppercase;color:var(--color-text-muted);letter-spacing:.04em;padding:16px 8px 4px;font-size:11px}.nav-link{border-radius:var(--radius);color:var(--color-text);padding:8px 10px;font-size:14px;text-decoration:none;display:block}.nav-link:hover{background:var(--color-bg)}.nav-link.active{background:var(--color-primary);color:#fff}.sidebar-user{border-top:1px solid var(--color-border);margin-top:auto;padding-top:12px;font-size:13px}.sidebar-user-identity{align-items:center;gap:10px;display:flex}.avatar{object-fit:cover;border-radius:999px;flex-shrink:0}.avatar-fallback{color:#fff;justify-content:center;align-items:center;font-weight:700;line-height:1;display:flex}.avatar-upload-trigger{cursor:pointer;background:0 0;border:none;border-radius:999px;padding:0;line-height:0}.avatar-upload-trigger:disabled{opacity:.55;cursor:not-allowed}.main-content{flex:1;max-width:1100px;padding:28px 32px}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);margin-bottom:20px;padding:20px}.toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.form-row{flex-direction:column;gap:4px;margin-bottom:12px;display:flex}.form-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;display:grid}label{color:var(--color-text-muted);font-size:12px;font-weight:600}input,select,textarea{font:inherit;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);color:var(--color-text);padding:8px 10px}input:focus,select:focus,textarea:focus{outline:2px solid var(--color-primary);outline-offset:-1px}.btn{font:inherit;border-radius:var(--radius);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);cursor:pointer;padding:8px 14px}.btn:hover{background:var(--color-bg)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.btn-primary:hover{background:var(--color-primary-hover)}.btn-danger{background:var(--color-danger);border-color:var(--color-danger);color:#fff}.btn-danger:hover{background:var(--color-danger-hover)}.btn-sm{padding:4px 10px;font-size:12px}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid var(--color-border);padding:8px 10px;font-size:13px}th{color:var(--color-text-muted);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.02em;font-size:12px;font-weight:600}.badge{font-family:var(--font-mono);background:var(--color-bg);border:1px solid var(--color-border);border-radius:999px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-block}.badge-running{color:var(--color-danger);background:#fdecea;border-color:#f3c1bd}.badge-admin{color:#4338ca;background:#eef2ff;border-color:#c7d2fe}.error-text{color:var(--color-danger);margin:4px 0;font-size:13px}.muted{color:var(--color-text-muted)}.login-page{background:var(--color-bg);justify-content:center;align-items:center;min-height:100vh;display:flex}.login-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);width:320px;padding:28px}.login-brand{align-items:center;gap:10px;margin-bottom:12px;display:flex}.login-brand h1{margin:0}.stat-row{flex-wrap:wrap;gap:16px;margin-bottom:20px;display:flex}.stat-tile{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);min-width:140px;padding:14px 18px}.stat-tile .value{font-size:22px;font-weight:700}.stat-tile .label{font-family:var(--font-mono);color:var(--color-text-muted);font-size:12px}.timer-widget{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);align-items:center;gap:12px;margin-bottom:20px;padding:14px 18px;display:flex}.timer-elapsed{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--color-accent-2);font-size:20px;font-weight:700}.tabs{border-bottom:1px solid var(--color-border);gap:4px;margin-bottom:16px;display:flex}.tab{cursor:pointer;color:var(--color-text-muted);background:0 0;border:none;border-bottom:2px solid #0000;padding:8px 14px;font-size:13px;font-weight:600}.tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.time-entries-layout{align-items:flex-start;gap:20px;display:flex}.time-entries-layout .card{flex:1;min-width:0}.calendar{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);flex-shrink:0;width:320px;padding:16px}.calendar-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.calendar-grid{grid-template-columns:42px repeat(7,1fr);gap:2px;margin-bottom:2px;display:grid}.calendar-weekday-row{margin-bottom:6px}.calendar-weekday{text-align:center;color:var(--color-text-muted);font-size:11px;font-weight:600}.calendar-week-label{font:inherit;color:var(--color-text-muted);border-radius:var(--radius);cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;padding:4px 2px;font-size:11px}.calendar-week-label:hover{background:var(--color-bg);border-color:var(--color-border)}.calendar-week-label.selected{background:var(--color-primary);color:#fff}.calendar-day{font:inherit;aspect-ratio:1;border-radius:var(--radius);cursor:pointer;color:var(--color-text);background:0 0;border:1px solid #0000;font-size:13px}.calendar-day:hover{background:var(--color-bg);border-color:var(--color-border)}.calendar-day.outside-month{color:var(--color-text-muted);opacity:.5}.calendar-day.today{border-color:var(--color-primary);font-weight:700}.calendar-day.selected{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.chart{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);margin-bottom:20px;padding:20px}.chart-bars{align-items:flex-end;gap:4px;height:220px;padding-top:24px;display:flex}.chart-bar-column{cursor:default;outline:none;flex-direction:column;flex:1 1 0;justify-content:flex-end;align-items:center;min-width:10px;height:100%;display:flex;position:relative}.chart-bar-column.clickable{cursor:pointer}.chart-bar-column:hover .chart-bar,.chart-bar-column:focus-visible .chart-bar{opacity:.85}.chart-bar-column:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius)}.chart-bar-total-label{color:var(--color-text-muted);white-space:nowrap;margin-bottom:2px;font-size:10px}.chart-bar{flex-direction:column-reverse;flex:1;gap:2px;width:100%;max-width:24px;min-height:2px;display:flex}.chart-bar-segment{width:100%}.chart-bar-segment:last-child{border-radius:4px 4px 0 0}.chart-bar-label{color:var(--color-text-muted);white-space:nowrap;text-overflow:ellipsis;max-width:100%;margin-top:6px;font-size:10px;overflow:hidden}.chart-tooltip{background:var(--color-text);color:#fff;border-radius:var(--radius);white-space:nowrap;z-index:10;margin-bottom:8px;padding:8px 10px;font-size:12px;position:absolute;bottom:100%;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #00000026}.chart-tooltip .muted{color:#c3c2b7}.chart-tooltip-title{margin-bottom:4px;font-weight:600}.chart-tooltip-row{align-items:center;gap:6px;margin-bottom:2px;display:flex}.chart-tooltip-swatch{border-radius:2px;flex-shrink:0;width:8px;height:8px;display:inline-block}.chart-tooltip-total{border-top:1px solid #fff3;margin-top:4px;padding-top:4px}.chart-legend{border-top:1px solid var(--color-border);flex-wrap:wrap;gap:12px 20px;margin-top:20px;padding-top:16px;display:flex}.chart-legend-item{align-items:center;gap:6px;font-size:13px;display:flex}.chart-legend-swatch{border-radius:3px;flex-shrink:0;width:10px;height:10px;display:inline-block}.table-total-row td{border-top:2px solid var(--color-border);font-weight:700}tr.row-clickable{cursor:pointer}tr.row-clickable:hover td{background:var(--color-bg)}tr.row-selected td{background:#eef2ff}.multiselect{position:relative}.multiselect-trigger{text-align:left;min-width:120px}.multiselect-panel{z-index:20;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);width:260px;padding:10px;position:absolute;top:calc(100% + 4px);right:0;box-shadow:0 8px 24px #0000001f}.multiselect-panel input[type=text]{width:100%;margin-bottom:8px}.multiselect-actions{margin-bottom:8px}.multiselect-list{max-height:220px;margin:0;padding:0;list-style:none;overflow-y:auto}.multiselect-empty{padding:8px 4px;font-size:13px}.multiselect-option{border-radius:var(--radius);cursor:pointer;color:var(--color-text);text-transform:none;letter-spacing:normal;align-items:center;gap:8px;padding:6px 4px;font-size:13px;font-weight:400;display:flex}.multiselect-option:hover{background:var(--color-bg)}