:root{--text:#6b7280;--text-h:#111827;--bg:#f9fafb;--border:#e5e7eb;--code-bg:#f4f3ec;--accent:#6b21e8;--accent-bg:#6b21e81a;--accent-border:#6b21e880;--danger:#dc2626;--danger-bg:#dc26261a;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (width<=1024px){:root{font-size:16px}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--text:#9ca3af;--text-h:#f9fafb;--bg:#0b0b10;--border:#27272a;--code-bg:#1f2028;--accent:#a78bfa;--accent-bg:#a78bfa26;--accent-border:#a78bfa80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}:root[data-theme=dark] #social .button-icon{filter:invert()brightness(2)}body{margin:0}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-.3px;margin:0;font-size:28px}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}.timesheet{max-width:1600px;margin:2rem auto;padding:0 1rem}.timesheet-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.week-nav{align-items:center;gap:.5rem;display:flex}.timesheet-body{align-items:flex-start;gap:1.5rem;display:flex}.task-sidebar{border:1px solid var(--border);border-radius:8px;flex-shrink:0;width:260px;padding:.75rem}.task-tabs{gap:.25rem;margin-bottom:.75rem;display:flex}.task-tab{color:var(--text);font:inherit;cursor:pointer;background:0 0;border:none;border-radius:6px;flex:1;padding:.35rem .4rem;font-size:.8em;font-weight:600}.task-tab.active{background:var(--accent);color:#fff}.task-sidebar input[type=search]{box-sizing:border-box;border:1px solid var(--border);background:var(--bg);width:100%;color:var(--text-h);font:inherit;border-radius:6px;padding:.4rem}.task-sidebar-count{margin:.75rem 0 .5rem;font-weight:700}.task-list{max-height:400px;margin:0;padding:0;list-style:none;overflow-y:auto}.task-card{border-bottom:1px solid var(--border);text-align:left;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.4rem .5rem;padding:.5rem 0;display:flex}.task-card>div:first-child{white-space:nowrap;text-overflow:ellipsis;flex:auto;min-width:0;overflow:hidden}.task-card-actions{flex:none;align-items:center;gap:.4rem;margin-left:auto;display:flex}.task-card.archived{opacity:.6}.show-archived-toggle{cursor:pointer;align-items:center;gap:.4rem;margin:0 0 .5rem;font-size:.85em;display:flex}.timesheet-main{flex:1;min-width:0}.empty-hint{color:var(--text);font-style:italic}table{border-collapse:collapse;table-layout:fixed;width:100%}th,td{border:none;border-bottom:1px solid var(--border);text-align:center;padding:.9rem .8rem;font-size:1.05em}th:first-child,td:first-child{overflow-wrap:anywhere;text-align:left;width:22%}thead tr:first-child th{text-transform:uppercase;letter-spacing:.05em;color:var(--text);font-size:.7em;font-weight:600}tfoot td{border-bottom:none;border-top:1px solid var(--border);font-weight:700}th select{box-sizing:border-box;border:1px solid var(--border);background:var(--bg);width:100%;max-width:8rem;color:var(--text-h);font:inherit;border-radius:6px;padding:.4rem;font-size:.9em}td input[type=number]{box-sizing:border-box;text-align:center;background:var(--bg);width:100%;max-width:6rem;color:var(--text-h);border:1px solid var(--border);font:inherit;border-radius:6px;padding:.5rem;font-size:1em}td input[type=number]:focus{outline:2px solid var(--accent);outline-offset:-1px}.badge{background:var(--accent-bg);color:var(--accent);border-radius:999px;padding:.1em .5em;font-size:.75em}.add-task{flex-direction:column;gap:.5rem;margin-top:1rem;display:flex}.add-task input{box-sizing:border-box;border:1px solid var(--border);background:var(--bg);width:100%;color:var(--text-h);font:inherit;border-radius:6px;padding:.4rem}.app-nav{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:.75rem 1.5rem;display:flex}.app-logo{width:auto;height:32px}.app-nav-right{align-items:center;gap:1rem;font-size:.9em;display:flex}.app-nav-user{color:var(--text)}.theme-switch{width:40px;height:22px;display:inline-block;position:relative}.theme-switch input{opacity:0;width:0;height:0}.theme-switch-track{background:var(--border);cursor:pointer;border-radius:999px;transition:background .15s;position:absolute;inset:0}.theme-switch-track:before{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .15s;position:absolute;top:3px;left:3px;box-shadow:0 1px 2px #0000004d}.theme-switch input:checked+.theme-switch-track{background:var(--accent)}.theme-switch input:checked+.theme-switch-track:before{transform:translate(18px)}.btn-primary{background:var(--accent);color:#fff;font:inherit;cursor:pointer;border:none;border-radius:6px;padding:.5rem 1rem;font-weight:600}.btn-primary:hover{filter:brightness(1.1)}.btn-small{padding:.3rem .7rem;font-size:.85em}.btn-plain{border:1px solid var(--border);color:var(--text-h);font:inherit;cursor:pointer;background:0 0;border-radius:6px;padding:.4rem .8rem}.btn-plain:hover{border-color:var(--accent)}.btn-plain.active{background:var(--accent-bg);border-color:var(--accent);color:var(--accent);font-weight:600}.icon-btn{border:1px solid var(--border);background:var(--code-bg);width:2rem;height:2rem;color:var(--text-h);font:inherit;cursor:pointer;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.icon-btn:hover{border-color:var(--accent);background:var(--accent-bg);color:var(--accent)}.icon-btn.tracked{background:var(--accent);border-color:var(--accent);color:#fff}.icon-btn.tracked:hover{filter:brightness(1.1)}.icon-btn.danger{color:var(--danger)}.icon-btn.danger:hover{border-color:var(--danger);background:var(--danger-bg);color:var(--danger)}.team{max-width:500px;margin:2rem auto;padding:0 1rem}.team-banner{background:var(--accent-bg);border-radius:6px;justify-content:space-between;align-items:center;max-width:1600px;margin:0 auto 1rem;padding:.6rem 1rem;display:flex}.error-text{color:#dc2626;font-size:.9em}.signin-screen{text-align:center;max-width:900px;margin:6rem auto;padding:0 1rem}.profile{max-width:500px;margin:2rem auto;padding:0 1rem}.profile h2{margin-top:2rem}.profile-field{border-bottom:1px solid var(--border);align-items:center;gap:.75rem;padding:.6rem 0;display:flex}.profile-label{width:140px;color:var(--text);flex-shrink:0;font-weight:600}.vacation-days-form{align-items:center;gap:.5rem;display:flex}.vacation-days-form input[type=number]{box-sizing:border-box;border:1px solid var(--border);background:var(--bg);width:4rem;color:var(--text-h);font:inherit;border-radius:6px;padding:.3rem}
