@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap";:root{--bg-primary:#f8fafc;--bg-secondary:#fff;--border-color:#e4e4e7;--accent-black:#09090b;--accent-black-hover:#27272a;--accent-gray:#f4f4f5;--text-primary:#09090b;--text-secondary:#52525b;--text-muted:#71717a;--font-heading:"Outfit", "Plus Jakarta Sans", system-ui, sans-serif;--font-body:"Plus Jakarta Sans", system-ui, sans-serif;--shadow-sm:0 1px 2px 0 #0000000a;--shadow-md:0 4px 6px -1px #00000008, 0 2px 4px -2px #00000005;--shadow-lg:0 10px 15px -3px #0000000a, 0 4px 6px -2px #00000005;--shadow-inset:inset 0 2px 4px 0 #00000005}*{box-sizing:border-box}html,body{background-color:var(--bg-primary);height:100dvh;color:var(--text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;margin:0;padding:0;overflow:hidden}#root{flex-direction:column;height:100dvh;display:flex;overflow:hidden}.dashboard-app-container{background-color:var(--bg-primary);flex-direction:column;height:100dvh;display:flex;overflow:hidden}.dashboard-body-wrapper{flex:1;min-height:0;display:flex;position:relative;overflow:hidden}.dashboard-main-content,main{background-color:var(--bg-primary);touch-action:pan-y;will-change:scroll-position;flex:1;min-height:0;position:relative;transform:translateZ(0);-webkit-overflow-scrolling:touch!important;overscroll-behavior-y:contain!important;overflow:hidden auto!important}.page-container{box-sizing:border-box;width:100%;max-width:1440px;margin:0 auto;padding:2rem 2.5rem}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--text-primary);margin:0}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.sidebar-nav-item{transition:background-color .18s cubic-bezier(.16,1,.3,1),color .18s cubic-bezier(.16,1,.3,1),transform .12s ease-out!important}.sidebar-nav-item:not(.active):hover{background-color:#09090b0d!important}.sidebar-nav-item:not(.active):hover .nav-icon{color:#18181b!important}.sidebar-nav-item:not(.active):hover .nav-label{color:#09090b!important;font-weight:700!important}.sidebar-nav-item.active:hover{background-color:#18181b!important}.sidebar-nav-item:active{transform:scale(.985)}.header-pill-btn{transition:background-color .18s,color .18s,transform .12s!important}.header-pill-btn:not(.active):hover{color:#09090b!important;background-color:#09090b0f!important}.header-pill-btn.active:hover{background-color:#18181b!important}.notif-bell-btn,.header-user-card{transition:background-color .18s,border-color .18s,box-shadow .18s!important}.notif-bell-btn:hover,.header-user-card:hover{background-color:#09090b0a!important;border-color:#d4d4d8!important}.dropdown-menu-item{transition:background-color .15s,color .15s!important}.dropdown-menu-item:hover{color:#09090b!important;background-color:#09090b0d!important}.sidebar-user-card{transition:background-color .18s,border-color .18s!important}.sidebar-user-card:hover{background-color:#f1f5f9!important;border-color:#cbd5e1!important}.sidebar-logout-btn{transition:background-color .15s,color .15s!important}.sidebar-logout-btn:hover{color:#ef4444!important;background-color:#ef44441a!important}.table-row-hover{transition:background-color .15s!important}.table-row-hover:hover{background-color:#f8fafc!important}.edit-btn-hover{transition:background-color .15s,border-color .15s,color .15s!important}.edit-btn-hover:hover{color:#09090b!important;background-color:#e4e4e7!important;border-color:#d4d4d8!important}select{appearance:none;cursor:pointer;color:#09090b;font-family:var(--font-body);background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2371717a' 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 10px center;background-repeat:no-repeat;border:1px solid #e4e4e7;border-radius:8px;outline:none;font-weight:600;transition:border-color .15s,background-color .15s,box-shadow .15s;padding-right:28px!important}select:hover{background-color:#f8fafc;border-color:#cbd5e1}select:focus{border-color:#09090b;box-shadow:0 0 0 2px #09090b14}select option{color:#09090b;background-color:#fff;padding:8px 12px;font-weight:500}.custom-select-trigger:hover{background-color:#f8fafc!important;border-color:#cbd5e1!important}.custom-select-option{transition:background-color .15s,color .15s!important}.custom-select-option:hover{color:#09090b!important;background-color:#09090b0d!important}.btn-blue-primary{color:#fff!important;background-color:#2563eb!important;transition:background-color .18s,transform .12s,box-shadow .18s!important;box-shadow:0 2px 8px #2563eb40!important}.btn-blue-primary:hover{background-color:#1d4ed8!important;box-shadow:0 4px 14px #2563eb66!important}.btn-blue-primary:active{transform:scale(.975)}.btn-red-reset{color:#fff!important;background-color:#ef4444!important;border:none!important;transition:background-color .18s,transform .12s,box-shadow .18s!important;box-shadow:0 2px 6px #ef444440!important}.btn-red-reset:hover{background-color:#dc2626!important;box-shadow:0 4px 12px #ef444459!important}.btn-red-reset:active{transform:scale(.975)}.mobile-bottom-nav{z-index:998;background:#fff;border-top:1px solid #e4e4e7;justify-content:space-around;align-items:center;height:64px;padding:0 4px;display:none;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 20px #0000000f}.mobile-bottom-nav-item{cursor:pointer;background:0 0;border:none;border-radius:12px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;min-width:0;padding:8px 4px;transition:all .18s;display:flex}.mobile-bottom-nav-item:active{transform:scale(.92)}.mobile-bottom-nav-icon{color:#71717a;border-radius:10px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .18s;display:flex}.mobile-bottom-nav-item.active .mobile-bottom-nav-icon{color:#fff;background:#09090b}.mobile-bottom-nav-label{color:#94a3b8;font-size:.6rem;font-weight:600;font-family:var(--font-body);white-space:nowrap;text-overflow:ellipsis;text-align:center;max-width:56px;overflow:hidden}.mobile-bottom-nav-item.active .mobile-bottom-nav-label{color:#09090b;font-weight:800}.grid-4col{grid-template-columns:repeat(4,1fr);gap:1rem;display:grid}.grid-3col{grid-template-columns:repeat(3,1fr);gap:1.25rem;display:grid}.grid-2col{grid-template-columns:repeat(2,1fr);gap:1.25rem;display:grid}.notif-dropdown-panel{z-index:100;background:#fff;border:1px solid #e4e4e7;border-radius:16px;flex-direction:column;gap:.5rem;width:340px;padding:.85rem;display:flex;position:absolute;top:46px;right:0;box-shadow:0 10px 25px -5px #0000001f}.user-dropdown-panel{z-index:100;background:#fff;border:1px solid #e4e4e7;border-radius:16px;flex-direction:column;gap:.5rem;width:260px;padding:.75rem;display:flex;position:absolute;top:46px;right:0;box-shadow:0 10px 25px -5px #0000001f}.responsive-hero{justify-content:space-between;align-items:center;display:flex}@media (width<=1024px){.grid-4col,.grid-3col{grid-template-columns:repeat(2,1fr)!important}main{padding:1.25rem!important}}@media (width<=768px){.mobile-bottom-nav{padding-bottom:env(safe-area-inset-bottom,0px);height:calc(64px + env(safe-area-inset-bottom,0px));display:flex!important}.dashboard-main-content,main{touch-action:pan-y;will-change:scroll-position;transform:translateZ(0);padding:0!important;padding-bottom:calc(72px + env(safe-area-inset-bottom,0px))!important;-webkit-overflow-scrolling:touch!important;overscroll-behavior-y:contain!important;overflow:hidden auto!important}main>div{box-sizing:border-box!important;flex:none!important;width:100%!important;max-width:100%!important;height:auto!important;max-height:none!important;padding:1rem!important;overflow:clip visible!important}.page-container{height:auto!important;max-height:none!important;padding:1rem!important;overflow:clip visible!important}.machinery-stock-scroll-list{max-height:none!important;overflow:visible!important}.crm-kanban-column-body{max-height:none!important;overflow-y:visible!important}.apsai-page-wrapper{height:auto!important;max-height:none!important;padding:.75rem .5rem 1rem!important;overflow:visible!important}.apsai-main-grid{flex-direction:column!important;gap:.75rem!important;height:auto!important;max-height:none!important;display:flex!important;overflow:visible!important}.apsai-chat-container{order:1!important;height:calc(100dvh - 190px)!important;min-height:480px!important}.apsai-messages-area{touch-action:pan-y;-webkit-overflow-scrolling:touch!important;overscroll-behavior-y:contain!important}.apsai-side-nav{order:2!important;max-height:none!important;overflow:visible!important}.whatsapp-app-container{flex-direction:column!important;height:auto!important;min-height:520px!important;max-height:none!important;display:flex!important}h1{letter-spacing:-.3px!important;font-size:1.4rem!important}h2{font-size:1.15rem!important}.grid-4col,.grid-3col,.grid-2col{grid-template-columns:1fr!important;gap:.75rem!important}.responsive-hero{border-radius:16px!important;flex-direction:column!important;align-items:flex-start!important;gap:.75rem!important;min-height:auto!important;padding:1.25rem!important}.hero-circle-graphic{display:none!important}.hero-left{flex:none!important;width:100%!important}.hero-title-text{letter-spacing:-.5px!important;font-size:1.5rem!important}.notif-dropdown-panel{border-radius:12px!important;width:auto!important;max-height:calc(100vh - 150px)!important;position:fixed!important;top:66px!important;left:8px!important;right:8px!important;overflow-y:auto!important}.user-dropdown-panel{border-radius:12px!important;width:auto!important;position:fixed!important;top:66px!important;left:8px!important;right:8px!important}.pipeline-kanban{-webkit-overflow-scrolling:touch!important;padding-bottom:1rem!important;overflow-x:auto!important}.responsive-table-container{-webkit-overflow-scrolling:touch!important;width:100%!important;overflow-x:auto!important}.responsive-table-content{min-width:680px!important}.users-roles-table-card{-webkit-overflow-scrolling:touch!important;width:100%!important;overflow-x:auto!important}.users-roles-table-header,.users-roles-table-row{min-width:720px!important}.payment-table-wrapper{-webkit-overflow-scrolling:touch!important;width:100%!important;overflow-x:auto!important}.payment-table-inner{min-width:640px!important}.bookings-table-wrapper{-webkit-overflow-scrolling:touch!important;width:100%!important;overflow-x:auto!important}.bookings-table-inner{min-width:680px!important}.mobile-stack-header{flex-direction:column!important;align-items:flex-start!important;gap:.75rem!important}.mobile-filter-toolbar{flex-direction:column!important;align-items:stretch!important;gap:.5rem!important}.mobile-filter-toolbar>div:first-child{width:100%!important}.mobile-filter-groups{grid-template-columns:1fr 1fr!important;gap:.5rem!important;width:100%!important;display:grid!important}.mobile-filter-groups .filter-group-row{flex-direction:column!important;gap:3px!important;width:100%!important;display:flex!important}.mobile-filter-groups .filter-group-row>button,.mobile-filter-groups .filter-group-row>div{width:100%!important}.filter-pills-row{-webkit-overflow-scrolling:touch!important;flex-wrap:nowrap!important;padding-bottom:4px!important;overflow-x:auto!important}.mobile-alert-wrap{flex-wrap:wrap!important;gap:.75rem!important}.mobile-alert-wrap>button{width:100%!important;margin-left:0!important}.modal-content-responsive{border-radius:16px!important;width:94%!important;max-width:none!important;padding:1.25rem!important}.section-header-row{flex-direction:column!important;align-items:flex-start!important;gap:.75rem!important}.stat-chips-row{grid-template-columns:repeat(2,1fr)!important;gap:.5rem!important;display:grid!important}.action-row{flex-wrap:wrap!important;gap:.5rem!important}.machinery-stock-header{flex-direction:column!important;align-items:flex-start!important;gap:.5rem!important}.machinery-stock-item{grid-template-columns:1fr 1fr!important;gap:.75rem!important;padding:.85rem!important;display:grid!important}.machinery-stock-title{grid-column:span 2!important}.machinery-stock-price{grid-column:span 1!important}.machinery-stock-qty{text-align:right!important;grid-column:span 1!important}.machinery-stock-progress{grid-column:span 2!important}.machinery-stock-status{text-align:left!important;grid-column:span 2!important}input[type=text],input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],textarea,select{font-size:16px!important}button{min-height:38px}body{overflow:hidden!important}}@media (width<=480px){main>div,.page-container{padding:.75rem!important;overflow:clip visible!important}.stat-chips-row,.machinery-stock-item{grid-template-columns:1fr!important}.machinery-stock-title,.machinery-stock-price,.machinery-stock-qty,.machinery-stock-progress,.machinery-stock-status{text-align:left!important;grid-column:span 1!important}h1{font-size:1.2rem!important}}.machinery-stock-scroll-list{scrollbar-width:thin;scrollbar-color:#cbd5e1 #f8fafc}.machinery-stock-scroll-list::-webkit-scrollbar{width:6px;height:6px}.machinery-stock-scroll-list::-webkit-scrollbar-track{background:#f1f5f9;border-radius:8px}.machinery-stock-scroll-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:8px;transition:background .2s}.machinery-stock-scroll-list::-webkit-scrollbar-thumb:hover{background:#94a3b8}