@import"https://fonts.googleapis.com/css2?family=DM+Serif+Display&display=swap";:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{transition:background-color .25s cubic-bezier(.25,.46,.45,.94),border-color .25s cubic-bezier(.25,.46,.45,.94),color .15s cubic-bezier(.25,.46,.45,.94),box-shadow .25s cubic-bezier(.25,.46,.45,.94)}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}html{background-color:var(--surface-base)}body{margin:0;min-width:320px;min-height:100vh;background-color:var(--surface-base)}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{--surface-base: #111110;--surface-raised: #1A1918;--surface-card: #222120;--surface-elevated: #2A2927;--surface-overlay: #323130;--surface-modal: #1E1D1C;--text-primary: #F2EFE9;--text-secondary: rgba(242, 239, 233, .6);--text-tertiary: rgba(242, 239, 233, .35);--text-inverse: #111110;--accent: #FF9A3D;--accent-dim: rgba(255, 154, 61, .15);--accent-glow: rgba(255, 154, 61, .25);--accent-text: #FFB870;color:var(--text-primary);background-color:var(--surface-base)}body{color:var(--text-primary);background-color:var(--surface-base)}:root[data-theme=dark]{--surface-base: #111110;--surface-raised: #1A1918;--surface-card: #222120;--surface-elevated: #2A2927;--surface-overlay: #323130;--surface-modal: #1E1D1C;--text-primary: #F2EFE9;--text-secondary: rgba(242, 239, 233, .6);--text-tertiary: rgba(242, 239, 233, .35);--text-inverse: #111110;--accent: #FF9A3D;--accent-dim: rgba(255, 154, 61, .15);--accent-glow: rgba(255, 154, 61, .25);--accent-text: #FFB870}:root[data-theme=light]{--surface-base: #F5F0E8;--surface-raised: #EDE8E0;--surface-card: #E8E2D9;--surface-elevated: #DDD7CE;--surface-overlay: #CFC9BF;--surface-modal: #EAE5DC;--text-primary: #1A1814;--text-secondary: rgba(26, 24, 20, .6);--text-tertiary: rgba(26, 24, 20, .35);--text-inverse: #F5F0E8;--accent: #E8620A;--accent-dim: rgba(232, 98, 10, .12);--accent-glow: rgba(232, 98, 10, .2);--accent-text: #C45208}:root{--status-active: #3DD68C;--status-idle: #6B6B6B;--status-flagged: #E5484D;--status-warning: #F5A623;--status-review: #818CF8;--status-in-progress: #F59E0B;--priority-low: var(--text-tertiary);--priority-medium: #F59E0B;--priority-high: #F97316;--priority-urgent: var(--status-flagged);--color-blue: #4A90D9;--productive: var(--accent);--idle-time: #4A4845;--flagged-time: #E5484D;--avatar-color-1: #E89C81;--avatar-color-2: #D4A373;--avatar-color-3: #A3B18A;--avatar-color-4: #E29578;--avatar-color-5: #CDB4DB;--avatar-color-6: #8B9DA3;--font-display: "DM Serif Display", serif;--font-body: "DM Sans", sans-serif;--font-mono: "JetBrains Mono", monospace;--text-display-size: 32px;--text-display-weight: 400;--text-display-line-height: 1.2;--text-heading-size: 20px;--text-heading-weight: 500;--text-heading-line-height: 1.3;--text-heading-letter-spacing: -.02em;--text-subheading-size: 14px;--text-subheading-weight: 600;--text-subheading-line-height: 1.4;--text-body-size: 14px;--text-body-weight: 400;--text-body-line-height: 1.6;--text-small-size: 12px;--text-small-weight: 400;--text-small-line-height: 1.5;--text-timer-size: 48px;--text-timer-weight: 400;--text-timer-line-height: 1;--text-stat-size: 28px;--text-stat-weight: 300;--text-stat-line-height: 1.1;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--sidebar-width: 220px;--sidebar-collapsed: 64px;--content-max-width: 1200px;--radius-card: 10px;--radius-button: 8px;--radius-input: 8px;--radius-pill: 999px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .06);--shadow-md: 0 4px 16px rgba(0, 0, 0, .1);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .14);--shadow-panel: -8px 0 32px rgba(0, 0, 0, .12);--elevation-1: 0 4px 12px rgba(0, 0, 0, .05);--elevation-2: var(--shadow-sm);--elevation-3: var(--shadow-md);--elevation-accent: 0 4px 20px var(--accent-glow);--ease-enter: cubic-bezier(.34, 1.56, .64, 1);--ease-exit: cubic-bezier(.25, .1, .25, 1);--ease-standard: cubic-bezier(.25, .46, .45, .94);--ease-spring: cubic-bezier(.175, .885, .32, 1.275);--duration-instant: 80ms;--duration-fast: .15s;--duration-standard: .25s;--duration-enter: .35s;--duration-exit: .2s;--duration-data: .5s;--duration-count: .8s}.dev-role-switcher{position:fixed;bottom:var(--space-3);right:var(--space-3);background:var(--surface-elevated);border:1px solid var(--surface-overlay);border-radius:8px;padding:6px 10px;display:flex;align-items:center;gap:6px;font-size:11px;opacity:.4;z-index:100;transition:opacity var(--duration-instant)}.dev-role-switcher:hover{opacity:1}.dev-role-switcher button{padding:2px 8px;border-radius:999px;border:1px solid var(--surface-overlay);background:transparent;cursor:pointer;color:var(--text-secondary);font-size:11px}.dev-role-switcher button.active{background:var(--accent);color:#fff;border-color:var(--accent)}.tak-input-wrapper{position:relative;width:100%;font-family:var(--font-body)}.tak-input-inner{position:relative;width:100%;border-radius:var(--radius-input)}.tak-input-control{width:100%;height:40px;padding:0 var(--space-3);background-color:var(--surface-overlay);border:1px solid transparent;border-radius:var(--radius-input);font-family:var(--font-body);font-size:var(--text-body-size);color:var(--text-primary);outline:none;transition:border-color var(--duration-instant),box-shadow var(--duration-instant);box-sizing:border-box}.tak-input-control::placeholder{color:var(--text-tertiary)}.tak-input-control--has-icon{padding-right:36px;cursor:pointer}.tak-input-control:hover:not(:disabled){border-color:var(--surface-elevated)}.tak-input-control:focus:not(:disabled){border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim);background-color:var(--surface-base)}.tak-input-control--filled:not(:focus):not(:disabled){border-color:#ebe9e480}.tak-input-control--error{border-color:var(--status-flagged)!important}.tak-input-control:disabled{opacity:.4;cursor:not-allowed}.tak-input-control[readonly]:not(.tak-input-control--has-icon){cursor:default;background-color:var(--surface-raised);opacity:.8}.tak-input-icon{position:absolute;right:var(--space-3);top:50%;transform:translateY(-50%);color:var(--text-secondary);pointer-events:none}.tak-combobox-trigger-icons{position:absolute;right:var(--space-3);top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:4px;flex-shrink:0;pointer-events:auto}.tak-combobox-clear{background:none;border:none;color:var(--text-tertiary);cursor:pointer;font-size:11px;padding:2px 4px;border-radius:4px;line-height:1;transition:color var(--duration-instant);display:flex;align-items:center;justify-content:center}.tak-combobox-clear:hover{color:var(--text-primary)}.tak-combobox-chevron{color:var(--text-secondary);pointer-events:none}.tak-combobox-panel{min-width:unset!important;max-width:280px!important;width:280px!important;background-color:var(--surface-card);border-radius:10px;box-shadow:var(--shadow-md);padding:var(--space-1) 0;z-index:200;overflow:hidden;border:1px solid var(--surface-overlay);display:flex;flex-direction:column}.tak-combobox-option{display:flex;flex-direction:column;gap:1px;padding:var(--space-2) var(--space-3);font-size:var(--text-body-size);color:var(--text-primary);cursor:pointer;transition:background-color var(--duration-instant)}.tak-combobox-option-label{font-size:13px;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tak-combobox-option-sublabel{font-size:11px;color:var(--text-tertiary);font-family:var(--font-mono);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tak-combobox-option:hover{background-color:var(--surface-overlay)}.tak-combobox-option--selected{background-color:var(--accent-dim)}.tak-combobox-option--selected .tak-combobox-option-label{color:var(--accent-text)}.tak-combobox-option--selected .tak-combobox-option-sublabel{color:var(--accent-text);opacity:.8}.tak-combobox-option--empty{color:var(--text-tertiary);cursor:default}.tak-combobox-option--empty:hover{background-color:transparent}.tak-combobox-option--disabled{cursor:not-allowed;pointer-events:none;display:flex;align-items:center;gap:6px}.tak-combobox-option--indent{padding-left:calc(var(--space-3) + 14px)}.tak-combobox-option--disabled:hover{background-color:transparent}.tak-combobox-search{padding:var(--space-2) var(--space-2) 4px;border-bottom:1px solid var(--surface-overlay);overflow:hidden;flex-shrink:0}.tak-combobox-search-input{width:100%;height:28px;padding:0 var(--space-2);background:var(--surface-base);border:1px solid var(--surface-overlay);border-radius:6px;font-size:12px;color:var(--text-primary);outline:none;box-sizing:border-box}.tak-combobox-search-input:focus{border-color:var(--accent)}.tak-combobox-options-list,.tak-combobox-options{overflow-y:auto;max-height:220px;flex-grow:1;padding-bottom:4px}.tak-calendar-panel{width:280px;background-color:var(--surface-elevated);border:1px solid var(--surface-overlay);border-radius:var(--radius-card);box-shadow:var(--elevation-2);padding:var(--space-3);z-index:50;box-sizing:border-box;-webkit-user-select:none;user-select:none}.tak-calendar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3)}.tak-calendar-title{font-family:var(--font-body);font-size:var(--text-body-size);font-weight:600;color:var(--text-primary);letter-spacing:-.01em}.tak-calendar-nav{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:6px;border:none;background:transparent;color:var(--text-secondary);cursor:pointer;padding:0;transition:background-color var(--duration-instant),color var(--duration-instant)}.tak-calendar-nav:hover{background-color:var(--surface-overlay);color:var(--text-primary)}.tak-calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);margin-bottom:var(--space-1)}.tak-calendar-weekday{text-align:center;font-family:var(--font-body);font-size:var(--text-small-size);font-weight:500;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.04em;padding:var(--space-1) 0}.tak-calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.tak-calendar-day{display:flex;align-items:center;justify-content:center;height:32px;width:100%;border:none;border-radius:8px;background:transparent;font-family:var(--font-body);font-size:var(--text-body-size);color:var(--text-primary);cursor:pointer;padding:0;transition:background-color var(--duration-instant),color var(--duration-instant)}.tak-calendar-day:hover:not(.tak-calendar-day--disabled):not(.tak-calendar-day--selected){background-color:var(--surface-overlay)}.tak-calendar-day--today:not(.tak-calendar-day--selected){background-color:var(--accent-dim);color:var(--accent-text);font-weight:600}.tak-calendar-day--selected{background-color:var(--accent);color:var(--text-inverse);font-weight:600;border-radius:8px}.tak-calendar-day--other{color:var(--text-tertiary)}.tak-calendar-day--disabled{color:var(--text-tertiary);opacity:.4;cursor:not-allowed}.tak-timer{position:relative;display:inline-flex;align-items:center;justify-content:center;background:transparent}.tak-timer-display{display:flex;align-items:baseline;z-index:1;position:relative;transition:color .3s ease}.tak-timer--idle .tak-timer-display{color:var(--text-tertiary)}.tak-timer--ready .tak-timer-display{color:var(--text-secondary)}.tak-timer--tracking .tak-timer-display{color:var(--accent)}.tak-timer-block{display:flex}.tak-timer-separator{font-family:JetBrains Mono,Consolas,Menlo,monospace;font-size:40px;font-weight:400;color:var(--text-tertiary);margin:0 4px}.tak-timer-digit-container{position:relative;perspective:400px;overflow:hidden;width:28px;height:56px;display:flex;justify-content:center;align-items:center}.tak-timer-digit{font-family:JetBrains Mono,Consolas,Menlo,monospace;font-variant-numeric:tabular-nums;font-size:48px;font-weight:400;line-height:1;display:block}.tak-button-wrapper{position:relative;display:inline-flex}.tak-button-wrapper--full-width{display:flex;width:100%}.tak-button{position:relative;display:inline-flex;align-items:center;justify-content:center;height:38px;padding:0 var(--space-4);border-radius:var(--radius-button);font-family:var(--font-body);font-weight:600;font-size:var(--text-subheading-size);letter-spacing:.02em;border:none;cursor:pointer;outline:none;z-index:2;transition:background-color .2s var(--ease-out),transform .15s var(--ease-spring),box-shadow .2s var(--ease-out),filter .15s var(--ease-out)}.tak-button--full-width{width:100%}.tak-button-icon{display:block;flex-shrink:0}.tak-button-label{display:inline-flex;align-items:center}.tak-button-icon:first-child{margin-right:var(--space-2)}.tak-button-icon:last-child{margin-left:var(--space-2)}.tak-button--primary{background-color:var(--accent);color:var(--text-inverse);box-shadow:var(--elevation-1)}.tak-button--secondary{background-color:var(--surface-elevated);color:var(--text-primary);border:1px solid var(--surface-overlay);box-shadow:var(--elevation-1)}.tak-button--ghost{background-color:transparent;color:var(--text-secondary);box-shadow:none;border:none}.tak-button--ghost:hover{background-color:var(--surface-overlay);color:var(--text-primary)}.tak-button--danger{background-color:var(--status-flagged);color:var(--text-primary);box-shadow:var(--elevation-1)}.tak-button:focus-visible{box-shadow:0 0 0 3px #ff9a3d66}.tak-button--disabled{opacity:.4;cursor:not-allowed;box-shadow:none!important}.tak-button--tracking{background-color:var(--status-flagged)!important;color:var(--text-primary)}.tak-button-pulse{position:absolute;top:50%;left:50%;width:100%;height:100%;border-radius:var(--radius-button);border:2px solid var(--status-flagged);background-color:transparent;z-index:1;pointer-events:none}.tak-badge{display:inline-flex;align-items:center;justify-content:center;height:22px;padding:0 var(--space-2);border-radius:var(--radius-pill);font-family:var(--font-body);font-weight:600;font-size:var(--text-small-size);letter-spacing:.04em;white-space:nowrap}.tak-badge--tracking,.tak-badge--online{background-color:#3dd68c26;color:#3dd68c}.tak-badge--offline,.tak-badge--idle{background-color:#6b6b6b26;color:#6b6b6b}.tak-badge--flagged{background-color:#e5484d26;color:#e5484d}.tak-badge--on-hold{background-color:#f5a62326;color:#f5a623}.tak-badge--invoiced{background-color:#007aff26;color:#007aff}.tak-badge--pending{background-color:var(--surface-overlay);color:var(--text-tertiary)}.tak-badge--approved{background-color:#3dd68c1f;color:var(--status-active, #3DD68C)}.tak-badge--rejected{background-color:#e5484d1f;color:var(--status-flagged, #E5484D)}.tak-badge--admin{background-color:var(--accent-dim);color:var(--accent-text)}.tak-badge--manager{background-color:#8ab4f826;color:#8ab4f8}.tak-badge--user{background-color:var(--surface-overlay);color:var(--text-secondary)}.tak-badge--contributor{background-color:var(--surface-overlay);color:var(--text-tertiary)}.tak-badge--client{background-color:#b48af826;color:#b48af8}.tak-badge--count{background-color:var(--surface-elevated);border:1px solid var(--surface-overlay);color:var(--text-primary);min-width:22px;padding:0 var(--space-1)}.tak-modal-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#0009;backdrop-filter:blur(8px) saturate(1.4);-webkit-backdrop-filter:blur(8px) saturate(1.4);z-index:1000;display:flex;align-items:center;justify-content:center;padding:var(--space-6)}.tak-modal-container{background-color:var(--surface-modal);border:1px solid var(--surface-overlay);border-radius:12px;box-shadow:var(--elevation-3);display:flex;flex-direction:column;max-height:100%;outline:none;overflow:hidden}.tak-modal-container--standard{width:90vw;max-width:500px;max-height:90vh;display:flex;flex-direction:column}.tak-modal-container--large{width:100%;max-width:900px;max-height:90vh;display:flex;flex-direction:column}.tak-modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4) var(--space-5);flex-shrink:0}.tak-modal-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;background:none;border:none;cursor:pointer;color:var(--text-tertiary);transition:background var(--duration-instant),color var(--duration-instant)}.tak-modal-close:hover{background:var(--surface-overlay);color:var(--text-primary)}.tak-modal-header h2{font-family:var(--font-body);font-size:var(--text-heading-size);font-weight:500;color:var(--text-primary);margin:0}.tak-modal-body{overflow-y:auto;overflow-x:hidden;max-height:calc(90vh - 120px);padding:var(--space-5);flex:1;color:var(--text-primary);font-family:var(--font-body);font-size:var(--text-body-size)}.tak-modal{max-height:90vh;display:flex;flex-direction:column}.tak-modal-footer{display:flex;justify-content:flex-end;align-items:center;gap:var(--space-3);padding:0 var(--space-6) var(--space-6) var(--space-6);flex-shrink:0}.tracker-view{display:flex;flex-direction:column;min-height:100%;padding:var(--space-8, 48px) var(--space-6, 32px) var(--space-6, 32px);gap:var(--space-8, 48px)}.tracker-focus-panel{display:flex;justify-content:center}.tracker-idle{width:100%;max-width:560px;display:flex;flex-direction:column;gap:var(--space-4, 16px)}.tracker-prompt{font-size:32px;font-family:var(--font-display, "DM Serif Display", serif);font-weight:400;color:var(--text-primary);margin:0 0 var(--space-2, 8px);line-height:1.2}.tracker-tracking{width:100%;max-width:560px;display:flex;flex-direction:column;align-items:center;gap:var(--space-5, 24px)}.tracker-context-line{display:flex;align-items:center;gap:8px;font-size:14px;font-family:var(--font-sans, "DM Sans", sans-serif);font-weight:600;color:var(--text-secondary);letter-spacing:.01em}.tracker-context-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.tracker-context-text{text-align:center}.tracker-context-sep{color:var(--text-tertiary);font-weight:400}.tracker-timer-wrap{position:relative;display:flex;align-items:center;justify-content:center;width:fit-content;align-self:center;padding:var(--space-4, 16px)}.timer-pulse-rings{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none}@keyframes tak-pulse-ring{0%{transform:scale(1);opacity:0}15%{transform:scale(1.1);opacity:.22}75%{transform:scale(1.45);opacity:0}to{transform:scale(1.45);opacity:0}}.timer-pulse-ring{position:absolute;top:50%;left:50%;width:80px;height:80px;margin-top:-40px;margin-left:-40px;border-radius:50%;border:2px solid var(--accent, #FF9A3D);background:transparent;pointer-events:none;opacity:0;animation:tak-pulse-ring 3s ease-out infinite}.timer-pulse-ring--2{animation-delay:1.5s}.tracker-notes-row{display:flex;align-items:center;gap:var(--space-3, 12px);width:100%}.tracker-notes-row .tak-input-wrapper{flex:1}.billable-toggle{width:40px;height:40px;border-radius:var(--radius-md, 8px);border:1.5px solid var(--surface-overlay);background:var(--surface-raised);cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .2s ease,border-color .2s ease,color .2s ease;color:var(--text-tertiary)}.billable-toggle--on{background:var(--accent-dim, rgba(224, 123, 57, .15));border-color:var(--accent, #E07B39);color:var(--accent, #E07B39)}.billable-toggle:hover{border-color:var(--text-tertiary);color:var(--text-secondary)}.billable-toggle--on:hover{border-color:var(--accent, #E07B39);color:var(--accent, #E07B39)}.billable-toggle__icon{font-size:14px;font-weight:700;font-family:var(--font-mono, "JetBrains Mono", monospace);line-height:1;color:inherit;-webkit-user-select:none;user-select:none}.tracker-log{display:flex;flex-direction:column;gap:0}.tracker-log-header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:var(--space-3, 12px)}.tracker-log-title{font-size:20px;font-weight:500;color:var(--text-primary);font-family:var(--font-sans, "DM Sans", sans-serif)}.tracker-log-total{font-size:14px;color:var(--text-secondary);font-family:var(--font-sans, "DM Sans", sans-serif)}.tracker-log-divider{height:1px;background:var(--surface-overlay);margin-bottom:var(--space-4, 16px)}.entry-card{background:var(--surface-raised);border:1px solid var(--surface-overlay);border-radius:10px;padding:var(--space-4, 16px);padding-left:var(--space-4, 16px);margin-left:0;margin-bottom:var(--space-3, 12px);cursor:default;transition:background 80ms ease,transform 80ms ease,box-shadow 80ms ease;position:relative;width:100%;box-sizing:border-box;overflow:visible}.entry-card:hover{background:var(--surface-elevated);transform:translateY(-1px)}.entry-card--new{animation:entryGlow .8s ease-out forwards}@keyframes entryGlow{0%{box-shadow:0 0 0 2px var(--accent, #E07B39)}to{box-shadow:0 0 0 0 transparent}}.entry-card__row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3, 12px)}.entry-card__row--top{margin-bottom:var(--space-2, 8px)}.entry-card__project{display:flex;align-items:center;gap:8px;flex-shrink:0}.entry-card__dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.entry-card__project-name{font-size:14px;font-weight:500;color:var(--text-primary);font-family:var(--font-sans, "DM Sans", sans-serif);white-space:nowrap}.entry-card__notes{font-size:14px;color:var(--text-secondary);font-family:var(--font-sans, "DM Sans", sans-serif);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:right;flex:1}.entry-card__task{font-size:12px;color:var(--text-tertiary);font-family:var(--font-sans, "DM Sans", sans-serif)}.entry-card__meta{display:flex;align-items:center;gap:var(--space-3, 12px)}.entry-card__duration{font-family:JetBrains Mono,Fira Code,monospace;font-variant-numeric:tabular-nums;font-size:13px;color:var(--text-primary);letter-spacing:.02em;white-space:nowrap}.entry-card__edit,.entry-card__delete{opacity:.35;width:28px;height:28px;border:none;background:transparent;border-radius:6px;cursor:pointer;color:var(--text-tertiary);display:flex;align-items:center;justify-content:center;transition:opacity .12s ease,background .12s ease,color .12s ease;flex-shrink:0}.entry-card:hover .entry-card__edit,.entry-card:hover .entry-card__delete{opacity:1}.entry-card__edit:hover{background:var(--surface-raised);color:var(--text-primary)}.entry-card__delete:hover{background:#e5484d1f;color:#e5484d}.tracker-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3, 12px);padding:var(--space-10, 64px) var(--space-6, 32px);text-align:center}.tracker-empty-title{font-size:16px;font-weight:500;color:var(--text-secondary);font-family:var(--font-sans, "DM Sans", sans-serif)}.tracker-empty-sub{font-size:14px;color:var(--text-tertiary);font-family:var(--font-sans, "DM Sans", sans-serif);max-width:300px;line-height:1.5}.tak-avatar-wrapper{position:relative;border-radius:50%;display:inline-block;font-family:var(--font-body);flex-shrink:0}.tak-avatar-inner{position:relative;width:100%;height:100%;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;box-sizing:border-box}.tak-avatar-inner--active{border:2px solid var(--status-active)}.tak-avatar-inner--tracking{border:2px solid var(--accent)}.tak-avatar-inner--idle{border:2px solid transparent}.tak-avatar-inner--offline{border:2px solid transparent;opacity:.7}.tak-avatar-img{width:100%;height:100%;object-fit:cover}.tak-avatar-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--text-primary);font-size:40%;font-weight:600;letter-spacing:.02em}.tak-avatar-status-dot{position:absolute;bottom:0;right:-2px;width:10px;height:10px;border-radius:50%;border:2px solid var(--surface-card);z-index:2}.tak-avatar-status-dot--tracking{background-color:var(--accent)}.tak-avatar-status-dot--active{background-color:var(--status-active)}.tak-avatar-status-dot--idle{background-color:#f59e0b}.tak-avatar-status-dot--offline{background-color:var(--text-tertiary)}.tak-avatar-status-pulse{position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:50%;background-color:inherit;animation:pulse-ring 2s infinite cubic-bezier(.25,.1,.25,1);z-index:-1}@keyframes pulse-ring{0%{transform:scale(1);opacity:.4}to{transform:scale(1.9);opacity:0}}.tak-donut-chart{display:flex;flex-direction:column;gap:var(--space-4);align-items:flex-start}.tak-donut-svg-wrapper{position:relative;flex-shrink:0}.tak-donut-center{position:absolute;top:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.tak-donut-center-inner{display:flex;flex-direction:column;align-items:center;text-align:center;gap:2px}.tak-donut-center-value{font-family:var(--font-body);font-size:var(--text-stat-size);font-weight:var(--text-stat-weight);color:var(--text-primary);line-height:var(--text-stat-line-height);font-variant-numeric:tabular-nums}.tak-donut-center-sub{font-family:var(--font-body);font-size:var(--text-small-size);font-weight:var(--text-small-weight);color:var(--text-secondary);line-height:var(--text-small-line-height)}.tak-donut-legend{width:100%;display:flex;flex-direction:column;gap:var(--space-2)}.tak-donut-legend-item{display:flex;align-items:center;gap:var(--space-2);cursor:pointer;padding:4px var(--space-2);border-radius:6px;transition:background-color var(--duration-instant)}.tak-donut-legend-item:hover,.tak-donut-legend-item--active{background-color:var(--surface-overlay)}.tak-donut-legend-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.tak-donut-legend-label{font-family:var(--font-body);font-size:var(--text-small-size);color:var(--text-secondary);flex-grow:1}.tak-donut-legend-value{font-family:var(--font-mono);font-size:var(--text-small-size);color:var(--text-tertiary);font-variant-numeric:tabular-nums}.tak-donut-chart--skeleton{position:relative}.tak-skeleton--donut{border-radius:50%}.tak-bar-chart{width:100%;padding-bottom:28px}.tak-bar-chart-inner{position:relative;height:200px;width:100%}.tak-bar-gridlines{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}.tak-bar-gridline{position:absolute;left:0;right:0;height:1px;background-color:var(--surface-overlay)}.tak-bar-chart-grid{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;grid-template-columns:repeat(var(--bar-count, 7),1fr);gap:var(--space-2);align-items:flex-end;z-index:1}.tak-bar-column{position:relative;display:flex;flex-direction:column;align-items:stretch;height:100%;cursor:pointer}.tak-bar-tooltip{position:absolute;bottom:8px;left:50%;transform:translate(-50%);font-family:var(--font-body);font-size:var(--text-small-size);font-weight:600;color:#ffffffe6;white-space:nowrap;pointer-events:none;z-index:10}.tak-bar-track{height:160px;display:flex;align-items:flex-end;position:relative}.tak-bar-fill{position:relative;width:100%;transform-origin:bottom;border-radius:4px 4px 0 0;background-color:var(--surface-overlay);transition:opacity 80ms}.tak-bar-fill--current{background-color:var(--accent)}.tak-bar-label{position:absolute;bottom:-22px;left:50%;transform:translate(-50%);font-family:var(--font-body);font-size:var(--text-small-size);color:var(--text-tertiary);text-align:center;white-space:nowrap;pointer-events:none}.tak-skeleton--bar{border-radius:4px 4px 0 0;flex-shrink:0}.tak-tooltip-trigger{position:relative;display:inline-block}.tak-tooltip-content{position:absolute;background-color:var(--surface-elevated);border:1px solid rgba(242,239,233,.1);border-radius:var(--radius-button);padding:var(--space-2) var(--space-3);font-family:var(--font-body);font-size:var(--text-small-size);color:var(--text-primary);box-shadow:var(--elevation-2);max-width:240px;width:max-content;z-index:1000;pointer-events:none}.tak-tooltip-arrow{position:absolute;width:0;height:0;border-style:solid}.tak-tooltip-arrow--top{bottom:-6px;left:50%;transform:translate(-50%);border-width:6px 6px 0 6px;border-color:var(--surface-elevated) transparent transparent transparent}.tak-tooltip-arrow--bottom{top:-6px;left:50%;transform:translate(-50%);border-width:0 6px 6px 6px;border-color:transparent transparent var(--surface-elevated) transparent}.tak-tooltip-arrow--left{right:-6px;top:50%;transform:translateY(-50%);border-width:6px 0 6px 6px;border-color:transparent transparent transparent var(--surface-elevated)}.tak-tooltip-arrow--right{left:-6px;top:50%;transform:translateY(-50%);border-width:6px 6px 6px 0;border-color:transparent var(--surface-elevated) transparent transparent}.task-timer-btn-wrap{position:relative;display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0}.task-timer-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;border:1px solid var(--surface-overlay);background:var(--surface-card);color:var(--text-tertiary);cursor:pointer;transition:all var(--duration-instant);position:relative;z-index:1;padding:0}.task-timer-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--surface-elevated);transform:scale(1.05)}.task-timer-btn--active{background:var(--accent);border-color:var(--accent);color:#fff}.task-timer-btn--active:hover{background:var(--status-flagged);border-color:var(--status-flagged);color:#fff}.task-timer-btn--locked{opacity:.3;cursor:not-allowed;pointer-events:none}.task-timer-play-icon{width:0;height:0;border-style:solid;border-width:5px 0 5px 9px;border-color:transparent transparent transparent currentColor;margin-left:2px;flex-shrink:0}.task-timer-stop-icon{width:8px;height:8px;background:currentColor;border-radius:1px;flex-shrink:0}.task-timer-pulse{position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:50%;background:var(--accent);opacity:.4;z-index:-1;animation:task-timer-ping 1.5s cubic-bezier(0,0,.2,1) infinite}@keyframes task-timer-ping{75%,to{transform:scale(2.5);opacity:0}}.task-timer-popover{width:240px;background:var(--surface-card);border:1px solid var(--surface-overlay);border-radius:10px;box-shadow:var(--shadow-md);padding:var(--space-3);display:flex;flex-direction:column;gap:var(--space-2)}.task-timer-popover-header{border-bottom:1px solid var(--surface-overlay);padding-bottom:var(--space-2);margin-bottom:var(--space-1)}.task-timer-popover-project{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.task-timer-popover-title{margin:4px 0 0;font-size:13px;font-weight:500;color:var(--text-primary);line-height:1.4}.task-timer-popover-actions{display:flex;flex-direction:column;gap:var(--space-2)}.task-timer-popover-btn{width:100%;padding:var(--space-2);border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all var(--duration-instant);border:1px solid transparent}.task-timer-popover-btn--start{background:var(--accent);color:#fff}.task-timer-popover-btn--start:hover{background:var(--accent-hover, #3b82f6)}.task-timer-popover-btn--cancel{background:var(--surface-base);border-color:var(--surface-overlay);color:var(--text-secondary)}.task-timer-popover-btn--cancel:hover{background:var(--surface-overlay);color:var(--text-primary)}.tasks-list-header{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-4);border-bottom:1px solid var(--surface-overlay);margin-bottom:2px}.tasks-col-header{font-size:11px;font-weight:700;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.06em}.task-list-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:8px;cursor:pointer;transition:background var(--duration-instant);overflow:visible;position:relative}.task-list-row:hover{background:var(--surface-elevated)}.task-list-row--subtask{padding-left:calc(var(--space-4) + 20px);background:transparent}.task-list-row--subtask .task-list-title{font-size:12px;font-weight:400;color:var(--text-secondary)}.task-list-row--subtask .task-priority-dot{width:6px;height:6px}.task-list-row--subtask:hover{background:var(--surface-elevated)}.task-priority-col{display:flex;align-items:center;gap:5px;width:80px;flex-shrink:0}.task-priority-dot{width:8px;height:8px;min-width:8px;border-radius:50%;flex-shrink:0}.task-priority-label{font-size:11px;color:var(--text-secondary);text-transform:capitalize;white-space:nowrap}.task-list-title-col{flex:1;display:flex;flex-direction:column;gap:3px;min-width:0}.task-list-title{font-size:13px;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.task-list-title--done{text-decoration:line-through;color:var(--text-tertiary)}.task-list-project-pill{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--text-tertiary)}.task-list-assignee{width:160px;display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}.task-list-assignee-name{font-size:12px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.task-list-status,.task-list-due{width:110px;flex-shrink:0}.task-list-hours{width:100px;flex-shrink:0;color:var(--text-secondary)}.task-list-timer{width:40px;flex-shrink:0;display:flex;justify-content:center;opacity:.25;transition:opacity var(--duration-instant)}.task-list-row:hover .task-list-timer,.task-list-row:has(.task-timer-btn--active) .task-list-timer{opacity:1}.task-list-delete{width:28px;flex-shrink:0;display:flex;justify-content:center;align-items:center;opacity:.25;cursor:pointer;border-radius:var(--radius-sm, 4px);padding:2px;transition:opacity var(--duration-instant),color var(--duration-instant),background var(--duration-instant)}.task-list-row:hover .task-list-delete{opacity:1}.task-list-delete:hover{color:var(--status-flagged);background:var(--surface-raised)}.task-list-delete--disabled{cursor:not-allowed;color:var(--text-tertiary)}.task-list-row:hover .task-list-delete--disabled{opacity:.35}.task-list-delete--disabled:hover{color:var(--text-tertiary);background:transparent}.tak-dp{position:relative;display:inline-block}.tak-dp-input{display:flex;align-items:center;gap:var(--space-2);height:32px;padding:0 var(--space-3);background:var(--surface-card);border:1px solid var(--surface-overlay);border-radius:8px;color:var(--text-primary);font-family:var(--font-body);font-size:13px;cursor:pointer;white-space:nowrap;transition:border-color var(--duration-instant)}.tak-dp-input:hover{border-color:var(--accent)}.tak-dp-input svg{color:var(--text-tertiary);flex-shrink:0}.tak-dp-placeholder{color:var(--text-tertiary)}.tak-dp-value{color:var(--text-primary)}.tak-dp-panel{position:fixed;z-index:9999;background:var(--surface-elevated);border:1px solid var(--surface-overlay);border-radius:12px;padding:var(--space-3);box-shadow:var(--elevation-3);min-width:220px}.tak-dp-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3)}.tak-dp-month{font-size:12px;font-weight:600;color:var(--text-primary)}.tak-dp-nav{display:flex;align-items:center;justify-content:center;width:20px;height:20px;background:none;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;transition:background var(--duration-instant),color var(--duration-instant)}.tak-dp-nav:hover{background:var(--surface-overlay);color:var(--text-primary)}.tak-dp-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:1px;margin-bottom:var(--space-3)}.tak-dp-day-label{text-align:center;font-size:10px;font-weight:600;color:var(--text-tertiary);padding:2px 0;letter-spacing:.04em}.tak-dp-day{display:flex;align-items:center;justify-content:center;aspect-ratio:1;font-size:11px;color:var(--text-secondary);background:none;border:none;border-radius:6px;cursor:pointer;transition:background var(--duration-instant),color var(--duration-instant)}.tak-dp-day:hover{background:var(--surface-overlay);color:var(--text-primary)}.tak-dp-day--today{color:var(--accent);font-weight:600}.tak-dp-day--selected{background:var(--accent)!important;color:#fff!important;font-weight:600;border-radius:6px}.tak-dp-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--surface-overlay);padding-top:var(--space-2)}.tak-dp-clear,.tak-dp-today{background:none;border:none;cursor:pointer;font-size:12px;font-family:var(--font-body);padding:4px 8px;border-radius:6px;transition:background var(--duration-instant),color var(--duration-instant)}.tak-dp-clear{color:var(--text-tertiary)}.tak-dp-clear:hover{color:var(--text-primary);background:var(--surface-overlay)}.tak-dp-today{color:var(--accent);font-weight:500}.tak-dp-today:hover{background:var(--accent-dim, rgba(224, 123, 57, .12))}.task-panel-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:transparent;pointer-events:all;z-index:100}.task-panel{position:fixed;top:0;right:0;width:420px;min-width:420px;overflow-x:hidden;bottom:0;background:var(--surface-card);border-left:1px solid var(--surface-overlay);box-shadow:var(--shadow-panel);padding:var(--space-5);overflow-y:auto;z-index:101;display:flex;flex-direction:column;gap:var(--space-4);animation:panel-slide-in .25s cubic-bezier(.16,1,.3,1)}.task-panel:after{content:"";display:block;min-height:100px;flex-shrink:0}@keyframes panel-slide-in{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.task-panel-header{display:flex;align-items:center;justify-content:space-between}.task-panel-close{background:none;border:none;color:var(--text-tertiary);font-size:16px;cursor:pointer;padding:4px;border-radius:6px;transition:color var(--duration-instant)}.task-panel-close:hover{color:var(--text-primary)}.task-panel-title-wrap{display:flex}.task-panel-title{width:100%;font-size:18px;font-weight:600;color:var(--text-primary);background:none;border:none;outline:none;padding:0;line-height:1.3}.task-panel-title:focus{background:var(--surface-elevated);padding:var(--space-2);border-radius:6px}.task-panel-meta{display:flex;flex-direction:column;gap:var(--space-1);background:var(--surface-elevated);border-radius:10px;padding:var(--space-3)}.task-meta-row{display:flex;align-items:center;gap:var(--space-3);min-height:36px;border-bottom:1px solid var(--surface-overlay);padding:var(--space-1) 0}.task-meta-row:last-child{border-bottom:none}.task-meta-label{width:90px;min-width:90px;font-size:12px;color:var(--text-tertiary)}.task-meta-value{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-primary)}.task-meta-project-number{font-size:11px;color:var(--text-tertiary);font-family:var(--font-mono)}.task-panel-section{display:flex;flex-direction:column;gap:var(--space-2);min-width:0}.task-panel-section-header{display:flex;align-items:center;justify-content:space-between;width:100%}.task-panel-section-label{font-size:12px;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em}.task-panel-subtask-count{font-size:12px;color:var(--text-tertiary)}.task-panel-textarea{width:100%;min-height:80px;padding:var(--space-3);background:var(--surface-elevated);border:1px solid var(--surface-overlay);border-radius:8px;font-size:13px;color:var(--text-primary);font-family:var(--font-body);resize:vertical;outline:none;transition:border-color var(--duration-instant)}.task-panel-textarea:focus{border-color:var(--accent)}.subtask-row{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) 0;min-height:36px;width:100%;min-width:0;overflow:hidden}.subtask-title{flex:1;font-size:13px;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;line-height:1.4}.subtask-title--done{text-decoration:line-through;color:var(--text-tertiary)}.subtask-check{width:20px;height:20px;min-width:20px;border-radius:5px;border:1.5px solid var(--surface-overlay);background:none;cursor:pointer;font-size:11px;color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all var(--duration-instant)}.subtask-check--done{background:var(--accent);border-color:var(--accent)}.subtask-remove{background:none;border:none;color:var(--text-tertiary);cursor:pointer;font-size:14px;opacity:0;padding:0 4px;flex-shrink:0;transition:opacity var(--duration-instant);line-height:1}.subtask-row:hover .subtask-remove{opacity:1}.subtask-add-row{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-2);padding-top:var(--space-2)}.subtask-add-input{flex:1;height:34px;padding:0 var(--space-3);background:var(--surface-elevated);border:1px solid var(--surface-overlay);border-radius:6px;font-size:13px;color:var(--text-primary);outline:none;min-width:0}.subtask-add-input:focus{border-color:var(--accent)}.task-panel-back-btn{background:none;border:none;color:var(--accent);font-size:12px;cursor:pointer;padding:0;margin-bottom:var(--space-3);display:flex;align-items:center;gap:4px}.dashboard-view{display:flex;flex-direction:column;min-height:100%;padding:var(--space-5, 24px);gap:var(--space-8, 48px);width:100%;box-sizing:border-box}.dashboard-header{display:flex;justify-content:flex-end;margin-bottom:var(--space-3, 12px);width:100%}.date-pill-container{position:relative;display:flex;flex-direction:column;align-items:flex-end}.date-pill{display:flex;background:var(--surface-card);border:1px solid var(--surface-overlay);border-radius:999px;padding:3px;gap:2px}.date-pill-segment{position:relative;border:none;background:transparent;border-radius:999px;padding:6px 16px;font-size:13px;font-family:var(--font-sans, "DM Sans", sans-serif);color:var(--text-secondary);cursor:pointer;transition:color .15s ease,background .15s ease;outline:none}.date-pill-segment:not(.date-pill-segment--active):hover{background:var(--surface-overlay)}.date-pill-segment--active{color:var(--text-primary);font-weight:600}.date-pill-indicator{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--surface-elevated);border-radius:999px;z-index:0}.date-pill-label{position:relative;z-index:1}.date-custom-dropdown{position:absolute;top:calc(100% + var(--space-2, 8px));right:0;background:var(--surface-elevated);box-shadow:var(--elevation-3, 0 12px 32px rgba(0, 0, 0, .15));border:1px solid var(--surface-overlay);border-radius:12px;padding:var(--space-4, 16px);display:flex;gap:var(--space-3, 12px);z-index:50}.dashboard-date-field{display:flex;flex-direction:column;gap:var(--space-1, 4px)}.dashboard-date-label{font-size:13px;font-weight:500;color:var(--text-secondary);font-family:var(--font-sans, "DM Sans", sans-serif)}.dashboard-stat-strip{display:grid;grid-template-columns:repeat(4,1fr);background:var(--surface-card);border-radius:var(--radius-lg, 12px);box-shadow:var(--shadow-sm, 0 1px 3px rgba(0, 0, 0, .1));border:1px solid var(--surface-overlay);overflow:hidden;min-height:140px;flex-shrink:0}@media (max-width: 900px){.dashboard-stat-strip{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.dashboard-stat-strip{grid-template-columns:1fr}}.stat-column{padding:var(--space-5, 24px);display:flex;flex-direction:column;position:relative}.stat-column:not(:last-child):after{content:"";position:absolute;right:0;top:var(--space-4, 16px);bottom:var(--space-4, 16px);width:1px;background:var(--surface-overlay)}@media (max-width: 900px){.stat-column:nth-child(2):after{display:none}.stat-column:nth-child(1):before,.stat-column:nth-child(2):before{content:"";position:absolute;bottom:0;left:var(--space-4, 16px);right:var(--space-4, 16px);height:1px;background:var(--surface-overlay)}}.stat-value{font-size:48px;font-family:var(--font-sans, "DM Sans", sans-serif);font-weight:300;color:var(--text-primary);font-variant-numeric:tabular-nums;line-height:1;margin-bottom:var(--space-2, 8px)}.stat-label{font-size:12px;font-family:var(--font-sans, "DM Sans", sans-serif);font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--space-3, 12px)}.stat-progress-track{width:100%;height:4px;background:var(--surface-overlay);border-radius:999px;overflow:hidden;margin-top:auto}.stat-progress-fill{height:100%;border-radius:999px;transform-origin:left}.dashboard-section{display:flex;flex-direction:column;gap:var(--space-4, 16px)}.dashboard-section-header{display:flex;align-items:baseline;justify-content:space-between}.dashboard-section-title{font-size:20px;font-weight:500;color:var(--text-primary);font-family:var(--font-sans, "DM Sans", sans-serif);margin:0}.dashboard-section-meta{font-size:14px;color:var(--text-secondary);font-family:var(--font-sans, "DM Sans", sans-serif)}.team-activity-list{display:flex;flex-direction:column;gap:2px}.activity-row{display:grid;grid-template-columns:44px 160px 1fr 90px 140px 90px;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:8px;transition:background var(--duration-instant)}.activity-row:hover{background:var(--surface-elevated)}.activity-row--tracking{background:#ff9a3d0a}.activity-member-info{display:flex;flex-direction:column;gap:2px;min-width:0}.activity-user-name{font-size:13px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.activity-job-title{font-size:11px;color:var(--text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.activity-project-info{display:flex;flex-direction:column;gap:3px;min-width:0}.activity-project-row{display:flex;align-items:center;gap:6px}.activity-project-name{font-size:13px;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.activity-task-name{font-size:11px;color:var(--text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-left:14px}.activity-no-project{font-size:13px;color:var(--text-tertiary)}.activity-last-duration{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.activity-last-duration-value{font-size:13px;font-weight:600;font-family:var(--font-mono);color:var(--text-primary)}.activity-last-duration-label{font-size:11px;color:var(--text-tertiary)}.activity-time-info{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.activity-live-timer{display:flex;align-items:center;gap:6px}.activity-live-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);animation:pulse 2s infinite;flex-shrink:0}.activity-live-elapsed{font-size:14px;font-weight:700;font-family:var(--font-mono);color:var(--accent)}.activity-hours-today{font-size:13px;font-weight:600;color:var(--text-primary);font-family:var(--font-mono)}.activity-last-seen{font-size:11px;color:var(--text-tertiary)}.activity-status-col{display:flex;justify-content:flex-end}.activity-empty{padding:var(--space-5);text-align:center;font-size:13px;color:var(--text-tertiary)}.dashboard-charts-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6, 32px)}@media (max-width: 900px){.dashboard-charts-row{grid-template-columns:1fr}}.dashboard-chart-card{background:var(--surface-card);border:1px solid var(--surface-overlay);border-radius:var(--radius-lg, 12px);box-shadow:var(--shadow-md, 0 4px 12px rgba(0, 0, 0, .05));padding:var(--space-5, 24px);display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:360px;overflow:hidden}.dashboard-chart-card .tak-bar-chart{width:100%;max-width:100%}.dashboard-chart-title{font-size:12px;font-weight:600;color:var(--text-tertiary);font-family:var(--font-sans, "DM Sans", sans-serif);text-transform:uppercase;letter-spacing:.08em;margin:0 0 var(--space-6, 32px) 0}.donut-container .tak-donut-chart{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:var(--space-6, 32px);width:100%;flex:1}.donut-container .tak-donut-legend{width:auto}.dashboard-tasks-card{background:var(--surface-card);border:1px solid var(--surface-overlay);border-radius:var(--radius-lg, 12px);overflow:hidden}.dashboard-task-list{display:flex;flex-direction:column}.dashboard-task-row{display:grid;grid-template-columns:32px 1fr 180px;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--surface-overlay);transition:background var(--duration-instant)}.dashboard-task-row:last-child{border-bottom:none}.dashboard-task-row:hover{background:var(--surface-elevated)}.task-status-col{display:flex;justify-content:center}.status-dot{width:6px;height:6px;border-radius:50%}.status-dot--todo{background:var(--text-tertiary)}.status-dot--in_progress{background:var(--accent)}.status-dot--review{background:#eab308}.status-dot--done{background:#10b981}.dashboard-task-main{display:flex;flex-direction:column;gap:2px;min-width:0}.dashboard-task-title{font-size:13px;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dashboard-task-sub{display:flex;align-items:center;gap:6px}.task-project-name{font-size:11px;color:var(--text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dashboard-task-meta{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-4)}.task-assignee{display:flex;align-items:center;gap:6px}.task-assignee-name{font-size:11px;color:var(--text-secondary)}.task-due-date{font-size:12px;font-family:var(--font-mono);color:var(--text-tertiary);min-width:80px;text-align:right}.task-due-date--overdue{color:#ef4444;font-weight:600}.dashboard-task-more{padding:var(--space-3);text-align:center;font-size:11px;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;background:var(--surface-elevated);border-top:1px solid var(--surface-overlay)}.tak-data-grid{width:100%;border-radius:var(--radius-card);overflow:hidden;border:1px solid var(--surface-overlay)}.tak-grid-header{display:grid;align-items:center;background-color:var(--surface-raised);border-bottom:2px solid var(--surface-overlay);position:sticky;top:0;z-index:2;padding:0 var(--space-4);gap:var(--space-4);height:36px}.tak-grid-header-cell{display:flex;align-items:center;gap:var(--space-1);min-width:0;overflow:hidden;-webkit-user-select:none;user-select:none;color:var(--text-tertiary)}.tak-grid-header-cell--sortable{cursor:pointer;transition:color var(--duration-instant)}.tak-grid-header-cell--sortable:hover .tak-grid-header-label{color:var(--text-primary)}.tak-grid-header-cell--sortable:hover .tak-grid-sort-icon{opacity:1}.tak-grid-header-cell--sorted .tak-grid-header-label{color:var(--text-primary)}.tak-grid-header-cell--sorted .tak-grid-sort-icon{color:var(--accent);opacity:1}.tak-grid-header-label{font-family:var(--font-body);font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tak-grid-sort-icon{color:var(--text-tertiary);display:flex;align-items:center;opacity:0;flex-shrink:0;transition:opacity var(--duration-instant),color var(--duration-instant)}.tak-grid-body{display:flex;flex-direction:column}.tak-grid-row{display:grid;align-items:center;padding:0 var(--space-4);gap:var(--space-4);min-height:52px;max-height:52px;border-bottom:1px solid var(--surface-overlay);cursor:pointer;transition:background-color var(--duration-instant);position:relative}.tak-grid-row:last-child{border-bottom:none}.tak-grid-row:hover{background-color:var(--surface-elevated)}.tak-grid-row--striped{background-color:var(--surface-card)}.tak-grid-row--striped:hover{background-color:var(--surface-elevated)}.tak-grid-row--selected{background-color:var(--accent-dim)!important;border-left:2px solid var(--accent)}.tak-grid-cell{display:flex;align-items:center;min-width:0;overflow:hidden;white-space:nowrap;color:var(--text-primary)}.tak-grid-cell-text{font-family:var(--font-body);font-size:var(--text-body-size);color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tak-grid-row--skeleton{cursor:default}.tak-grid-row--skeleton:hover{background-color:transparent}.tak-grid-row--skeleton.tak-grid-row--striped:hover{background-color:var(--surface-card)}.tak-skeleton{background:linear-gradient(90deg,var(--surface-elevated) 25%,var(--surface-overlay) 50%,var(--surface-elevated) 75%);background-size:200% 100%;animation:tak-shimmer 1.5s infinite linear}@keyframes tak-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.tak-skeleton--row{height:14px;border-radius:4px}.new-project-form{display:flex;flex-direction:column;gap:var(--space-5, 24px);padding:var(--space-2, 8px) 0}.form-group{display:flex;flex-direction:column;gap:var(--space-2, 8px)}.form-group label{font-size:14px;font-weight:500;color:var(--text-primary);font-family:var(--font-sans, "DM Sans", sans-serif)}.form-group label .req{color:var(--status-flagged, #E5484D)}.row-group{flex-direction:row;gap:var(--space-4, 16px)}.form-group-half{flex:1;display:flex;flex-direction:column;gap:var(--space-2, 8px)}.new-project-footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3, 12px);width:100%}.color-picker-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2, 8px);width:100%}.color-swatch-auto{display:flex;align-items:center;gap:var(--space-2, 8px);height:32px;padding:0 var(--space-3, 12px);background:var(--surface-card);border:1px solid var(--surface-overlay);border-radius:999px;cursor:pointer;font-size:13px;color:var(--text-secondary);white-space:nowrap;flex-shrink:0;transition:all .15s ease}.color-swatch-auto:hover{background:var(--surface-elevated);color:var(--text-primary)}.color-swatch-auto.active{border-color:var(--accent);color:var(--text-primary)}.color-swatch-auto .swatch-inner{width:18px;height:18px;border-radius:50%;transition:background .3s ease}.color-swatch-list{display:flex;align-items:center;gap:8px}.color-swatch{flex-shrink:0;width:28px;height:28px;border-radius:50%;background:var(--swatch-bg);border:2px solid transparent;cursor:pointer;transition:transform .15s ease;padding:0}.color-auto-btn{flex-shrink:0;white-space:nowrap}.color-swatch:hover{transform:scale(1.1)}.color-swatch.active{border-color:var(--accent);box-shadow:0 0 0 2px var(--surface-modal) inset}.color-swatch-custom{position:relative;width:32px;height:32px;border-radius:50%;overflow:hidden;cursor:pointer}.custom-color-input{position:absolute;top:-10px;left:-10px;width:52px;height:52px;cursor:pointer;border:none;padding:0}.budget-type-pill{display:flex;background:var(--surface-card);border:1px solid var(--surface-overlay);border-radius:999px;padding:3px;gap:2px;position:relative;height:40px;box-sizing:border-box;white-space:nowrap}.budget-pill-segment{position:relative;flex:1;display:flex;align-items:center;justify-content:center;background:transparent;border:none;padding:0 16px;font-size:13px;font-family:var(--font-sans, "DM Sans", sans-serif);color:var(--text-secondary);border-radius:999px;cursor:pointer;z-index:1;transition:color .15s ease;white-space:nowrap;min-width:100px}.budget-pill-segment:hover{background:var(--surface-overlay)}.budget-pill-segment.active{color:var(--text-primary);font-weight:600}.budget-pill-segment.active:hover{background:transparent}.budget-pill-indicator{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--surface-elevated);border-radius:999px;z-index:-1;box-shadow:var(--elevation-1)}.selected-team-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.team-chip{display:flex;align-items:center;gap:6px;padding:4px 6px 4px 4px;background:var(--surface-card);border:1px solid var(--surface-overlay);border-radius:999px}.team-chip span{font-size:13px;color:var(--text-primary)}.team-chip-remove{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:transparent;border:none;color:var(--text-tertiary);cursor:pointer;padding:0;transition:all .15s ease}.team-chip-remove:hover{background:var(--surface-overlay);color:var(--text-primary)}.wizard-step-indicator{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:var(--space-6, 32px);padding-bottom:var(--space-4, 16px);border-bottom:1px solid var(--surface-overlay)}.step-item{display:flex;align-items:center;gap:10px;color:var(--text-tertiary);transition:all .2s ease}.step-item.active{color:var(--text-primary)}.step-item.completed{color:var(--status-online)}.step-dot{width:24px;height:24px;border-radius:50%;border:2px solid currentColor;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;font-family:var(--font-mono)}.step-item.active .step-dot{background:var(--text-primary);color:var(--surface-modal);border-color:var(--text-primary)}.step-item.completed .step-dot{background:var(--status-online);color:#fff;border-color:var(--status-online)}.step-label{font-size:14px;font-weight:500}.step-line{width:40px;height:1px;background:var(--surface-overlay)}.step-2-builder{display:flex;flex-direction:column;gap:var(--space-4, 16px)}.builder-header h3{font-size:18px;font-weight:600;margin:0 0 4px}.builder-header p{font-size:14px;color:var(--text-secondary);margin:0}.builder-list{display:flex;flex-direction:column;gap:12px;margin:var(--space-4, 16px) 0}.builder-row{display:flex;align-items:center;gap:12px}.row-number{font-family:var(--font-mono);font-size:12px;color:var(--text-tertiary);width:24px}.row-remove{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:6px;background:transparent;border:none;color:var(--text-tertiary);cursor:pointer;transition:all .15s ease}.row-remove:hover:not(:disabled){background:var(--surface-overlay);color:var(--status-flagged)}.row-remove:disabled{opacity:.3;cursor:not-allowed}.builder-footer{margin-top:var(--space-5, 24px);padding-top:var(--space-4, 16px);border-top:1px solid var(--surface-overlay);display:flex;flex-direction:column;gap:8px}.builder-total-line{display:flex;justify-content:space-between;align-items:center;font-size:15px;font-weight:600;color:var(--text-primary)}.builder-total-line .total-value{font-family:var(--font-mono)}.builder-total-line .total-value.zero{color:var(--text-tertiary)}.builder-total-line.sub{font-size:13px;font-weight:400;color:var(--text-secondary)}.builder-total-line.sub span:last-child{font-family:var(--font-mono)}.migration-confirm-box{background:var(--surface-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-md, 8px);padding:var(--space-6, 24px);max-width:360px;width:90%;display:flex;flex-direction:column;gap:var(--space-3, 12px)}.migration-confirm-title{font-size:15px;font-weight:600;color:var(--text-primary);margin:0}.migration-confirm-body{font-size:13px;color:var(--text-secondary);margin:0;line-height:1.5}.migration-confirm-actions{display:flex;justify-content:flex-end;gap:var(--space-3, 12px);margin-top:var(--space-2, 8px)}.projects-view{display:flex;flex-direction:column;min-height:100%;padding:var(--space-5, 24px);gap:var(--space-6, 32px);width:100%;box-sizing:border-box}.projects-header{display:flex;align-items:center;justify-content:space-between;width:100%}.projects-header-left{display:flex;flex-direction:column;gap:var(--space-1, 4px)}.projects-title{font-size:20px;font-weight:500;color:var(--text-primary);font-family:var(--font-sans, "DM Sans", sans-serif);margin:0}.projects-subtitle{font-size:13px;color:var(--text-tertiary);font-family:var(--font-sans, "DM Sans", sans-serif)}.projects-filter-bar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4, 16px);width:100%}.filter-search{flex:1;max-width:320px}.filter-dropdowns{display:flex;align-items:center;gap:var(--space-3, 12px)}.projects-table-area{flex:1;display:flex;flex-direction:column}.project-cell{display:flex;align-items:center;gap:var(--space-2, 8px);min-width:0;padding:var(--space-2) 0}.project-cell-color{width:10px;height:10px;border-radius:50%;flex-shrink:0}.project-cell-name-group{display:flex;flex-direction:column;gap:2px;min-width:0}.project-cell-name{font-size:14px;font-weight:500;color:var(--text-primary);font-family:var(--font-sans, "DM Sans", sans-serif);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.project-cell-client{font-size:12px;color:var(--text-tertiary);font-family:var(--font-sans, "DM Sans", sans-serif);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.project-cell-number{font-size:11px;color:var(--text-tertiary);font-family:var(--font-mono);margin-top:1px}.mono-subtle{font-family:var(--font-mono, "JetBrains Mono", monospace);color:var(--text-secondary)}.text-secondary{color:var(--text-secondary)}.project-progress{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-2, 8px)}.project-progress-pct{font-size:13px;color:var(--text-tertiary);font-family:var(--font-sans, "DM Sans", sans-serif);width:3ch;text-align:right}.project-progress-track{width:60px;height:4px;background:var(--surface-overlay);border-radius:999px;overflow:hidden;display:flex}.project-progress-fill{height:100%;border-radius:999px;transform-origin:left}.project-team-stack{display:flex;align-items:center}.team-avatar-wrap{position:relative;display:flex;border-radius:50%;margin-left:-10px;overflow:hidden;flex-shrink:0;box-shadow:0 0 0 2px var(--surface-base)}.team-avatar-wrap:first-child{margin-left:0}.team-avatar-overflow{width:24px;height:24px;border-radius:50%;background:var(--surface-overlay);border:2px solid var(--surface-base);margin-left:-10px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:600;color:var(--text-primary);font-family:var(--font-sans, "DM Sans", sans-serif)}.row-actions-wrap{opacity:0;transition:opacity .15s ease;display:flex;justify-content:flex-end}.tak-grid-row:hover .row-actions-wrap{opacity:1}.tak-badge[data-type=archived]{font-style:italic;color:var(--text-tertiary);background:transparent;border-color:var(--surface-overlay)}.projects-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-8, 64px) 0;text-align:center;gap:var(--space-3, 12px);flex:1}.empty-icon{font-size:40px;color:var(--text-tertiary);margin-bottom:var(--space-2, 8px)}.projects-empty h3{font-size:16px;font-weight:500;color:var(--text-primary);font-family:var(--font-sans, "DM Sans", sans-serif);margin:0}.projects-empty p{font-size:14px;color:var(--text-tertiary);font-family:var(--font-sans, "DM Sans", sans-serif);margin:0}.tak-notes-editor{display:flex;flex-direction:column;height:100%;min-height:300px;border:1px solid var(--surface-overlay);border-radius:10px;overflow:hidden;background:var(--surface-elevated)}.tak-notes-toolbar{display:flex;align-items:center;gap:2px;padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--surface-overlay);background:var(--surface-card);flex-shrink:0}.tak-notes-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:none;background:none;border-radius:5px;cursor:pointer;font-size:13px;color:var(--text-secondary);transition:all var(--duration-instant)}.tak-notes-btn:hover{background:var(--surface-overlay);color:var(--text-primary)}.tak-notes-toolbar-divider{width:1px;height:18px;background:var(--surface-overlay);margin:0 var(--space-1)}.tak-notes-content{flex:1;padding:var(--space-4);font-size:13px;line-height:1.6;color:var(--text-primary);outline:none;overflow-y:auto;min-height:200px}.tak-notes-content:empty:before{content:attr(data-placeholder);color:var(--text-tertiary);pointer-events:none}.tak-notes-content h3{font-size:15px;font-weight:600;margin:var(--space-3) 0 var(--space-1)}.tak-notes-content ul,.tak-notes-content ol{padding-left:20px;margin:var(--space-2) 0}.tak-notes-content li{margin-bottom:4px}.tak-notes-content strong{font-weight:600}.tak-notes-content em{font-style:italic}.tak-notes-content u{text-decoration:underline}.invoice-summary-strip{display:flex;gap:24px;padding:20px 24px;background:var(--surface-card);border-radius:12px;border:1px solid var(--surface-overlay);margin-bottom:24px;align-items:center}.summary-strip-title{font-size:14px;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;width:140px;border-right:1px solid var(--surface-overlay);padding-right:24px;margin-right:8px}.summary-strip-metrics{flex:1;display:flex;gap:40px}.summary-metric{display:flex;flex-direction:column;gap:4px}.metric-label{font-size:11px;color:var(--text-tertiary);text-transform:uppercase}.metric-value{font-family:JetBrains Mono,monospace;font-size:18px;font-weight:500;color:var(--text-primary)}.metric-value.paid{color:var(--status-active)}.metric-value.outstanding{color:var(--accent)}.summary-strip-actions{display:flex;gap:12px}.invoice-summary-strip{animation:fadeInSlideDown .4s ease-out}@keyframes fadeInSlideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.project-detail-view{display:flex;flex-direction:column;min-height:100%;padding:var(--space-5, 24px);gap:var(--space-6, 32px);width:100%;box-sizing:border-box}.project-detail-header-wrap{display:flex;flex-direction:column;gap:var(--space-4, 16px)}.back-link,.pd-back-btn{display:flex;align-items:center;gap:var(--space-1, 4px);background:transparent;border:none;color:var(--text-tertiary);font-size:13px;font-family:var(--font-sans, "DM Sans", sans-serif);cursor:pointer;padding:0 0 var(--space-3, 12px);margin:0;width:fit-content;transition:color .15s ease}.back-link:hover,.pd-back-btn:hover{color:var(--text-primary)}.project-detail-header{display:flex;align-items:flex-start;justify-content:space-between}.pd-header-main{display:flex;flex-direction:column;gap:var(--space-1, 4px)}.pd-title-row{display:flex;align-items:center;gap:var(--space-3, 12px)}.pd-color-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0}.pd-title{font-size:var(--text-display-size, 32px);font-weight:var(--text-display-weight, 400);line-height:var(--text-display-line-height, 1.2);color:var(--text-primary);font-family:var(--font-display, "DM Serif Display", serif);margin:0}.pd-subtitle-row{display:flex;align-items:center;gap:var(--space-2, 8px);font-size:var(--text-body-size, 14px);color:var(--text-tertiary);font-family:var(--font-sans, "DM Sans", sans-serif);padding-left:24px}.pd-project-number{font-size:12px;color:var(--text-tertiary);font-family:var(--font-mono);margin-top:2px;padding-left:24px}.timelog-project-ref{font-size:12px;font-weight:600;color:var(--text-tertiary);font-family:var(--font-mono);background:var(--surface-overlay);padding:2px 8px;border-radius:4px}.pd-header-actions{display:flex;align-items:center;gap:var(--space-2, 8px)}.pd-stat-strip{display:flex;align-items:center;background:transparent;border-top:1px solid var(--surface-overlay);border-bottom:1px solid var(--surface-overlay);padding:var(--space-4, 16px) 0;width:100%}.pd-stat-item{flex:1;display:flex;flex-direction:column;gap:var(--space-1, 4px);padding:0 var(--space-4, 16px)}.pd-stat-item:first-child{padding-left:var(--space-2, 8px)}.pd-stat-item:last-child{padding-right:var(--space-2, 8px)}.pd-stat-divider{width:1px;height:40px;background:var(--surface-overlay)}.pd-stat-label{font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary);font-family:var(--font-sans, "DM Sans", sans-serif)}.pd-stat-value{font-size:var(--text-stat-size, 28px);font-weight:var(--text-stat-weight, 300);color:var(--text-primary);font-family:var(--font-mono, "JetBrains Mono", monospace);display:flex;align-items:baseline;gap:2px}.pd-stat-value-text{font-size:var(--text-heading-size, 20px);font-weight:var(--text-heading-weight, 500);color:var(--text-primary);font-family:var(--font-sans, "DM Sans", sans-serif);margin-top:4px}.pd-stat-unit{font-size:16px;color:var(--text-secondary)}.pd-stat-progress-bar{width:100%;height:4px;background:var(--surface-overlay);border-radius:999px;margin-top:var(--space-1, 4px);overflow:hidden}.pd-stat-progress-fill{height:100%;transform-origin:left;border-radius:999px}.pd-content-area{display:flex;flex-direction:column;gap:var(--space-4, 16px);flex:1}.pd-tab-bar{display:flex;align-items:center}.pd-tab-pill{display:flex;background:var(--surface-card);border:1px solid var(--surface-overlay);border-radius:999px;padding:3px;gap:2px}.pd-tab-segment{position:relative;background:transparent;border:none;padding:6px 16px;font-size:13px;font-family:var(--font-sans, "DM Sans", sans-serif);color:var(--text-secondary);border-radius:999px;cursor:pointer;z-index:1;transition:color .15s ease}.pd-tab-segment.active{color:var(--text-primary);font-weight:600}.pd-tab-indicator{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--surface-elevated);border-radius:999px;z-index:-1;box-shadow:var(--elevation-1)}.pd-tab-content{flex:1;display:flex;flex-direction:column}.pd-tab-pane{display:flex;flex-direction:column;gap:var(--space-4, 16px);flex:1}.pd-pane-header{display:flex;align-items:center;justify-content:space-between}.pd-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-8, 64px) 0;text-align:center;color:var(--text-tertiary);font-size:14px;font-family:var(--font-sans, "DM Sans", sans-serif)}.pd-empty-icon{font-size:32px;margin-bottom:var(--space-2, 8px)}.notes-container{background:var(--surface-card);border:1px solid var(--surface-overlay);border-radius:10px;overflow:hidden}.notes-textarea{width:100%;min-height:240px;padding:var(--space-4);background:transparent;border:none;resize:vertical;font-family:var(--font-body);font-size:var(--text-body);color:var(--text-primary);outline:none;box-sizing:border-box}.notes-toolbar{display:flex;align-items:center;gap:2px;padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--surface-overlay)}.notes-tool{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:none;border:none;border-radius:6px;color:var(--text-secondary);font-size:13px;cursor:pointer;transition:background var(--duration-instant),color var(--duration-instant)}.notes-tool:hover{background:var(--surface-overlay);color:var(--text-primary)}.notes-tool-divider{width:1px;height:16px;background:var(--surface-overlay);margin:0 var(--space-1)}.notes-editor{min-height:240px;padding:var(--space-4);color:var(--text-primary);font-family:var(--font-body);font-size:var(--text-body);line-height:1.6;outline:none;word-break:break-word}.notes-editor h2{font-size:18px;font-weight:600;margin:var(--space-3) 0 var(--space-2);color:var(--text-primary)}.notes-editor p{margin:0 0 var(--space-2)}.notes-editor ul,.notes-editor ol{padding-left:var(--space-5);margin:0 0 var(--space-2)}.notes-footer{display:flex;justify-content:space-between;padding:var(--space-2) var(--space-4);border-top:1px solid var(--surface-overlay);font-size:12px;color:var(--text-tertiary)}.pd-team-list{display:flex;flex-direction:column;gap:var(--space-2, 8px)}.pd-team-row{display:flex;align-items:center;padding:var(--space-3, 12px) var(--space-4, 16px);background:transparent;border-bottom:1px solid var(--surface-overlay);gap:var(--space-4, 16px)}.pd-team-row:last-child{border-bottom:none}.pd-team-info{display:flex;flex-direction:column;gap:var(--space-1, 4px);flex:1}.pd-team-name{font-size:14px;font-weight:500;color:var(--text-primary);font-family:var(--font-sans, "DM Sans", sans-serif)}.pd-team-hours{text-align:right}.pd-date-pill{display:flex;background:var(--surface-card);border:1px solid var(--surface-overlay);border-radius:999px;padding:3px;gap:2px}.pd-date-segment{background:transparent;border:none;color:var(--text-secondary);padding:4px 12px;font-size:12px;border-radius:999px}.pd-date-segment.active{position:relative;color:var(--text-primary);font-weight:500}.pd-date-ind{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--surface-elevated);border-radius:999px;z-index:-1}.tak-pill-btn{background:transparent;border:none;color:var(--text-secondary);padding:6px 16px;font-size:13px;font-family:var(--font-sans, "DM Sans", sans-serif);border-radius:999px;cursor:pointer;transition:color .15s ease,background .15s ease}.tak-pill-btn:hover{color:var(--text-primary)}.tak-pill-btn--active{background:var(--surface-elevated);color:var(--text-primary);font-weight:600}.timelog-controls{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-4);flex-wrap:nowrap}.timelog-custom-range{display:flex;align-items:center;gap:var(--space-3);margin-top:0}.tak-date-input{height:28px;padding:0 var(--space-2);background:var(--surface-card);border:1px solid var(--surface-overlay);border-radius:8px;color:var(--text-primary);font-family:var(--font-body);font-size:12px;outline:none;cursor:pointer}.tak-date-input:focus{border-color:var(--accent)}.timelog-range-sep{color:var(--text-tertiary);font-size:13px}.team-member-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--surface-overlay)}.team-member-info{flex:1;display:flex;flex-direction:column;gap:2px}.team-member-name{font-weight:500;color:var(--text-primary);font-size:14px}.team-member-general-role{font-size:11px;color:var(--text-tertiary);text-transform:capitalize}.team-member-project-role{font-size:13px;color:var(--text-secondary)}.team-add-member{margin-top:var(--space-4)}.pd-tasks-pane{display:flex;flex-direction:column;gap:var(--space-3)}.pd-tasks-header{display:flex;align-items:center;justify-content:space-between;padding:0 0 var(--space-3)}.pd-tasks-count{font-size:13px;color:var(--text-tertiary)}.pd-task-list{padding:var(--space-2) var(--space-2);display:flex;flex-direction:column;gap:2px}.pd-add-task-inline,.pd-add-phase-inline{display:block;width:100%;background:none;border:1px dashed var(--surface-overlay);border-radius:8px;color:var(--text-tertiary);font-size:13px;cursor:pointer;padding:var(--space-2) var(--space-3);text-align:left;margin-top:var(--space-2);transition:all var(--duration-instant)}.pd-add-task-inline:hover,.pd-add-phase-inline:hover{color:var(--accent);border-color:var(--accent)}.pd-phase-group{margin-bottom:var(--space-4);border:1px solid var(--surface-overlay);border-radius:10px;overflow:hidden}.pd-phase-header{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--surface-elevated);border-bottom:1px solid var(--surface-overlay)}.pd-phase-name{font-size:13px;font-weight:600;color:var(--text-primary);min-width:160px}.pd-phase-progress-bar{flex:1;height:4px;background:var(--surface-overlay);border-radius:2px;overflow:hidden}.pd-phase-progress-fill{height:100%;background:var(--accent);border-radius:2px}.pd-phase-stats,.pd-phase-hours{font-size:12px;color:var(--text-tertiary);white-space:nowrap}.pd-milestone-group{margin-bottom:var(--space-4)}.pd-milestone-header{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) 0;border-bottom:2px solid var(--surface-overlay);margin-bottom:var(--space-2)}.pd-milestone-dot{color:var(--accent);font-size:14px}.pd-milestone-dot--overdue{color:var(--status-flagged)}.pd-milestone-name{font-size:14px;font-weight:600;color:var(--text-primary);flex:1}.pd-milestone-date{font-size:12px;color:var(--text-tertiary)}.pd-milestone-date--overdue{color:var(--status-flagged)}.pd-task-row:has(.task-timer-btn--active) .pd-task-timer-col{opacity:1}.pd-phase-list,.pd-phase-group,.pd-task-list,.pd-milestone-list{overflow:visible!important}.pd-phase-edit-row{display:flex;flex-direction:row;align-items:center;gap:var(--space-3);flex-wrap:nowrap;width:100%;padding:var(--space-3) var(--space-4);background:var(--surface-elevated)}.pd-phase-edit-row .tak-input-wrapper:nth-child(1){width:180px;flex-shrink:0}.pd-phase-edit-row .tak-input-wrapper:nth-child(2){width:90px;flex-shrink:0}.pd-phase-edit-row .tak-datepicker-wrapper:nth-child(3),.pd-phase-edit-row .tak-input-wrapper:nth-child(3){width:130px;flex-shrink:0}.pd-phase-edit-row .tak-datepicker-wrapper:nth-child(4),.pd-phase-edit-row .tak-input-wrapper:nth-child(4){width:130px;flex-shrink:0}.pd-phase-edit-row .tak-input-wrapper:nth-child(5){width:120px;flex-shrink:0}.pd-phase-edit-row .tak-button:nth-last-child(2){margin-left:auto}.pd-phase-edit-row .tak-input-control,.pd-phase-edit-row input{height:34px!important;font-size:13px!important;padding:0 var(--space-3)!important}.pd-phase-edit-row .tak-button{flex-shrink:0}.pd-phase-billing-indicator{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--text-tertiary);font-weight:500}.pd-phase-locked-msg{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--text-tertiary);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.pd-phase-invoice-link{color:var(--accent);text-decoration:none;cursor:pointer;font-family:var(--font-mono)}.budget-section{padding:var(--space-5) 0;border-bottom:1px solid var(--surface-overlay)}.budget-section:last-child{border-bottom:none}.budget-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.budget-section-header h3{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-tertiary);margin:0}.budget-phase-table{width:100%;border-collapse:collapse}.budget-phase-table th{font-size:11px;font-weight:500;color:var(--text-tertiary);text-align:left;padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--surface-overlay)}.budget-phase-table td{font-size:13px;color:var(--text-primary);padding:var(--space-3);border-bottom:1px solid var(--surface-overlay)}.budget-phase-table .mono{font-family:var(--font-mono)}.budget-phase-table tfoot td{font-weight:600;border-top:2px solid var(--surface-overlay);border-bottom:none}.phase-row--invoiced td{color:var(--text-tertiary)}.budget-summary-rows{display:flex;flex-direction:column;gap:var(--space-3)}.budget-row{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:var(--text-secondary);padding:var(--space-2) 0;border-bottom:1px solid var(--surface-overlay)}.budget-row--highlight{color:var(--text-primary);font-weight:600}.not-invoiced{font-size:12px;color:var(--text-tertiary)}.budget-alert-row{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-3);background:var(--surface-card);border:1px solid var(--surface-overlay);border-radius:8px;margin-bottom:var(--space-2)}.budget-alert-row span{font-size:13px;color:var(--text-secondary);flex:1}.budget-alert-add-row{display:flex;align-items:center;gap:8px;padding:8px 0;border-bottom:1px solid var(--surface-overlay);margin-bottom:4px}.pd-phase-invoice-link:hover{text-decoration:underline}.pd-billing-set-fee{color:var(--accent);cursor:pointer;font-weight:600}.pd-billing-set-fee:hover{text-decoration:underline}.pd-phase-edit-row+.pd-task-list{border-top:1px solid var(--surface-overlay)}.pd-budget-alert{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:8px;margin-bottom:var(--space-4);font-size:13px}.pd-budget-alert--warning{background:#f59e0b1f;border:1px solid rgba(245,158,11,.3);color:#f59e0b}.pd-budget-alert--critical{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:var(--status-flagged)}.pd-budget-alert-msg{flex:1;font-weight:500}.pd-budget-alert-action{background:none;border:1px solid currentColor;border-radius:6px;padding:3px 10px;font-size:12px;cursor:pointer;color:inherit;transition:opacity var(--duration-instant)}.pd-budget-alert-action:hover{opacity:.7}.pd-budget-bar{width:100%;height:3px;background:var(--surface-overlay);border-radius:2px;margin-top:4px;overflow:hidden}.pd-budget-bar-fill{height:100%;background:var(--accent);border-radius:2px;transition:width .3s ease}.pd-budget-bar--warning{background:#f59e0b}.pd-budget-bar--critical{background:var(--status-flagged)}.pd-stat--warning{color:#f59e0b}.pd-stat--critical{color:var(--status-flagged)}.project-budget-dot{width:7px;height:7px;border-radius:50%;display:inline-block;margin-left:6px;flex-shrink:0}.project-budget-dot--warning{background:#f59e0b}.project-budget-dot--critical{background:var(--status-flagged)}.pd-expense-summary{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);background:var(--surface-elevated);border-radius:10px;margin-bottom:var(--space-4)}.pd-expense-summary-item{display:flex;flex-direction:column;gap:2px}.pd-expense-summary-label{font-size:11px;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em}.pd-expense-summary-value{font-size:18px;font-weight:600;color:var(--text-primary);font-family:var(--font-mono)}.tasks-view{display:flex;flex-direction:column;height:100%;padding:var(--space-5);background:var(--surface-base);font-size:var(--text-body);overflow:hidden}.tasks-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-5)}.tasks-header h1{font-size:22px;font-weight:600;color:var(--text-primary);margin:0}.tasks-header-actions{display:flex;align-items:center;gap:var(--space-3)}.tasks-view-toggle{display:flex;background:var(--surface-card);border:1px solid var(--surface-overlay);border-radius:8px;padding:2px;gap:2px}.view-toggle-btn{padding:4px 12px;border-radius:6px;border:none;background:none;font-size:13px;color:var(--text-secondary);cursor:pointer;transition:all var(--duration-instant)}.view-toggle-btn--active{background:var(--surface-elevated);color:var(--text-primary);font-weight:500}.view-toggle-btn:disabled{opacity:.4;cursor:not-allowed}.tasks-filters{display:flex;flex-direction:row;align-items:center;gap:var(--space-2);margin-bottom:var(--space-4);flex-wrap:nowrap}.tasks-filters .tak-input,.tasks-filters input,.tasks-filters .tak-input-control{height:32px!important;font-size:13px!important;padding:0 var(--space-3)!important;border-radius:8px!important;background:var(--surface-card)!important;border:1px solid var(--surface-overlay)!important;color:var(--text-primary)!important;cursor:pointer;box-sizing:border-box}.tasks-filters .tak-input-wrapper{height:32px}.tasks-filters .tak-input-control--has-icon{padding-left:var(--space-3)!important}.tasks-filters .tak-input-icon{width:14px;height:14px;right:var(--space-2);color:var(--text-tertiary)}.tasks-filters .tasks-search,.tasks-filters .tak-input-wrapper:has(.tasks-search),.tasks-filters .tak-input-wrapper:has(.tasks-search) .tak-input-control{width:180px!important;box-sizing:border-box}.tasks-filters .tasks-filter-project .tak-input-control,.tasks-filters .tasks-filter-assignee .tak-input-control{width:130px}.tasks-filters .tasks-filter-due .tak-input-control{width:120px}.filter-pills{display:flex;flex-direction:row;gap:var(--space-1);flex-shrink:0}.filter-pill{height:28px;padding:0 10px;font-size:12px;border-radius:999px;border:1px solid var(--surface-overlay);background:none;color:var(--text-secondary);cursor:pointer;text-transform:capitalize;white-space:nowrap;transition:all var(--duration-instant)}.filter-pill.active{color:var(--text-primary);border-color:var(--text-primary);background:var(--surface-card);font-weight:500}.filter-pill--urgent.active{border-color:var(--status-flagged);color:var(--status-flagged)}.filter-pill--high.active{border-color:var(--priority-high);color:var(--priority-high)}.filter-pill--medium.active{border-color:var(--priority-medium);color:var(--priority-medium)}.filter-pill--low.active{border-color:var(--text-tertiary);color:var(--text-tertiary)}.tasks-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-10) 0;color:var(--text-secondary);gap:1rem}.kanban-board{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4);align-items:start;height:calc(100vh - 180px)}.kanban-column{background:var(--surface-card);border-radius:12px;overflow:hidden;display:flex;flex-direction:column;max-height:100%}.kanban-column-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--surface-overlay)}.kanban-column-title{font-size:13px;font-weight:600;color:var(--text-primary)}.kanban-column-count{font-size:12px;color:var(--text-tertiary);background:var(--surface-elevated);padding:1px 7px;border-radius:999px}.kanban-column--todo .kanban-column-header{border-top:3px solid var(--text-tertiary)}.kanban-column--in_progress .kanban-column-header{border-top:3px solid var(--status-in-progress)}.kanban-column--review .kanban-column-header{border-top:3px solid var(--status-review)}.kanban-column--done .kanban-column-header{border-top:3px solid var(--status-active)}.kanban-column-body{padding:var(--space-3);display:flex;flex-direction:column;gap:var(--space-2);overflow-y:auto;flex:1}.kanban-card{background:var(--surface-card);border-radius:10px;padding:var(--space-3);cursor:pointer;transition:box-shadow var(--duration-instant),transform var(--duration-instant);border:1px solid var(--surface-overlay);overflow:visible;position:relative;display:flex;flex-direction:column;gap:var(--space-2)}.kanban-card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.kanban-card-header{display:flex;align-items:center;justify-content:space-between}.kanban-card-timer{opacity:.25;transition:opacity var(--duration-instant)}.kanban-card:hover .kanban-card-timer,.kanban-card:has(.task-timer-btn--active) .kanban-card-timer{opacity:1}.kanban-card-title{font-size:13px;font-weight:500;color:var(--text-primary);line-height:1.4}.kanban-card-title--done{text-decoration:line-through;color:var(--text-tertiary)}.kanban-card--locked{opacity:.6;background:var(--surface-base);cursor:default!important}.kanban-card--locked:hover{box-shadow:none;transform:none}.kanban-card-lock-overlay{position:absolute;top:var(--space-2);right:var(--space-2);font-size:14px;z-index:2;background:var(--surface-overlay);width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:4px}.kanban-card-footer{display:flex;align-items:center;justify-content:space-between;margin-top:var(--space-1);padding-top:var(--space-2);border-top:1px solid var(--surface-overlay)}.kanban-card-assignee{display:flex;align-items:center}.kanban-card-meta-right{display:flex;align-items:center;gap:var(--space-2)}.kanban-card-due{font-size:11px}.kanban-card-hours{color:var(--text-tertiary)}.kanban-column--drag-over{background:var(--surface-elevated);outline:2px dashed var(--accent);outline-offset:-2px}.tasks-filters{display:flex;flex-direction:row!important;align-items:center;gap:var(--space-2);margin-bottom:var(--space-4);flex-wrap:nowrap!important}.tasks-content-wrapper{display:block;flex:1}.tasks-main{width:100%}.priority-toggle,.status-toggle{display:flex;gap:var(--space-1)}.priority-btn,.status-btn{padding:5px 12px;border-radius:999px;border:1px solid var(--surface-overlay);background:none;font-size:12px;color:var(--text-secondary);cursor:pointer;text-transform:capitalize;transition:all var(--duration-instant)}.priority-btn--active,.status-btn--active{background:var(--surface-card);color:var(--text-primary);font-weight:500;border-color:var(--text-primary)}.priority-btn--low.priority-btn--active{border-color:var(--text-tertiary);color:var(--text-tertiary)}.priority-btn--medium.priority-btn--active{border-color:var(--priority-medium);color:var(--priority-medium)}.priority-btn--high.priority-btn--active{border-color:var(--priority-high);color:var(--priority-high)}.priority-btn--urgent.priority-btn--active{border-color:var(--status-flagged);color:var(--status-flagged)}.tak-textarea{width:100%;padding:var(--space-3);background:var(--surface-elevated);border:1px solid var(--surface-overlay);border-radius:8px;font-size:13px;color:var(--text-primary);font-family:var(--font-body);resize:vertical;outline:none;line-height:1.5}.tak-textarea:focus{border-color:var(--accent)}.tak-grid-row .task-row-timer-col{opacity:0;transition:opacity var(--duration-instant)}.tak-grid-row:hover .task-row-timer-col,.tak-grid-row:has(.task-timer-btn--active) .task-row-timer-col{opacity:1}.avatar-crop-modal{background:var(--surface-modal);border:1px solid var(--surface-overlay);border-radius:12px;box-shadow:var(--elevation-3);width:440px;overflow:hidden;animation:modal-enter .18s ease-out}@keyframes modal-enter{0%{opacity:0;transform:scale(.96) translateY(6px)}to{opacity:1;transform:scale(1) translateY(0)}}.avatar-crop-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--surface-overlay)}.avatar-crop-header h3{margin:0;font-family:var(--font-body);font-size:var(--text-heading-size, .95rem);font-weight:500;color:var(--text-primary)}.avatar-crop-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;background:none;border:none;cursor:pointer;color:var(--text-tertiary);transition:background .1s,color .1s}.avatar-crop-close:hover{background:var(--surface-overlay);color:var(--text-primary)}.avatar-crop-content{padding:20px 20px 16px;display:flex;flex-direction:column;align-items:center;gap:14px}.avatar-crop-preview{width:320px;height:320px;border-radius:10px;border:1px solid var(--surface-overlay);position:relative;overflow:hidden;touch-action:none;cursor:grab;background-color:#111;background-image:linear-gradient(45deg,#1e1e1e 25%,transparent 25%),linear-gradient(-45deg,#1e1e1e 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#1e1e1e 75%),linear-gradient(-45deg,transparent 75%,#1e1e1e 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0;user-select:none;-webkit-user-select:none}.avatar-crop-preview:active{cursor:grabbing}.avatar-crop-mask{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle 120px at center,transparent 100%,rgba(0,0,0,.65) 100%);pointer-events:none;border-radius:10px}.avatar-crop-mask:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:240px;height:240px;border-radius:50%;border:2px solid rgba(255,255,255,.45);pointer-events:none}.avatar-crop-hint{position:absolute;bottom:10px;left:50%;transform:translate(-50%);font-size:11px;color:#ffffff73;pointer-events:none;white-space:nowrap;letter-spacing:.02em}.avatar-crop-zoom{display:flex;align-items:center;gap:8px;width:320px}.avatar-zoom-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;flex-shrink:0;border-radius:6px;border:1px solid var(--surface-overlay);background:var(--surface-modal);color:var(--text-secondary);cursor:pointer;transition:background .1s,color .1s,border-color .1s}.avatar-zoom-btn:hover:not(:disabled){background:var(--surface-overlay);color:var(--text-primary);border-color:var(--text-tertiary)}.avatar-zoom-btn:disabled{opacity:.3;cursor:not-allowed}.tak-zoom-slider{flex:1;height:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--surface-overlay);border-radius:2px;outline:none;cursor:pointer}.tak-zoom-slider::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;background:var(--accent);border-radius:50%;cursor:pointer;transition:transform .1s}.tak-zoom-slider::-webkit-slider-thumb:hover{transform:scale(1.15)}.zoom-value{font-size:12px;color:var(--text-secondary);min-width:32px;text-align:right;font-variant-numeric:tabular-nums}.avatar-crop-footer{display:flex;justify-content:flex-end;align-items:center;gap:var(--space-3);padding:0 var(--space-5) var(--space-5);padding-top:var(--space-4);border-top:1px solid var(--surface-overlay)}.tak-toggle{position:relative;display:inline-block;width:44px;height:24px;border-radius:999px;border:none;background:#c5bfb8;cursor:pointer;flex-shrink:0;padding:0;transition:background .2s ease}.tak-toggle:after{content:"";position:absolute;width:18px;height:18px;border-radius:50%;background:#fff;top:3px;left:3px;box-shadow:0 1px 3px #00000040;transition:transform .2s ease}.tak-toggle--on{background:var(--accent)}.tak-toggle--on:after{transform:translate(20px)}.tak-toggle--disabled{opacity:.45;cursor:not-allowed}.settings-view{display:flex;flex-direction:column;height:100%;background:var(--surface-base);overflow:hidden}.settings-tab-bar{display:flex;align-items:center;gap:4px;padding:0 24px;border-bottom:1px solid var(--surface-overlay);overflow-x:auto;flex-shrink:0;scrollbar-width:none}.settings-tab-bar::-webkit-scrollbar{display:none}.settings-tab-btn{position:relative;padding:14px 16px 12px;background:none;border:none;cursor:pointer;font-family:var(--font-body);font-size:14px;font-weight:500;color:var(--text-tertiary);white-space:nowrap;transition:color .15s;flex-shrink:0}.settings-tab-btn:hover{color:var(--text-secondary)}.settings-tab-btn--active{color:var(--text-primary)}.settings-tab-underline{position:absolute;bottom:-1px;left:8px;right:8px;height:3px;border-radius:999px;background:var(--accent)}.settings-tab-content{flex:1;overflow:hidden;position:relative}.settings-tab-pane{height:100%;overflow-y:auto;overflow-x:hidden;padding:24px;display:flex;flex-direction:column;gap:24px;scrollbar-width:thin;scrollbar-color:var(--surface-overlay) transparent}.settings-profile-row{display:flex;gap:24px;align-items:flex-start}.settings-profile-row .settings-section:first-child{flex:2}.settings-profile-row .settings-section:last-child{flex:1;min-width:280px}.settings-section{background:var(--surface-card);border-radius:12px;border:1px solid var(--surface-overlay);box-shadow:var(--elevation-1);padding:var(--space-6);margin-bottom:0;box-sizing:border-box;width:100%}.settings-section-title{font-size:11px;font-weight:500;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--space-4)}.settings-form-row{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-3)}.settings-form-label{width:160px;min-width:160px;font-size:13px;color:var(--text-secondary)}.settings-form-input{flex:1;max-width:480px}.settings-form-hint{font-size:12px;color:var(--text-tertiary);margin-top:2px}.settings-divider{border:none;border-top:1px solid var(--surface-overlay);margin:var(--space-5) 0}.settings-save-row{display:flex;align-items:center;gap:var(--space-3);margin-top:var(--space-5);padding-top:var(--space-4);border-top:1px solid var(--surface-overlay)}.settings-saved-msg{font-size:13px;color:var(--status-active);animation:fade-in-out 3s forwards}@keyframes fade-in-out{0%{opacity:0}10%{opacity:1}70%{opacity:1}to{opacity:0}}.settings-avatar-row{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-5)}.settings-avatar-upload{position:relative;width:72px;height:72px;border-radius:50%;cursor:pointer;overflow:hidden;flex-shrink:0}.settings-avatar-img{width:100%;height:100%;object-fit:cover;border-radius:50%}.settings-avatar-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000073;border-radius:50%;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--duration-instant);font-size:12px;font-weight:500;color:#fff}.settings-avatar-upload:hover .settings-avatar-overlay{opacity:1}.settings-avatar-name{font-size:15px;font-weight:600;color:var(--text-primary);margin:0 0 4px}.settings-avatar-role{font-size:12px;color:var(--text-tertiary);text-transform:capitalize;margin:0}.scope-codes-table{width:100%;border-collapse:collapse}.scope-codes-table th{text-align:left;font-size:11px;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--surface-overlay)}.scope-codes-table td{padding:var(--space-2) var(--space-3);font-size:13px;color:var(--text-primary);border-bottom:1px solid var(--surface-overlay);vertical-align:middle}.scope-code-badge{font-family:var(--font-mono);font-size:12px;font-weight:600;background:var(--surface-elevated);padding:2px 8px;border-radius:4px}.billing-rates-table{width:100%}.billing-rate-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) 0;border-bottom:1px solid var(--surface-overlay)}.billing-rate-member{flex:1;font-size:13px;color:var(--text-primary);display:flex;align-items:center;gap:var(--space-2)}.billing-rate-input{width:100px}.notification-row{display:flex;align-items:flex-start;gap:var(--space-4);padding:var(--space-3) 0;border-bottom:1px solid var(--surface-overlay)}.notification-row:last-child{border-bottom:none}.notification-row-text{flex:1}.notification-row-label{font-size:13px;font-weight:500;color:var(--text-primary);margin-bottom:2px}.notification-row-desc{font-size:12px;color:var(--text-tertiary)}.integration-status{display:flex;align-items:center;gap:var(--space-2);font-size:13px;margin-bottom:var(--space-4)}.integration-status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.integration-status-dot--connected{background:var(--status-active)}.integration-status-dot--disconnected{background:var(--text-tertiary)}.integration-status-dot--error{background:var(--status-flagged)}.integration-last-synced{font-size:12px;color:var(--text-tertiary);margin-top:var(--space-2)}.settings-password-field{position:relative;flex:1;max-width:400px}.settings-password-toggle{position:absolute;right:var(--space-3);top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-tertiary);cursor:pointer;padding:0}.clients-view{padding:var(--space-5)}.clients-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-5)}.clients-header h1{font-size:22px;font-weight:600;color:var(--text-primary);margin:0}.clients-filters{display:flex;flex-direction:row;align-items:center;gap:var(--space-2);margin-bottom:var(--space-4);flex-wrap:nowrap}.clients-search-input{width:200px;height:32px;padding:0 var(--space-3);background:var(--surface-card);border:1px solid var(--surface-overlay);border-radius:8px;font-size:13px;color:var(--text-primary);outline:none;flex-shrink:0}.clients-search-input:focus{border-color:var(--accent)}.clients-search-input::placeholder{color:var(--text-tertiary)}.clients-filters .tak-input-wrapper{width:150px!important;flex-shrink:0;flex-grow:0}.clients-filters .tak-input-control{height:32px!important;font-size:13px!important}.filter-pills-divider{width:1px;height:20px;background:var(--surface-overlay);flex-shrink:0}.filter-pill{height:30px;padding:0 12px;border-radius:999px;border:1px solid var(--surface-overlay);background:none;font-size:12px;color:var(--text-secondary);cursor:pointer;text-transform:capitalize;white-space:nowrap;flex-shrink:0;transition:all var(--duration-instant)}.filter-pill--active{background:var(--surface-card);color:var(--text-primary);border-color:var(--text-primary);font-weight:500}.client-avatar{width:40px;height:40px;min-width:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:#fff;letter-spacing:.05em}.client-detail-view{padding:0;display:flex;flex-direction:column;height:100%}.cd-header{padding:var(--space-5) var(--space-6) var(--space-4);background:var(--surface-card);border-bottom:1px solid var(--surface-overlay)}.cd-back-btn{background:none;border:none;color:var(--text-tertiary);font-size:13px;font-weight:500;cursor:pointer;padding:0;margin-bottom:var(--space-4);transition:color var(--duration-instant)}.cd-back-btn:hover{color:var(--text-primary)}.cd-header-main{display:flex;align-items:center;gap:var(--space-4)}.cd-avatar{width:64px;height:64px;min-width:64px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;color:#fff}.cd-header-info{flex:1}.cd-name{margin:0 0 var(--space-1);font-size:24px;font-weight:600;color:var(--text-primary);font-family:var(--font-display);letter-spacing:-.01em}.cd-meta{display:flex;align-items:center;gap:var(--space-2)}.cd-meta-sep{color:var(--text-tertiary);font-size:14px}.cd-contact-inline{font-size:13px;color:var(--text-secondary)}.cd-stat-strip{display:flex;align-items:center;padding:var(--space-3) var(--space-6);background:var(--surface-elevated);border-bottom:1px solid var(--surface-overlay)}.cd-stat-item{display:flex;flex-direction:column;gap:2px}.cd-stat-divider{width:1px;height:24px;background:var(--surface-overlay);margin:0 var(--space-5)}.cd-stat-label{font-size:11px;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.cd-stat-value{font-size:18px;color:var(--text-primary);font-weight:500;font-family:var(--font-mono)}.cd-stat-unit{font-size:12px;color:var(--text-secondary);margin-left:2px}.cd-tabs{display:flex;align-items:center;gap:var(--space-4);padding:0 var(--space-6);background:var(--surface-card);border-bottom:1px solid var(--surface-overlay)}.cd-tab{background:none;border:none;color:var(--text-secondary);font-size:13px;font-weight:500;padding:var(--space-3) 0;cursor:pointer;position:relative;transition:color var(--duration-instant)}.cd-tab:hover,.cd-tab.active{color:var(--text-primary)}.cd-tab.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--accent);border-radius:2px 2px 0 0}.cd-tab-content{flex:1;min-height:0;padding:var(--space-6);background:var(--surface-base);overflow-y:auto}.cd-contacts .cd-contact-section{background:var(--surface-elevated);border-radius:10px;padding:var(--space-4);margin-bottom:var(--space-3);max-width:600px}.cd-contact-section-title{font-size:11px;font-weight:700;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.08em;margin:0 0 var(--space-3)}.cd-contact-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-1) 0;font-size:13px;color:var(--text-primary)}.cd-contact-label{width:60px;color:var(--text-tertiary);font-size:12px}.cd-copy-btn{background:none;border:none;color:var(--text-tertiary);cursor:pointer;padding:2px 4px;border-radius:4px;opacity:0;transition:opacity var(--duration-instant);font-size:12px}.cd-contact-row:hover .cd-copy-btn{opacity:1}.cd-copy-btn:hover{color:var(--text-primary)}.cd-financials{max-width:800px}.cd-fin-section{background:var(--surface-elevated);border-radius:10px;padding:var(--space-4);margin-bottom:var(--space-3)}.cd-fin-section h3{margin:0 0 var(--space-3);font-size:13px;color:var(--text-secondary)}.cd-fin-row,.cd-fin-project-row{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) 0;font-size:13px;color:var(--text-primary);border-bottom:1px solid var(--surface-overlay)}.cd-fin-row:last-child,.cd-fin-project-row:last-child{border-bottom:none}.cd-notes-tab{height:100%;display:flex;flex-direction:column}.cd-notes-pane{height:calc(100vh - 320px);min-height:400px;overflow-y:auto;padding-bottom:40px}.cd-notes-editor{flex:1;width:100%;background:var(--surface-elevated);border:1px solid var(--surface-overlay);border-radius:12px;padding:var(--space-4);font-size:14px;color:var(--text-primary);font-family:var(--font-body);resize:none;outline:none;line-height:1.6;transition:border-color var(--duration-instant)}.cd-notes-editor:focus{border-color:var(--accent)}.billing-type-toggle{display:flex;gap:var(--space-1);flex-wrap:nowrap}.billing-type-btn{height:30px;padding:0 12px;border-radius:999px;border:1px solid var(--surface-overlay);background:none;font-size:12px;color:var(--text-secondary);cursor:pointer;text-transform:capitalize;white-space:nowrap;transition:all var(--duration-instant)}.billing-type-btn--active{background:var(--surface-card);color:var(--text-primary);border-color:var(--text-primary);font-weight:500}.expense-receipt-upload{border:1px dashed var(--surface-overlay);border-radius:8px;padding:var(--space-3) var(--space-4);cursor:pointer;transition:border-color var(--duration-instant);font-size:13px}.expense-receipt-upload:hover{border-color:var(--accent)}.expense-receipt-placeholder{color:var(--text-tertiary)}.expense-receipt-name{color:var(--text-primary)}.expenses-view{padding:var(--space-5)}.expenses-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-5)}.expenses-header h1{font-size:22px;font-weight:600;color:var(--text-primary);margin:0}.expenses-filters{display:flex;flex-direction:row;align-items:center;gap:var(--space-2);margin-bottom:var(--space-4);flex-wrap:nowrap}.expenses-search-input{width:200px;height:32px;padding:0 var(--space-3);background:var(--surface-card);border:1px solid var(--surface-overlay);border-radius:8px;font-size:13px;color:var(--text-primary);outline:none;flex-shrink:0}.expenses-search-input:focus{border-color:var(--accent)}.expenses-search-input::placeholder{color:var(--text-tertiary)}.expenses-filters .tak-input-wrapper{flex-shrink:0;flex-grow:0}.expenses-filters .tak-input-control{height:32px!important;font-size:13px!important}.expenses-totals{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);background:var(--surface-card);border-radius:10px;margin-bottom:var(--space-4)}.expenses-total-item{display:flex;flex-direction:column;gap:2px}.expenses-total-label{font-size:11px;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em}.expenses-total-value{font-size:20px;font-weight:600;color:var(--text-primary);font-family:var(--font-mono);display:flex;align-items:center;gap:var(--space-2)}.expenses-total-value--billable{color:var(--status-active)}.expenses-total-divider{width:1px;height:36px;background:var(--surface-overlay)}.expenses-pending-badge{font-size:11px;font-family:var(--font-body);font-weight:500;background:#f59e0b26;color:#f59e0b;padding:2px 8px;border-radius:999px}.expense-company-wide{font-size:12px;color:var(--text-tertiary);font-style:italic}.pd-row-action-btn{background:none;border:1px solid var(--surface-overlay);border-radius:5px;padding:3px 8px;font-size:11px;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:background var(--duration-instant),color var(--duration-instant)}.pd-row-action-btn:hover{background:var(--surface-elevated);color:var(--text-primary)}.pd-row-action-btn--danger:hover{background:#ef44441a;color:var(--status-flagged);border-color:var(--status-flagged)}.invoice-document{width:794px;min-height:1123px;margin:0 auto;background:var(--surface-card);border-radius:12px;box-shadow:var(--elevation-2);padding:48px;position:relative;display:flex;flex-direction:column;gap:40px;color:var(--text-primary);overflow:visible;box-sizing:border-box}.invoice-document:before{content:"";display:block;height:4px;background:var(--accent);border-radius:12px 12px 0 0;margin:-48px -48px 44px}.invoice-header{display:flex;justify-content:space-between;align-items:flex-start}.studio-brand{display:flex;align-items:center;gap:12px;margin-bottom:12px}.studio-name-block{display:flex;flex-direction:column;gap:2px}.studio-name{font-size:24px;font-weight:600;color:var(--text-primary)}.studio-tagline{font-size:11px;color:var(--text-tertiary);letter-spacing:.08em;text-transform:uppercase}.studio-logo-full{height:48px;width:auto;object-fit:contain;margin-bottom:8px}.studio-details{font-size:var(--font-size-small);color:var(--text-secondary);line-height:1.4}.invoice-title{font-family:"DM Serif Display",serif;font-size:42px;color:var(--accent);text-transform:uppercase;letter-spacing:2px;line-height:1}.invoice-meta-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px}.meta-section-title{font-size:var(--font-size-small);color:var(--text-tertiary);text-transform:uppercase;font-weight:600;margin-bottom:12px;letter-spacing:.5px}.bill-to-info{display:flex;flex-direction:column;gap:4px}.client-name{font-weight:600;font-size:var(--font-size-body)}.client-details{font-size:var(--font-size-small);color:var(--text-secondary);line-height:1.4}.invoice-meta-section{background:var(--surface-elevated);border-radius:8px;padding:16px}.invoice-meta-list{display:flex;flex-direction:column;gap:8px}.meta-item{display:flex;justify-content:space-between;font-size:var(--font-size-small)}.meta-label{color:var(--text-secondary)}.meta-value{font-weight:500;text-align:right}.meta-value .tak-badge{float:right}.meta-value.mono{font-family:JetBrains Mono,monospace}.meta-value.overdue{color:var(--status-flagged);font-weight:600}.line-items-table{width:100%;border-collapse:collapse}.line-items-table thead tr{background:var(--surface-elevated)}.line-items-table th{text-align:left;font-size:var(--font-size-small);color:var(--text-tertiary);text-transform:uppercase;padding:14px 16px;border-bottom:2px solid var(--surface-overlay);font-weight:600}.line-items-table th:last-child{text-align:right}.line-item-row td{padding:16px;border-bottom:1px solid var(--surface-overlay);vertical-align:top}.line-item-desc{font-weight:500;color:var(--text-primary)}.line-item-qty,.line-item-rate,.line-item-amount{font-family:JetBrains Mono,monospace;font-size:var(--font-size-small);text-align:right}.override-row td{padding:0 16px 12px 32px;border-bottom:1px solid var(--surface-overlay);background:var(--surface-base)}.override-info{font-size:11px;color:var(--text-tertiary);display:flex;gap:16px}.totals-section{align-self:flex-end;width:300px;display:flex;flex-direction:column;gap:12px;background:var(--surface-elevated);border-radius:8px;padding:20px}.totals-row{display:flex;justify-content:space-between;align-items:center}.total-label{color:var(--text-secondary);font-size:var(--font-size-body)}.total-value{font-family:JetBrains Mono,monospace;font-size:var(--font-size-body);font-weight:500}.grand-total-divider{height:1px;background:var(--surface-overlay);margin:4px 0}.grand-total-label{font-weight:600;font-size:var(--font-size-subheading);color:var(--text-primary)}.grand-total-value{font-family:JetBrains Mono;font-size:32px;font-weight:700;color:var(--accent)}.grand-total-value.paid{color:var(--status-active)}.footer-block{margin-top:auto;display:flex;flex-direction:column;gap:24px}.notes-block{display:flex;flex-direction:column;gap:8px}.notes-label{font-size:var(--font-size-small);color:var(--text-tertiary);font-weight:600}.notes-content{font-size:var(--font-size-small);color:var(--text-secondary);white-space:pre-wrap;line-height:1.5}.payment-details-block{border:none;border-left:3px solid var(--accent);border-radius:0 8px 8px 0;background:var(--surface-elevated);padding:20px 24px}.payment-details-label{font-size:var(--font-size-small);color:var(--text-tertiary);font-weight:600;margin-bottom:12px;text-transform:uppercase;letter-spacing:.5px}.payment-details-content{font-size:var(--font-size-small);color:var(--text-secondary);display:flex;flex-direction:column;gap:4px;line-height:1.4}.void-watermark{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-30deg);font-size:120px;font-weight:900;color:var(--status-flagged);opacity:.08;pointer-events:none}.invoice-document--page{box-shadow:none;border-radius:0;background:var(--surface-card);border:1px solid var(--surface-overlay)}@media print{body{background:#fff!important;color:#000!important}.invoice-document{box-shadow:none!important;border-radius:0!important;padding:0!important;margin:0!important;max-width:100%!important;min-height:auto!important;background:#fff!important}.studio-brand img{filter:none!important}.invoice-document:before{background:#ff7c4f!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.invoice-title{color:#ff7c4f!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.void-watermark{opacity:.05!important}.line-items-table{page-break-inside:auto}.line-item-row{page-break-inside:avoid;page-break-after:auto}.payment-details-block{background:#fff!important;border:1px solid #eee!important;border-left:3px solid #FF7C4F!important}}.new-invoice-stepper{display:flex;align-items:center;margin-bottom:32px;padding:0 24px}.stepper-step{display:flex;flex-direction:column;align-items:center;gap:6px;flex-shrink:0}.stepper-node{width:28px;height:28px;border-radius:50%;border:2px solid var(--surface-overlay);background:var(--surface-base);color:var(--text-tertiary);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;transition:all .25s ease}.stepper-node--active{border-color:var(--accent);background:var(--accent-dim);color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim)}.stepper-node--completed{border-color:var(--accent);background:var(--accent);color:#fff;box-shadow:none}.stepper-label{font-size:11px;font-weight:500;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.4px;white-space:nowrap;transition:color .25s ease}.stepper-label--active{color:var(--accent);font-weight:600}.stepper-label--completed{color:var(--text-secondary)}.stepper-line{flex:1;height:2px;background:var(--surface-overlay);margin:0 8px 17px;transition:background .25s ease}.stepper-line--active{background:var(--accent)}.step-content{display:flex;flex-direction:column;gap:24px}.step-section-title{font-size:11px;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;padding-bottom:8px;border-bottom:1px solid var(--surface-overlay);margin-bottom:16px}.step-footer{display:flex;justify-content:flex-end;gap:12px;margin-top:32px;padding-top:24px;border-top:1px solid var(--surface-overlay)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-field{display:flex;flex-direction:column;gap:8px}.form-field label{font-size:13px;font-weight:500;color:var(--text-secondary)}.field-error{font-size:12px;color:var(--status-flagged);font-weight:500;margin-top:-4px}.warning-box{padding:12px 16px;background:var(--status-warning-dim);border-left:3px solid var(--status-warning);border-radius:4px;font-size:13px;color:var(--text-secondary)}.breakdown-toggle{display:flex;align-items:flex-start;gap:8px;font-size:13px;color:var(--text-secondary);cursor:pointer;padding:4px 0 8px}.breakdown-toggle input[type=checkbox]{margin-top:2px;flex-shrink:0}.breakdown-toggle-hint{display:block;font-size:11px;color:var(--text-tertiary);margin-top:3px}.project-chips-placeholder{min-height:36px;display:flex;align-items:center;padding:8px 12px;border-radius:6px;border:1.5px dashed var(--surface-overlay);font-size:13px;color:var(--text-tertiary)}.project-chips{display:flex;flex-wrap:wrap;gap:8px}.project-chip{padding:5px 12px;border-radius:20px;border:1.5px solid var(--border-default, var(--surface-overlay));background:transparent;font-size:12px;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:background .15s,color .15s,border-color .15s;white-space:nowrap}.project-chip:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-dim)}.project-chip--active{background:var(--accent);border-color:var(--accent);color:#fff}.project-chip--active:hover{background:var(--accent);color:#fff}.field-hint{font-size:12px;color:var(--text-tertiary);margin-top:-2px}.field-label-hint{font-weight:400;color:var(--text-tertiary)}.tak-select{width:100%;padding:8px 12px;border-radius:6px;border:1px solid var(--border-default, var(--surface-overlay));background:var(--surface-base);color:var(--text-primary);font-size:13px;cursor:pointer}.groupby-bar{display:flex;align-items:center;gap:6px;margin-bottom:-8px}.groupby-label{font-size:12px;color:var(--text-tertiary);margin-right:4px}.groupby-pill{padding:4px 12px;border-radius:20px;border:1px solid var(--border-default, var(--surface-overlay));background:transparent;font-size:12px;color:var(--text-secondary);cursor:pointer;transition:background .15s,color .15s,border-color .15s}.groupby-pill:hover{border-color:var(--accent);color:var(--accent)}.groupby-pill--active{background:var(--accent);border-color:var(--accent);color:#fff}.entries-review-list{max-height:400px;overflow-y:auto;display:flex;flex-direction:column;gap:12px;padding-bottom:12px}.entry-row{display:flex;align-items:flex-start;gap:16px;padding:12px;background:var(--surface-base);border:1px solid var(--surface-overlay);border-radius:8px}.entry-row.disabled{opacity:.6;background:var(--surface-overlay)}.entry-checkbox{margin-top:4px}.entry-details{flex:1;display:flex;flex-direction:column;gap:4px}.entry-title{font-weight:500;color:var(--text-primary)}.entry-meta{font-size:12px;color:var(--text-secondary)}.entry-stats{font-size:12px;color:var(--text-tertiary)}.entry-amount{font-family:JetBrains Mono,monospace;font-weight:500;color:var(--text-primary)}.finalise-layout{display:grid;grid-template-columns:320px 1fr;gap:24px;align-items:start}.finalise-config{display:flex;flex-direction:column;gap:0}.preview-container{background:var(--surface-base);border-radius:8px;padding:24px 16px;overflow:hidden;display:flex;justify-content:flex-start;border:1px solid var(--surface-overlay);min-width:0;min-height:480px}.preview-scale{transform:scale(.55);transform-origin:top left;width:720px;flex-shrink:0;pointer-events:none}.step-section-hint{font-size:12px;font-weight:400;color:var(--text-tertiary);margin-left:4px}.info-box{padding:12px 16px;background:var(--accent-dim);border-left:3px solid var(--accent);border-radius:4px;font-size:13px;color:var(--text-secondary)}.entry-remove{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;background:transparent;color:var(--text-tertiary);border-radius:var(--radius-sm, 4px);cursor:pointer;transition:color .15s,background .15s;padding:0}.entry-remove:hover{color:var(--status-flagged);background:var(--surface-raised)}.entry-already-invoiced{display:inline-block;margin-left:8px;padding:1px 7px;border-radius:10px;font-size:11px;font-weight:500;background:var(--surface-overlay);color:var(--text-tertiary);vertical-align:middle}.entry-row--locked{background:var(--surface-overlay);border-color:transparent;opacity:.75;pointer-events:none}.step-running-total{display:flex;justify-content:space-between;align-items:center;padding:14px 0 4px;border-top:1px solid var(--surface-overlay);font-size:13px;font-weight:500;color:var(--text-secondary)}.mono-bold{font-family:var(--font-mono, "JetBrains Mono", monospace);font-weight:600;color:var(--text-primary)}.tak-textarea{width:100%;min-height:80px;padding:8px 12px;border-radius:6px;border:1px solid var(--border-default, var(--surface-overlay));background:var(--surface-base);color:var(--text-primary);font-size:13px;font-family:inherit;resize:vertical;box-sizing:border-box;transition:border-color .15s}.tak-textarea::placeholder{color:var(--text-tertiary)}.line-item-review-row{padding-bottom:16px;border-bottom:1px solid var(--surface-overlay)}.line-item-review-row:last-child{border-bottom:none;padding-bottom:0}.totals-preview{display:flex;flex-direction:column;gap:6px;padding:16px 0 0;border-top:2px solid var(--surface-overlay);margin-top:8px}.totals-preview-row{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:var(--text-secondary)}.totals-preview-row span:last-child{font-family:var(--font-mono, "JetBrains Mono", monospace);font-weight:500;color:var(--text-primary)}.totals-preview-total{margin-top:4px;padding-top:8px;border-top:1px solid var(--surface-overlay);font-size:15px;font-weight:600;color:var(--text-primary)}.invoices-view{padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-5);background:var(--surface-base);min-height:100%}.invoices-header{display:flex;justify-content:space-between;align-items:flex-start}.view-title{font-size:28px;font-weight:700;color:var(--text-primary);margin:0}.header-actions{display:flex;gap:12px}.invoices-stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.stat-card{background:var(--surface-card);border:1px solid var(--surface-overlay);border-radius:10px;padding:16px 20px;display:flex;flex-direction:column;gap:6px}.stat-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-tertiary)}.stat-amount{font-family:JetBrains Mono,monospace;font-size:22px;font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:8px}.stat-amount--accent{color:var(--accent)}.stat-amount--danger{color:var(--status-flagged)}.stat-amount--success{color:var(--status-active)}.stat-card--accent{border-color:rgba(var(--accent-rgb),.25)}.stat-card--danger{border-color:rgba(var(--status-flagged-rgb, 220, 38, 38),.2)}.stat-card--success{border-color:rgba(var(--status-active-rgb, 34, 197, 94),.2)}.stat-count{font-size:11px;font-weight:700;font-family:inherit;background:var(--status-flagged);color:#fff;padding:1px 6px;border-radius:10px}.invoices-filter-bar{display:flex;justify-content:space-between;align-items:center;gap:24px}.filter-search{flex:1;max-width:400px}.status-pills{display:flex;gap:6px;flex-wrap:wrap}.status-pill{display:flex;align-items:center;gap:6px;padding:6px 14px;border-radius:20px;font-size:13px;font-weight:500;background:var(--surface-card);border:1px solid var(--surface-overlay);color:var(--text-secondary);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.status-pill:hover{border-color:var(--text-tertiary);color:var(--text-primary)}.status-pill.active{background:var(--accent);color:#fff;border-color:var(--accent);box-shadow:0 4px 12px rgba(var(--accent-rgb),.25)}.pill-count{font-size:11px;font-weight:700;background:#00000026;padding:1px 6px;border-radius:10px;min-width:18px;text-align:center}.status-pill:not(.active) .pill-count{background:var(--surface-overlay);color:var(--text-tertiary)}.invoices-table-area{flex:1;background:var(--surface-card);border-radius:12px;border:1px solid var(--surface-overlay);overflow:hidden}.tak-grid-row.row-overdue{border-left:3px solid var(--status-flagged);background:#dc262608!important}.invoices-empty{padding:80px 40px;display:flex;flex-direction:column;align-items:center;text-align:center}.client-cell{display:flex;align-items:center;gap:10px}.mono-accent{font-family:JetBrains Mono,monospace;color:var(--accent);font-weight:600}.mono-bold{font-family:JetBrains Mono,monospace;font-weight:600;color:var(--text-primary)}.text-danger{color:var(--status-flagged)!important}.fw-bold{font-weight:600}.row-actions-wrap{position:relative;display:flex;justify-content:flex-end;opacity:1}.row-actions-menu{position:absolute;top:calc(100% + 4px);right:0;z-index:200;background:var(--surface-card);border:1px solid var(--surface-overlay);border-radius:8px;box-shadow:var(--elevation-2, 0 4px 16px rgba(0, 0, 0, .15));min-width:168px;padding:4px;display:flex;flex-direction:column}.row-action-item{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:5px;font-size:13px;font-weight:500;color:var(--text-primary);background:none;border:none;cursor:pointer;text-align:left;transition:background .12s}.row-action-item:hover{background:var(--surface-overlay)}.row-action-item--danger{color:var(--status-flagged)}.row-action-item--danger:hover{background:#dc262614}.payment-details-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0006;z-index:1000;display:flex;justify-content:flex-end}.payment-details-panel{width:400px;height:100%;background:var(--surface-card);box-shadow:var(--elevation-3);display:flex;flex-direction:column;animation:slideInPanel .3s ease-out}@keyframes slideInPanel{0%{transform:translate(100%)}to{transform:translate(0)}}.panel-header{padding:24px;border-bottom:1px solid var(--surface-overlay);display:flex;justify-content:space-between;align-items:center}.panel-header h2{margin:0;font-size:18px;font-weight:600}.panel-content{flex:1;overflow-y:auto;padding:24px;display:flex;flex-direction:column;gap:20px}.input-group{display:flex;flex-direction:column;gap:8px}.input-group label{font-size:13px;font-weight:500;color:var(--text-secondary)}.tak-textarea{width:100%;min-height:80px;padding:12px;background:var(--surface-base);border:1px solid var(--surface-overlay);border-radius:6px;color:var(--text-primary);font-family:inherit;font-size:14px;resize:vertical}.tak-textarea:focus{outline:none;border-color:var(--accent)}.panel-note{padding:16px;background:var(--accent-dim);border-left:3px solid var(--accent);border-radius:4px;font-size:12px;line-height:1.5;color:var(--text-secondary)}.panel-note p{margin:0}.panel-footer{padding:24px;border-top:1px solid var(--surface-overlay);display:flex;justify-content:flex-end;gap:12px}.client-avatar-img{display:block;object-fit:cover;flex-shrink:0}.client-avatar-fallback{display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;letter-spacing:.04em;flex-shrink:0;-webkit-user-select:none;user-select:none}.inv-breakdown-page{width:794px;min-height:1123px;margin:24px auto 0;padding:48px;background:var(--surface-card);border-radius:12px;box-shadow:var(--elevation-2);color:var(--text-primary);font-family:Inter,system-ui,sans-serif;font-size:13px;position:relative;overflow:visible;box-sizing:border-box}.inv-breakdown-page:before{content:"";display:block;height:4px;background:var(--accent);border-radius:12px 12px 0 0;margin:-48px -48px 44px}@media print{.inv-breakdown-page{page-break-before:always;margin:0;padding:40px 48px;border-radius:0;box-shadow:none}.inv-breakdown-page:before{margin:-40px -48px 40px}}.breakdown-doc-header{display:flex;justify-content:space-between;align-items:flex-end;padding-bottom:12px}.breakdown-doc-brand{display:flex;align-items:center}.breakdown-doc-logo{height:48px;width:auto;object-fit:contain}.breakdown-doc-title{font-family:"DM Serif Display",serif;font-size:42px;color:#ff7c4f;text-transform:uppercase;letter-spacing:2px;line-height:1}.breakdown-doc-rule{height:3px;background:#ff7c4f;margin-bottom:12px}.breakdown-doc-subtitle{font-size:12px;color:#666;margin-bottom:32px}.breakdown-header{margin-bottom:40px;padding-bottom:20px;border-bottom:2px solid #FF7C4F}.breakdown-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:12px;color:#666}.breakdown-body{display:flex;flex-direction:column;gap:28px}.breakdown-group-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:6px}.breakdown-group-name{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;color:#333}.breakdown-group-fee,.breakdown-group-hours{font-size:13px;font-weight:600;color:#333;font-variant-numeric:tabular-nums}.breakdown-group-divider{height:1px;background:#e0e0e0;margin-bottom:6px}.breakdown-table{width:100%;border-collapse:collapse}.breakdown-row td,.breakdown-sub-row td{padding:5px 0;vertical-align:middle;border-bottom:1px solid #f5f5f5}.breakdown-task-header td{padding:8px 0 3px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.3px;color:#888}.breakdown-sub-row .breakdown-label{padding-left:16px;color:#555}.breakdown-label{width:100%;color:#444}.breakdown-pct{text-align:right;white-space:nowrap;padding-left:24px;color:#555;font-variant-numeric:tabular-nums;width:60px}.breakdown-amount,.breakdown-hours{text-align:right;white-space:nowrap;padding-left:24px;font-variant-numeric:tabular-nums;width:80px;color:#333}.breakdown-total-row td{padding:6px 0 2px;font-weight:600;color:#333}.breakdown-summary-row{display:flex;justify-content:space-between;padding:5px 0;font-size:12px;color:#666}.breakdown-empty{color:#999;font-size:13px;text-align:center;padding:40px 0}.invoice-detail-view{display:flex;flex-direction:column;min-height:100vh;background:var(--surface-base)}.detail-header{background:var(--surface-card);border-bottom:1px solid var(--surface-overlay);position:sticky;top:0;z-index:100}.header-strip{padding:var(--space-3) var(--space-5);display:flex;justify-content:space-between;align-items:center;min-height:60px}.header-strip-left{display:flex;align-items:center;gap:14px;flex:1;min-width:0}.back-link{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:6px;background:none;border:1px solid var(--surface-overlay);color:var(--text-secondary);cursor:pointer;transition:all var(--duration-instant);flex-shrink:0}.back-link:hover{color:var(--text-primary);background:var(--surface-overlay);border-color:var(--text-tertiary)}.header-divider{width:1px;height:24px;background:var(--surface-overlay);flex-shrink:0}.invoice-number{font-family:JetBrains Mono,monospace;font-size:16px;font-weight:600;color:var(--text-primary);flex-shrink:0}.invoice-main-info{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--text-secondary);min-width:0}.info-client{font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.info-project{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-total{font-family:JetBrains Mono,monospace;font-size:17px;font-weight:700;color:var(--text-primary);flex-shrink:0;margin-left:4px}.header-strip-right{display:flex;gap:8px;align-items:center;flex-shrink:0}.more-menu-wrap{position:relative}.more-menu{position:absolute;top:calc(100% + 6px);right:0;z-index:200;background:var(--surface-card);border:1px solid var(--surface-overlay);border-radius:8px;box-shadow:var(--elevation-2, 0 4px 16px rgba(0, 0, 0, .15));min-width:160px;padding:4px;display:flex;flex-direction:column}.more-menu-item{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:5px;font-size:13px;font-weight:500;color:var(--text-primary);background:none;border:none;cursor:pointer;text-align:left;transition:background .12s}.more-menu-item:hover{background:var(--surface-overlay)}.more-menu-item--danger{color:var(--status-flagged)}.more-menu-item--danger:hover{background:#dc262614}.detail-content{flex:1;padding:var(--space-6) var(--space-5);display:flex;justify-content:center;overflow-y:auto}.document-container{width:100%;max-width:794px;animation:fadeIn var(--duration-slow) var(--ease-out)}.invoice-not-found{height:100vh;display:flex;align-items:center;justify-content:center}.empty-icon{font-size:48px;margin-bottom:24px;opacity:.5}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media print{.titlebar,.tak-sidebar,.detail-header,.header-strip-right{display:none!important}.app-shell{display:block!important}.detail-content{padding:0!important;overflow:visible!important}.document-container{max-width:none!important}@page{size:A4;margin:0}}.member-panel-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000004d;z-index:150;display:flex;justify-content:flex-end}.member-panel{width:380px;height:100%;background:var(--surface-base);border-left:1px solid var(--surface-overlay);overflow-y:auto;padding:var(--space-5);position:relative;display:flex;flex-direction:column;gap:var(--space-1);box-shadow:-8px 0 32px #0000001f;animation:slideInRight .2s ease}.member-panel:after{content:"";display:block;min-height:40px;flex-shrink:0}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.member-panel-close{position:absolute;top:var(--space-4);right:var(--space-4);background:none;border:none;font-size:16px;color:var(--text-tertiary);cursor:pointer;padding:4px;border-radius:6px;transition:color var(--duration-instant)}.member-panel-close:hover{color:var(--text-primary)}.member-panel-header{display:flex;align-items:flex-start;gap:var(--space-3);padding-bottom:var(--space-4);border-bottom:1px solid var(--surface-overlay);margin-bottom:var(--space-2)}.member-panel-header-info h2{font-size:18px;font-weight:700;margin:0 0 2px;color:var(--text-primary)}.member-panel-header-info p{font-size:13px;color:var(--text-tertiary);margin:0 0 var(--space-2)}.member-panel-status{display:flex;align-items:center;gap:6px}.member-panel-section{padding:var(--space-4) 0;border-bottom:1px solid var(--surface-overlay)}.member-panel-section:last-child{border-bottom:none}.member-panel-section-title{font-size:11px;font-weight:700;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.08em;margin:0 0 var(--space-3)}.member-panel-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-1) 0;font-size:13px}.member-panel-row-label{width:56px;color:var(--text-tertiary);font-size:12px;flex-shrink:0}.member-panel-row-value{flex:1;color:var(--text-primary)}.member-panel-copy{background:none;border:none;color:var(--text-tertiary);cursor:pointer;padding:2px 4px;opacity:0;transition:opacity var(--duration-instant)}.member-panel-row:hover .member-panel-copy{opacity:1}.member-panel-rate-row{display:flex;align-items:center;gap:var(--space-2)}.member-panel-rate-prefix{font-size:16px;color:var(--text-secondary)}.member-panel-rate-input{width:80px;height:36px;padding:0 var(--space-3);background:var(--surface-elevated);border:1px solid var(--surface-overlay);border-radius:8px;font-size:16px;font-family:var(--font-mono);color:var(--text-primary);outline:none;text-align:right}.member-panel-rate-input:focus{border-color:var(--accent)}.member-panel-rate-input:disabled{opacity:.5;cursor:not-allowed}.member-panel-project-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-2);border-radius:8px;cursor:pointer;transition:background var(--duration-instant);margin-bottom:4px}.member-panel-project-row:hover{background:var(--surface-elevated)}.member-panel-permissions-warning{font-size:12px;color:#f59e0b;background:#f59e0b1a;border:1px solid rgba(245,158,11,.25);border-radius:6px;padding:var(--space-2) var(--space-3);margin-bottom:var(--space-3)}.member-panel-permission-group{margin-bottom:var(--space-3)}.member-panel-permission-group:last-child{margin-bottom:0}.member-panel-permission-group-label{display:block;font-size:11px;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--space-2);padding-bottom:var(--space-1);border-bottom:1px solid var(--surface-overlay)}.member-panel-permission-row{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) 0;border-bottom:1px solid var(--surface-overlay)}.member-panel-permission-row:last-child{border-bottom:none}.member-panel-permission-label{font-size:13px;color:var(--text-primary)}.member-panel-remove-btn{background:none;border:1px solid var(--status-flagged);color:var(--status-flagged);border-radius:8px;padding:var(--space-2) var(--space-4);font-size:13px;cursor:pointer;width:100%;transition:all var(--duration-instant)}.member-panel-remove-btn:hover{background:#ef444414}.member-panel-show-more{background:none;border:none;color:var(--accent);font-size:12px;cursor:pointer;padding:var(--space-2) 4px;width:100%;text-align:left;transition:color var(--duration-instant)}.member-panel-show-more:hover{color:var(--accent-hover);text-decoration:underline}.member-panel-team-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-2);border-radius:8px;background:var(--surface-elevated);margin-bottom:4px}.member-panel-remove-team{background:none;border:none;color:var(--text-tertiary);cursor:pointer;padding:2px 6px;font-size:14px;border-radius:4px;transition:all var(--duration-instant)}.member-panel-remove-team:hover{color:var(--status-flagged);background:#ef44441a}.member-panel-comp-block{background:var(--surface-card);border:1px solid var(--surface-overlay);border-radius:10px;padding:14px 16px;display:flex;flex-direction:column;gap:6px}.member-panel-comp-row{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.member-panel-comp-label{font-size:12px;color:var(--text-tertiary)}.member-panel-comp-value{font-size:13px;color:var(--text-primary);font-variant-numeric:tabular-nums;font-family:var(--font-mono, monospace);text-align:right}.member-panel-comp-value--bonus{color:var(--status-active);font-weight:600}.member-panel-comp-divider{height:1px;background:var(--surface-overlay);margin:4px 0}.team-view{padding:var(--space-5)}.team-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-5)}.team-header h1{font-size:22px;font-weight:600;color:var(--text-primary);margin:0}.team-capacity-strip{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);background:var(--surface-card);border-radius:10px;margin-bottom:var(--space-4)}.team-cap-item{display:flex;flex-direction:column;gap:2px}.team-cap-value{font-size:22px;font-weight:700;color:var(--text-primary)}.team-cap-label{font-size:11px;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em}.team-cap-divider{width:1px;height:36px;background:var(--surface-overlay)}.team-filters{display:flex;flex-direction:row;align-items:center;gap:var(--space-2);margin-bottom:var(--space-4);flex-wrap:nowrap}.filter-pills-divider{width:1px;height:24px;background:var(--surface-overlay);margin:0 var(--space-2)}.team-search-input{width:200px;height:32px;padding:0 var(--space-3);background:var(--surface-card);border:1px solid var(--surface-overlay);border-radius:8px;font-size:13px;color:var(--text-primary);outline:none;flex-shrink:0}.team-search-input:focus{border-color:var(--accent)}.team-search-input::placeholder{color:var(--text-tertiary)}.role-badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:999px;font-size:11px;font-weight:600;text-transform:capitalize;letter-spacing:.03em}.role-badge--admin{background:#ef44441f;color:#ef4444}.role-badge--partner{background:#8b5cf61f;color:#8b5cf6}.role-badge--manager{background:#f59e0b1f;color:#f59e0b}.role-badge--user{background:#3b82f61f;color:#3b82f6}.role-badge--contributor{background:#6b72801f;color:#6b7280}.role-badge--client{background:#10b9811f;color:#10b981}.role-badge--invited{background:#8b5cf614;color:#8b5cf6;font-style:italic}.member-status-dot{width:8px;height:8px;min-width:8px;border-radius:50%}.capacity-bar{height:4px;background:var(--surface-overlay);border-radius:2px;overflow:hidden}.capacity-bar-fill{height:100%;border-radius:2px;transition:width .3s ease}.team-capacity-section{margin-top:var(--space-6)}.team-section-title{font-size:11px;font-weight:700;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.08em;margin:0 0 var(--space-3)}.team-capacity-table{background:var(--surface-card);border-radius:10px;overflow:hidden}.tcp-header{display:grid;grid-template-columns:1fr 80px 80px 200px;gap:var(--space-4);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--surface-overlay);font-size:11px;font-weight:700;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em}.tcp-row{display:grid;grid-template-columns:1fr 80px 80px 200px;gap:var(--space-4);padding:var(--space-3) var(--space-4);align-items:center;border-bottom:1px solid var(--surface-overlay);transition:background var(--duration-instant);color:var(--text-primary)}.tcp-row span{color:var(--text-primary)}.tcp-row:hover{background:var(--surface-elevated)}.tcp-row:last-child{border-bottom:none}.tcp-row--total{background:var(--surface-elevated);border-top:2px solid var(--surface-overlay)}.team-groups{display:flex;flex-direction:column;gap:var(--space-6);margin-top:var(--space-4)}.team-group-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3);padding:0 var(--space-2)}.team-group-name{font-size:15px;font-weight:600;color:var(--text-primary)}.team-group-count{font-size:12px;color:var(--text-tertiary);background:var(--surface-overlay);padding:2px 8px;border-radius:999px}.team-group-edit{margin-left:auto;background:none;border:none;color:var(--accent);font-size:12px;cursor:pointer;opacity:0;transition:opacity .2s ease}.team-group:hover .team-group-edit{opacity:1}.reports-view{display:flex;flex-direction:column;height:100%;background:var(--surface-base);overflow:hidden}.reports-tab-bar{display:flex;align-items:center;gap:4px;padding:0 24px;border-bottom:1px solid var(--surface-overlay);overflow-x:auto;flex-shrink:0;scrollbar-width:none}.reports-tab-bar::-webkit-scrollbar{display:none}.reports-tab-btn{position:relative;padding:14px 16px 12px;background:none;border:none;cursor:pointer;font-family:var(--font-body);font-size:14px;font-weight:500;color:var(--text-tertiary);white-space:nowrap;transition:color .15s;flex-shrink:0}.reports-tab-btn:hover{color:var(--text-secondary)}.reports-tab-btn--active{color:var(--text-primary)}.reports-tab-underline{position:absolute;bottom:-1px;left:8px;right:8px;height:3px;border-radius:999px;background:var(--accent)}.reports-tab-content{flex:1;overflow:hidden;position:relative}.reports-tab-pane{height:100%;overflow-y:auto;overflow-x:hidden;padding:24px;display:flex;flex-direction:column;gap:24px;scrollbar-width:thin;scrollbar-color:var(--surface-overlay) transparent}.reports-date-header{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.reports-date-pickers{display:flex;align-items:center;gap:8px}.reports-date-sep{font-size:13px;color:var(--text-tertiary);padding:0 2px}.reports-date-presets{display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:flex-end}.reports-preset-btn{padding:5px 12px;border-radius:999px;border:1px solid var(--surface-overlay);background:transparent;color:var(--text-tertiary);font-size:12px;font-weight:500;cursor:pointer;transition:background .15s,color .15s,border-color .15s}.reports-preset-btn:hover{background:var(--surface-card);color:var(--text-secondary)}.reports-preset-btn--active{background:var(--accent-dim, color-mix(in srgb, var(--accent) 15%, transparent));color:var(--accent-text, var(--accent));border-color:transparent}.reports-export-row{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap}.reports-stat-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}.reports-stat-card{background:var(--surface-card);border-radius:12px;box-shadow:var(--elevation-1);border:1px solid var(--surface-overlay);padding:20px 20px 16px;display:flex;flex-direction:column;gap:6px}.reports-stat-value{font-family:var(--font-display, "DM Sans", sans-serif);font-size:36px;font-weight:300;color:var(--text-primary);font-variant-numeric:tabular-nums;line-height:1}.reports-stat-label{font-size:11px;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.08em;font-weight:500}.reports-stat-bar-track{height:4px;border-radius:999px;background:var(--surface-overlay);overflow:hidden;margin-top:4px}.reports-stat-bar-fill{height:100%;border-radius:999px;background:var(--accent);transition:width .6s cubic-bezier(.34,1.56,.64,1)}.reports-section-title{font-size:11px;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.08em;margin-bottom:12px}.reports-two-col{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media (max-width: 900px){.reports-two-col{grid-template-columns:1fr}}.reports-panel{background:var(--surface-card);border-radius:12px;box-shadow:var(--elevation-1);border:1px solid var(--surface-overlay);padding:20px}.reports-hbar-list{display:flex;flex-direction:column;gap:10px}.reports-hbar-row{display:flex;align-items:center;gap:10px}.reports-hbar-label{font-size:13px;color:var(--text-secondary);min-width:120px;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-shrink:0}.reports-hbar-track{flex:1;height:8px;background:var(--surface-overlay);border-radius:999px;overflow:hidden}.reports-hbar-fill{height:100%;border-radius:999px;transition:width .5s cubic-bezier(.34,1.56,.64,1)}.reports-hbar-value{font-size:13px;color:var(--text-tertiary);min-width:48px;text-align:right;font-variant-numeric:tabular-nums;font-family:var(--font-mono, "JetBrains Mono", monospace);flex-shrink:0}.reports-hbar-more{font-size:12px;color:var(--accent);cursor:pointer;margin-top:6px;background:none;border:none;padding:0}.reports-hbar-more:hover{text-decoration:underline}.reports-util-list{display:flex;flex-direction:column;gap:10px}.reports-util-row{display:flex;align-items:center;gap:10px}.reports-util-name{font-size:13px;color:var(--text-secondary);min-width:100px;flex-shrink:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reports-util-bar-track{flex:1;height:6px;background:var(--surface-overlay);border-radius:999px;overflow:hidden}.reports-util-bar-fill{height:100%;border-radius:999px;transition:width .5s cubic-bezier(.34,1.56,.64,1)}.reports-util-bar-fill--green{background:var(--status-active)}.reports-util-bar-fill--amber{background:#f59e0b}.reports-util-bar-fill--red{background:var(--status-flagged)}.reports-util-pct{font-size:12px;color:var(--text-tertiary);min-width:36px;text-align:right;font-variant-numeric:tabular-nums;flex-shrink:0}.reports-breakdown-panel{background:var(--surface-card);border-radius:12px;box-shadow:var(--elevation-1);border:1px solid var(--surface-overlay);padding:20px}.reports-stacked-bar{display:flex;height:24px;border-radius:8px;overflow:hidden;gap:2px;margin:12px 0}.reports-stacked-seg{height:100%;min-width:2px;transition:width .6s cubic-bezier(.34,1.56,.64,1)}.reports-stacked-stats{display:flex;gap:24px;flex-wrap:wrap}.reports-stacked-stat{display:flex;flex-direction:column;gap:2px}.reports-stacked-stat-value{font-size:18px;font-weight:500;color:var(--text-primary);font-variant-numeric:tabular-nums;font-family:var(--font-display, "DM Sans", sans-serif)}.reports-stacked-stat-label{font-size:11px;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.06em}.reports-table-wrap{background:var(--surface-card);border-radius:12px;box-shadow:var(--elevation-1);border:1px solid var(--surface-overlay);overflow:hidden}.reports-table{width:100%;overflow-x:auto}.reports-thead{display:grid;padding:0 16px;height:40px;align-items:center;border-bottom:1px solid var(--surface-overlay);background:var(--surface-base)}.reports-th{font-size:11px;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.06em;padding:0 8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reports-tr{display:grid;padding:0 16px;min-height:48px;align-items:center;border-bottom:1px solid var(--surface-overlay);cursor:pointer;transition:background .1s}.reports-tr:last-child{border-bottom:none}.reports-tr:hover{background:var(--surface-card-hover, color-mix(in srgb, var(--surface-card) 90%, var(--text-primary) 10%))}.reports-tr--expanded{background:var(--surface-elevated)}.reports-td{font-size:13px;color:var(--text-secondary);padding:10px 8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reports-td--mono{font-family:var(--font-mono, "JetBrains Mono", monospace);font-size:12px}.reports-td--bold{font-weight:600;color:var(--text-primary)}.reports-td--accent{color:var(--accent)}.reports-td--muted{color:var(--text-tertiary)}.reports-expand-panel{background:var(--surface-elevated);border-bottom:1px solid var(--surface-overlay);padding:12px 24px 16px 40px}.reports-expand-entries{display:flex;flex-direction:column;gap:4px}.reports-expand-entry{display:flex;align-items:center;gap:12px;padding:8px 0;border-bottom:1px solid var(--surface-overlay);font-size:13px;color:var(--text-secondary)}.reports-expand-entry:last-child{border-bottom:none}.reports-expand-entry-date{min-width:100px;color:var(--text-tertiary);font-size:12px}.reports-expand-entry-project{display:flex;align-items:center;gap:6px;min-width:140px;overflow:hidden}.reports-color-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.reports-expand-entry-task{flex:1;color:var(--text-tertiary);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reports-expand-entry-dur{font-family:var(--font-mono, "JetBrains Mono", monospace);font-size:12px;min-width:60px;text-align:right}.reports-expand-entry-notes{flex:1;color:var(--text-tertiary);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reports-invoice-badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:500;cursor:default;flex-shrink:0}.reports-invoice-badge--invoiced{background:color-mix(in srgb,var(--status-active) 15%,transparent);color:var(--status-active);cursor:pointer}.reports-invoice-badge--pending{background:color-mix(in srgb,var(--accent) 15%,transparent);color:var(--accent)}.ts-approve-actions{display:flex;align-items:center;gap:2px;width:52px;flex-shrink:0;justify-content:flex-end;opacity:0;transition:opacity .15s}.reports-expand-entry:hover .ts-approve-actions{opacity:1}.ts-approve-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:6px;border:none;background:transparent;cursor:pointer;transition:background .12s;flex-shrink:0}.ts-approve-btn:hover{background:var(--surface-overlay)}.ts-approve-btn--approve{color:var(--status-active, #3DD68C)}.ts-approve-btn--reject{color:var(--status-flagged, #E5484D)}.ts-rejection-note{font-size:11px;color:var(--status-flagged, #E5484D);font-style:italic;margin-top:2px;flex-basis:100%;padding-left:0}.ts-entry-row--rejected{background:#e5484d0a}.ts-entry-checkbox{width:14px;height:14px;flex-shrink:0;cursor:pointer;accent-color:var(--accent)}.ts-entry-checkbox:disabled{opacity:.3;cursor:default}.ts-bulk-bar{position:sticky;bottom:0;z-index:10;display:flex;align-items:center;gap:10px;padding:9px 16px;background:var(--surface-card);border-top:1px solid var(--surface-overlay);font-size:13px;color:var(--text-secondary)}.ts-bulk-bar span{margin-right:4px}.ts-reject-popover{position:fixed;z-index:9999;background:var(--surface-card);border:1px solid var(--surface-overlay);border-radius:10px;box-shadow:0 8px 24px #00000040;padding:14px;width:260px;display:flex;flex-direction:column;gap:10px}.ts-reject-popover-label{font-size:12px;font-weight:600;color:var(--text-secondary)}.ts-reject-popover-textarea{background:var(--surface-elevated);border:1px solid var(--surface-overlay);border-radius:6px;color:var(--text-primary);font-family:var(--font-body);font-size:13px;padding:8px;resize:vertical;min-height:72px;outline:none}.ts-reject-popover-textarea:focus{border-color:var(--accent)}.ts-reject-popover-actions{display:flex;gap:8px;justify-content:flex-end}.ts-inline-edit-field{background:var(--surface-elevated);border:1px solid var(--surface-overlay);border-radius:6px;color:var(--text-primary);font-family:var(--font-mono, monospace);font-size:12px;padding:3px 6px;outline:none;width:70px}.ts-inline-edit-field:focus{border-color:var(--accent)}.ts-inline-edit-notes{font-family:var(--font-body);width:140px;font-size:12px}.ts-entry-lock-icon{color:var(--status-active, #3DD68C);flex-shrink:0}.reports-toggle-group{display:flex;align-items:center;gap:0;border:1px solid var(--surface-overlay);border-radius:8px;overflow:hidden}.reports-toggle-btn{padding:6px 14px;background:transparent;border:none;font-size:13px;font-weight:500;color:var(--text-tertiary);cursor:pointer;transition:background .1s,color .1s}.reports-toggle-btn+.reports-toggle-btn{border-left:1px solid var(--surface-overlay)}.reports-toggle-btn--active{background:var(--surface-card);color:var(--text-primary)}.reports-toggle-btn:hover:not(.reports-toggle-btn--active){background:var(--surface-overlay);color:var(--text-secondary)}.reports-daily-chart{background:var(--surface-card);border-radius:12px;box-shadow:var(--elevation-1);border:1px solid var(--surface-overlay);padding:20px}.reports-daily-chart-bars{display:flex;align-items:flex-end;gap:3px;height:120px;overflow-x:auto;scrollbar-width:none;padding-bottom:4px}.reports-daily-chart-bars::-webkit-scrollbar{display:none}.reports-daily-bar-col{display:flex;flex-direction:column;align-items:center;gap:2px;flex-shrink:0;min-width:20px}.reports-daily-bar-stack{display:flex;flex-direction:column-reverse;align-items:center;width:16px;border-radius:3px 3px 0 0;overflow:hidden}.reports-daily-bar-seg{width:100%;transition:height .5s cubic-bezier(.34,1.56,.64,1)}.reports-daily-bar-label{font-size:9px;color:var(--text-tertiary);white-space:nowrap}.reports-budget-chart{background:var(--surface-card);border-radius:12px;box-shadow:var(--elevation-1);border:1px solid var(--surface-overlay);padding:20px}.reports-budget-rows{display:flex;flex-direction:column;gap:14px}.reports-budget-row{display:flex;flex-direction:column;gap:4px}.reports-budget-row-label{font-size:12px;color:var(--text-secondary);display:flex;align-items:center;gap:6px}.reports-budget-bar-pair{display:flex;flex-direction:column;gap:3px}.reports-budget-bar-row{display:flex;align-items:center;gap:8px}.reports-budget-bar-type{font-size:10px;color:var(--text-tertiary);min-width:48px}.reports-budget-bar-track{flex:1;height:10px;background:var(--surface-overlay);border-radius:999px;overflow:hidden;position:relative}.reports-budget-bar-fill{height:100%;border-radius:999px;transition:width .5s cubic-bezier(.34,1.56,.64,1)}.reports-budget-bar-fill--budget{background:var(--surface-overlay);border:1px solid var(--text-tertiary)}.reports-budget-bar-fill--actual{background:var(--accent)}.reports-budget-bar-fill--over{background:var(--status-flagged)}.reports-budget-bar-amount{font-size:11px;color:var(--text-tertiary);min-width:64px;text-align:right;font-variant-numeric:tabular-nums}.reports-avatar-stack{display:flex;align-items:center}.reports-avatar-stack>*{margin-left:-6px}.reports-avatar-stack>*:first-child{margin-left:0}.reports-progress-wrap{display:flex;align-items:center;gap:6px}.reports-progress-track{flex:1;min-width:60px;height:4px;background:var(--surface-overlay);border-radius:999px;overflow:hidden}.reports-progress-fill{height:100%;border-radius:999px;background:var(--accent)}.reports-progress-fill--over{background:var(--status-flagged)}.reports-progress-pct{font-size:11px;color:var(--text-tertiary);min-width:36px}.reports-util-chart{background:var(--surface-card);border-radius:12px;box-shadow:var(--elevation-1);border:1px solid var(--surface-overlay);padding:20px}.reports-util-chart-bars{display:flex;align-items:flex-end;gap:12px;height:120px;position:relative;padding-bottom:4px}.reports-util-chart-reference{position:absolute;left:0;right:0;border-top:1px dashed var(--text-tertiary);z-index:1}.reports-util-chart-col{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:4px;flex:1;align-self:stretch}.reports-util-chart-bar{width:100%;max-width:48px;border-radius:4px 4px 0 0;min-height:2px;transition:height .5s cubic-bezier(.34,1.56,.64,1);position:relative;z-index:2}.reports-util-chart-bar--green{background:var(--status-active)}.reports-util-chart-bar--amber{background:#f59e0b}.reports-util-chart-bar--red{background:var(--status-flagged)}.reports-util-chart-label{font-size:10px;color:var(--text-tertiary);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:60px}.reports-tr--over-capacity{background:color-mix(in srgb,var(--status-flagged) 8%,transparent)}.reports-tr--under-50{background:color-mix(in srgb,#F59E0B 8%,transparent)}.reports-tr--over-capacity:hover,.reports-tr--under-50:hover{background:color-mix(in srgb,var(--surface-card) 80%,var(--text-primary) 20%)}.reports-status-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.reports-status-dot--online{background:var(--status-active)}.reports-status-dot--tracking{background:var(--accent);animation:pulse-dot 1.4s ease-in-out infinite}.reports-status-dot--idle{background:#f59e0b}.reports-status-dot--offline{background:var(--text-tertiary)}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.5}}.reports-new-invoice-row{display:flex;justify-content:flex-start;padding-top:8px;margin-top:4px}.reports-sub-table{width:100%}.reports-sub-tr{display:grid;padding:6px 0;border-bottom:1px solid var(--surface-overlay);align-items:center;font-size:12px;color:var(--text-secondary)}.reports-sub-tr:last-child{border-bottom:none}.reports-sub-td{padding:0 8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reports-billing-badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:999px;font-size:11px;font-weight:500;text-transform:capitalize}.reports-billing-badge--hourly{background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--accent)}.reports-billing-badge--retainer{background:color-mix(in srgb,#8B5CF6 12%,transparent);color:#8b5cf6}.reports-billing-badge--contract{background:color-mix(in srgb,#10B981 12%,transparent);color:#10b981}.reports-status-badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:999px;font-size:11px;font-weight:500;text-transform:capitalize;background:var(--surface-overlay);color:var(--text-secondary)}.reports-status-badge--active{background:color-mix(in srgb,var(--status-active) 12%,transparent);color:var(--status-active)}.reports-status-badge--on-hold{background:color-mix(in srgb,#F59E0B 12%,transparent);color:#f59e0b}.reports-status-badge--completed{background:color-mix(in srgb,#6B7280 12%,transparent);color:#6b7280}.reports-table-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;flex-wrap:wrap}.reports-table--detail .reports-td{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notif-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:transparent;pointer-events:all}.notif-panel{position:fixed;top:0;right:0;bottom:0;width:360px;z-index:201;background:var(--surface-card);border-left:1px solid var(--surface-overlay);box-shadow:var(--shadow-panel);display:flex;flex-direction:column;animation:notif-slide-in .22s cubic-bezier(.16,1,.3,1)}@keyframes notif-slide-in{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.notif-panel-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-4) var(--space-3);border-bottom:1px solid var(--surface-overlay);flex-shrink:0}.notif-panel-title{display:flex;align-items:center;gap:var(--space-2);font-size:15px;font-weight:600;color:var(--text-primary)}.notif-unread-chip{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;background:var(--accent);color:#fff;font-size:11px;font-weight:700;border-radius:99px;line-height:1}.notif-panel-header-actions{display:flex;align-items:center;gap:var(--space-2)}.notif-mark-all{background:none;border:none;font-family:var(--font-body);font-size:12px;color:var(--accent);cursor:pointer;padding:4px 6px;border-radius:6px;transition:background var(--duration-instant)}.notif-mark-all:hover{background:var(--accent-dim)}.notif-close{background:none;border:none;color:var(--text-tertiary);cursor:pointer;padding:4px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:color var(--duration-instant),background var(--duration-instant)}.notif-close:hover{color:var(--text-primary);background:var(--surface-elevated)}.notif-panel-body{flex:1;overflow-y:auto;padding:var(--space-3) var(--space-3) var(--space-5);display:flex;flex-direction:column;gap:var(--space-3)}.notif-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);color:var(--text-tertiary);padding:var(--space-8) 0}.notif-empty-title{font-size:14px;font-weight:500;color:var(--text-secondary);margin:0}.notif-empty-sub{font-size:12px;color:var(--text-tertiary);margin:0}.notif-group{display:flex;flex-direction:column;gap:2px}.notif-group-label{font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;padding:var(--space-2) var(--space-2) var(--space-1)}.notif-group-label--critical{color:var(--status-blocked, #ef4444)}.notif-group-label--warning{color:var(--status-in-progress, #f59e0b)}.notif-item{position:relative;display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3);border-radius:10px;cursor:pointer;transition:background var(--duration-instant);background:var(--surface-elevated);border:1px solid var(--surface-overlay);margin-bottom:2px}.notif-item:hover{background:var(--surface-raised)}.notif-item--read{opacity:.55}.notif-item-dot{position:absolute;top:10px;left:8px;width:6px;height:6px;border-radius:50%;background:var(--accent);flex-shrink:0}.notif-item:not(.notif-item--read){padding-left:calc(var(--space-3) + 10px)}.notif-item-icon{width:28px;height:28px;min-width:28px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px}.notif-item-icon--critical{background:color-mix(in srgb,var(--status-blocked, #ef4444) 12%,transparent);color:var(--status-blocked, #ef4444)}.notif-item-icon--warning{background:color-mix(in srgb,var(--status-in-progress, #f59e0b) 12%,transparent);color:var(--status-in-progress, #f59e0b)}.notif-item-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.notif-item-title{font-size:13px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notif-item-body{font-size:12px;color:var(--text-secondary);line-height:1.4}.notif-item-actions{display:flex;align-items:center;gap:4px;flex-shrink:0;opacity:0;transition:opacity var(--duration-instant)}.notif-item:hover .notif-item-actions{opacity:1}.notif-item-arrow{color:var(--text-tertiary)}.notif-item-dismiss{background:none;border:none;color:var(--text-tertiary);cursor:pointer;padding:3px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:color var(--duration-instant),background var(--duration-instant)}.notif-item-dismiss:hover{color:var(--text-primary);background:var(--surface-overlay)}.notif-bell-wrapper{position:relative;display:flex;align-items:center;justify-content:center}.notif-bell-badge{position:absolute;top:2px;right:2px;min-width:16px;height:16px;padding:0 4px;background:var(--accent);color:#fff;font-size:10px;font-weight:700;border-radius:99px;display:flex;align-items:center;justify-content:center;line-height:1;pointer-events:none}.tak-sidebar{height:100%;min-height:100vh;background-color:var(--surface-raised);border-right:1px solid var(--surface-overlay);display:flex;flex-direction:column;flex-shrink:0;overflow:visible}.tak-sidebar--collapsed{overflow:visible}.tak-sidebar-logo-area{height:64px;display:flex;align-items:center;padding:0 var(--space-4);flex-shrink:0;gap:var(--space-3);justify-content:center}.tak-sidebar--collapsed .tak-sidebar-logo-area{justify-content:center;padding:0}.tak-logo-icon-img{width:40px;height:40px;object-fit:contain;flex-shrink:0}.tak-wordmark-logo{height:28px;width:auto;object-fit:contain;display:block;flex-shrink:0}.tak-sidebar-nav{flex-grow:1;overflow:visible;padding:var(--space-4);display:flex;flex-direction:column;gap:4px}.tak-sidebar--collapsed .tak-sidebar-nav{padding:var(--space-3)}.tak-nav-item{position:relative;height:44px;display:flex;align-items:center;padding:0;background:transparent;border:none;font-family:var(--font-body);cursor:pointer;border-radius:8px;width:100%}.tak-sidebar--collapsed .tak-nav-item{justify-content:center}.tak-nav-item:hover:not(.tak-nav-item--active){background-color:var(--surface-elevated)}.tak-nav-item-content{position:relative;z-index:2;display:flex;align-items:center;height:100%;width:100%;padding:0 var(--space-4);pointer-events:none}.tak-sidebar--collapsed .tak-nav-item-content{padding:0;justify-content:center}.tak-nav-active-pill{position:absolute;top:0;left:0;right:0;bottom:0;background-color:var(--accent-dim);border-left:2px solid var(--accent);border-radius:8px;z-index:1}.tak-sidebar--collapsed .tak-nav-active-pill{background-color:transparent;border-radius:0;border-left:3px solid var(--accent);left:-8px;right:auto;width:3px;height:24px;top:10px}.tak-nav-icon{color:var(--text-secondary);flex-shrink:0;transition:color .15s ease}.tak-nav-label{color:var(--text-secondary);font-size:var(--text-body-size);margin-left:var(--space-3);white-space:nowrap;transition:color .15s ease;overflow:hidden}.tak-nav-item:hover .tak-nav-icon,.tak-nav-item:hover .tak-nav-label{color:var(--text-primary)}.tak-nav-item--active .tak-nav-icon,.tak-nav-item--active .tak-nav-label{color:var(--text-primary);font-weight:500}.tak-sidebar-divider{height:1px;background-color:var(--surface-overlay);margin:0 var(--space-4);flex-shrink:0}.tak-sidebar--collapsed .tak-sidebar-divider{margin:0 var(--space-3)}.tak-sidebar-bottom{padding:var(--space-4);flex-shrink:0}.tak-sidebar--collapsed .tak-sidebar-bottom{padding:var(--space-3) var(--space-3) var(--space-4) var(--space-3)}.tak-user-section{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);min-width:0;overflow:hidden}.tak-sidebar--collapsed .tak-user-section{justify-content:center;margin-bottom:var(--space-3)}.tak-user-info{display:flex;flex-direction:column;gap:2px;overflow:hidden;flex-grow:1;min-width:0}.tak-user-name{color:var(--text-primary);font-family:var(--font-body);font-size:var(--text-body-size);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tak-sidebar-actions{display:flex;flex-direction:row;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-top:1px solid var(--surface-overlay)}.tak-sidebar-actions.collapsed{flex-direction:column;align-items:center;padding:var(--space-2)}.tak-sidebar-actions .tak-button,.tak-sidebar-actions .tak-button-wrapper{width:36px;height:36px;min-width:36px;padding:0;display:flex;align-items:center;justify-content:center;flex-shrink:0}.tak-sidebar-actions .tak-button .tak-button-label:empty{display:none}.tak-sidebar-actions .tak-button .tak-button-icon{display:block;flex-shrink:0;margin:0!important}.sidebar-user-title{font-size:11px;color:var(--text-tertiary);margin-top:-2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px}.tak-card{background-color:var(--surface-card);border:1px solid var(--surface-overlay);border-radius:var(--radius-card);padding:var(--space-5);box-shadow:var(--elevation-1);font-family:var(--font-body);color:var(--text-primary);box-sizing:border-box}.tak-card--interactive{cursor:pointer;outline:none;transition:background-color .25s ease}.tak-card--interactive:hover{background-color:var(--surface-elevated)}.tak-card--interactive:focus-visible{box-shadow:0 0 0 3px var(--accent-dim)}.tak-card--stat{display:flex;flex-direction:column;justify-content:center}.tak-card-stat-value{font-size:var(--text-stat-size);font-weight:var(--text-stat-weight);line-height:var(--text-stat-line-height);font-variant-numeric:tabular-nums;margin-bottom:var(--space-1)}.tak-card-stat-label{font-size:var(--text-small-size);color:var(--text-secondary)}.titlebar{position:fixed;top:0;left:0;right:0;height:32px;z-index:9999;background:var(--surface-raised);border-bottom:1px solid var(--surface-overlay);display:flex;align-items:center;justify-content:space-between;padding:0 8px 0 16px;-webkit-user-select:none;user-select:none}.titlebar__wordmark{font-size:12px;font-family:var(--font-sans);font-weight:500;color:var(--text-secondary);letter-spacing:.02em;pointer-events:none}.titlebar__controls{display:flex;align-items:center;gap:2px}.titlebar__btn{width:36px;height:26px;border:none;background:transparent;border-radius:4px;cursor:pointer;color:var(--text-secondary, #888);display:flex;align-items:center;justify-content:center;padding:0;line-height:1;transition:background 80ms ease,color 80ms ease}.titlebar__btn svg{display:block;flex-shrink:0}.titlebar__btn:hover{background:var(--surface-overlay);color:var(--text-primary, #fff)}.titlebar__btn--close:hover{background:#e5484d;color:#fff}