@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";:root{--primary:#7142f8;--primary-hover:#5b2ee3;--primary-light:#ddd1fd;--primary-glow:#7142f826;--color-success:#10b981;--color-warning:#f59e0b;--color-danger:#ef4444;--color-info:#3b82f6;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;font-family:var(--font-sans);box-sizing:border-box;font-size:14px;line-height:1.5}body{background-color:var(--bg-app);color:var(--text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;margin:0;padding:0;transition:background-color .3s,color .3s}*,:before,:after{box-sizing:inherit}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--primary-glow);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--primary)}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.theme-light{--bg-app:#f2f6f8;--bg-sidebar:#fff;--bg-card:#fff;--text-main:#3d515c;--text-muted:#7f95a3;--text-dark:#2c3e50;--border-color:#e4eaee;--tracker-active-bg:#fdfcff;--primary:#7142f8;--primary-hover:#5b2ee3;--primary-light:#ddd1fd;--primary-glow:#7142f81f}.theme-dark{--bg-app:#0e0f14;--bg-sidebar:#14161f;--bg-card:#181a24;--text-main:#b2c0cc;--text-muted:#64748b;--text-dark:#f1f5f9;--border-color:#242838;--tracker-active-bg:#1c182d;--primary:#7142f8;--primary-hover:#5b2ee3;--primary-light:#ddd1fd;--primary-glow:#7142f840}.theme-brand-dark{--bg-app:#0f0b24;--bg-sidebar:#191439;--bg-card:#1d1742;--text-main:#cbd5e1;--text-muted:#818cf8;--text-dark:#fff;--border-color:#2e2666;--tracker-active-bg:#281c5a;--primary:#ffc600;--primary-hover:#e0ae00;--primary-light:#fffbeb;--primary-glow:#ffc60033}h1,h2,h3,h4,h5,h6{color:var(--text-dark);letter-spacing:-.025em;margin:0 0 .5em;font-weight:600}.app-container{min-height:100vh;transition:all .3s;display:flex}.sidebar{background-color:var(--bg-sidebar);border-right:1px solid var(--border-color);z-index:100;flex-direction:column;width:240px;height:100vh;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:sticky;top:0}.main-content{flex-direction:column;flex:1;gap:20px;padding:24px 32px;display:flex;overflow-y:auto}.st-input{background-color:var(--bg-app);border:1px solid var(--border-color);width:100%;color:var(--text-dark);border-radius:6px;padding:10px 14px;font-family:inherit;font-size:13px;transition:all .2s}.st-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow);outline:none}.st-select{background-color:var(--bg-app);border:1px solid var(--border-color);color:var(--text-dark);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23888888' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;background-size:14px;border-radius:6px;width:100%;padding:10px 32px 10px 14px;font-family:inherit;font-size:13px;transition:all .2s}.st-select:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow);outline:none}input.st-input,select.st-select,.st-select,.btn-primary,.btn-secondary{box-sizing:border-box!important;align-items:center!important;height:42px!important;display:inline-flex!important}input[type=color]{appearance:none;cursor:pointer;overflow:hidden;border:1px solid var(--border-color)!important;box-sizing:border-box!important;background-color:#0000!important;border-radius:6px!important;padding:0!important}input[type=color]::-webkit-color-swatch-wrapper{border-radius:6px!important;padding:0!important}input[type=color]::-webkit-color-swatch{border:none!important;border-radius:6px!important;padding:0!important}input[type=color]::-moz-color-swatch{border:none!important;border-radius:6px!important;padding:0!important}.st-search-box{background-color:var(--bg-app)!important;border:1px solid var(--border-color)!important;box-sizing:border-box!important;border-radius:6px!important;align-items:center!important;gap:8px!important;width:100%!important;height:42px!important;padding:0 14px!important;transition:all .2s!important;display:flex!important}.st-search-box:focus-within{border-color:var(--primary)!important;box-shadow:0 0 0 3px var(--primary-glow)!important}.st-search-box input{color:var(--text-dark)!important;background:0 0!important;border:none!important;outline:none!important;width:100%!important;height:100%!important;padding:0!important;font-family:inherit!important;font-size:13px!important}.st-dropdown-search{background-color:var(--bg-app)!important;border-bottom:1px solid var(--border-color)!important;box-sizing:border-box!important;align-items:center!important;gap:8px!important;width:100%!important;height:42px!important;padding:0 12px!important;display:flex!important}.st-dropdown-search input{color:var(--text-dark)!important;background:0 0!important;border:none!important;outline:none!important;width:100%!important;height:100%!important;padding:0!important;font-size:13px!important}.st-btn-cancel{color:var(--text-main)!important;border:1px solid var(--border-color)!important;cursor:pointer!important;box-sizing:border-box!important;background-color:#ffffff0d!important;border-radius:6px!important;align-items:center!important;gap:6px!important;height:34px!important;padding:6px 12px!important;font-size:12px!important;font-weight:600!important;transition:all .2s!important;display:inline-flex!important}.st-btn-cancel:hover{background-color:var(--border-color)!important;color:var(--text-dark)!important;border-color:var(--text-muted)!important}.theme-light .st-btn-cancel{color:#475569!important;background-color:#f8fafc!important;border-color:#cbd5e1!important}.theme-light .st-btn-cancel:hover{color:#0f172a!important;background-color:#f1f5f9!important}.st-btn-save{cursor:pointer!important;background-color:var(--primary)!important;border:1px solid var(--primary)!important;box-sizing:border-box!important;border-radius:6px!important;align-items:center!important;gap:6px!important;height:34px!important;padding:6px 12px!important;font-size:12px!important;font-weight:600!important;transition:all .2s!important;display:inline-flex!important}.st-btn-save:hover{background-color:var(--primary-hover)!important;border-color:var(--primary-hover)!important;transform:translateY(-1px)!important}.theme-light .st-btn-save,.theme-dark .st-btn-save{color:#fff!important}.theme-brand-dark .st-btn-save{color:#0f0b24!important}input[type=time]::-webkit-calendar-picker-indicator{filter:invert(36%)sepia(87%)saturate(1478%)hue-rotate(232deg)brightness(98%)contrast(98%);cursor:pointer}input[type=date]::-webkit-calendar-picker-indicator{filter:invert(36%)sepia(87%)saturate(1478%)hue-rotate(232deg)brightness(98%)contrast(98%);cursor:pointer}.btn-primary{background-color:var(--primary);color:#08060d;cursor:pointer;box-shadow:0 4px 10px var(--primary-glow);border:none;border-radius:6px;align-items:center;gap:8px;padding:10px 20px;font-size:13px;font-weight:700;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.theme-light .btn-primary,.theme-dark .btn-primary{color:#fff!important}.theme-brand-dark .btn-primary{color:#0f0b24!important}.btn-primary:hover{background-color:var(--primary-hover);box-shadow:0 6px 14px var(--primary-glow);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{color:var(--text-main);border:1px solid var(--border-color);cursor:pointer;background-color:#0000;border-radius:6px;align-items:center;gap:8px;padding:10px 20px;font-size:13px;font-weight:500;transition:all .2s;display:inline-flex}.btn-secondary:hover{background-color:var(--border-color);color:var(--text-dark)}.st-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;padding:20px;transition:all .3s;box-shadow:0 1px 3px #00000005}.tooltip{position:relative}.tooltip:before{content:attr(data-tooltip);background-color:var(--text-dark);color:var(--bg-app);white-space:nowrap;opacity:0;pointer-events:none;z-index:200;border-radius:4px;padding:6px 10px;font-size:11px;transition:all .2s;position:absolute;bottom:125%;left:50%;transform:translate(-50%)}.tooltip:hover:before{opacity:1}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.mobile-header,.mobile-sidebar-overlay,.mobile-preferences-accordion,.tracker-billable-text,.tracker-tag-text{display:none}@media (width<=768px){.app-container{flex-direction:column!important;padding-top:56px!important}.app-container>.main-content>header{display:none!important}.mobile-header{background-color:var(--bg-sidebar)!important;border-bottom:1px solid var(--border-color)!important;z-index:1010!important;-webkit-backdrop-filter:blur(12px)!important;justify-content:space-between!important;align-items:center!important;height:56px!important;padding:0 16px!important;display:flex!important;position:fixed!important;top:0!important;left:0!important;right:0!important}.mobile-hamburger-btn{color:var(--text-dark);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:8px;transition:background-color .2s;display:flex}.mobile-hamburger-btn:hover{background-color:var(--primary-glow);color:var(--primary)}.sidebar{z-index:1020!important;background-color:var(--bg-sidebar)!important;width:260px!important;height:100vh!important;transition:transform .3s cubic-bezier(.4,0,.2,1)!important;position:fixed!important;top:0!important;bottom:0!important;left:-260px!important;box-shadow:0 10px 40px #00000059!important}.sidebar.mobile-open{transform:translate(260px)!important}.mobile-sidebar-overlay{animation:.2s ease-out fadeInOverlay;-webkit-backdrop-filter:blur(4px)!important;z-index:1015!important;background:#0006!important;display:block!important;position:fixed!important;inset:0!important}.mobile-close-btn{display:block!important}.main-content{gap:16px!important;padding:16px!important}.mobile-preferences-accordion{border:1px solid var(--border-color)!important;background-color:var(--bg-card)!important;border-radius:8px!important;margin-bottom:4px!important;padding:12px 16px!important;display:block!important;box-shadow:0 4px 12px #00000005!important}.preferences-content-grid select.st-select{appearance:select!important;background-image:none!important;width:auto!important;height:28px!important;padding:4px 8px!important;font-size:11px!important}.tracker-container{flex-direction:column!important;align-items:stretch!important;gap:16px!important;padding:16px!important}.tracker-input-description{border-bottom:1px solid var(--border-color)!important;flex:none!important;width:100%!important;padding-bottom:8px!important;font-size:15px!important}.tracker-unified-dropdown-wrapper{width:100%!important}.tracker-unified-dropdown-wrapper>button{width:100%!important;max-width:none!important}.tracker-split-selectors-wrapper{grid-template-columns:1fr 1fr!important;gap:8px!important;width:100%!important;display:grid!important}.tracker-split-selectors-wrapper>div,.tracker-split-selectors-wrapper select{width:100%!important;max-width:none!important}.tracker-preference-btn{display:none!important}.tracker-billable-btn{border:1px solid var(--border-color)!important;background-color:var(--bg-app)!important;border-radius:8px!important;justify-content:center!important;width:100%!important;height:42px!important;margin-top:4px!important}.tracker-billable-text{display:inline!important}.tracker-tag-container{width:100%!important}.tracker-tag-btn{border:1px solid var(--border-color)!important;background-color:var(--bg-app)!important;border-radius:8px!important;justify-content:center!important;width:100%!important;height:42px!important;margin-top:4px!important}.tracker-tag-text{display:inline!important}.tracker-unified-dropdown-panel,.row-project-dropdown-panel{width:100%!important;max-width:100%!important;left:0!important;right:0!important}.tracker-tag-dropdown-panel{width:100%!important;left:0!important;right:0!important}.row-tag-dropdown-panel{width:200px!important;max-width:calc(100vw - 32px)!important;right:0!important}.custom-select-panel{width:100%!important;min-width:100%!important;max-width:100%!important;left:0!important;right:0!important}.tracker-timer-controls{border-top:1px dashed var(--border-color)!important;justify-content:space-between!important;width:100%!important;margin-left:0!important;padding-top:12px!important}.tracker-timer-controls button{flex:1!important;justify-content:center!important}.tracker-manual-controls{border-top:1px dashed var(--border-color)!important;flex-direction:column!important;align-items:stretch!important;gap:12px!important;width:100%!important;margin-left:0!important;padding-top:12px!important}.tracker-manual-time-grid{grid-template-columns:1fr 1fr!important;gap:10px!important;width:100%!important;display:grid!important}.tracker-manual-time-grid>div{flex-direction:column!important;align-items:stretch!important;gap:4px!important;width:100%!important}.tracker-manual-time-grid input{width:100%!important;font-size:13px!important}.tracker-manual-dash{display:none!important}.tracker-manual-add-btn{justify-content:center!important;width:100%!important;height:42px!important}.tracker-mode-toggle{width:100%!important;margin-top:4px!important}.tracker-mode-toggle button{flex:1!important;justify-content:center!important}.budget-dashboard-header,.reports-dashboard-header,.panel-header{flex-direction:column!important;align-items:stretch!important;gap:12px!important}.budget-monitor-metrics-grid{grid-template-columns:1fr 1fr!important;gap:8px!important}.budget-monitor-metrics-grid>div{padding:12px!important}.budget-monitor-cards-grid{grid-template-columns:1fr!important;gap:16px!important}.reports-dashboard-filter-bar{flex-direction:column!important;align-items:stretch!important;gap:10px!important}.reports-charts-grid,.clients-panel-grid,.projects-panel-grid,.teams-panel-grid{grid-template-columns:1fr!important;gap:16px!important}.st-card form{flex-direction:column!important;align-items:stretch!important;gap:12px!important}.st-card form>div{width:100%!important}}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}.quick-template-capsule{position:relative;box-shadow:0 1px 3px #0000000d;background:var(--bg-card)!important;border-color:var(--border-color)!important}.quick-template-capsule:hover{transform:translateY(-1px);border-color:var(--primary)!important;box-shadow:0 4px 12px var(--primary-glow)!important}.quick-template-capsule .pin-icon-btn:hover{opacity:1!important;color:var(--primary)!important}.tooltip-container:hover .tooltip-text{visibility:visible!important;opacity:1!important}@keyframes pulse{0%{opacity:.9;transform:scale(.98)}50%{opacity:1;transform:scale(1.02)}to{opacity:.9;transform:scale(.98)}}.header-timer-pill{transition:all .2s;animation:1.8s ease-in-out infinite pulse}.header-timer-pill:hover{filter:brightness(1.1);transform:scale(1.05)}@keyframes slideUp{0%{opacity:0;transform:translate(-50%,100%)scale(.9)}to{opacity:1;transform:translate(-50%)scale(1)}}.animate-slide-up{animation:.3s cubic-bezier(.16,1,.3,1) forwards slideUp}.bulk-actions-overlay{opacity:.96;background-color:var(--bg-card)!important;border-color:var(--border-color)!important}.theme-light .bulk-actions-overlay{background-color:#ffffffd9!important}.theme-dark .bulk-actions-overlay{background-color:#181a24d9!important}.theme-brand-dark .bulk-actions-overlay{background-color:#191439d9!important}input[type=checkbox]{appearance:none;font:inherit;cursor:pointer;vertical-align:middle;border-radius:4px;place-content:center;width:16px;height:16px;margin:0;transition:all .15s ease-in-out;display:inline-grid;position:relative;border:1.5px solid var(--border-color)!important;background-color:#0000!important}input[type=checkbox]:before{content:"";clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0%,43% 62%);border-radius:1px;width:8px;height:8px;transition:transform .1s ease-in-out;transform:scale(0);background-color:var(--primary)!important}input[type=checkbox]:checked{border-color:var(--primary)!important;background-color:var(--primary-glow)!important}input[type=checkbox]:checked:before{transform:scale(1)}input[type=checkbox]:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.role-card-admin{border:1px solid #7142f840!important;border-left:4px solid var(--primary)!important;background:linear-gradient(90deg,#7142f805,#0000)!important}.theme-brand-dark .role-card-admin{border:1px solid #ffc60040!important;border-left:4px solid var(--primary)!important;background:linear-gradient(90deg,#ffc60005,#0000)!important}.role-card-core{background:linear-gradient(90deg,#10b98105,#0000)!important;border:1px solid #10b98140!important;border-left:4px solid #10b981!important}.role-card-base{background:linear-gradient(90deg,#3b82f605,#0000)!important;border:1px solid #3b82f640!important;border-left:4px solid #3b82f6!important}.role-card-external{background:linear-gradient(90deg,#94a3b803,#0000)!important;border:1px solid #94a3b833!important;border-left:4px solid #64748b!important}@media (width<=768px){.entry-row{flex-direction:column!important;align-items:stretch!important;gap:12px!important;padding:12px 14px!important}.entry-row>div:first-of-type{flex:none!important;width:100%!important;max-width:100%!important}.entry-row>div:nth-of-type(2){flex:none!important;width:100%!important;max-width:100%!important;margin-left:0!important}.entry-row>div:last-of-type{border-top:1px dashed var(--border-color)!important;flex-wrap:wrap!important;flex:none!important;justify-content:space-between!important;gap:12px!important;width:100%!important;max-width:100%!important;margin-top:2px!important;padding-top:10px!important}.entry-row>div:last-of-type>div{align-items:center!important;display:flex!important}}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.animate-fade{animation:.22s cubic-bezier(.16,1,.3,1) forwards fadeIn!important}