@import url("https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,400;1,500;1,600;1,700;1,800&display=swap");.payroll-software-page,.payroll-software-page *,.payroll-software-page h1,.payroll-software-page h2,.payroll-software-page h3,.payroll-software-scroll-content,.payroll-software-scroll-content *,.payroll-software-scroll-root,.payroll-software-scroll-root *{font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important}.payroll-software-page h1,.payroll-software-page h2,.payroll-software-page h3{letter-spacing:-.04em;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}html.has-feature-software,html.has-payroll-software,html:has(.feature-software-scroll-root),html:has(.payroll-software-scroll-root){height:100%!important;overflow:hidden!important}body.has-feature-software,body.has-payroll-software,html.has-feature-software body,html.has-payroll-software body,html:has(.feature-software-scroll-root) body,html:has(.payroll-software-scroll-root) body{position:fixed!important;height:100%!important;width:100%!important;overflow:hidden!important}.feature-software-scroll-root,.payroll-software-scroll-root{position:fixed;inset:0;width:100%;height:100%;height:100dvh;overflow-x:hidden;overflow-y:auto;overflow-y:scroll;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;touch-action:pan-y;background-color:#fff;z-index:10;scroll-behavior:auto;scroll-padding-top:100px}.feature-software-scroll-root.is-smooth,.payroll-software-scroll-root.is-smooth{overflow:hidden!important}.feature-software-scroll-content,.payroll-software-scroll-content{min-height:100%;min-height:100dvh;padding-top:72px}@media (prefers-reduced-motion:reduce){.feature-software-scroll-root,.payroll-software-scroll-root{scroll-behavior:auto}}.payroll-software-page{font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important;color:#0f172a;background-color:#fff;position:relative;width:100%;min-height:100%}.ps-ambient-backdrop{position:absolute;top:0;left:0;right:0;height:1200px;pointer-events:none!important;overflow:hidden;z-index:0}.ps-ripple-container-left{top:-120px;left:-240px;width:780px;height:780px}.ps-ripple-container-left,.ps-ripple-container-right{position:absolute;opacity:.75;pointer-events:none!important}.ps-ripple-container-right{top:280px;right:-240px;width:840px;height:840px}.ps-ripple-ring{position:absolute;border-radius:9999px;border:1px solid rgba(2,132,199,.16);top:50%;left:50%;transform:translate(-50%,-50%);transition:transform .8s cubic-bezier(.16,1,.3,1);pointer-events:none!important}.ps-glow-orb-sky{background:radial-gradient(circle,rgba(2,132,199,.35) 0,rgba(2,132,199,0) 70%)}.ps-glow-orb-cyan,.ps-glow-orb-sky{position:absolute;border-radius:9999px;filter:blur(80px);pointer-events:none}.ps-glow-orb-cyan{background:radial-gradient(circle,rgba(6,182,212,.35) 0,rgba(6,182,212,0) 70%)}.ps-faq-item--open{background-color:var(--ps-faq-open-bg);border-color:var(--ps-faq-open-border)!important}.ps-faq-item:not(.ps-faq-item--open):hover{border-color:var(--ps-faq-hover-border)!important}.feature-software-page .m-nav,.payroll-software-page .m-nav{position:fixed;top:0;left:0;right:0;z-index:80}.ps-nav{position:sticky;top:0;z-index:50;background:hsla(0,0%,100%,.88);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid rgba(226,232,240,.6);transition:all .25s ease}.ps-nav-scrolled{box-shadow:0 4px 20px -2px rgba(15,23,42,.05)}.ps-cta-btn-gradient{background:linear-gradient(135deg,#0284c7,#06b6d4);transition:all .2s cubic-bezier(.16,1,.3,1)}.ps-cta-btn-gradient:hover{transform:translateY(-1px);box-shadow:0 8px 24px -4px rgba(2,132,199,.38)}.ps-cta-btn-gradient:active{transform:translateY(0)}.ps-hero-visual{position:relative;width:100%;height:100%;display:flex;align-items:stretch;justify-content:flex-end;pointer-events:none;overflow:visible}.ps-hero-visual-inner{position:relative;height:100%;width:auto;aspect-ratio:1141/487;flex-shrink:0}.ps-hero-glow{position:absolute;left:90.5%;top:58%;width:16.8%;height:36%;border-radius:9999px;background:rgba(2,132,199,.05);filter:blur(90px);transform:translate(-50%,-50%);z-index:0;pointer-events:none}.ps-hero-hand{position:absolute;left:50.33%;bottom:-20%;width:52.59%;height:auto;max-width:none;-o-object-fit:contain;object-fit:contain;-o-object-position:bottom center;object-position:bottom center;z-index:2;-webkit-user-select:none;-moz-user-select:none;user-select:none}.ps-hero-orbit-svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.ps-hero-orbit-svg--arc{z-index:3}.ps-hero-badge{position:absolute;z-index:4;display:inline-flex;align-items:center;gap:.4rem;min-width:7.75rem;border-radius:6px;border:1px solid hsla(0,0%,100%,.92);background:#fff;padding:.38rem .55rem;box-shadow:2.72px 3.63px 3.63px rgba(0,0,0,.11);white-space:nowrap}.ps-hero-badge--wide{min-width:8.75rem}.ps-hero-badge span{font-size:9px;font-weight:500;line-height:1.2;color:#0f172a}@media (min-width:1280px){.ps-hero-badge span{font-size:9.5px}}@media (max-width:1023px){.ps-hero-visual-inner{width:100%;height:auto;max-width:420px;margin:0 auto}.ps-hero-badge,.ps-hero-glow,.ps-hero-orbit-svg{display:none}.ps-hero-hand{left:50%;bottom:0;width:72%;transform:translateX(-50%)}}.ps-hero-card{background:#fff;border:1px solid rgba(226,232,240,.85);border-radius:20px;box-shadow:0 20px 48px -12px rgba(11,30,64,.12),0 1px 3px 0 rgba(0,0,0,.04);transition:transform .3s ease,box-shadow .3s ease}.ps-hero-card:hover{box-shadow:0 28px 56px -12px rgba(2,132,199,.15),0 2px 6px 0 rgba(0,0,0,.05)}.ps-calc-box{background:#f8fafc;border:1px solid rgba(226,232,240,.8);border-radius:14px}.ps-stepper-line{height:2px;background:linear-gradient(90deg,#10b981,#059669)}.ps-step-btn{transition:all .25s ease;border-radius:14px;border:1px solid transparent;cursor:pointer;text-align:left}.ps-step-btn.is-active{background-color:#ecfdf8;border-color:#99f6e4;box-shadow:0 8px 24px -8px rgba(13,148,136,.35)}.ps-step-btn:not(.is-active){background-color:#fff;border-color:#e2e8f0}.ps-step-btn:not(.is-active):hover{background-color:#f0fdfa;border-color:#99f6e4}.ps-preview-card{background:#f8fafc;border:1px solid rgba(186,230,253,.7);border-radius:18px;box-shadow:0 16px 36px -8px rgba(2,132,199,.12)}.ps-stat-tile{background:#fff;border-radius:14px;border:1px solid rgba(226,232,240,.7);box-shadow:0 4px 14px -2px rgba(15,23,42,.05);transition:all .2s ease}.ps-stat-tile:hover{transform:translateY(-2px);box-shadow:0 8px 20px -4px rgba(15,23,42,.08)}.ps-donut-circle{transform:rotate(-90deg);transform-origin:50% 50%;transition:stroke-dashoffset .8s ease-in-out}.ps-road-bg{stroke:#333644;stroke-width:68;stroke-linecap:round;stroke-linejoin:round;fill:none}.ps-road-inner{stroke:#252733;stroke-width:60;stroke-linecap:round;stroke-linejoin:round;fill:none}.ps-road-dash{stroke:#f1f5f9;stroke-width:3.5;stroke-dasharray:12 14;fill:none;animation:ps-road-dash 35s linear infinite}@keyframes ps-road-dash{0%{stroke-dashoffset:1000}to{stroke-dashoffset:0}}.ps-workflow-track{position:relative;width:100%;max-width:1560px;margin-left:auto;margin-right:auto;aspect-ratio:1560/820;min-height:620px}@media (min-width:1280px){.ps-workflow-track{min-height:780px}}.ps-workflow-track__svg{position:absolute;inset:0;width:100%;height:100%}.ps-workflow-step-01{top:24%;left:10%}.ps-workflow-step-02{top:56%;left:39%}.ps-workflow-step-03{top:12%;left:47%;transform:translateX(-50%)}.ps-workflow-step-04{top:24%;left:69%}.ps-workflow-step-05{top:56%;right:2%;left:auto}@media (min-width:1280px){.ps-workflow-step-01{left:11%}.ps-workflow-step-02{left:40%}.ps-workflow-step-04{left:70%}.ps-workflow-step-05{right:3%}}.ps-checkpoint{-webkit-appearance:none;-moz-appearance:none;appearance:none;font:inherit;background:hsla(0,0%,100%,.95);backdrop-filter:blur(8px);padding:18px 20px;border-radius:18px;border:1px solid rgba(226,232,240,.9);box-shadow:0 16px 36px -12px rgba(15,23,42,.12);cursor:pointer;transition:box-shadow .25s ease,border-color .2s ease}.ps-checkpoint.ps-workflow-step-03,.ps-checkpoint.ps-workflow-step-03.is-active,.ps-checkpoint.ps-workflow-step-03:hover{transform:translateX(-50%)}.ps-checkpoint.is-active,.ps-checkpoint:hover{box-shadow:0 20px 40px -8px rgba(13,148,136,.22);border-color:rgba(13,148,136,.45)}@media (prefers-reduced-motion:reduce){.ps-road-dash{animation:none!important}}.ps-industry-expander{--industry-ease:cubic-bezier(0.165,0.84,0.44,1);--industry-open:2.2s;min-height:520px;gap:8px}.ps-industry-expander-panel{cursor:default;flex:0 0 auto;width:72px;min-width:72px;outline:none;overflow:hidden;transition:width var(--industry-open) var(--industry-ease),box-shadow var(--industry-open) var(--industry-ease),border-color var(--industry-open) var(--industry-ease)}.ps-industry-expander-panel.is-active{width:calc(100% - 160px);box-shadow:0 24px 60px -28px rgba(15,23,42,.14)}.ps-industry-expander-panel:not(.is-active){cursor:pointer}.ps-industry-collapsed{opacity:1;visibility:visible}.ps-industry-expanded,.ps-industry-expander-panel.is-active .ps-industry-collapsed{opacity:0;visibility:hidden;pointer-events:none}.ps-industry-expander-panel.is-active .ps-industry-expanded{visibility:visible;opacity:1;pointer-events:auto}.ps-industry-vertical-label{writing-mode:vertical-rl;transform:rotate(180deg)}@media (prefers-reduced-motion:reduce){.ps-industry-expander-panel{transition:none!important}}.ps-case-studies-section{background:#52ebff}.ps-case-study-card{background-color:#fff;transition:background-color .65s cubic-bezier(.165,.84,.44,1),box-shadow .65s cubic-bezier(.165,.84,.44,1),transform .65s cubic-bezier(.165,.84,.44,1)}.ps-case-study-card:hover{background-color:#fff;transform:translateY(-4px);box-shadow:0 24px 56px -16px rgba(15,23,42,.16)}@media (prefers-reduced-motion:reduce){.ps-case-study-card{transition:none!important}.ps-case-study-card:hover{transform:none}}.ps-employee-card{background:#fff;border-radius:12px;border:1px solid rgba(226,232,240,.8);box-shadow:0 3px 10px -2px rgba(15,23,42,.06);transition:all .2s cubic-bezier(.16,1,.3,1)}.ps-employee-card:hover{transform:translateY(-2px);box-shadow:0 8px 22px -4px rgba(2,132,199,.12);border-color:#bae6fd}.ps-vs-section{background:#fff}.ps-vs-panel{background:transparent}.ps-vs-scroll{overflow:visible;width:100%}.ps-vs-grid{display:grid;width:100%;grid-template-columns:1.35fr 1fr .85fr .85fr .85fr;grid-template-rows:72px repeat(6,68px);-moz-column-gap:0;column-gap:0;row-gap:0;align-items:stretch;position:relative}.ps-vs-corner{grid-column:1;grid-row:1;display:flex;align-items:center}.ps-vs-head-features{font-size:24px;font-weight:700;color:#0f172a;font-family:Plus Jakarta Sans,sans-serif;letter-spacing:-.025em}.ps-vs-emplyr-slot{grid-column:2;grid-row:1/-1;padding:0 10px;position:relative;z-index:10;align-self:stretch}.ps-vs-emplyr-border-wrapper{background:linear-gradient(180deg,#00c3c5,#0081d7);border-radius:20px;padding:3.5px;box-shadow:0 10px 30px -10px rgba(0,129,215,.25);height:100%;display:flex;flex-direction:column}.ps-vs-emplyr-card{background:#fff;border-radius:17px;height:100%;width:100%;display:grid;grid-template-rows:68px repeat(6,68px);padding:0 8px}.ps-vs-emplyr-logo{display:flex;align-items:center;justify-content:center;height:68px}.ps-vs-emplyr-wordmark{display:block;height:40px;width:auto;max-width:100%;-o-object-fit:contain;object-fit:contain}.ps-vs-emplyr-row{display:flex;align-items:center;justify-content:center;height:68px}.ps-vs-competitor-col{display:grid;grid-template-rows:72px repeat(6,68px);align-items:stretch}.ps-vs-competitor-head{padding:0 4px}.ps-vs-competitor-card,.ps-vs-competitor-head{display:flex;align-items:center;justify-content:center}.ps-vs-competitor-card{background:#fff;border:1px solid rgba(226,232,240,.95);border-radius:12px;box-shadow:0 4px 16px rgba(0,0,0,.06),0 1px 3px rgba(0,0,0,.03);height:58px;width:138px;padding:0 10px}.ps-vs-competitor-row{justify-content:center}.ps-vs-competitor-row,.ps-vs-feature{display:flex;align-items:center;height:68px;border-bottom:1px dashed rgba(107,122,141,.35)}.ps-vs-feature{padding-right:16px;font-size:15.5px;font-weight:600;letter-spacing:-.015em;line-height:1.35;color:#0f172a;font-family:Plus Jakarta Sans,sans-serif}.ps-vs-icon{display:inline-flex;height:34px;width:34px;align-items:center;justify-content:center;border-radius:9999px;color:#fff;box-shadow:0 2px 6px rgba(0,0,0,.08)}.ps-vs-icon svg{height:17px;width:17px}.ps-vs-icon--yes{background:#10d090;color:#fff}.ps-vs-icon--no{background:#ef4444;color:#fff}.ps-vs-icon--no svg,.ps-vs-icon--yes svg{color:currentColor}@media (max-width:1023px){.ps-vs-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;margin-left:-12px;margin-right:-12px;padding-left:12px;padding-right:12px;padding-bottom:8px;scrollbar-width:thin;scrollbar-color:rgba(148,163,184,.5) transparent}.ps-vs-scroll::-webkit-scrollbar{height:5px}.ps-vs-scroll::-webkit-scrollbar-thumb{background:rgba(148,163,184,.5);border-radius:9999px}.ps-vs-grid{min-width:760px}}@media (max-width:768px){.ps-ripple-container-left,.ps-ripple-container-right{display:none}}@media (max-width:640px){.dashboard-container{padding:.5rem}.dashboard-card{padding:.75rem;margin-bottom:.75rem}.dashboard-title{font-size:1.5rem;line-height:2rem}.dashboard-subtitle{font-size:.875rem;line-height:1.25rem}.stats-grid{grid-template-columns:repeat(1,minmax(0,1fr));gap:.75rem}.stats-card{padding:.75rem}.stats-value{font-size:1.25rem;line-height:1.75rem}.stats-change{font-size:.75rem;line-height:1rem}.chart-container{height:16rem;padding:.75rem}.quick-actions-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.quick-action-card{padding:.75rem}.quick-action-icon{width:1.25rem;height:1.25rem}.quick-action-text{font-size:.75rem;line-height:1rem}.announcement-card{padding:.75rem}.announcement-title{font-size:.875rem;line-height:1.25rem}.announcement-content{font-size:.75rem;line-height:1rem}.holiday-card{padding:.75rem}.holiday-icon{width:2.5rem;height:2.5rem}.holiday-title{font-size:.875rem;line-height:1.25rem}.activity-item{padding:.5rem 0}.activity-text{font-size:.75rem;line-height:1rem}.schedule-item{padding:.5rem 0}.schedule-text{font-size:.75rem;line-height:1rem}.progress-bar{height:.5rem}}@media (min-width:641px) and (max-width:1024px){.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem}.chart-container{height:18rem}.quick-actions-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}}@media (min-width:1025px){.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem}.chart-container{height:20rem}.quick-actions-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}}@media (max-width:640px){.touch-button{min-height:44px;min-width:44px;padding:.75rem}.touch-icon{width:1.25rem;height:1.25rem}}@media (max-width:1024px){.sidebar-mobile{transform:translateX(-100%);transition:transform .3s ease-in-out}.sidebar-mobile.open{transform:translateX(0)}}@media (max-width:640px){.header-container{padding:.75rem .5rem}.header-search{display:none}.header-actions{gap:.5rem}.notification-dropdown{width:18rem;right:-2rem}.profile-dropdown{width:11rem;right:-1rem}.form-input,.form-select{padding:.75rem;font-size:1rem}.form-button{padding:.75rem 1.5rem;font-size:1rem}.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}.table-mobile{min-width:600px}.modal-container{margin:.5rem;max-height:calc(100vh - 1rem);overflow-y:auto}.modal-content{padding:.75rem}}.mobile-hidden{display:none}@media (min-width:641px){.mobile-hidden{display:block}}.mobile-only{display:block}@media (min-width:641px){.mobile-only{display:none}}.smooth-scroll{scroll-behavior:smooth;-webkit-overflow-scrolling:touch}@media (max-width:640px){.focus-mobile:focus{outline:2px solid #3b82f6;outline-offset:2px}}.bg-white.shadow-lg,.bg-white.shadow-md,.bg-white.shadow-sm,.dashboard-card,.page-container .bg-white,.stats-card,div.bg-white.rounded,div.bg-white.rounded-2xl,div.bg-white.rounded-lg,div.bg-white.rounded-xl{background-color:var(--color-bg-card)!important;box-shadow:none!important}.bottom-nav,.bottom-nav.bg-white,header.bg-white,header:not(.bg-transparent){background-color:#fafafa}.page-container .hover\:shadow-lg:hover,.page-container .hover\:shadow-md:hover,.page-container .shadow-lg,.page-container .shadow-md,.page-container .shadow-sm,.page-container .shadow-xl{box-shadow:none!important}.dropdown .shadow-md,.modal .shadow-lg,.modal .shadow-md,button.shadow-lg,button.shadow-md{box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1)!important}.recharts-responsive-container,.recharts-surface,.recharts-wrapper{margin:0!important;padding:0!important}.recharts-surface{overflow:visible!important}.recharts-cartesian-grid-horizontal line,.recharts-cartesian-grid-vertical line{stroke:#d1d5db}.recharts-text{fill:#6b7280;font-size:9px!important}.recharts-yAxis{width:35px!important}@media (max-width:768px){.recharts-legend-wrapper{display:none!important}}.recharts-tooltip-wrapper{border-radius:8px!important}.recharts-default-tooltip{background-color:#fff!important;border:1px solid #e5e7eb!important;border-radius:8px!important;padding:8px 12px!important}@media (max-width:768px){.page-container,main{padding-bottom:3.5rem!important}.recharts-responsive-container,.recharts-surface,.recharts-wrapper{margin:0!important;padding:0!important;width:100%!important}}.talio-attendance-section{position:relative;width:100%;height:1040px;min-height:1040px;background:transparent;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,sans-serif;display:flex;flex-direction:column;justify-content:center;align-items:center}.talio-eco-ambient-glow{position:absolute;top:55%;left:50%;transform:translate(-50%,-50%);width:820px;height:820px;background:radial-gradient(circle,rgba(59,130,246,.08) 0,rgba(14,165,233,.04) 40%,transparent 70%);pointer-events:none;z-index:0}@keyframes flowOut{0%{stroke-dashoffset:0}to{stroke-dashoffset:-100}}@keyframes hubPulse{0%{box-shadow:0 12px 36px rgba(59,130,246,.22)}50%{box-shadow:0 14px 48px rgba(59,130,246,.42)}to{box-shadow:0 12px 36px rgba(59,130,246,.22)}}@keyframes ecoNodeReveal{0%{opacity:0;transform:scale(.92)}12%{opacity:1;transform:scale(1)}88%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.92)}}.node-reveal{animation:ecoNodeReveal 8s cubic-bezier(.16,1,.3,1) infinite}.node-reveal:hover{animation-play-state:paused;opacity:1!important;transform:translateY(-4px) scale(1.05)!important;z-index:30!important}.eco-glow-hub{position:relative;background:#fff;border:1px solid rgba(191,219,254,.7);box-shadow:0 12px 36px rgba(59,130,246,.24);animation:hubPulse 4s ease-in-out infinite;transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s ease;display:flex;align-items:center;justify-content:center;z-index:20}.eco-glow-hub:hover{transform:scale(1.04);box-shadow:0 16px 52px rgba(59,130,246,.45)}.eco-cat-label-left{justify-content:flex-end;padding-right:2px}.eco-cat-label-left,.eco-cat-label-right{display:flex;align-items:center;gap:6px;width:100%;background:transparent;z-index:10;flex-shrink:0}.eco-cat-label-right{justify-content:flex-start;padding-left:2px}.eco-cat-text{font-size:10.5px;font-weight:800;letter-spacing:.14em;color:#2563eb;white-space:nowrap;text-transform:uppercase;font-family:inherit}.eco-cat-dot{width:8px;height:8px;border-radius:9999px;background-color:#3b82f6;flex-shrink:0;box-shadow:0 0 10px rgba(59,130,246,.8),0 0 2px #3b82f6;transition:transform .2s ease}.eco-cat-dot:hover{transform:scale(1.4)}.eco-feature-card{position:relative;background:#fff;border:1px solid rgba(226,232,240,.95);box-shadow:0 2px 8px -1px rgba(15,23,42,.05);display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:all .25s cubic-bezier(.16,1,.3,1);-webkit-user-select:none;-moz-user-select:none;user-select:none}.eco-feature-card:hover{border-color:rgba(59,130,246,.45);box-shadow:0 12px 24px -4px rgba(59,130,246,.16)}.eco-feature-card .eco-tooltip{position:absolute;bottom:calc(100% + 6px);left:50%;transform:translateX(-50%) translateY(4px);padding:4px 8px;background:#0f172a;color:#fff;font-size:10px;font-weight:600;border-radius:6px;white-space:nowrap;pointer-events:none;opacity:0;transition:all .15s ease;z-index:50;box-shadow:0 4px 12px rgba(0,0,0,.2)}.eco-feature-card:hover .eco-tooltip{opacity:1;transform:translateX(-50%) translateY(0)}.eco-placeholder-card{border:1px dashed rgba(203,213,225,.7);background:rgba(248,250,252,.45);flex-shrink:0;pointer-events:none}.dashboard-layout{background-color:var(--color-bg-main)!important}.sidebar,.sidebar-container,nav.sidebar{background-color:var(--color-bg-sidebar)!important}.hover-theme:hover,.menu-item:hover,.nav-item:hover{background-color:var(--color-bg-hover)!important}.menu-item.active,.nav-item.active{background-color:var(--color-primary-100)!important;color:var(--color-primary-700)!important}.text-theme-primary{color:var(--color-text-primary)!important}.text-theme-secondary{color:var(--color-text-secondary)!important}.btn-primary{background:linear-gradient(135deg,var(--color-primary-500),var(--color-primary-600))!important}.btn-primary:hover{background:linear-gradient(135deg,var(--color-primary-600),var(--color-primary-700))!important}.border-theme{border-color:var(--color-primary-200)!important}.shadow-theme{box-shadow:0 4px 6px -1px rgba(var(--color-primary-500-rgb),.1),0 2px 4px -1px rgba(var(--color-primary-500-rgb),.06)!important}.input{color:#111827;border-radius:.75rem;outline:none}.input:focus{box-shadow:0 0 0 3px rgba(59,130,246,.15)}.input-search{padding-left:2.5rem}html.dark .input{color:#e2e8f0;background-color:rgba(15,23,42,.7);border-color:rgba(51,65,85,.7)}html.dark .input-search{background-color:rgba(15,23,42,.55);border-color:rgba(51,65,85,.7)}html.dark .input-search:focus{background-color:rgba(15,23,42,.75)}.page-container{width:100%;max-width:100%;padding-bottom:1rem}@media (max-width:767px){.page-container{padding-bottom:4rem}}.input{width:100%;padding:.625rem .875rem;font-size:.875rem;color:#1f2937;background-color:#fff;border:1px solid #d1d5db;border-radius:.5rem;transition:all .2s ease}.input:focus{outline:none;border-color:var(--color-primary-500);box-shadow:0 0 0 3px rgba(var(--color-primary-500-rgb),.1)}.input::-moz-placeholder{color:#9ca3af}.input::placeholder{color:#9ca3af}.input-with-icon{position:relative}.input-with-icon .input{padding-left:2.5rem}.input-with-icon .input-icon{position:absolute;left:.875rem;top:50%;transform:translateY(-50%);color:#9ca3af;pointer-events:none}.input-search{background-color:#f9fafb;border-color:#e5e7eb}.input-search:focus{background-color:#fff;border-color:var(--color-primary-500)}.modal-overlay{z-index:99999;display:flex;align-items:center;justify-content:center;padding:1rem;overflow-y:auto}.modal-backdrop,.modal-overlay{position:fixed;inset:0;background-color:rgba(0,0,0,.6);backdrop-filter:blur(10px)}.modal-backdrop{z-index:99998}.modal-container{position:relative;z-index:99999;background-color:#fff;border-radius:30px;box-shadow:0 25px 50px -12px rgba(0,0,0,.25);width:100%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.modal-3xl{max-width:48rem}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;border-top:1px solid #e5e7eb;background-color:#f9fafb}.modal-btn{padding:.625rem 1rem;font-size:.875rem;font-weight:500;border-radius:.5rem;cursor:pointer;transition:all .15s ease;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border:none}.modal-btn-primary{background-color:var(--color-primary-500,#3b82f6);color:#fff}.modal-btn-primary:hover{background-color:var(--color-primary-600,#2563eb)}.text-default-900{color:#0f172a}.text-default-800{color:#1e293b}.text-default-700{color:#334155}.text-default-600{color:#475569}.text-default-500{color:#64748b}.text-default-400{color:#94a3b8}.text-default-300{color:#cbd5e1}.border-default-100{border-color:#e2e8f0}.border-default-200{border-color:#cbd5e1}.bg-default-50{background-color:#f8fafc}.bg-default-100{background-color:#f1f5f9}.text-primary-600{color:var(--color-primary-600,#0284c7)}.text-primary-500{color:var(--color-primary-500,#0ea5e9)}.bg-primary-50{background-color:var(--color-primary-50,#f0f9ff)}.bg-primary-100{background-color:var(--color-primary-100,#e0f2fe)}.border-primary-100{border-color:var(--color-primary-100,#e0f2fe)}.border-primary-200{border-color:var(--color-primary-200,#bae6fd)}.text-success-700{color:#047857}.text-success-600{color:#059669}.text-success-500{color:#10b981}.bg-success-50{background-color:#ecfdf5}.bg-success-100{background-color:#d1fae5}.border-success-100{border-color:#d1fae5}.text-danger-700{color:#be123c}.text-danger-600{color:#e11d48}.text-danger-500{color:#f43f5e}.bg-danger-50{background-color:#fff1f2}.bg-danger-100{background-color:#ffe4e6}.border-danger-100{border-color:#ffe4e6}.text-warning-700{color:#b45309}.text-warning-600{color:#d97706}.text-warning-500{color:#f59e0b}.bg-warning-50{background-color:#fffbeb}.bg-warning-100{background-color:#fef3c7}.border-warning-100{border-color:#fef3c7}.text-secondary-700{color:#4338ca}.text-secondary-600{color:#4f46e5}.text-secondary-500{color:#6366f1}.bg-secondary-50{background-color:#eef2ff}.bg-secondary-100{background-color:#e0e7ff}.border-secondary-100{border-color:#e0e7ff}