@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&family=Inter:wght@400;500;600;700&display=swap";:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-background:#0b0f14;--color-brand-gradient:var(--color-background);--color-surface:var(--color-elevated);--color-elevated:#1a2233;--color-border:#253047;--text-xs:clamp(.7rem, .75vw, .75rem);--text-sm:clamp(.8rem, .85vw, .875rem);--text-md:clamp(.95rem, 1vw, 1rem);--text-lg:clamp(1.05rem, 1.1vw, 1.125rem);--text-xl:clamp(1.35rem, 1.4vw, 1.5rem);--text-2xl:clamp(1.8rem, 2vw, 2rem);--color-text-primary:#e6eaf2;--color-text-secondary:#a7b0c0;--color-text-muted:var(--color-text-secondary);--color-primary:#4c7dff;--color-primary-hover:#3b66d9;--color-primary-glow:#4c7dff1f;--color-success:#3fbf7f;--color-warning:#d9a441;--color-danger:#d16666;--color-success-strong:#166534;--color-warning-strong:#92400e;--color-danger-strong:#991b1b;--color-success-surface:#ecfdf5;--color-warning-surface:#fffbeb;--color-danger-surface:#fef2f2;--color-success-border:#a7f3d0;--color-warning-border:#fcd34d;--color-danger-border:#fca5a5;--color-text-inverse:#fff;--color-chart-blue:#3b82f6;--color-chart-green:#10b981;--color-chart-yellow:#f59e0b;--color-chart-red:#ef4444;--color-chart-purple:#8b5cf6;--color-chart-pink:#ec4899;--color-chart-teal:#14b8a6;--color-chart-indigo:#6366f1;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-2xl:48px;--spacing-3xl:64px;--space-1:var(--spacing-xs);--space-2:var(--spacing-sm);--space-3:var(--spacing-md);--space-4:var(--spacing-lg);--space-5:var(--spacing-xl);--space-6:var(--spacing-2xl);--space-7:var(--spacing-3xl);--radius-sm:6px;--radius-md:12px;--radius-lg:20px;--shadow-sm:0 1px 3px #0003;--shadow-md:0 4px 12px #0000004d;--shadow-lg:0 8px 24px #0006;--glass-background:#121826bf;--glass-border:#ffffff14;--glass-blur:blur(16px);--glass-glow:0 8px 32px #4c7dff26;--transition-fast:.2s ease;--transition:background .3s ease, color .3s ease, border-color .3s ease, transform .3s ease;--bp-mobile:768px;--bp-tablet:1024px;--bp-desktop:1280px;--app-header-height:72px;--control-height:44px;--control-height-sm:36px;--content-max-width:1440px;--color-primary-600:var(--color-primary);--color-surface-muted:var(--color-surface);--color-on-brand:#0b0f14;--color-on-surface:var(--color-text-primary);--color-border-subtle:#253047;--color-info:var(--color-primary);--color-background-primary:var(--color-background);--color-background-secondary:var(--color-surface);--color-background-info:var(--color-success);--color-background-alert:var(--color-danger);--color-secondary:var(--color-text-secondary);--color-border-primary:var(--color-border);--color-border-secondary:var(--color-border);--color-border-tertiary:var(--color-border);--color-primary-50:var(--color-background);--color-primary-100:var(--color-surface);--color-primary-200:var(--color-elevated);--color-primary-300:var(--color-border);--color-primary-950:var(--color-text-primary)}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-background:#f8fafc;--color-surface:#fff;--color-elevated:#f1f5f9;--color-border:#d7dee8;--color-text-primary:#172033;--color-text-secondary:#516075;--color-text-muted:#64748b;--color-primary:#2f64d6;--color-primary-hover:#2553b8;--color-primary-glow:#2f64d624;--color-on-brand:#fff;--color-on-surface:#172033;--color-border-subtle:#d7dee8;--color-background-primary:#f8fafc;--color-background-secondary:#fff;--color-primary-50:#eef4ff;--color-primary-100:#e3ecff;--color-primary-200:#d5e2ff;--color-primary-300:#c1d3fa;--color-primary-950:#172033;--shadow-sm:0 1px 3px #0f172a1a;--shadow-md:0 4px 12px #0f172a1f;--shadow-lg:0 8px 24px #0f172a29}:root[data-density=compact]{--spacing-xs:2px;--spacing-sm:4px;--spacing-md:8px;--spacing-lg:12px;--spacing-xl:16px;--text-xs:.7rem;--text-sm:.8rem;--text-md:.875rem;--table-cell-padding:4px 8px}@media (prefers-reduced-motion:reduce){:root{--transition-fast:0s!important;--transition:none!important}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}*{box-sizing:border-box;margin:0;padding:0}html{overflow-x:hidden}body{background:var(--color-brand-gradient);color:var(--color-text-primary);transition:var(--transition);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:Outfit,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:1rem;line-height:1.45;overflow-x:hidden}:where(button,input,select,textarea){font:inherit}select,:where(input:not([type=checkbox]):not([type=radio]),textarea){min-height:var(--control-height);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);padding:var(--spacing-sm) var(--spacing-md);outline:none}:where(input:not([type=checkbox]):not([type=radio]),textarea){background:var(--color-background);width:100%}textarea{min-height:calc(var(--control-height) * 2);resize:vertical}button{min-width:100px;min-height:var(--control-height);background:var(--color-surface);color:var(--color-text-primary);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast), transform var(--transition-fast);border:none;font-weight:500}button:hover{background:var(--color-surface-muted);color:var(--color-text-primary)}button:disabled,select:disabled,input:disabled,textarea:disabled{cursor:not-allowed;opacity:.65}button:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible,a:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}:where(input:not([type=checkbox]):not([type=radio]),select,textarea):focus-visible{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-glow)}h1,h2{margin-bottom:var(--spacing-md)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.logo-file-field{gap:var(--spacing-xs);min-width:0;display:grid}.logo-file-field>label{color:var(--color-text-primary);font-weight:600}.logo-file-field>input[type=file]{box-sizing:border-box;width:100%;min-width:0;padding:var(--spacing-sm);border:1px dashed var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);background:var(--color-surface-muted);font:inherit}.logo-file-field__name,.logo-file-field__help{color:var(--color-text-secondary);font-size:var(--text-sm);overflow-wrap:anywhere;margin:0}.logo-file-field__help{font-size:var(--text-xs)}body:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(circle at 15%,#4c7dff14,#0000 50%),radial-gradient(circle at 85% 30%,#8b5cf60d,#0000 50%);animation:30s ease-in-out infinite alternate bg-mesh;position:fixed;inset:0}@keyframes bg-mesh{0%{transform:scale(1)}50%{transform:scale(1.1)translate(2%,2%)}to{transform:scale(1)translate(-2%,-1%)}}::-webkit-scrollbar{background:0 0;width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:0 0;border-radius:4px;transition:background .2s}:hover::-webkit-scrollbar-thumb{background:#ffffff26}::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.page-container{animation:.4s cubic-bezier(.25,1,.5,1) forwards page-fade-up}@keyframes page-fade-up{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}[data-tooltip]{position:relative}[data-tooltip]:before{content:attr(data-tooltip);color:#fff;-webkit-backdrop-filter:blur(8px);white-space:nowrap;opacity:0;pointer-events:none;z-index:1000;background:#14161ef2;border:1px solid #ffffff1a;border-radius:6px;padding:6px 12px;font-size:.75rem;transition:all .2s cubic-bezier(.34,1.56,.64,1);position:absolute;bottom:100%;left:50%;transform:translate(-50%)translateY(4px)scale(.95);box-shadow:0 4px 15px #0000004d}[data-tooltip]:hover:before{opacity:1;transform:translate(-50%)translateY(-8px)scale(1)}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:4px;box-shadow:0 0 0 4px #6366f133}input:focus-visible,textarea:focus-visible,select:focus-visible{border-color:var(--color-primary);outline:none;box-shadow:0 0 10px #6366f14d,inset 0 0 5px #00000080}@media (width<=768px){.header{padding:0 var(--spacing-md);gap:var(--spacing-md);min-height:64px}.App-logo{height:48px}.timer-bar{gap:var(--spacing-sm);padding:var(--spacing-sm);flex-wrap:nowrap}.timer-input{min-width:60px;font-size:.9rem}.timer-bar select{min-width:70px;padding:4px 6px;font-size:.85rem}.timer-live{min-width:auto;font-size:.85rem}.timer-live-time{font-size:.9rem}.timer-live-project,.timer-active-project{display:none}.timer-note{flex-wrap:nowrap;width:auto}.resume-projects{display:none}}@media (width<=1024px){.main{padding-bottom:calc(72px + var(--spacing-md) + env(safe-area-inset-bottom,0px))}}@media (width<=768px){.main{padding:var(--spacing-md);padding-bottom:calc(72px + var(--spacing-md) + env(safe-area-inset-bottom,0px));width:100%;overflow-x:hidden}.page-container{padding:var(--spacing-md);max-width:100%}.two-col{grid-template-columns:1fr}.card,.dashboard-metric-card{width:100%;max-width:100%}.activity-chart-wrapper{-webkit-overflow-scrolling:touch;width:100%;max-width:100%;overflow-x:auto}.activity-summary-card{width:100%;max-width:100%}}@media (width<=480px){.ai-copilot-launcher{width:48px;height:48px;font-size:20px}.ai-copilot-window{width:calc(100vw - 24px);height:350px;max-height:70vh}}@media (width<=768px){body,html{width:100%;max-width:100vw;overflow-x:hidden}.app,.container,.main{width:100%;max-width:100%;overflow-x:clip}}@supports (padding:max(0px)){@media (width<=768px){.main{padding-left:max(var(--spacing-md), env(safe-area-inset-left));padding-right:max(var(--spacing-md), env(safe-area-inset-right));padding-bottom:max(var(--spacing-md), env(safe-area-inset-bottom))}.header{padding-left:max(var(--spacing-md), env(safe-area-inset-left));padding-right:max(var(--spacing-md), env(safe-area-inset-right))}}}@media (width<=768px){.ts-week-label{flex:1;width:auto;min-width:0}.ts-entry-head,.ts-entry{gap:var(--spacing-sm);grid-template-columns:18px 1fr}.ts-date,.ts-desc,.ts-client,.ts-duration,.ts-badge,.ts-actions{display:none}.ts-entry{padding:var(--spacing-md);border-radius:var(--radius-md);background:var(--color-surface);margin-bottom:var(--spacing-sm);border:none}.ts-entry:hover{background:var(--color-elevated)}.timesheet-stats{grid-template-columns:1fr}.timesheet-week-stats{grid-template-columns:repeat(2,1fr)}.clients-grid,.projects-grid{grid-template-columns:1fr}.client-details{z-index:1000;border-radius:16px 16px 0 0;width:100%;max-height:80vh;position:fixed;inset:auto 0 0;overflow-y:auto}.projects-toolbar select{flex:1;min-width:auto}.project-info-grid{grid-template-columns:repeat(2,1fr)}.project-detail-grid,.invoices-list{grid-template-columns:1fr}.create-invoice-form,.edit-invoice-form,.view-invoice{min-width:0}.form-row,.value-meta{grid-template-columns:1fr}.view-invoice-table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}.view-invoice-table{font-size:.75rem}.view-invoice-table th,.view-invoice-table td{padding:.3rem .4rem}.report-head,.report-row,.report-total{gap:var(--spacing-sm);grid-template-columns:1fr}.report-head span:not(:first-child),.report-row span:not(:first-child),.report-total span:not(:first-child){text-align:left}.analytics-charts-grid{grid-template-columns:1fr}.analytics-kpi-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.desktop-privacy-settings,.client-form{max-width:100%}.ai-copilot-container{z-index:40;bottom:calc(24px + var(--mobile-safe-bottom));right:calc(16px + var(--mobile-safe-right))}.ai-copilot-launcher{width:48px;height:48px;font-size:20px}.ai-copilot-window{z-index:41;width:calc(100vw - 32px);max-width:350px;height:400px;bottom:calc(80px + var(--mobile-safe-bottom))}.ts-modal-overlay{z-index:1001}.ts-modal{width:90vw;max-width:100%}.accounting-page table{-webkit-overflow-scrolling:touch;white-space:nowrap;display:block;overflow-x:auto}.accounting-page section{padding:0 var(--spacing-sm,.5rem)}}.ai-copilot-container{bottom:calc(88px + env(safe-area-inset-bottom));z-index:9999;pointer-events:none;flex-direction:column;align-items:flex-end;display:flex;position:fixed;right:16px}@media (width<=480px){.ai-copilot-container{bottom:calc(88px + env(safe-area-inset-bottom));right:16px}}.mobile-drawer.open~.ai-copilot-container,.modal-backdrop~.ai-copilot-container{display:none}.ai-copilot-container>*{pointer-events:auto}.ai-copilot-launcher{background-color:var(--color-primary,var(--color-chart-blue));color:#fff;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin-top:16px;font-size:24px;transition:transform .2s,background-color .2s;display:flex;box-shadow:0 4px 12px #00000026}.ai-copilot-launcher:hover{background-color:var(--color-primary-dark,var(--color-primary));transform:scale(1.05)}.ai-copilot-window{background-color:var(--color-surface,var(--color-surface));border:1px solid var(--color-border-secondary,var(--color-border));border-radius:12px;flex-direction:column;width:350px;height:500px;max-height:calc(100dvh - 120px);animation:.3s cubic-bezier(.16,1,.3,1) slideUpFade;display:flex;overflow:hidden;box-shadow:0 8px 30px #0003}.ai-copilot-header{background-color:var(--color-primary);color:var(--color-background);padding:var(--spacing-md);justify-content:space-between;align-items:center;display:flex}.ai-copilot-header h3{margin:0;font-size:1rem;font-weight:600}.ai-copilot-close{color:#fff;cursor:pointer;opacity:.8;background:0 0;border:none;font-size:24px;line-height:1}.ai-copilot-close:hover{opacity:1}.ai-copilot-messages{overscroll-behavior:contain;scrollbar-gutter:stable;min-height:0;padding:var(--spacing-md);gap:var(--spacing-md);background-color:var(--color-background);flex-direction:column;flex:1;display:flex;overflow-y:auto}.ai-message{width:100%;display:flex}.ai-message.user{justify-content:flex-end}.ai-message.assistant{justify-content:flex-start}.ai-message-bubble{max-width:80%;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);white-space:pre-wrap;word-wrap:break-word;font-size:.9rem;line-height:1.4}.ai-message.user .ai-message-bubble{background-color:var(--color-primary,var(--color-chart-blue));color:#fff;border-bottom-right-radius:2px}.ai-message.assistant .ai-message-bubble{color:var(--color-text-primary,var(--color-text-primary));border:1px solid var(--color-border-secondary,var(--color-border));background-color:#fff;border-bottom-left-radius:2px}.ai-copilot-input-area{padding:var(--spacing-md);gap:var(--spacing-sm);background-color:var(--color-surface);border-top:1px solid var(--color-border);display:flex}.ai-copilot-input-area input{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border);border-radius:20px;outline:none;flex:1;font-size:.9rem}.ai-copilot-input-area input:focus{border-color:var(--color-primary,var(--color-chart-blue))}.loading-dots span{font-size:20px;line-height:10px;animation:1.4s ease-in-out infinite both loadingDots;display:inline-block}.loading-dots span:first-child{animation-delay:-.32s}.loading-dots span:nth-child(2){animation-delay:-.16s}@keyframes loadingDots{0%,80%,to{opacity:.3;transform:scale(0)}40%{opacity:1;transform:scale(1)}}@keyframes slideUpFade{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (width<=480px){.ai-copilot-window{width:calc(100vw - 32px);height:400px;bottom:80px;right:16px}.ai-copilot-launcher{bottom:16px;right:16px}}.copilot-creation-form{border:1px solid var(--color-border);border-radius:8px;margin-top:12px;padding:12px}.copilot-creation-form fieldset{border:1px solid var(--color-border);min-width:0;margin:8px 0}.copilot-creation-form label{margin:8px 0;display:block}.copilot-creation-form input:not([type=checkbox]),.copilot-creation-form select,.copilot-creation-form textarea{box-sizing:border-box;width:100%;color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);border-radius:4px;padding:8px}.copilot-creation-form button{cursor:pointer;margin:6px 4px 0 0;padding:8px}.copilot-creation-form button:disabled{cursor:default;opacity:.6}.ui-button{border-radius:var(--radius-md);cursor:pointer;min-height:var(--control-height);justify-content:center;align-items:center;gap:var(--spacing-sm);will-change:transform, box-shadow;border:1px solid #0000;font-weight:500;transition:all .25s cubic-bezier(.4,0,.2,1);display:inline-flex}.ui-button--sm{min-height:var(--control-height-sm);padding:4px var(--spacing-sm);font-size:13px}.ui-button--md{padding:var(--spacing-sm) var(--spacing-md);font-size:14px}.ui-button--primary{background:var(--color-primary);color:var(--color-text-primary);border-color:var(--color-primary);box-shadow:0 4px 14px #6366f133}.ui-button--primary:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover);transform:translateY(-2px);box-shadow:0 6px 20px #6366f159}.ui-button--secondary{color:var(--color-text-secondary);-webkit-backdrop-filter:blur(8px);background:#ffffff0d;border-color:#ffffff1a}.ui-button--secondary:hover{color:var(--color-text-primary);background:#ffffff1a;border-color:#fff3;transform:translateY(-2px);box-shadow:0 4px 15px #0003}.ui-button--danger{color:var(--color-danger);border-color:var(--color-danger);background:0 0}.ui-button--danger:hover{background:var(--color-danger);color:var(--color-text-primary);transform:translateY(-2px);box-shadow:0 4px 15px #dc26264d}.ui-button:active{transform:scale(.96)translateY(0)!important;box-shadow:0 2px 8px #0003!important}.ui-card{background:var(--color-surface);border:1px solid var(--color-border);padding:var(--spacing-lg);color:var(--color-text-primary);border-radius:16px;box-shadow:0 8px 24px #00000014}.ui-card-title{margin-bottom:var(--spacing-md);color:var(--color-text-primary);font-size:16px;font-weight:600}.client-card-ui{gap:var(--spacing-md);flex-direction:column;display:flex}.form-group,.input-wrapper{gap:var(--spacing-xs);flex-direction:column;width:100%;margin-bottom:1.25rem;display:flex}.form-label,.input-label{color:var(--color-text-primary);letter-spacing:.01em;margin-left:2px;font-size:.9rem;font-weight:600}.input-description{color:var(--color-text-secondary);margin-left:2px;font-size:.8rem;line-height:1.4}.input-field{appearance:none;min-height:var(--control-height);-webkit-backdrop-filter:blur(12px);border-radius:var(--radius-md);color:var(--color-text-primary);cursor:text;background-color:#14161e66;border:1px solid #ffffff1a;outline:none;padding:10px 14px;font-size:1rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.select-field{cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='rgba(255, 255, 255, 0.5)' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M19 9l-7 7-7-7' /%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;padding-right:40px}.select-container{width:100%;position:relative}.input-field::placeholder{color:#ffffff4d}.input-field:hover{background-color:#1e222d80;border-color:#ffffff40}.input-field:focus{border-color:var(--color-primary);background-color:#14161e99;box-shadow:0 0 0 4px #6366f126,0 0 15px #6366f11a}.has-error .input-field,.input-error{background-color:var(--color-danger-soft);border-color:var(--color-danger)!important}.has-error .input-field:focus{box-shadow:0 0 0 4px var(--color-danger-soft)}.error-message,.field-error-text{color:var(--color-danger);align-items:center;margin-top:2px;margin-left:2px;font-size:.8rem;animation:.2s ease-out slideDown;display:flex}@keyframes slideDown{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.error-message,.field-error-text{animation:none}}.input-field:disabled{background-color:var(--color-surface-muted);color:var(--color-text-secondary);cursor:not-allowed;border-color:var(--color-border-subtle)}.custom-select-trigger{background-image:none!important;padding-right:14px!important}.custom-select-trigger.open{border-color:var(--color-primary);box-shadow:0 0 0 4px #6366f126}.custom-select-dropdown{z-index:50;-webkit-backdrop-filter:blur(16px);border-radius:var(--radius-md);background:#14161ed9;border:1px solid #ffffff1a;max-height:250px;margin:0;padding:8px;list-style:none;animation:.3s cubic-bezier(.16,1,.3,1) select-dropdown-in;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow-y:auto;box-shadow:0 10px 30px #00000080,0 0 20px #6366f126}.custom-select-option{border-radius:var(--radius-sm);cursor:pointer;color:var(--color-text-primary);padding:10px 14px;transition:background-color .15s}.custom-select-option:hover{background-color:#ffffff1a}.custom-select-option.selected{color:#818cf8;background-color:#6366f133;font-weight:500}.custom-select-option.placeholder-option{color:var(--color-text-secondary);font-style:italic}@keyframes select-dropdown-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.ui-select{width:100%;min-height:var(--control-height);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-primary)}.ui-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 4px var(--color-primary-soft);outline:none}.ui-modal-backdrop{-webkit-backdrop-filter:blur(20px);z-index:2000;overscroll-behavior:contain;padding:var(--space-4);background:#0a0f1966;place-items:center;display:grid;position:fixed;inset:0;overflow:auto}.ui-modal{width:min(100%,34rem);max-height:calc(100dvh - (var(--space-4) * 2));background:var(--color-surface);color:var(--color-text-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);flex-direction:column;min-height:0;display:flex;overflow:hidden;box-shadow:0 0 50px #6366f126,0 20px 40px #0006}.ui-modal--small{width:min(100%,28rem)}.ui-modal--large{width:min(100%,44rem)}.ui-modal--xlarge{width:min(100%,64rem)}.ui-modal-header{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--color-border);flex:none;display:flex}.ui-modal-header h2{min-width:0;margin:0}.ui-modal-close{width:var(--control-height-sm);height:var(--control-height-sm);min-width:var(--control-height-sm);min-height:var(--control-height-sm);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text-primary);cursor:pointer;transition:var(--transition);flex:none;place-items:center;padding:0;font-size:1.5rem;line-height:1;display:inline-grid}.ui-modal-close:hover{border-color:var(--color-primary);background:var(--color-elevated)}.ui-modal-body{gap:var(--spacing-md);overscroll-behavior:contain;min-width:0;min-height:0;padding-right:var(--spacing-xs);flex-direction:column;flex:auto;display:flex;overflow:auto}.ui-modal-body>*{min-width:0}.ui-modal .form-actions,.ui-modal .modal-actions{justify-content:flex-end;gap:var(--spacing-sm);padding-top:var(--spacing-md);border-top:1px solid var(--color-border);flex-wrap:wrap;display:flex}.ui-modal .form-row>*{min-width:0}.ui-modal .form-group,.ui-modal .input-wrapper{margin-bottom:0}.ui-modal .ui-select,.ui-modal .input-field,.ui-modal textarea{width:100%;min-width:0}@media (width<=768px){.ui-modal-backdrop{padding:var(--space-2)}.ui-modal{width:100%;max-height:calc(100dvh - (var(--space-2) * 2));padding:var(--space-3);border-radius:var(--radius-md)}.ui-modal-header h2{font-size:var(--text-xl)}.ui-modal .form-row{grid-template-columns:1fr}.ui-modal .form-actions,.ui-modal .modal-actions{grid-template-columns:1fr;display:grid}.ui-modal .form-actions>*,.ui-modal .modal-actions>*{width:100%}}@media (width<=430px){.ui-modal-backdrop{place-items:end center;padding:0}.ui-modal{max-height:calc(100dvh - env(safe-area-inset-top));border-radius:var(--radius-lg) var(--radius-lg) 0 0;padding-bottom:calc(var(--space-3) + env(safe-area-inset-bottom))}}.confirm-box{width:min(100%,26rem)}.confirm-box .ui-modal-body{gap:var(--spacing-lg)}.confirm-message{color:var(--color-text-primary);margin:0;font-size:15px;line-height:1.5}.confirm-actions{justify-content:flex-end;gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.confirm-btn{padding:var(--spacing-sm) var(--spacing-md);cursor:pointer;border:none;border-radius:8px;font-size:14px;font-weight:500;transition:opacity .15s}.confirm-btn:hover{opacity:.85}.confirm-btn--cancel{background:var(--color-surface);color:var(--color-text-primary);border:1px solid var(--color-border)}.confirm-btn--danger{background:var(--color-danger);color:var(--color-on-brand)}.confirm-btn--primary{background:var(--color-primary);color:var(--color-on-brand)}.ui-empty-state{text-align:center;color:var(--color-text-secondary);-webkit-backdrop-filter:blur(16px);background:#14161e66;border:1px solid #ffffff1a;border-radius:24px;padding:3rem;transition:all .3s;box-shadow:0 10px 30px #0003}.ui-empty-state:hover{border-color:#6366f133;transform:translateY(-2px);box-shadow:0 15px 40px #00000040,0 0 20px #6366f11a}.ui-empty-state h3{color:var(--color-text-primary);margin-bottom:8px}.ui-loader{gap:var(--spacing-md);color:var(--color-text-secondary);flex-direction:column;display:flex}.ui-loader-header{align-items:center;gap:var(--spacing-sm);display:flex}.ui-loader-orb{background:var(--color-primary);border-radius:50%;width:16px;height:16px;animation:3s cubic-bezier(.4,0,.6,1) infinite ui-orb-pulse;box-shadow:0 0 15px #6366f199}@keyframes ui-orb-pulse{0%,to{opacity:.5;transform:scale(.8)}50%{opacity:1;transform:scale(1.2);box-shadow:0 0 25px #6366f1e6}}.ui-loader-label{color:var(--color-text-primary);letter-spacing:.02em;font-size:.95rem;font-weight:500}.ui-loader-skeleton{gap:var(--spacing-md);flex-direction:column;width:100%;display:flex}.ui-skeleton-metrics{gap:var(--spacing-sm);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.ui-skeleton-grid-two{gap:var(--spacing-md);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.ui-skeleton-card,.ui-skeleton-row{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface)}.ui-skeleton-card{gap:var(--spacing-sm);padding:var(--spacing-md);flex-direction:column;display:flex}.ui-skeleton-card--metric{min-height:96px}.ui-skeleton-card--wide{min-height:120px;margin-bottom:8px}.ui-skeleton-card--panel{min-height:210px}.ui-skeleton-row{gap:var(--spacing-md);padding:var(--spacing-md);grid-template-columns:18px minmax(80px,.5fr) minmax(180px,2fr) minmax(120px,1fr) minmax(70px,.5fr) minmax(75px,.5fr);align-items:center;display:grid}.ui-skeleton-line,.ui-skeleton-chart{background:var(--color-surface-muted);display:block;position:relative;overflow:hidden}.ui-skeleton-line{border-radius:999px;width:70%;height:12px}.ui-skeleton-line--dot{width:12px;height:12px}.ui-skeleton-line--short{width:42%}.ui-skeleton-line--medium{width:58%}.ui-skeleton-line--wide{width:88%}.ui-skeleton-line--value{width:64%;height:24px}.ui-skeleton-line--title{width:38%;height:32px}.ui-skeleton-chart{border-radius:var(--radius-md);width:100%;min-height:150px}.ui-skeleton-line:after,.ui-skeleton-chart:after{content:"";background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--color-text-primary) 10%, transparent), transparent);animation:1.4s ease-in-out infinite ui-skeleton-shimmer;position:absolute;inset:0;transform:translate(-100%)}@keyframes ui-skeleton-shimmer{to{transform:translate(100%)}}@media (width<=900px){.ui-skeleton-metrics,.ui-skeleton-grid-two{grid-template-columns:1fr}.ui-skeleton-row{grid-template-columns:18px 1fr}.ui-loader--table .ui-skeleton-row .ui-skeleton-line:nth-child(n+4){display:none}}.ui-stat-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg)}.ui-stat-label{color:var(--color-text-secondary);font-size:.85rem}.ui-stat-value{margin:var(--spacing-sm) 0;color:var(--color-text-primary);font-size:1.8rem;font-weight:800}.ui-stat-sub{color:var(--color-text-secondary);font-size:.8rem}.badge{width:fit-content;padding:var(--spacing-xs) var(--spacing-sm);border-radius:999px;align-items:center;font-size:.72rem;font-weight:600;transition:all .2s;display:inline-flex}.badge--default{color:var(--color-text-secondary);text-shadow:0 0 8px #ffffff4d;background:#ffffff0d;border:1px solid #ffffff1a}.badge--success{color:#34d399;text-shadow:0 0 10px #10b98199;background:#10b9811a;border:1px solid #10b98140;box-shadow:0 0 8px #10b98126}.badge--warning{color:#fbbf24;text-shadow:0 0 10px #f59e0b99;background:#f59e0b1a;border:1px solid #f59e0b40;box-shadow:0 0 8px #f59e0b26}.badge--info{color:#60a5fa;text-shadow:0 0 10px #3b82f699;background:#3b82f61a;border:1px solid #3b82f640;box-shadow:0 0 8px #3b82f626}.badge--danger{color:#f87171;text-shadow:0 0 10px #ef444499;background:#ef44441a;border:1px solid #ef444440;box-shadow:0 0 8px #ef444426}.textarea-wrapper{flex-direction:column;gap:.35rem;display:flex}.textarea-label{color:var(--text-secondary,var(--color-text-muted));font-size:.875rem;font-weight:500}.textarea-field{border:1px solid var(--color-border,var(--color-border));resize:vertical;background:var(--input-bg,var(--color-surface));width:100%;min-height:80px;color:var(--text-primary,var(--color-text-primary));border-radius:6px;padding:.625rem .875rem;font-family:inherit;font-size:.9rem;transition:border-color .15s}.textarea-field:focus{border-color:var(--color-primary,var(--color-chart-indigo));outline:none;box-shadow:0 0 0 3px #6366f11f}.textarea-field.textarea-error{border-color:var(--color-chart-red)}.textarea-error-msg{color:var(--color-chart-red);font-size:.8rem}.collapsible-module-section{background:0 0;border:none;margin:0;padding:0;display:block}.human-resources-page>section.collapsible-module-section,.human-resources-page section.collapsible-module-section,.sst-tab-panel>section.collapsible-module-section,.sst-page section.collapsible-module-section,.payroll-page>section.collapsible-module-section,.payroll-page section.collapsible-module-section,.accounting-page>section.collapsible-module-section,.accounting-page section.collapsible-module-section{background:0 0;border:none;gap:0;margin:0 0 .75rem;padding:0;display:block}.collapsible-module{border:1px solid var(--color-border,var(--color-border,#334155));background:var(--surface-card,var(--color-surface,#0f172a));border-radius:.95rem;margin-bottom:0;transition:border-color .2s,box-shadow .2s;overflow:hidden}.collapsible-module:hover{border-color:var(--color-primary,#38bdf8)}.collapsible-module-summary{cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;justify-content:space-between;align-items:center;gap:1rem;padding:.95rem 1.25rem;list-style:none;transition:background-color .15s;display:flex}.collapsible-module-summary::-webkit-details-marker{display:none}.collapsible-module-summary::marker{display:none}.collapsible-module-summary:hover{background-color:var(--surface-subtle,#ffffff08)}.collapsible-module-left{align-items:center;gap:.85rem;min-width:0;display:flex}.collapsible-module-chevron{background:var(--surface-subtle,#ffffff0d);width:28px;height:28px;color:var(--text-secondary,var(--color-text-muted,#94a3b8));border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;transition:transform .2s cubic-bezier(.4,0,.2,1),background-color .15s,color .15s;display:inline-flex}.collapsible-module.is-open .collapsible-module-chevron{color:var(--color-primary,#38bdf8);background:#38bdf81f;transform:rotate(90deg)}.collapsible-module-titles{flex-direction:column;gap:.15rem;min-width:0;display:flex}.collapsible-module-kicker{letter-spacing:.07em;text-transform:uppercase;color:var(--text-secondary,var(--color-text-muted,#94a3b8));opacity:.85;margin:0;font-size:.72rem;font-weight:700}.collapsible-module-title{color:var(--text-primary,var(--color-text,#f8fafc));margin:0;font-size:1.125rem;font-weight:700;line-height:1.3}.collapsible-module-right{flex-shrink:0;align-items:center;gap:.75rem;display:flex}.collapsible-module-badge{background:var(--surface-subtle,#ffffff0f);color:var(--text-secondary,var(--color-text-muted,#cbd5e1));border:1px solid var(--color-border,#ffffff1a);white-space:nowrap;border-radius:9999px;align-items:center;padding:.25rem .65rem;font-size:.75rem;font-weight:600;display:inline-flex}.collapsible-module-pill{color:var(--text-secondary,#94a3b8);background:var(--surface-subtle,#ffffff0a);white-space:nowrap;border:1px solid #0000;border-radius:.375rem;align-items:center;padding:.25rem .65rem;font-size:.75rem;font-weight:600;transition:all .15s;display:inline-flex}.collapsible-module-summary:hover .collapsible-module-pill{color:var(--text-primary,#f8fafc);border-color:var(--color-border,#ffffff26)}.collapsible-module-body{border-top:1px solid var(--color-border,var(--color-border,#334155));gap:1.25rem;padding:1.25rem;animation:.2s ease-out collapsibleModuleSlideDown;display:grid}@keyframes collapsibleModuleSlideDown{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.module-accordion-toolbar{background:var(--surface-card,var(--color-surface,#0f172a99));border:1px solid var(--color-border,#ffffff14);color:var(--text-secondary,#94a3b8);border-radius:.75rem;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.5rem;padding:.65rem 1rem;font-size:.85rem;display:flex}.module-accordion-counter{color:var(--text-secondary,#cbd5e1);font-weight:600}.module-accordion-actions{gap:.5rem;display:flex}.module-accordion-btn{background:var(--surface-subtle,#ffffff0d);border:1px solid var(--color-border,#ffffff26);color:var(--text-secondary,#cbd5e1);cursor:pointer;border-radius:.45rem;padding:.35rem .75rem;font-size:.78rem;font-weight:600;transition:all .15s}.module-accordion-btn:hover{color:var(--text-primary,#fff);border-color:var(--color-primary,#38bdf8);background:#38bdf81a}._overlay_zv7uf_1{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;overscroll-behavior:contain;background:#0006;place-items:start center;padding-top:15vh;padding-bottom:1rem;animation:.2s ease-out _overlay-fade-in_zv7uf_1;display:grid;position:fixed;inset:0;overflow-y:auto}@keyframes _overlay-fade-in_zv7uf_1{0%{opacity:0}to{opacity:1}}._modal_zv7uf_21{-webkit-backdrop-filter:blur(24px);width:90%;max-width:640px;max-height:calc(100dvh - 2rem);color:var(--color-text-primary);background:#121826d9;border:1px solid #ffffff26;border-radius:16px;flex-direction:column;min-height:0;animation:.3s cubic-bezier(.16,1,.3,1) _modal-slide-down_zv7uf_1;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #00000080,inset 0 1px #ffffff1a}@keyframes _modal-slide-down_zv7uf_1{0%{opacity:0;transform:translateY(-20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}._inputWrapper_zv7uf_44{border-bottom:1px solid #ffffff14;align-items:center;padding:1rem 1.5rem;display:flex}._icon_zv7uf_51{color:var(--color-primary);margin-right:1rem;font-size:1.25rem;animation:2s infinite _pulse-glow_zv7uf_1}@keyframes _pulse-glow_zv7uf_1{0%,to{opacity:.8;filter:drop-shadow(0 0 4px #6366f180)}50%{opacity:1;filter:drop-shadow(0 0 10px #6366f1cc)}}._input_zv7uf_44{color:var(--color-text-primary);background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:1.25rem}._input_zv7uf_44::placeholder{color:var(--color-text-muted)}._results_zv7uf_77{overscroll-behavior:contain;scrollbar-gutter:stable;flex:auto;min-height:0;max-height:350px;padding:1rem;overflow-y:auto}._emptyState_zv7uf_87{text-align:center;color:var(--color-text-secondary);padding:2rem}._suggestionGroup_zv7uf_93{margin-bottom:1.5rem}._suggestionGroup_zv7uf_93:last-child{margin-bottom:0}._groupLabel_zv7uf_101{text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);margin-bottom:.5rem;padding:0 .5rem;font-size:.75rem}._item_zv7uf_110{cursor:pointer;border-radius:8px;align-items:center;gap:1rem;padding:.75rem 1rem;transition:all .2s;display:flex}._item_zv7uf_110[aria-selected=true],._item_zv7uf_110:hover{color:var(--color-primary);background:#6366f126}._itemIcon_zv7uf_126{color:var(--color-text-secondary);font-size:1rem}._item_zv7uf_110[aria-selected=true] ._itemIcon_zv7uf_126,._item_zv7uf_110:hover ._itemIcon_zv7uf_126{color:var(--color-primary)}._itemContent_zv7uf_136{flex-direction:column;flex:1;display:flex}._itemTitle_zv7uf_142{font-size:.95rem;font-weight:500}._itemDesc_zv7uf_147{color:var(--color-text-secondary);margin-top:.2rem;font-size:.75rem}._shortcut_zv7uf_153{color:var(--color-text-muted);background:#ffffff1a;border-radius:4px;padding:.2rem .4rem;font-size:.7rem}._footer_zv7uf_161{color:var(--color-text-muted);background:#0003;border-top:1px solid #ffffff0d;flex:none;justify-content:space-between;padding:.75rem 1.5rem;font-size:.75rem;display:flex}.activity-suggestion-popup{z-index:9998;border:1px solid var(--color-border);background:var(--color-surface);width:340px;color:var(--color-text-primary);border-radius:16px;gap:12px;padding:16px;display:flex;position:fixed;bottom:88px;right:24px;box-shadow:0 16px 40px #00000047}.activity-suggestion-icon{font-size:1.8rem}.activity-suggestion-content{flex-direction:column;gap:4px;display:flex}.activity-suggestion-content span{font-weight:700}.activity-suggestion-content small{color:var(--color-text-secondary)}.activity-suggestion-actions{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.activity-suggestion-actions button{background:var(--color-primary);color:var(--color-on-brand);cursor:pointer;border:none;border-radius:999px;padding:6px 10px;font-size:.78rem}.activity-suggestion-actions button.secondary{background:var(--color-surface-muted);color:var(--color-text-secondary)}.activity-suggestion-badge{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-secondary);border-radius:999px;align-items:center;padding:6px 10px;font-size:.8rem;font-weight:600;display:inline-flex}.modules-grid{gap:var(--space-2);grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr));margin:0;padding:0;list-style:none;display:grid}.modules-grid--compact{grid-template-columns:1fr}.module-card{justify-content:space-between;gap:var(--space-2);min-width:0;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);flex-direction:column;display:flex}.module-card h3{margin:0 0 var(--space-1);color:var(--color-text-primary);overflow-wrap:anywhere;text-transform:capitalize;font-size:.95rem}.module-card p{margin:0 0 var(--space-2);color:var(--color-text-secondary);font-size:.8rem}.module-card-actions{justify-content:flex-end;align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.module-card .module-switch{min-height:44px;padding:0 var(--space-1);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;font-size:.75rem;font-weight:700;display:inline-flex}.module-switch-track{box-sizing:border-box;background:var(--color-text-secondary,#64748b);border-radius:999px;align-items:center;width:42px;height:24px;padding:3px;display:inline-flex}.module-switch-thumb{background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .15s}.module-switch[aria-checked=true] .module-switch-track{background:var(--color-primary,#2563eb)}.module-switch[aria-checked=true] .module-switch-thumb{transform:translate(18px)}.module-card .module-switch:disabled{cursor:not-allowed;opacity:.65}.module-switch:focus-visible{outline:3px solid var(--color-primary,#2563eb);outline-offset:3px}@media (prefers-reduced-motion:reduce){.module-switch-thumb{transition:none}}.mobile-drawer-overlay{z-index:998;background:#00000080;animation:.2s ease-out fadeIn;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mobile-drawer{background:var(--color-background);border-right:1px solid var(--color-border);z-index:999;-webkit-overflow-scrolling:touch;width:min(320px,86vw);max-width:100vw;height:100dvh;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);flex-direction:column;transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;left:0;overflow:hidden auto;transform:translate(-100%)}.mobile-drawer.open{transform:translate(0)}.mobile-drawer-header{padding:var(--spacing-md);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:flex-start;gap:var(--spacing-md);display:flex}.mobile-drawer-brand{border-radius:var(--radius-sm);width:auto;height:48px}.mobile-drawer-user{gap:var(--spacing-xs);flex-direction:column;min-width:0;display:flex}.mobile-drawer-user strong{color:var(--color-text-primary);word-break:break-word;font-size:.95rem}.mobile-drawer-role{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem}.mobile-drawer-close{color:var(--color-text-primary);cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;padding:0;font-size:24px;transition:color .2s;display:flex}.mobile-drawer-close:hover{color:var(--color-primary)}.mobile-drawer-close:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:4px}.mobile-drawer-content{-webkit-overflow-scrolling:touch;min-width:0;padding:var(--spacing-md) 0;flex:1;overflow:hidden auto}.mobile-nav-section{min-width:0;padding:0 var(--spacing-sm);margin-bottom:var(--spacing-md)}.mobile-nav-label{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;padding:0 var(--spacing-md);margin-bottom:var(--spacing-sm);font-size:.75rem;font-weight:600;display:block}.mobile-nav-item{align-items:center;gap:var(--spacing-sm);width:100%;min-width:0;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);color:var(--color-text-secondary);text-align:left;cursor:pointer;background:0 0;border:none;margin-bottom:4px;font-size:.95rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.mobile-nav-item:hover{background:var(--color-surface);color:var(--color-text-primary)}.mobile-nav-item>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.mobile-nav-item.active{background:var(--color-surface);color:var(--color-primary)}.mobile-nav-item:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px}.mobile-nav-item:active{background:var(--color-elevated)}.mobile-nav-icon{object-fit:contain;flex-shrink:0;max-width:18px;max-height:18px;width:18px!important;height:18px!important}.mobile-drawer-footer{padding:var(--spacing-md);border-top:1px solid var(--color-border);margin-top:auto}.mobile-drawer-logout{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-danger);cursor:pointer;background:0 0;font-size:.95rem;font-weight:500;transition:all .2s}.mobile-drawer-logout:hover{border-color:var(--color-danger);background:#d166661a}.mobile-drawer-logout:focus-visible{outline:2px solid var(--color-danger);outline-offset:-2px}@media (width>=1025px){.mobile-drawer,.mobile-drawer-overlay{display:none}}@media (height<=600px){.mobile-drawer{height:100vh}.mobile-drawer-content{max-height:calc(100vh - 140px)}}.quick-support-modal-backdrop{z-index:2000;padding:var(--space-3);background:color-mix(in srgb, var(--color-background) 72%, transparent);-webkit-backdrop-filter:blur(16px);place-items:center;display:grid;position:fixed;inset:0}.quick-support-modal-container{max-height:calc(100dvh - (var(--space-3) * 2));overscroll-behavior:contain;scrollbar-gutter:stable;min-height:0;overflow:auto}@media (width>=1025px){.quick-support-modal-backdrop{left:calc(var(--space-6) + var(--space-4));padding:var(--space-4)}.quick-support-modal-container{max-height:calc(100dvh - (var(--space-4) * 2))}}._timerBar_tznrq_1{align-items:center;gap:var(--spacing-sm);background:0 0;border:0;border-radius:0;flex-wrap:nowrap;flex:1;min-width:0;padding:0;display:flex;position:relative;overflow:visible}._visualProgress_tznrq_16{background:var(--color-danger);z-index:0;border-bottom-left-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-lg);height:4px;transition:width 1s linear;position:absolute;bottom:0;left:0}._timerBar_tznrq_1>:not(._visualProgress_tznrq_16){z-index:1;position:relative}._status_tznrq_33{background:var(--color-success);width:13px;height:13px;box-shadow:0 0 10px var(--color-success);border-radius:50%;flex-shrink:0}._status_tznrq_33._idle_tznrq_42{background:var(--color-danger);box-shadow:0 0 10px var(--color-danger)}._input_tznrq_47{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-elevated);min-width:100px;color:var(--color-text-primary);outline:none;flex:0 180px;padding:8px 12px;font-size:1rem}._input_tznrq_47::placeholder{color:var(--color-text-secondary)}._input_tznrq_47:disabled{opacity:.65;cursor:not-allowed}._input_tznrq_47:focus-visible{box-shadow:0 0 0 2px var(--color-primary-glow);border-color:var(--color-primary)}._select_tznrq_73{border:1px solid var(--color-border);background:var(--color-background);border-radius:var(--radius-sm);color:var(--color-text-primary);outline:none;min-width:140px;padding:8px 12px}._select_tznrq_73:disabled{opacity:.65;cursor:not-allowed}._select_tznrq_73:focus-visible{box-shadow:0 0 0 2px var(--color-primary-glow);border-color:var(--color-primary)}._play_tznrq_93{aspect-ratio:1;background:var(--color-success);cursor:pointer;border:none;flex-shrink:0;justify-content:center;align-items:center;max-width:46px;max-height:46px;display:flex;overflow:hidden;border-radius:9999px!important;width:46px!important;min-width:46px!important;height:46px!important;min-height:46px!important;padding:0!important}._play_tznrq_93:hover{opacity:.9;transform:scale(1.05)}._play_tznrq_93:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}._play_tznrq_93 svg{width:20px;height:20px;fill:var(--color-on-brand)}._tunnel_tznrq_129{order:20;width:44px;min-width:44px;padding:var(--spacing-xs)!important}._tunnel_tznrq_129:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}._live_tznrq_141{min-width:80px;max-width:180px;flex-direction:column;align-items:flex-end;min-inline-size:0;display:flex}._liveTime_tznrq_150{color:var(--color-primary);font-variant-numeric:tabular-nums;font-size:1rem;font-weight:800}._liveProject_tznrq_157{color:var(--color-text-secondary);white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:.72rem;overflow:hidden}._activeProject_tznrq_166{background:var(--color-surface-muted,var(--color-elevated));color:var(--color-text-secondary);text-overflow:ellipsis;white-space:nowrap;border-radius:999px;align-items:center;min-width:0;max-width:160px;padding:4px 10px;font-size:.8rem;font-weight:600;display:inline-flex;overflow:hidden}@media (width>=1025px){._activeProject_tznrq_166{display:none}}._warning_tznrq_191{margin-top:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);background:var(--color-elevated);border:1px solid var(--color-warning);color:var(--color-text-primary);justify-content:space-between;align-items:center;gap:var(--spacing-md);flex:auto;order:21;font-size:14px;font-weight:500;display:flex}._warningText_tznrq_208{flex:1;line-height:1.35}._warningButton_tznrq_213{background:var(--color-warning);color:var(--color-on-brand);cursor:pointer;white-space:nowrap;border:none;border-radius:8px;padding:7px 10px;font-weight:700}._warningButton_tznrq_213:hover{filter:brightness(1.08)}._warningButton_tznrq_213:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}._note_tznrq_233{flex:auto;order:20;gap:8px;width:auto;display:flex}._noteInput_tznrq_241{border-radius:var(--radius-sm,8px);border:1px solid var(--color-border);background:var(--color-elevated);min-width:0;color:var(--color-text-primary);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);outline:none;flex:1;padding:8px 12px;font-size:.95rem}._noteInput_tznrq_241::placeholder{color:var(--color-text-muted)}._noteInput_tznrq_241:focus-visible{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-glow)}._noteButton_tznrq_263{border-radius:var(--radius-sm,8px);background:var(--color-primary);color:var(--color-text-inverse,#fff);cursor:pointer;white-space:nowrap;transition:background-color var(--transition-fast), transform var(--transition-fast);border:none;flex:none;min-width:0;padding:8px 14px;font-size:.9rem;font-weight:700}._noteButton_tznrq_263:hover{background:var(--color-primary-hover);color:#fff}._noteButton_tznrq_263:active{transform:scale(.98)}._noteButton_tznrq_263:focus-visible{outline:2px solid var(--color-text-inverse);outline-offset:-2px}._resumeProjects_tznrq_292{gap:var(--spacing-sm);flex:0 220px;min-width:0;display:flex}._resumeProject_tznrq_292{align-items:center;gap:var(--spacing-xs);background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-primary);cursor:pointer;white-space:nowrap;text-overflow:ellipsis;border-radius:999px;min-width:0;max-width:220px;padding:4px 10px;font-size:.8rem;font-weight:600;display:flex;overflow:hidden}._resumeProject_tznrq_292>span:last-child{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}._resumeProject_tznrq_292:hover{background:var(--color-elevated)}._resumeProject_tznrq_292:focus-visible{outline:2px solid var(--color-primary)}._resumeDot_tznrq_333{border-radius:50%;width:8px;height:8px}@media (width<=1024px){._timerBar_tznrq_1{scrollbar-width:none;-ms-overflow-style:none;flex:100%;order:3;justify-content:center;width:100%;min-width:0;padding:4px 0;overflow-x:auto}._timerBar_tznrq_1::-webkit-scrollbar{display:none}._input_tznrq_47{flex:120px;order:1;width:auto;min-width:80px;font-size:.9rem}._note_tznrq_233{flex-wrap:nowrap;flex:100px;order:2;width:auto}._warning_tznrq_191{order:3}._select_tznrq_73{flex:0 auto;order:4;width:auto;min-width:60px;max-width:120px;padding:4px 6px;font-size:.85rem}._activeProject_tznrq_166,._play_tznrq_93{order:5}._live_tznrq_141{order:6;min-width:0;font-size:.85rem}._liveTime_tznrq_150{font-size:.9rem}._liveProject_tznrq_157,._activeProject_tznrq_166,._resumeProjects_tznrq_292{display:none}._play_tznrq_93{max-width:40px;max-height:40px;width:40px!important;min-width:40px!important;height:40px!important;min-height:40px!important}._play_tznrq_93 svg{width:18px;height:18px}._noteButton_tznrq_263{min-width:0;min-height:0}}@media (width<=640px){._timerBar_tznrq_1{scroll-padding-inline:var(--spacing-xs);justify-content:flex-start}}._breathe-flow_tznrq_421{animation:3s ease-in-out infinite alternate _breathe-flow_tznrq_421;box-shadow:0 0 15px #4c7dff66}._breathe-fatigue_tznrq_426{animation:4s ease-in-out infinite alternate _breathe-fatigue_tznrq_426;box-shadow:0 0 15px #8b5cf64d}@keyframes _breathe-flow_tznrq_421{0%{filter:brightness()}to{filter:brightness(1.2)}}@keyframes _breathe-fatigue_tznrq_426{0%{filter:brightness(.9)}to{filter:brightness(1.1)}}._notifications_14tge_1{order:20;align-items:center;display:flex;position:relative}._toggle_14tge_8{cursor:pointer;border-radius:var(--radius-sm);width:44px;min-width:44px;min-height:44px;transition:background-color var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:8px;font-size:20px;display:flex;position:relative}._toggle_14tge_8:hover{background:var(--color-surface-muted,#94a3b826)}._toggle_14tge_8:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}._badge_14tge_34{background:var(--color-danger,#ef4444);color:var(--color-text-inverse,#fff);pointer-events:none;border-radius:9999px;padding:2px 6px;font-size:10px;font-weight:700;line-height:1;position:absolute;top:-2px;right:-2px}._panel_14tge_48{-webkit-backdrop-filter:blur(16px);border-radius:var(--radius-md);width:340px;max-width:calc(100vw - 32px);box-shadow:var(--shadow-lg,0 10px 25px -5px #0003);z-index:1200;max-height:420px;color:var(--color-text-primary);background:#121826d9;border:1px solid #ffffff14;position:absolute;top:calc(100% + 10px);right:0;overflow-y:auto}._panelHeader_14tge_66{border-bottom:1px solid var(--color-border);background:var(--color-elevated,#f1f5f9);border-radius:calc(var(--radius-md) - 1px) calc(var(--radius-md) - 1px) 0 0;color:var(--color-text-primary);justify-content:space-between;align-items:center;padding:12px 16px;font-size:.95rem;font-weight:700;display:flex}._empty_14tge_79{text-align:center;color:var(--color-text-secondary);padding:24px 16px;font-size:.9rem}._item_14tge_86{border-bottom:1px solid var(--color-border);transition:background-color var(--transition-fast);padding:12px 16px}._item_14tge_86:last-child{border-bottom:none}._item_14tge_86:hover{background:var(--color-elevated,#f8fafc)}._item_14tge_86._isRead_14tge_100{opacity:.65;cursor:default}._item_14tge_86:not(._isRead_14tge_100){cursor:pointer}._item_14tge_86:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px}._date_14tge_114{color:var(--color-text-secondary);margin-bottom:4px;font-size:11px}._message_14tge_120{color:var(--color-text-primary);font-size:13.5px;line-height:1.4}._header_1sqon_1{z-index:1000;width:100%;min-height:72px;padding:0 var(--spacing-sm);border-bottom:1px solid var(--color-border);background:var(--color-surface);-webkit-backdrop-filter:blur(12px);box-shadow:var(--shadow-sm);justify-content:space-between;gap:var(--spacing-sm);align-items:center;transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;left:0;right:0}._isScrollHidden_1sqon_22{transform:translateY(-100%)}._logo_1sqon_26{flex-shrink:0;width:auto;height:64px}._projectDot_1sqon_32{border-radius:50%;width:10px;height:10px}._mobileMenuButton_1sqon_38{color:var(--color-text-primary);cursor:pointer;background:0 0;border:none;flex-shrink:0;width:40px;height:40px;padding:8px;font-size:24px;transition:color .2s;display:none}._mobileMenuButton_1sqon_38:hover{color:var(--color-primary)}._mobileMenuButton_1sqon_38:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:4px}._quickSupportBtn_1sqon_62{background:var(--color-elevated,#3b82f614);border:1px solid var(--color-border,#cbd5e1);color:var(--color-text-primary,#0f172a);cursor:pointer;white-space:nowrap;border-radius:20px;flex-shrink:0;align-items:center;gap:5px;padding:5px 11px;font-size:12.5px;font-weight:600;transition:all .2s;display:inline-flex}._quickSupportBtn_1sqon_62:hover{background:var(--color-primary-subtle,#3b82f626);border-color:var(--color-primary,#3b82f6);transform:translateY(-1px)}._quickSupportBtn_1sqon_62:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}._themeToggle_1sqon_90{cursor:pointer;color:var(--color-text-primary);border-radius:var(--radius-sm);background:0 0;border:none;flex-shrink:0;order:10;justify-content:center;align-items:center;width:44px;min-width:44px;min-height:44px;padding:8px;display:flex}._themeToggle_1sqon_90:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}._tunnelBtn_1sqon_112{background:var(--color-danger);color:#fff;cursor:pointer;border:none;border-radius:16px;order:25;width:44px;min-width:44px;min-height:44px;margin-left:0;padding:4px;font-size:.85rem;font-weight:700}._tunnelBtn_1sqon_112:focus-visible{outline:2px solid var(--color-text-inverse);outline-offset:2px}._syncPending_1sqon_133{color:var(--color-warning);background:#ffa5001a;border-radius:8px;order:30;align-items:center;margin-left:12px;padding:4px 8px;font-size:.85rem;font-weight:700;display:flex}@media (width<=1024px){._header_1sqon_1{gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-xs);flex-wrap:wrap;height:auto;min-height:64px;overflow-x:hidden}._header_1sqon_1::-webkit-scrollbar{display:none}._projectDot_1sqon_32{display:none}._logo_1sqon_26{height:40px;margin:0 auto}._mobileMenuButton_1sqon_38{order:-1;justify-content:center;align-items:center;display:flex}._themeToggle_1sqon_90{width:40px;min-width:0;min-height:0}}@media (width<=860px){._quickSupportLabel_1sqon_179{display:none}._quickSupportBtn_1sqon_62{padding:6px 8px}}.sidebar-wrapper{width:72px;min-width:72px;min-height:calc(100dvh - var(--app-header-height,72px));z-index:900;flex-shrink:0;position:relative}.sidebar{top:var(--app-header-height,72px);background:var(--color-surface);-webkit-backdrop-filter:blur(16px);border-right:1px solid var(--color-border);flex-direction:column;width:72px;min-height:0;transition:width .3s cubic-bezier(.4,0,.2,1),box-shadow .3s;display:flex;position:fixed;bottom:0;left:0;overflow:hidden}.sidebar:hover{width:260px;box-shadow:4px 0 24px #00000026}@media (width<=1024px){.sidebar-wrapper{z-index:1000;width:100%;height:72px;min-height:0;position:fixed;bottom:0;left:0;right:0}.sidebar{border-right:none;border-top:1px solid var(--color-border);flex-direction:row;width:100%;height:100%;min-height:auto;position:absolute;top:0}.sidebar:hover{width:100%;box-shadow:none}.sidebar-brand,.sidebar-footer{display:none}.sidebar-navigation{flex-direction:row;justify-content:space-around;align-items:center;width:100%;padding:0;display:flex;overflow:hidden}.nav-section{margin:0;padding:0;display:contents}.nav-label{display:none}.nav-section-items{display:contents}.nav-item{flex-direction:column;justify-content:center;margin:0;padding:12px}.nav-icon{margin-right:0}.nav-link-text{display:none!important}}.sidebar-brand{padding:var(--spacing-md);border-bottom:1px solid var(--color-border);margin-bottom:var(--spacing-md);align-items:center;display:flex}.sidebar-navigation{padding-bottom:var(--spacing-md);scrollbar-width:none;flex:1;overflow:hidden auto}.sidebar-navigation::-webkit-scrollbar{display:none}.sidebar-footer{padding:var(--spacing-sm);border-top:1px solid var(--color-border);flex-shrink:0}.sidebar-user-row{align-items:center;gap:var(--spacing-md);width:100%;display:flex}.sidebar-user-avatar{background:var(--color-primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;min-width:40px;height:40px;font-size:16px;font-weight:700;display:flex}.sidebar-user-info{color:var(--color-text-primary);white-space:nowrap;flex-direction:column;font-size:14px;display:flex}.sidebar-user-info span{color:var(--color-text-secondary);font-size:12px}.logout-button{width:100%;padding:var(--spacing-sm);border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast);white-space:nowrap;background:0 0;border:none;align-items:center;font-size:14px;font-weight:500;display:flex}.logout-button:hover{color:var(--color-text-primary);background:var(--color-elevated)}.nav-section{padding:0 var(--spacing-xs);margin-bottom:var(--spacing-md)}.nav-label{white-space:nowrap;color:var(--color-text-secondary);margin-bottom:var(--spacing-sm);text-transform:uppercase;letter-spacing:.1em;padding:0;font-size:11px;font-weight:700}.nav-section-toggle{width:100%;min-width:0;min-height:0;padding:0 var(--spacing-md);border-radius:var(--radius-sm);color:inherit;font:inherit;letter-spacing:inherit;text-align:left;background:0 0;border:0;align-items:center;display:flex}.nav-section-toggle:hover{background:var(--color-elevated);color:var(--color-text-primary)}.nav-section-chevron{font-size:var(--text-md);transition:transform var(--transition-fast);margin-left:auto}.nav-section-toggle[aria-expanded=true] .nav-section-chevron{transform:rotate(90deg)}.nav-item{border-radius:var(--radius-md);color:var(--color-text-secondary);transition:background-color var(--transition-fast), color var(--transition-fast);white-space:nowrap;align-items:center;margin-bottom:2px;padding:10px 14px;font-size:14px;text-decoration:none;display:flex}.nav-item:hover{background:var(--color-elevated);color:var(--color-text-primary)}.nav-item.active{background:var(--color-primary-100);color:var(--color-primary);font-weight:500}.nav-icon{color:currentColor;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;margin-right:16px;display:flex}.mad-icon{object-fit:contain;width:100%;height:100%;display:block}.nav-link-text,.nav-label span,.sidebar-user-info{opacity:0;pointer-events:none;transition:opacity .2s}.sidebar:hover .nav-link-text,.sidebar:hover .nav-label span,.sidebar:hover .sidebar-user-info{opacity:1;pointer-events:auto;transition-delay:.1s}.nav-item.is-pending{opacity:.85;background:var(--color-elevated);position:relative}.nav-pending-indicator{background:var(--color-primary);border-radius:50%;flex-shrink:0;width:6px;height:6px;margin-left:auto;animation:1.2s ease-in-out infinite navPulse}@keyframes navPulse{0%,to{opacity:.4;transform:scale(.8)}50%{opacity:1;transform:scale(1.3)}}@media (prefers-reduced-motion:reduce){.nav-pending-indicator{opacity:.9;animation:none}}:root{--mobile-safe-bottom:env(safe-area-inset-bottom,0px);--mobile-safe-top:env(safe-area-inset-top,0px);--mobile-safe-left:env(safe-area-inset-left,0px);--mobile-safe-right:env(safe-area-inset-right,0px)}.skip-link{top:calc(var(--mobile-safe-top) + var(--spacing-sm));left:calc(var(--mobile-safe-left) + var(--spacing-sm));z-index:10000;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text-primary);box-shadow:var(--shadow-lg);transition:transform .12s;position:fixed;transform:translateY(-200%)}.skip-link:focus-visible{transform:translateY(0)}.app{min-height:100dvh;padding-top:var(--app-header-height);flex-direction:column;display:flex;overflow-x:clip}.container{min-height:calc(100dvh - var(--app-header-height));background:var(--color-background);align-items:flex-start;display:flex;position:relative}.main{min-width:0;padding:var(--spacing-xl);width:100%;padding-bottom:calc(var(--spacing-xl) + var(--mobile-safe-bottom));flex:1;max-width:100vw;margin-left:0;overflow-x:hidden}.main:focus{outline:none}.main>.page-container{width:100%;max-width:var(--content-max-width);margin:0;padding:0}.main>.page-container>:first-child{min-width:0}.main .page-header{justify-content:space-between;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-5);flex-wrap:wrap;display:flex}.main .page-header h1,.main>.page-container>:first-child>h1{color:var(--color-text-primary);font-size:var(--text-2xl);margin:0;font-weight:700;line-height:1.15}.main .page-header p,.main .page-subtitle{margin:var(--space-1) 0 0;color:var(--color-text-secondary);font-size:var(--text-sm)}.main .page-header-actions,.main .page-actions{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}@media (width<=768px){.main{padding:16px;padding-bottom:calc(16px + var(--mobile-safe-bottom) + 96px);width:100%;max-width:100vw;margin-left:0;overflow-x:hidden}.container{min-height:calc(100dvh - var(--app-header-height));width:100%;margin-left:0}.app{padding-top:var(--app-header-height)}.main .page-header{align-items:stretch;gap:var(--space-3);margin-bottom:var(--space-4)}.main .page-header-actions,.main .page-actions{width:100%}.main .page-header-actions>*,.main .page-actions>*{flex:100%}}.page-container{max-width:1200px;padding:var(--space-5);width:100%;margin:0 auto}@media (width<=768px){.page-container{padding:var(--space-3)}}@media (width>=769px) and (width<=1024px){.page-container{padding:var(--space-4)}}@media (prefers-reduced-motion:reduce){.skip-link{transition:none}}.cookie-notice{z-index:10000;color:#f8fafc;background:#0f172a;border:1px solid #334155;border-radius:.75rem;justify-content:space-between;align-items:center;gap:1rem;max-width:52rem;margin:0 auto;padding:1rem;display:flex;position:fixed;bottom:1rem;left:1rem;right:1rem;box-shadow:0 12px 32px #0f172a59}.cookie-notice h2,.cookie-notice p{margin:0}.cookie-notice p{max-width:42rem;margin-top:.35rem}.cookie-notice a{color:#7dd3fc;margin-top:.5rem;display:inline-block}.cookie-notice button{color:#0f172a;font:inherit;cursor:pointer;background:#e2e8f0;border:0;border-radius:.45rem;flex:none;padding:.65rem .9rem;font-weight:700}.cookie-notice button:focus-visible,.cookie-notice a:focus-visible{outline-offset:3px;outline:3px solid #facc15}@media (width<=640px){.cookie-notice{flex-direction:column;align-items:stretch}}