@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Oswald:wght@200;300;400;500&family=Roboto:wght@300;400;500;600&display=swap";@import "https://fonts.googleapis.com/css2?family=Oswald:wght@200;300;400;500;600&family=Roboto:wght@100;300;400;500&display=swap";:root{--bg-primary:#f8f9fa;--bg-secondary:#fff;--text-primary:#111827;--text-secondary:#4b5563;--sidebar-bg:#fff;--primary-accent:#534ab7;--primary-accent-hover:#43399c;--border-light:#e5e7eb}html,body,#root{background-color:var(--bg-primary);min-height:100%;color:var(--text-primary);margin:0;transition:background-color .3s,color .3s}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.swal-high-zindex{z-index:9999!important}html[data-theme=dark]{--bg-primary:#000;--bg-secondary:#1e293b;--text-primary:#f8fafc;--text-secondary:#cbd5e1;--sidebar-bg:#111827;--primary-accent:#6366f1;--primary-accent-hover:#818cf8;--border-light:#ffffff1a}html[data-theme=light]{--bg-primary:#f8f9fa;--bg-secondary:#fff;--text-primary:#111827;--text-secondary:#4b5563;--sidebar-bg:#fff;--primary-accent:#534ab7;--primary-accent-hover:#43399c;--border-light:#e5e7eb}html,body,#root{min-height:100%}html[data-theme=dark],html[data-theme=dark] body,html[data-theme=dark] #root{color:#f8fafc;background-color:#000}html[data-theme=light],html[data-theme=light] body,html[data-theme=light] #root{color:#111827;background-color:#f8f9fa}.sidebar{background-color:var(--sidebar-bg);width:250px;height:94vh;color:var(--text-primary);border-right:1px solid var(--border-light);z-index:1000;-webkit-user-select:none;user-select:none;border-radius:0 10px 10px 0;padding-top:30px;padding-bottom:20px;transition:width .3s,background .3s;position:fixed;top:0;left:0;overflow-y:scroll;box-shadow:2px 0 10px #0000000d}.search{border:1px solid var(--border-light);border-radius:2px;width:92%;height:30px;margin-top:20px;margin-left:10px}.sidebar::-webkit-scrollbar{display:none}.sidebar.collapsed{background-color:var(--sidebar-bg);border-right:1px solid var(--border-light);border-radius:0 10px 10px 0;width:80px}.sidebar .logo{justify-content:center;align-items:center;margin-bottom:10px;display:flex}.sidebar .logo img{width:150px;height:auto;margin-top:20px;margin-bottom:20px;transition:transform .3s,width .3s}.sidebar.collapsed .logo img{width:40px}.sidebar-header{color:var(--text-primary);letter-spacing:1px;justify-content:end;align-items:center;padding:0 40px;font-size:1.5rem;font-weight:700;transition:all .3s;display:flex}.sidebar-title{font-size:1.3rem;font-weight:600;transition:opacity .3s,margin-left .3s}.sidebar.collapsed .sidebar-title{opacity:0;margin-left:-20px}.sidebar.collapsed .search{display:none}.collapse-btn{cursor:pointer;color:var(--text-secondary);font-size:1.75rem;transition:transform .3s ease-in-out,color .3s}.collapse-btn:hover{color:var(--primary-accent);transition:transform .3s ease-in-out}.sidebar.collapsed .collapse-btn{transform:rotate(180deg)}.menu-item{cursor:pointer;color:var(--text-secondary);border-radius:8px;justify-content:space-between;align-items:center;width:90.5%;margin:5px auto;padding:10px 12px;font-size:1rem;font-weight:500;transition:all .2s ease-in-out;display:flex}.menu-item:hover{color:var(--primary-accent);background-color:#534ab70d}.menu-item:hover .menu-item-icon{color:var(--primary-accent)}.menu-item.active{color:var(--primary-accent);background-color:#534ab71a;font-weight:600}.menu-item.active .menu-item-icon.active{color:var(--primary-accent)}.menu-item svg{margin-right:6px;font-size:1.2rem;transition:transform .3s;position:relative}.sub-menu{border-radius:5px;padding-left:30px;transition:background-color .3s;display:block}.sub-menu .menu-item{padding:8px 12px;font-size:.9rem}.sub-menu .menu-item:hover{color:var(--primary-accent);background-color:#534ab70d}.sub-menu .menu-item.active{color:var(--primary-accent);background-color:#534ab71a;font-weight:600}.sidebar.collapsed .menu-item span{display:none}.sidebar.collapsed .menu-item svg{margin-right:0;font-size:1.75rem}.sidebar.collapsed .sub-menu{display:none}.content{margin-left:300px;transition:margin-left .3s ease-in-out}.sidebar.collapsed+.content{margin-left:80px}@media (width<=768px){.sidebar{width:200px;height:100%}.sidebar.collapsed{width:60px;height:100%}.menu-item{font-size:.9rem}.sidebar-title{font-size:1rem}.content{margin-left:-60px;padding:20px;transition:margin-left .3s ease-in-out}.sidebar.collapsed+.content{margin-left:20px}}.react-calendar .tile.highlight-present{color:#155724!important;background-color:#d4edda!important}.react-calendar .tile.highlight-absent{color:#721c24!important;background-color:#f8d7da!important}.react-calendar .tile.highlight-holiday{color:#856404!important;background-color:#fff3cd!important}.row-highlight-present{color:#155724!important;background-color:#d4edda!important}.row-highlight-absent{color:#721c24!important;background-color:#f8d7da!important}.row-highlight-holiday{color:#856404!important;background-color:#fff3cd!important}.highlight-status-text{color:#555;text-align:center;font-size:12px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.attendance-table{border-collapse:collapse;width:100%;margin-top:20px;font-family:Arial,sans-serif}.attendance-table tr:nth-child(2n){background-color:#f9f9f9}.attendance-table tr:hover{background-color:#f1f1f1}.attendance-table{border-collapse:collapse;border:1px solid #ddd;width:100%;margin-top:20px}.attendance-table th,.attendance-table td{text-align:left;border:1px solid #ddd;padding:10px}.attendance-table th{background-color:#b3b3b3}.filters{gap:20px;margin-bottom:20px;display:flex}.btn-toggle{color:#fff;cursor:pointer;background-color:#007bff;border:none;border-radius:5px;margin-top:20px;padding:10px 20px}.btn-toggle:hover{background-color:#0056b3}.calendar-container{justify-content:center;margin-top:40px;display:flex}.react-calendar{flex-direction:column;justify-content:space-around;display:flex}.react-calendar,.react-calendar *,.react-calendar :before,.react-calendar :after{font-size:20px}@media (width<=768px){.filters{flex-direction:column}.calendar-container{width:100%}}:root{--background:#f0f2f5;--text-color:#111827;--card-bg:#fff;--border-color:#e5e7eb;--accent:#14b8a6;--accent-2:#6366f1;--muted:#6b7280;--shadow-sm:0 2px 8px #00000012;--shadow-md:0 8px 24px #0000001a;--radius:10px}[data-theme=dark]{--background:#0f1117;--text-color:#f1f5f9;--card-bg:#1a1d27;--border-color:#2d3148;--muted:#9ca3af;--shadow-sm:0 2px 8px #00000059;--shadow-md:0 8px 24px #0000008c}[data-theme=dark] .MuiPaper-root{background-image:none!important}.dash-table .MuiTableCell-head{color:var(--text-color)!important;border-top:none!important;border-left:none!important;border-right:none!important;border-bottom:1px solid var(--border-color)!important;background-color:#0000!important}.dash-table .MuiTableCell-root{border-top:none!important;border-left:none!important;border-right:none!important;border-bottom:1px solid var(--border-color)!important;background-color:#0000!important}.app-container{background-color:var(--background);box-sizing:border-box;min-height:100vh;padding:24px;transition:background-color .25s}h1{letter-spacing:-.02em;color:var(--text-color);margin-bottom:20px;font-size:1.5rem;font-weight:800}.stat-box,.metric-box{background-color:var(--card-bg);border-radius:var(--radius);text-align:center;border:1px solid var(--border-color);box-shadow:var(--shadow-sm);padding:20px;transition:box-shadow .2s,transform .2s}.stat-box:hover,.metric-box:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-box h3,.metric-box h3{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin:0;font-size:.8rem;font-weight:600}.stat-box p,.metric-box p{color:var(--text-color);margin:8px 0 4px;font-size:1.75rem;font-weight:800}.stat-box p:last-child,.metric-box p:last-child{color:var(--muted);margin-top:2px;font-size:.75rem;font-weight:400}.header-stats{flex-wrap:wrap;justify-content:space-between;gap:16px;margin-bottom:28px;display:flex}.header-stats .stat-box{flex:1;min-width:180px}.chart-container{background-color:var(--card-bg);border-radius:var(--radius);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);box-sizing:border-box;width:100%;height:300px;padding:16px;transition:box-shadow .2s,transform .2s;overflow:hidden}.chart-container:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.chart-container canvas{max-width:100%;height:100%!important}.table-container{max-width:100%;overflow-x:auto}.MuiTableBody-root .MuiTableRow-root:nth-of-type(2n){background-color:#00000006}[data-theme=dark] .MuiTableBody-root .MuiTableRow-root:nth-of-type(2n){background-color:#ffffff08}.loader{border:3px solid #14b8a626;border-top-color:#14b8a6;border-radius:50%;width:28px;height:28px;animation:.8s linear infinite spin}@keyframes spin{0%{transform:rotateX(0)rotateY(0)}25%{transform:rotateX(90deg)rotateY(90deg)}50%{transform:rotateX(180deg)rotateY(180deg)}75%{transform:rotateX(240deg)rotateY(240deg)}to{transform:rotateX(360deg)rotateY(360deg)}}.main-content{flex-direction:column;gap:20px;display:flex}.metrics{flex-wrap:wrap;justify-content:space-between;gap:16px;display:flex}.yearly-footer{flex-wrap:wrap;justify-content:space-between;gap:16px;margin-top:28px;display:flex}.yearly-footer div{text-align:center;flex:1;min-width:140px}.yearly-footer p{margin:4px 0}.yearly-footer p:first-child{color:var(--text-color);font-size:1.1rem;font-weight:700}.chart-card-header{align-items:center;gap:8px;margin-bottom:12px;display:flex}@media (width<=600px){.MuiTableCell-root{padding:8px 4px!important;font-size:.65rem!important}.MuiAvatar-root{width:20px!important;height:20px!important;font-size:.5rem!important}}@media (width<=576px){.app-container{padding:12px 12px 80px}h1{text-align:center;font-size:1rem}.header-stats{flex-direction:column;gap:12px}.stat-box{min-width:100%;padding:16px}.stat-box p{font-size:1.25rem}.chart-container{height:220px;padding:12px}.metrics{flex-direction:column;gap:12px}.metric-box{min-width:100%;padding:12px}.yearly-footer{flex-direction:column;gap:12px;margin-top:20px}.MuiFormControl-root{margin-bottom:8px;width:100%!important}.MuiButton-root{justify-content:center;width:100%!important}}@media (width>=576px) and (width<=768px){.app-container{padding:14px 14px 28px}h1{font-size:1.2rem}.stat-box{min-width:100%}.chart-container{height:240px}}@media (width>=768px) and (width<=992px){.app-container{padding:18px 18px 40px}.stat-box{flex:45%}.chart-container{height:270px}.metric-box{flex:45%}}@media (width>=992px) and (width<=1200px){.app-container{padding:22px 22px 48px}.chart-container{height:290px}}@media (width>=1200px){.app-container{padding:28px 28px 60px}.chart-container{height:320px}}.content.collapsed{margin-left:0}.dash-customize-fab{z-index:1200;color:#fff;cursor:pointer;background:linear-gradient(135deg,#14b8a6,#6366f1);border:none;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;padding:0;font-size:1.2rem;transition:all .25s;display:flex;position:fixed;bottom:12px;right:20px;box-shadow:0 4px 20px #14b8a659}.dash-customize-fab:hover{background:linear-gradient(135deg,#0d9488,#4f46e5);transform:translateY(-2px)scale(1.05);box-shadow:0 8px 30px #14b8a673}@media (width<=576px){.dash-customize-fab{padding:10px 14px;font-size:.65rem;bottom:16px;right:16px}}.react-flow{direction:ltr}.react-flow__container{width:100%;height:100%;position:absolute;top:0;left:0}.react-flow__pane{z-index:1;cursor:-webkit-grab;cursor:grab}.react-flow__pane.selection{cursor:pointer}.react-flow__pane.dragging{cursor:-webkit-grabbing;cursor:grabbing}.react-flow__viewport{transform-origin:0 0;z-index:2;pointer-events:none}.react-flow__renderer{z-index:4}.react-flow__selection{z-index:6}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible{outline:none}.react-flow .react-flow__edges{pointer-events:none;overflow:visible}.react-flow__edge-path,.react-flow__connection-path{stroke:#b1b1b7;stroke-width:1px;fill:none}.react-flow__edge{pointer-events:visibleStroke;cursor:pointer}.react-flow__edge.animated path{stroke-dasharray:5;animation:.5s linear infinite dashdraw}.react-flow__edge.animated path.react-flow__edge-interaction{stroke-dasharray:none;animation:none}.react-flow__edge.inactive{pointer-events:none}.react-flow__edge.selected,.react-flow__edge:focus,.react-flow__edge:focus-visible{outline:none}.react-flow__edge.selected .react-flow__edge-path,.react-flow__edge:focus .react-flow__edge-path,.react-flow__edge:focus-visible .react-flow__edge-path{stroke:#555}.react-flow__edge-textwrapper{pointer-events:all}.react-flow__edge-textbg{fill:#fff}.react-flow__edge .react-flow__edge-text{pointer-events:none;-webkit-user-select:none;user-select:none}.react-flow__connection{pointer-events:none}.react-flow__connection .animated{stroke-dasharray:5;animation:.5s linear infinite dashdraw}.react-flow__connectionline{z-index:1001}.react-flow__nodes{pointer-events:none;transform-origin:0 0}.react-flow__node{-webkit-user-select:none;user-select:none;pointer-events:all;transform-origin:0 0;box-sizing:border-box;cursor:-webkit-grab;cursor:grab;position:absolute}.react-flow__node.dragging{cursor:-webkit-grabbing;cursor:grabbing}.react-flow__nodesselection{z-index:3;transform-origin:0 0;pointer-events:none}.react-flow__nodesselection-rect{pointer-events:all;cursor:-webkit-grab;cursor:grab;position:absolute}.react-flow__handle{pointer-events:none;background:#1a192b;border:1px solid #fff;border-radius:100%;width:6px;min-width:5px;height:6px;min-height:5px;position:absolute}.react-flow__handle.connectionindicator{pointer-events:all;cursor:crosshair}.react-flow__handle-bottom{top:auto;bottom:-4px;left:50%;transform:translate(-50%)}.react-flow__handle-top{top:-4px;left:50%;transform:translate(-50%)}.react-flow__handle-left{top:50%;left:-4px;transform:translateY(-50%)}.react-flow__handle-right{top:50%;right:-4px;transform:translateY(-50%)}.react-flow__edgeupdater{cursor:move;pointer-events:all}.react-flow__panel{z-index:5;margin:15px;position:absolute}.react-flow__panel.top{top:0}.react-flow__panel.bottom{bottom:0}.react-flow__panel.left{left:0}.react-flow__panel.right{right:0}.react-flow__panel.center{left:50%;transform:translate(-50%)}.react-flow__attribution{background:#ffffff80;margin:0;padding:2px 3px;font-size:10px}.react-flow__attribution a{color:#999;text-decoration:none}@keyframes dashdraw{0%{stroke-dashoffset:10px}}.react-flow__edgelabel-renderer{pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute}.react-flow__edge.updating .react-flow__edge-path{stroke:#777}.react-flow__edge-text{font-size:10px}.react-flow__node.selectable:focus,.react-flow__node.selectable:focus-visible{outline:none}.react-flow__node-default,.react-flow__node-input,.react-flow__node-output,.react-flow__node-group{color:#222;text-align:center;background-color:#fff;border:1px solid #1a192b;border-radius:3px;width:150px;padding:10px;font-size:12px}.react-flow__node-default.selectable:hover,.react-flow__node-input.selectable:hover,.react-flow__node-output.selectable:hover,.react-flow__node-group.selectable:hover{box-shadow:0 1px 4px 1px #00000014}.react-flow__node-default.selectable.selected,.react-flow__node-default.selectable:focus,.react-flow__node-default.selectable:focus-visible,.react-flow__node-input.selectable.selected,.react-flow__node-input.selectable:focus,.react-flow__node-input.selectable:focus-visible,.react-flow__node-output.selectable.selected,.react-flow__node-output.selectable:focus,.react-flow__node-output.selectable:focus-visible,.react-flow__node-group.selectable.selected,.react-flow__node-group.selectable:focus,.react-flow__node-group.selectable:focus-visible{box-shadow:0 0 0 .5px #1a192b}.react-flow__node-group{background-color:#f0f0f040}.react-flow__nodesselection-rect,.react-flow__selection{background:#0059dc14;border:1px dotted #0059dccc}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible,.react-flow__selection:focus,.react-flow__selection:focus-visible{outline:none}.react-flow__controls{box-shadow:0 0 2px 1px #00000014}.react-flow__controls-button{box-sizing:content-box;cursor:pointer;-webkit-user-select:none;user-select:none;background:#fefefe;border:none;border-bottom:1px solid #eee;justify-content:center;align-items:center;width:16px;height:16px;padding:5px;display:flex}.react-flow__controls-button:hover{background:#f4f4f4}.react-flow__controls-button svg{width:100%;max-width:12px;max-height:12px}.react-flow__controls-button:disabled{pointer-events:none}.react-flow__controls-button:disabled svg{fill-opacity:.4}.react-flow__minimap{background-color:#fff}.react-flow__minimap svg{display:block}.react-flow__resize-control{position:absolute}.react-flow__resize-control.left,.react-flow__resize-control.right{cursor:ew-resize}.react-flow__resize-control.top,.react-flow__resize-control.bottom{cursor:ns-resize}.react-flow__resize-control.top.left,.react-flow__resize-control.bottom.right{cursor:nwse-resize}.react-flow__resize-control.bottom.left,.react-flow__resize-control.top.right{cursor:nesw-resize}.react-flow__resize-control.handle{background-color:#3367d9;border:1px solid #fff;border-radius:1px;width:4px;height:4px;transform:translate(-50%,-50%)}.react-flow__resize-control.handle.left{top:50%;left:0}.react-flow__resize-control.handle.right{top:50%;left:100%}.react-flow__resize-control.handle.top{top:0;left:50%}.react-flow__resize-control.handle.bottom{top:100%;left:50%}.react-flow__resize-control.handle.top.left,.react-flow__resize-control.handle.bottom.left{left:0}.react-flow__resize-control.handle.top.right,.react-flow__resize-control.handle.bottom.right{left:100%}.react-flow__resize-control.line{border:0 solid #3367d9}.react-flow__resize-control.line.left,.react-flow__resize-control.line.right{width:1px;height:100%;top:0;transform:translate(-50%)}.react-flow__resize-control.line.left{border-left-width:1px;left:0}.react-flow__resize-control.line.right{border-right-width:1px;left:100%}.react-flow__resize-control.line.top,.react-flow__resize-control.line.bottom{width:100%;height:1px;left:0;transform:translateY(-50%)}.react-flow__resize-control.line.top{border-top-width:1px;top:0}.react-flow__resize-control.line.bottom{border-bottom-width:1px;top:100%}*{box-sizing:border-box}.container{width:100%;margin:auto}.btn{cursor:pointer;border:none;border-radius:4px;padding:8px 16px}.filters{align-items:center;margin-bottom:20px}.input-field,.select-field{width:150px;margin-right:10px;padding:8px}.table{border-collapse:collapse;border:1px solid #000;width:100%;max-width:100%;margin-top:20px;overflow:auto}.table th{padding:3px}.table th,.table td{text-align:left;padding:5px}.table td{text-align:left}.table td:nth-child(4){text-align:right}.row-silver{background-color:#f2f2f2}.row-grey{background-color:#e0e0e0}.pagination{justify-content:center;align-items:center;margin-top:20px;display:flex}.pagination-btn{padding:5px 10px}.select-fields{padding:8px}.modal{background-color:#00000080;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.modal-content{background-color:#fff;border-radius:8px;width:400px;max-height:80vh;padding:20px;overflow:hidden auto}.modal input{width:98%;margin-top:5px;margin-bottom:10px;padding:8px}.select-field-pan{background-color:#0000;border:1px solid silver;border-radius:2px;height:30px}.employee-details-container{animation:2s ease-out slideDown}.cv-section{background-color:#fff;border-radius:8px;margin:30px auto;padding:20px;box-shadow:0 4px 6px #0000001a}.cv-section h3{color:#333;margin-bottom:15px;font-size:22px}.cv-details{color:#555;font-size:14px;line-height:1.6}.cv-details p{margin-bottom:10px}.cv-details strong{color:#000}.cv-download-btn{color:#fff;background-color:#007bff;border-radius:4px;margin-top:20px;padding:10px 20px;text-decoration:none;transition:background-color .3s;display:inline-block}.cv-download-btn:hover{background-color:#0056b3}@keyframes slideDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.main-container{width:100%;max-width:90%;margin:0 auto;padding:1.9rem;transition:margin-left .3s}@media (width<=1024px){.main-container{max-width:100%!important;margin-left:0!important;padding:.5rem 10px .5rem 85px!important}}@media (width<=400px){.main-container{padding-left:60px!important}}@media (width<=768px){.MuiStack-root.header-stack{text-align:center;gap:.75rem;padding-left:0;flex-direction:column!important;align-items:center!important}.MuiStack-root.buttons-stack{gap:.5rem;width:100%;flex-direction:column!important;align-items:center!important}.MuiButton-root{justify-content:center;width:100%;max-width:250px;padding:.5rem 1rem;font-size:.75rem}.MuiTypography-h4{text-align:center;width:100%;padding-left:0;font-size:1.2rem}}.MuiStack-root.buttons-stack{flex-flow:wrap;gap:.25rem}.StyledBox,.MuiBox-root .MuiDataGrid-root{border-radius:8px;width:100%!important;min-width:0!important;margin-left:0!important;padding-left:0!important;overflow-x:auto!important}@media (width<=768px){.MuiDataGrid-root{min-width:600px;font-size:.7rem}.MuiDataGrid-cell,.MuiDataGrid-columnHeader{white-space:nowrap;min-width:50px!important;padding:.25rem!important;font-size:.65rem!important}.MuiDataGrid-toolbarContainer{align-items:center;gap:.25rem;flex-direction:column!important}.MuiDialog-paper{border-radius:0!important;width:100vw!important;max-width:none!important;height:100vh!important;margin:0!important}.modal-table{overflow-x:auto;min-width:100%!important}.modal-table th,.modal-table td{padding:.25rem;font-size:.65rem}}.loader{border:4px solid #0000001a;border-left-color:#0000;width:clamp(20px,5vw,36px);height:clamp(20px,5vw,36px);animation:1s linear infinite spin89345}@keyframes spin89345{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.MuiAlert-root{width:100%;max-width:100vw;font-size:.75rem}@media (width<=480px){.main-container{padding-left:60px!important;padding-right:5px!important}.MuiButton-root{padding:.4rem .8rem;font-size:.7rem}.MuiDataGrid-cell,.MuiDataGrid-columnHeader{min-width:40px!important;padding:.2rem!important;font-size:.6rem!important}}@media (width<=320px){.main-container{padding-left:50px!important}.MuiDataGrid-cell,.MuiDataGrid-columnHeader{min-width:35px!important;font-size:.55rem!important}}.StyledCalendar{background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;width:100%;margin:0 auto;padding:clamp(8px,2vw,16px);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow-x:hidden;box-shadow:0 2px 8px #0000001a}.StyledCalendar .calendar-header{justify-content:space-between;align-items:center;margin-bottom:clamp(4px,1vw,8px);padding:0 clamp(4px,1vw,8px);display:flex}.StyledCalendar .MuiIconButton-root{padding:clamp(4px,1.5vw,8px);font-size:clamp(1rem,2.5vw,1.2rem)}.StyledCalendar .MuiTypography-h6{font-size:clamp(1rem,2.5vw,1.25rem);font-weight:500}.StyledCalendar .calendar-weekdays{text-transform:uppercase;color:#757575;text-align:center;grid-template-columns:repeat(7,minmax(28px,1fr));gap:0;padding:clamp(4px,1vw,8px);font-size:clamp(.65rem,1.5vw,.75rem);font-weight:600;display:grid}.StyledCalendar .calendar-grid{grid-template-columns:repeat(7,minmax(30px,1fr));gap:clamp(1px,.5vw,2px);padding:clamp(2px,.5vw,4px);display:grid}.StyledCalendar .calendar-day{text-align:center;cursor:pointer;text-overflow:ellipsis;border-radius:4px;justify-content:center;align-items:center;min-height:clamp(24px,6vw,32px);padding:clamp(2px,1vw,4px);font-size:clamp(.7rem,1.8vw,.85rem);transition:background-color .2s;display:flex;overflow:hidden}.StyledCalendar .calendar-day:hover{background-color:#f5f5f5}.StyledCalendar .highlight-holiday.active-holiday{font-weight:700;color:#856404!important;background-color:#fff3cd!important}.StyledCalendar .calendar-day-active{color:#fff!important;background-color:#007bff!important}.StyledCalendar .calendar-weekend{color:#dc3545!important}.StyledCalendar .calendar-day-disabled{cursor:default;color:#bdbdbd!important}.StyledCalendar .calendar-day-disabled:hover{background-color:#0000!important}.MuiPaper-root[style*="mb: 3"]{overflow:hidden;margin-bottom:clamp(12px,3vw,24px)!important;padding:clamp(8px,2vw,16px)!important}@media (width<=768px){.StyledCalendar{width:calc(100vw - 85px);padding:0}.StyledCalendar .calendar-grid{grid-template-columns:repeat(7,minmax(16px,1fr));gap:0;padding:0}.StyledCalendar .calendar-day{border:none;min-height:clamp(18px,5vw,24px);padding:0;font-size:clamp(.6rem,1.5vw,.7rem)}.StyledCalendar .calendar-weekdays{text-overflow:ellipsis;grid-template-columns:repeat(7,minmax(16px,1fr));padding:0;font-size:clamp(.6rem,1.5vw,.7rem);overflow:hidden}.MuiPaper-root[style*="mb: 3"]{padding:4px!important}}@media (width<=480px){.StyledCalendar .calendar-grid,.StyledCalendar .calendar-weekdays{grid-template-columns:repeat(7,minmax(14px,1fr))}.StyledCalendar .calendar-day{min-height:16px;font-size:.55rem}}.main-container .MuiTabs-root{white-space:nowrap;width:100%;margin-bottom:clamp(8px,2vw,16px);overflow-x:auto}.main-container .MuiTabs-indicator{background-color:#007bff;height:3px}.main-container .MuiTab-root{text-transform:none;color:#424242;min-width:clamp(80px,20vw,120px);padding:clamp(6px,1.5vw,12px) clamp(8px,2vw,16px);font-size:clamp(.75rem,2vw,.875rem);font-weight:500;transition:all .3s}.main-container .MuiTab-root.Mui-selected{color:#007bff;font-weight:600}.main-container .MuiTab-root:hover{color:#0056b3;background-color:#f5f5f5}@media (width<=768px){.main-container .MuiTabs-root{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;padding-bottom:4px;display:flex;overflow-x:auto}.main-container .MuiTabs-flexContainer{flex-wrap:nowrap;gap:4px}.main-container .MuiTab-root{flex:none;min-width:clamp(60px,15vw,100px);padding:clamp(4px,1vw,8px) clamp(6px,1.5vw,12px);font-size:clamp(.65rem,1.8vw,.75rem)}.main-container .MuiTabs-indicator{height:2px}}@media (width<=480px){.main-container .MuiTab-root{min-width:clamp(50px,12vw,80px);padding:clamp(3px,.8vw,6px) clamp(5px,1.2vw,10px);font-size:clamp(.6rem,1.5vw,.7rem)}}@media (width<=320px){.main-container .MuiTab-root{min-width:40px;padding:3px 8px;font-size:.55rem}}.main-container .MuiFormControl-root{min-width:clamp(120px,30vw,150px);margin-bottom:clamp(4px,1vw,8px)}.main-container .MuiSelect-root{padding:8px;font-size:clamp(.75rem,2vw,.875rem)}.main-container .MuiMenuItem-root{padding:clamp(6px,1.5vw,8px);font-size:clamp(.75rem,2vw,.875rem)}@media (width<=768px){.main-container .MuiFormControl-root{width:100%;max-width:200px;margin:0 auto}.main-container .MuiSelect-root{padding:clamp(6px,1.5vw,8px);font-size:clamp(.65rem,1.8vw,.75rem)}.main-container .MuiMenuItem-root{padding:clamp(4px,1vw,6px);font-size:clamp(.65rem,1.8vw,.75rem)}}@media (width<=480px){.main-container .MuiFormControl-root{max-width:180px}.main-container .MuiSelect-root{padding:6px;font-size:.7rem}.main-container .MuiMenuItem-root{padding:4px;font-size:.7rem}}.MuiStack-root.header-stack{flex-flow:wrap;justify-content:space-between;align-items:center;gap:.5rem;width:100%;margin-bottom:1.5rem;padding-bottom:1rem}.change-password-container{background-color:#fff;border:1px solid #ddd;border-radius:8px;width:100%;max-width:clamp(300px,90vw,400px);margin:clamp(20px,5vw,50px) auto;padding:clamp(16px,4vw,24px);font-family:Arial,sans-serif;transition:padding-left .3s;box-shadow:0 4px 6px #0000001a}@media (width<=500px){.change-password-container{padding-left:calc(70px + clamp(16px,4vw,24px))!important}}@media (width<=400px){.change-password-container{margin:10px auto;padding-top:12px;padding-bottom:12px;padding-left:calc(60px + clamp(12px,3vw,20px))!important}}.title{text-align:center;color:#333;margin-bottom:clamp(12px,3vw,20px);font-size:clamp(1.2rem,3vw,1.5rem)}.form-group{margin-bottom:clamp(10px,2.5vw,15px)}.year-group{flex-flow:wrap;justify-content:space-between;gap:8px;display:flex}@media (width<=480px){.year-group{flex-direction:column}}label{color:#666;margin-bottom:5px;font-size:clamp(.8rem,2vw,.9rem);display:block}.inputs-field{box-sizing:border-box;border:1px solid #ccc;border-radius:4px;outline:none;width:100%;padding:clamp(8px,2vw,10px);font-size:clamp(.9rem,2.5vw,1rem)}.change-password-container .MuiTextField-root .MuiInputBase-root,.change-password-container .MuiOutlinedInput-root{width:100%!important;padding:clamp(8px,2vw,10px)!important;font-size:clamp(.9rem,2.5vw,1rem)!important}.inputs-field:focus,.change-password-container .MuiOutlinedInput-root.Mui-focused{border-color:#007bff;box-shadow:0 0 5px #007bff80}.inputs-field.invalid,.change-password-container .MuiOutlinedInput-root.Mui-error{border-color:#ff4d4d}.input-field.valid{border-color:#28a745}.password-wrapper{align-items:center;display:flex}.toggle-password{color:#007bff;cursor:pointer;background:0 0;border:none;margin-left:10px;font-size:clamp(.8rem,2vw,.9rem)}@media (width<=480px){.toggle-password{margin-left:8px}}.change-password-container .MuiIconButton-root{padding:clamp(4px,1.5vw,6px)}.password-hints{margin-top:clamp(8px,2vw,10px)}.password-hints p{margin:2px 0;font-size:clamp(.7rem,1.8vw,.8rem)}.password-hints .valid{color:#28a745}.password-hints .invalid{color:#ff4d4d}.change-password-container .MuiList-root{margin-top:clamp(4px,1vw,8px);padding:0}.change-password-container .MuiListItem-root{padding:clamp(4px,1vw,8px) 8px;font-size:clamp(.7rem,1.8vw,.8rem)}.change-password-container .MuiCheckbox-root{padding:4px}.submit-button,.change-password-container .MuiButton-root{color:#fff;cursor:pointer;text-transform:none;border:none;border-radius:4px;padding:clamp(10px,3vw,12px);font-size:clamp(.9rem,2.5vw,1rem);transition:background-color .3s;width:100%!important}.submit-button.enabled,.change-password-container .MuiButton-root:not(.Mui-disabled){background-color:#007bff}.submit-button.disabled,.change-password-container .MuiButton-root.Mui-disabled{cursor:not-allowed;opacity:.6;background-color:#ccc}.submit-button:hover:not(.disabled),.change-password-container .MuiButton-root:hover:not(.Mui-disabled){filter:brightness(90%);background-color:#0056b3}.change-password-container .MuiGrid-container{gap:clamp(8px,2vw,16px)}.change-password-container .MuiTextField-root{margin-bottom:clamp(8px,2vw,12px)}.change-password-container .MuiSnackbarContent-root,.change-password-container .MuiAlert-root{margin:0 auto;font-size:clamp(.8rem,2vw,.875rem);width:100%!important;max-width:90vw!important}@media (width<=480px){.change-password-container .MuiAlert-root{padding:12px}}@media (width<=320px){.change-password-container{margin:10px;padding:12px}.title{font-size:1.1rem}.inputs-field,.change-password-container .MuiOutlinedInput-root{padding:8px;font-size:.9rem}}.leave-config-wrapper{background-color:#f9fafb;border-radius:10px;max-width:1200px;margin:0 auto;padding:30px;box-shadow:0 4px 6px #0000001a}.leave-config-title{text-align:center;color:#1f2937;margin-bottom:30px;font-size:2rem}.leave-config-grid{grid-template-columns:1fr 1fr;gap:30px;display:grid}.leave-config-column{flex-direction:column;gap:20px;display:flex}.general-settings-section,.leave-types-section,.approval-workflow-section,.late-arrival-section,.shift-based-section,.overtime-section,.holiday-special-section,.reports-section{background-color:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 4px #0000000d}.leave-type-block{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;margin-bottom:20px;padding:15px}.add-leave-type-btn,.save-config-btn{color:#fff;cursor:pointer;background-color:#3b82f6;border:none;border-radius:6px;padding:12px 20px;font-size:1rem;transition:background-color .2s}.add-leave-type-btn:hover,.save-config-btn:hover{background-color:#2563eb}.save-config-btn{width:100%;margin-top:30px}@media (width<=768px){.leave-config-grid{grid-template-columns:1fr}.leave-config-title{font-size:1.5rem}.section-heading{font-size:1.25rem}}.pricing-container{background:linear-gradient(135deg,#fff 0%,#f5f7fa 100%);flex-direction:column;max-width:1200px;min-height:100vh;margin:0 auto;padding:32px;display:flex}.pricing-header{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto 16px;display:flex}.pricing-title{color:#1a237e;font-size:28px;font-weight:700}.tabs-container{background-color:#f3f4f6;border-radius:9999px;align-items:center;gap:12px;padding:4px;display:flex}.tab-button{cursor:pointer;color:#6b7280;background-color:#0000;border:none;border-radius:9999px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .3s}.tab-button.active{color:#1a237e;background-color:#fff;box-shadow:0 2px 4px #0000001a}.pricing-grid{grid-template-columns:repeat(auto-fit,minmax(300px,340px));justify-content:center;gap:16px;max-width:1200px;margin:0 auto;display:grid}.MuiCard-root{background:linear-gradient(135deg,#f5f7fa 0%,#c3cfe2 100%);border-radius:8px;width:100%;transition:transform .3s ease-in-out;box-shadow:0 4px 12px #0000001a}.MuiCard-root:hover{transform:translateY(-5px)}.spinner{animation:1s linear infinite spin}.features-container dt,.features-container dd{white-space:normal;max-height:none;overflow:visible}.feature-heading{color:#1a237e;align-items:center;margin-bottom:4px;font-size:15px;font-weight:600;display:flex}.feature-count{color:#6b7280;margin-left:8px;font-size:.8em;animation:2s ease-in-out infinite blink}.dropdown-icon{color:#312e81;margin-right:8px;font-size:12px;transition:transform .3s;display:inline-block}.feature-item{align-items:center;display:flex}.feature-sub{color:#546e7a;margin:4px 0;padding-left:1.5em;font-size:13px;position:relative}.feature-sub:before{content:"• ";color:#312e81;position:absolute;left:0}@keyframes blink{0%,to{opacity:1}50%{opacity:.5}}@media (prefers-reduced-motion:reduce){.feature-count{animation:none}.dropdown-icon{transition:none}.MuiCard-root:hover{transform:none}.MuiButton-containedPrimary{transition:none!important}}@media (width<=1200px){.pricing-container{max-width:1000px;padding:12px}.pricing-grid{grid-template-columns:repeat(auto-fit,minmax(300px,340px))}}@media (width<=900px){.pricing-container{max-width:700px;padding:12px}.pricing-title{font-size:24px}.tab-button{padding:6px 12px;font-size:13px}.feature-heading,.feature-sub{font-size:14px}}@media (width<=600px){.pricing-container{max-width:100%;padding:8px}.pricing-header{text-align:center;flex-direction:column;gap:8px}.pricing-grid{grid-template-columns:1fr;gap:12px;padding:0 8px}.pricing-title{font-size:22px}.tab-button{padding:4px 10px;font-size:12px}.feature-heading,.feature-sub{font-size:13px}.dropdown-icon{font-size:11px}.MuiButton-containedPrimary{padding:6px 12px!important;font-size:14px!important}}@media (width<=480px){.pricing-title{font-size:20px}.tab-button{padding:4px 8px;font-size:11px}.feature-heading,.feature-sub{font-size:12px}.MuiButton-containedPrimary{padding:6px 10px!important;font-size:13px!important}}*{box-sizing:border-box;margin:0;padding:0;font-family:Inter,sans-serif}.landing-page{color:#1e293b;background:#f8fafc;min-height:100vh}.navbar{z-index:1000;background:#000;justify-content:space-between;align-items:center;padding:1.5rem 3%;display:flex;position:sticky;top:0;box-shadow:0 4px 12px #0000000d}.navbar-logo{cursor:pointer;height:60px}.nav-links{gap:1.5rem;display:flex}.button-outline{color:#fff!important;text-transform:none!important;border-color:#fff!important;border-radius:50px!important;padding:10px 24px!important;font-weight:500!important}.button-outline:hover{color:#000!important;background:#fff!important}.button-filled{color:#000!important;text-transform:none!important;background:#fff!important;border-color:#000!important;border-radius:50px!important;padding:10px 24px!important;font-weight:500!important}.button-filled:hover{color:#fff!important;background:#000!important;border:1px solid #fff!important;border-radius:50px!important}.hero{background:linear-gradient(135deg,#e0f2fe 0%,#f8fafc 100%);min-height:90vh;padding:6rem 5%}.hero-title{color:#1e293b;margin-bottom:1.5rem;line-height:1.2;font-size:4rem!important;font-weight:700!important}.hero-subtitle{color:#64748b;margin:1.5rem 0;font-size:1.25rem;line-height:1.8}.hero-input-container{gap:1rem;max-width:600px;margin:2rem 0;display:flex}.hero-input{transition:border-color .4s,box-shadow .4s;background:#fff!important;border:1px solid #cbd5e1!important;border-radius:50px!important}.hero-input:hover{box-shadow:0 0 12px #3b82f64d;border-color:#3b82f6!important}.hero-input-notched-outline{border:none!important}.hero-input-root .MuiInputBase-input{border-radius:50px!important;padding:12px 24px!important}.hero-button,.hero-video-button{text-transform:none!important;border-radius:50px!important;padding:12px 32px!important;font-weight:500!important}.hero-button{color:#fff!important;background:#000!important}.hero-button:hover{color:#fff!important;background:#64748b!important}.hero-video-button{width:40%;color:#64748b!important;border-color:#64748b!important;margin-top:1rem!important}.hero-video-button:hover{color:#fff!important;background:#64748b!important}.hero-image{border-radius:20px;max-width:100%;height:auto;margin:0 auto;display:block}.marketplace-section{background:#fff;padding:6rem 0}.marketplace-tile{background:#fff;border-radius:16px;height:100%;transition:all .4s;overflow:hidden;box-shadow:0 8px 24px #00000014}.marketplace-tile:hover{transform:translateY(-8px);box-shadow:0 16px 32px #00000026}.icon-circle{border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto;font-size:2.5rem;display:flex}.testimonials{color:#1e293b;text-align:center;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);padding:6rem 0}.section-title{color:#1e293b;margin-bottom:1.5rem;font-size:3rem;font-weight:700}.section-subtitle{color:#64748b;font-size:1.2rem;margin:2rem 0!important}.testimonial-card{background:#fff!important;border-radius:20px!important;padding:2.5rem!important;box-shadow:0 12px 24px #0000001a!important}.quote{color:#475569;margin:1.5rem 0;font-style:italic}.subtext{color:#64748b;font-size:.95rem}.learn-more{color:#fff!important;text-transform:none!important;background:#3b82f6!important;border-radius:50px!important;padding:12px 32px!important}.learn-more:hover{background:#2563eb!important}.goodbye{color:#1e293b;text-align:center;background:linear-gradient(135deg,#dbeafe,#f0f9ff);padding:6rem 0}.goodbye-card{background:#fff!important;border-radius:20px!important;padding:2.5rem!important;box-shadow:0 12px 24px #0000001a!important}.card-icon{color:#3b82f6;margin-bottom:1.5rem;font-size:2.5rem}.card-image{border-radius:12px;width:100%;margin-bottom:1.5rem}@media (width<=960px){.hero{text-align:center;min-height:auto;padding:4rem 5%}.hero-title{font-size:2.8rem!important}.hero-subtitle{font-size:1.1rem}.hero-input-container{flex-direction:column}.hero-image{max-width:100%;margin-top:3rem}.hero-button,.hero-video-button{width:100%;max-width:100%}}@media (width<=600px){.navbar{flex-direction:column;gap:1.5rem;padding:1rem 5%}.navbar-logo{height:50px}.hero-title{font-size:2.2rem!important}.section-title{font-size:2.2rem}.section-subtitle{font-size:1rem}}.hrdash-app-container{background-color:#f7f9fc;min-height:100vh;display:flex}.hrdash-main-content{flex-direction:column;flex:1;transition:margin-left .3s;display:flex}.hrdash-sidebar-collapsed{margin-left:70px}.hrdash-sidebar-expanded{margin-left:250px}.hrdash-top-toolbar{z-index:999;background:#fff;border-bottom:1px solid #e8ecef;justify-content:space-between;align-items:center;padding:16px 32px;display:flex;position:sticky;top:0;box-shadow:0 2px 8px #0000000f}.hrdash-toolbar-left .hrdash-page-title{color:#2d3748;margin:0;font-size:1.8rem;font-weight:600}.hrdash-toolbar-right{align-items:center;gap:16px;display:flex}.hrdash-refresh-data-btn{color:#fff;cursor:pointer;background:#4f46e5;border:none;border-radius:8px;align-items:center;gap:10px;padding:10px 20px;font-size:15px;font-weight:500;transition:all .2s;display:flex}.hrdash-refresh-data-btn:hover:not(:disabled){background:#4338ca;transform:translateY(-1px)}.hrdash-refresh-data-btn:disabled{cursor:not-allowed;background:#9ca3af}.hrdash-refresh-icon{width:18px;height:18px}.hrdash-page-content-wrapper{flex:1;padding:24px;overflow-y:auto}.hrdash-fallback-page{text-align:center;color:#718096;padding:60px 20px}.hrdash-fallback-page h2{margin-bottom:16px;font-size:2rem}@media (width<=1024px){.hrdash-sidebar-expanded{margin-left:70px}.hrdash-top-toolbar{flex-direction:column;align-items:flex-start;gap:12px;padding:16px 20px}.hrdash-toolbar-right{justify-content:flex-end;width:100%}.hrdash-refresh-data-btn{justify-content:center;width:100%}}@media (width<=768px){.hrdash-page-title{font-size:1.5rem}.hrdash-page-content-wrapper{padding:16px}}.payroll-config-wrapper{background-color:#f9fafb;border-radius:10px;max-width:1200px;margin:0 auto;padding:30px;box-shadow:0 4px 6px #0000001a}.payroll-config-title{text-align:center;color:#1f2937;margin-bottom:30px;font-size:2rem}.payroll-config-grid{grid-template-columns:1fr 1fr;gap:30px;display:grid}.payroll-config-column{flex-direction:column;gap:20px;display:flex}.general-payroll-section,.salary-structure-section,.tax-deductions-section,.attendance-deductions-section,.overtime-rules-section,.payroll-approval-section,.loans-advances-section,.final-settlement-section,.payroll-reports-section{background-color:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 4px #0000000d}.save-payroll-btn{color:#fff;cursor:pointer;background-color:#3b82f6;border:none;border-radius:6px;width:100%;margin-top:30px;padding:12px 20px;font-size:1rem;transition:background-color .2s}.save-payroll-btn:hover{background-color:#2563eb}@media (width<=768px){.payroll-config-grid{grid-template-columns:1fr}.payroll-config-title{font-size:1.5rem}.section-heading{font-size:1.25rem}}.btn.details-btn{color:#fff;cursor:pointer;background-color:#007bff;border:none;margin-left:5px;padding:5px 10px}.btn.details-btn:hover{background-color:#0056b3}.modal{z-index:1000;box-shadow:0 0 10px #0000004d}.salary-structure-wrapper{background-color:#f9fafb;border-radius:10px;max-width:1200px;margin:0 auto;padding:30px;box-shadow:0 4px 6px #0000001a}.salary-structure-title{text-align:center;color:#1f2937;margin-bottom:30px;font-size:2rem}.salary-structure-grid{grid-template-columns:1fr 1fr;gap:30px;display:grid}.salary-structure-column{flex-direction:column;gap:20px;display:flex}.salary-structure-section,.tax-compliance-section{background-color:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 4px #0000000d}.section-heading{color:#374151;border-bottom:2px solid #e5e7eb;margin-bottom:20px;padding-bottom:10px;font-size:1.5rem}.sub-section-heading{color:#4b5563;border-bottom:1px solid #e5e7eb;margin-top:20px;margin-bottom:15px;padding-bottom:5px;font-size:1.25rem}.form-field{margin-bottom:20px}.form-field label{color:#4b5563;margin-bottom:8px;font-size:1rem;font-weight:500;display:block}.form-field input,.form-field select{color:#1f2937;background-color:#f9fafb;border:1px solid #d1d5db;border-radius:6px;width:100%;padding:10px;font-size:1rem;transition:border-color .2s}.form-field input:focus,.form-field select:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f633}.form-field select[multiple]{height:120px}.form-field input[type=checkbox]{width:auto;margin-right:10px}.salary-component-block{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;margin-bottom:20px;padding:15px}.add-component-btn,.save-structure-btn{color:#fff;cursor:pointer;background-color:#3b82f6;border:none;border-radius:6px;padding:12px 20px;font-size:1rem;transition:background-color .2s}.add-component-btn:hover,.save-structure-btn:hover{background-color:#2563eb}.save-structure-btn{width:100%;margin-top:30px}@media (width<=768px){.salary-structure-grid{grid-template-columns:1fr}.salary-structure-title{font-size:1.5rem}.section-heading{font-size:1.25rem}.sub-section-heading{font-size:1.1rem}}@keyframes gradientMove{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes floatOrb{0%{transform:translate(0)scale(1)}33%{transform:translate(24px,-40px)scale(1.08)}66%{transform:translate(-16px,16px)scale(.94)}to{transform:translate(0)scale(1)}}.login-page{box-sizing:border-box;background-color:#02090c;background-image:linear-gradient(-45deg,#02090ceb,#061a22e0,#041217e6),linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-size:400% 400%,40px 40px,40px 40px;justify-content:center;align-items:center;min-height:100vh;font-family:Roboto,Inter,sans-serif;animation:18s infinite gradientMove;display:flex;position:relative;overflow:hidden}.login-page *,.login-page :before,.login-page :after{box-sizing:border-box}.login-bg-text{color:#00acb00f;white-space:nowrap;z-index:0;pointer-events:none;-webkit-user-select:none;user-select:none;letter-spacing:-.04em;font-family:Oswald,sans-serif;font-size:clamp(6rem,18vw,22rem);font-weight:600;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.login-page:before,.login-page:after{content:"";filter:blur(100px);opacity:.18;z-index:0;pointer-events:none;border-radius:50%;width:48vw;max-width:520px;height:48vw;max-height:520px;animation:22s ease-in-out infinite floatOrb;position:absolute}.login-page:before{background:radial-gradient(circle,#00acb0,#0000 70%);top:-8vw;left:-8vw}.login-page:after{background:radial-gradient(circle,#006a6e,#0000 70%);animation-delay:-11s;bottom:-8vw;right:-8vw}.login-overlay{z-index:1;background:radial-gradient(circle,#0000 0%,#02090cbf 100%);position:absolute;inset:0}.login-container{z-index:10;width:100%;max-width:420px;padding:1.25rem;position:relative}.login-card{-webkit-backdrop-filter:blur(24px);background:#0c1f25b8;border:1px solid #00acb038;border-radius:16px;padding:2.25rem 1.75rem 1.75rem;box-shadow:0 24px 48px #00000073}.login-brand{flex-direction:column;align-items:center;gap:.75rem;margin-bottom:.35rem;display:flex}.login-brand-logo{object-fit:contain;width:auto;height:36px}.login-title{text-align:center;color:#fff;letter-spacing:.14em;text-transform:uppercase;margin:0;font-family:Oswald,sans-serif;font-size:1.65rem;font-weight:400}.login-title span{color:#00acb0}.login-tagline{text-align:center;color:#9bb5ba;margin:0 0 1.75rem;font-size:.9rem;font-weight:300;line-height:1.55}.login-form{flex-direction:column;gap:1rem;display:flex}.login-error,.login-success{text-align:center;border-radius:8px;margin:0 0 1rem;padding:.75rem .9rem;font-size:.875rem;line-height:1.4}.login-error{color:#ff8a8a;background:#ff6b6b1a;border:1px solid #ff6b6b40}.login-success{color:#6ee7a0;background:#4ade801a;border:1px solid #4ade8040}.login-input{border:1px solid #ffffff1f;border-radius:10px;width:100%;height:48px;margin:0;font-family:inherit;font-size:.95rem;line-height:48px;transition:border-color .25s,box-shadow .25s,background .25s;display:block;color:#fff!important;background:#02090c8c!important;padding:0 1rem!important}.login-input::placeholder{color:#c8dde073;line-height:normal}.login-input:focus{border-color:#00acb0;outline:none;box-shadow:0 0 0 3px #00acb02e;background:#02090cbf!important}.login-input:disabled{opacity:.65;cursor:not-allowed}.login-input:-webkit-autofill{caret-color:#fff;transition:background-color 9999s ease-in-out;-webkit-text-fill-color:#fff!important;-webkit-box-shadow:inset 0 0 0 30px #081216!important}.login-input:-webkit-autofill:hover{caret-color:#fff;transition:background-color 9999s ease-in-out;-webkit-text-fill-color:#fff!important;-webkit-box-shadow:inset 0 0 0 30px #081216!important}.login-input:-webkit-autofill:focus{caret-color:#fff;transition:background-color 9999s ease-in-out;-webkit-text-fill-color:#fff!important;-webkit-box-shadow:inset 0 0 0 30px #081216!important}.login-input:-webkit-autofill:active{caret-color:#fff;transition:background-color 9999s ease-in-out;-webkit-text-fill-color:#fff!important;-webkit-box-shadow:inset 0 0 0 30px #081216!important}.password-wrapper{width:100%;position:relative}.password-input{padding-right:3rem!important}.password-toggle{color:#ffffff80;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:48px;height:48px;padding:0;transition:color .25s;display:flex;position:absolute;top:0;right:0}.password-toggle:hover{color:#fff}.password-toggle:disabled{opacity:.5;cursor:not-allowed}button.login-btn{letter-spacing:.18em;text-transform:uppercase;cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:.5rem;width:100%;height:48px;margin-top:.35rem;padding:0 1rem;font-family:inherit;font-size:.8rem;font-weight:600;transition:transform .25s,box-shadow .25s,background .25s;display:flex;box-shadow:0 8px 24px #00acb047;color:#02090c!important;background:#00acb0!important}button.login-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 28px #00acb066;background:#2ed4d8!important}button.login-btn:disabled{opacity:.55;cursor:not-allowed;box-shadow:none;transform:none}.forgot-title{text-align:center;color:#fff;margin:0 0 .75rem;font-family:Oswald,sans-serif;font-size:1.5rem;font-weight:400}.forgot-buttons{gap:.75rem;margin-top:1rem;display:flex}.cancel-btn,.send-btn{cursor:pointer;border:none;border-radius:10px;flex:1;height:48px;font-family:inherit;font-weight:500;transition:all .25s}.cancel-btn{color:#fff;background:#ffffff0d;border:1px solid #ffffff1f}.cancel-btn:hover{background:#ffffff1a}.send-btn{color:#02090c;background:#00acb0;box-shadow:0 8px 24px #00acb047}.send-btn:hover{background:#2ed4d8}.login-footer{text-align:center;margin-top:1.75rem}.login-footer p{color:#6f8c91;letter-spacing:.02em;margin:0;font-size:.78rem}.link-btn{color:#c8dde0;cursor:pointer;background:0 0;border:none;padding:0;font-size:.875rem;text-decoration:none;transition:color .25s}.link-btn:hover{color:#00acb0;text-underline-offset:4px;text-decoration:underline}.totp-form p{text-align:center;line-height:1.5;color:#9bb5ba!important;font-size:.9rem!important}.totp-form h3{text-align:center;margin:0 0 .75rem;font-family:Oswald,sans-serif;font-weight:400;color:#fff!important}@media (width<=480px){.login-card{border-radius:14px;padding:1.75rem 1.25rem 1.35rem}.login-title{font-size:1.35rem}.login-tagline{margin-bottom:1.4rem;font-size:.85rem}}.loader-main-overlay{z-index:9999;background:#ffffffb3;justify-content:center;align-items:center;width:100%;height:100%;animation:.3s ease-in-out loaderFadeIn;display:flex;position:fixed;top:0;left:0}.loader-main-container{perspective:800px}.loader-main{width:40px;height:40px;transform-style:preserve-3d;animation:3s linear infinite spin;position:relative}.face{border:2px solid #fff;width:40px;height:40px;position:absolute}.face.face1{background:#c32127;transform:rotateY(0)translateZ(20px)}.face.face2{background:#0b9fc8;transform:rotateY(90deg)translateZ(20px)}.face.face3{background:#c32127;transform:rotateY(180deg)translateZ(20px)}.face.face4{background:#0b9fc8;transform:rotateY(-90deg)translateZ(20px)}.face.face5{background:#c32127;transform:rotateX(90deg)translateZ(20px)}.face.face6{background:#0b9fc8;transform:rotateX(-90deg)translateZ(20px)}@keyframes loaderFadeIn{0%{opacity:0}to{opacity:1}}.FlowWise-app{--bg:#06141a;--bg-deep:#02090c;--bg-elevated:#0c1f25;--text:#fff;--text-soft:#c8dde0;--text-muted:#6f8c91;--accent:#00acb0;--accent-bright:#2ed4d8;--accent-deep:#006a6e;--accent-soft:#00acb024;--line:#00acb038;--line-soft:#ffffff12;--ease-quiet:cubic-bezier(.22, 1, .36, 1);--ease-precise:cubic-bezier(.4, 0, .2, 1);--ease-emphasis:cubic-bezier(.16, 1, .3, 1)}.FlowWise-app *,.FlowWise-app :before,.FlowWise-app :after{box-sizing:border-box;margin:0;padding:0}.FlowWise-app{scroll-behavior:auto;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Roboto,sans-serif;font-weight:300;line-height:1.7;overflow-x:hidden}.FlowWise-app img{max-width:100%;display:block}.FlowWise-app a{color:inherit;text-decoration:none}.FlowWise-app button{color:inherit;cursor:pointer;background:0 0;border:none;font-family:inherit}.FlowWise-app ::selection{background:var(--accent);color:var(--bg)}.FlowWise-app .eyebrow{letter-spacing:.32em;text-transform:uppercase;color:var(--accent);font-family:Roboto,sans-serif;font-size:11px;font-weight:400}.FlowWise-app h1,.FlowWise-app h2,.FlowWise-app h3,.FlowWise-app h4{letter-spacing:-.005em;font-family:Oswald,sans-serif;font-weight:300;line-height:1.04}.FlowWise-app .nav{z-index:100;-webkit-backdrop-filter:blur(6px);transition:padding .4s var(--ease-quiet), background .4s var(--ease-quiet);background:linear-gradient(#06141ad9 0%,#06141a00 100%);justify-content:space-between;align-items:center;padding:1.6rem 2.5rem;display:flex;position:fixed;top:0;left:0;right:0}.FlowWise-app .nav.scrolled{border-bottom:1px solid var(--line-soft);background:#06141af2;padding:1rem 2.5rem}.FlowWise-app .nav__brand{letter-spacing:.18em;text-transform:uppercase;align-items:center;gap:.7rem;font-family:Oswald,sans-serif;font-size:1rem;font-weight:400;display:flex}.FlowWise-app .nav__brand-mark{border:1px solid var(--accent);place-items:center;width:22px;height:22px;display:grid;position:relative}.FlowWise-app .nav__brand-mark:before{content:"";background:var(--accent);width:6px;height:6px;box-shadow:0 0 10px var(--accent)}.FlowWise-app .nav__brand-name{align-items:baseline;gap:.3rem;display:flex}.FlowWise-app .nav__brand-name span{color:var(--accent)}.FlowWise-app .nav__links{gap:2.5rem;list-style:none;display:flex}.FlowWise-app .nav__link{letter-spacing:.22em;text-transform:uppercase;color:var(--text-soft);transition:color .3s var(--ease-quiet);padding:.3rem 0;font-size:11px;position:relative}.FlowWise-app .nav__link:after{content:"";background:var(--accent);width:0;height:1px;transition:width .4s var(--ease-quiet);position:absolute;bottom:0;left:0}.FlowWise-app .nav__link:hover{color:var(--text)}.FlowWise-app .nav__link:hover:after{width:100%}.FlowWise-app .nav__cta{letter-spacing:.22em;text-transform:uppercase;border:1px solid var(--accent);color:var(--accent);transition:all .35s var(--ease-quiet);padding:.85rem 1.6rem;font-size:11px;font-weight:400}.FlowWise-app .nav__cta:hover{background:var(--accent);color:var(--bg)}.FlowWise-app .hero{align-items:center;min-height:100vh;padding:7rem 2.5rem 4rem;display:flex;position:relative;overflow:hidden}.FlowWise-app .hero__bg{z-index:0;position:absolute;inset:0}.FlowWise-app .hero__bg-img{opacity:1;filter:blur();will-change:transform, filter, opacity;background:url(https://picsum.photos/seed/flowwise-hero-people-office/1920/1200) 50%/cover no-repeat;position:absolute;inset:0;transform:scale(1.12)}.FlowWise-app .hero__bg-overlay{background:linear-gradient(180deg, #06141a9e 0%, #06141ac7 55%, var(--bg) 100%), linear-gradient(90deg, #06141ad1 0%, #06141a26 55%, #06141aa6 100%);position:absolute;inset:0}.FlowWise-app .hero__watermark{color:var(--accent);opacity:.04;pointer-events:none;white-space:nowrap;z-index:1;letter-spacing:-.04em;font-family:Oswald,sans-serif;font-size:26vw;font-weight:200;position:absolute;top:42%;left:50%;transform:translate(-50%,-50%)}.FlowWise-app .hero__side{transform-origin:0;z-index:4;letter-spacing:.4em;text-transform:uppercase;color:var(--text-muted);opacity:1;white-space:nowrap;align-items:center;gap:1.2rem;font-size:10px;display:flex;position:absolute;top:50%;left:2.5rem;transform:translateY(-50%)rotate(-90deg)}.FlowWise-app .hero__side-line{background:var(--accent);width:60px;height:1px}.FlowWise-app .hero__content{z-index:2;grid-template-columns:1.45fr 1fr;align-items:center;gap:4rem;width:100%;max-width:1400px;margin:0 auto;display:grid;position:relative}.FlowWise-app .hero__left{max-width:780px}.FlowWise-app .hero__eyebrow{opacity:1;align-items:center;gap:1rem;margin-bottom:2.2rem;display:flex}.FlowWise-app .hero__eyebrow-line{background:var(--accent);width:56px;height:1px}.FlowWise-app .hero__title{letter-spacing:-.025em;opacity:1;color:var(--text);margin-bottom:2.4rem;font-family:Oswald,sans-serif;font-size:clamp(3.2rem,9vw,9.6rem);font-weight:300;line-height:.92}.FlowWise-app .hero__title em{color:var(--accent);font-style:italic;font-weight:400;display:inline-block;position:relative}.FlowWise-app .hero__title em:after{content:"";background:var(--accent);transform-origin:0;width:100%;height:2px;animation:heroUnderline 1.4s var(--ease-quiet) 2.4s forwards;position:absolute;bottom:.12em;left:0;transform:scaleX(0)}@keyframes heroUnderline{to{transform:scaleX(.4)}}.FlowWise-app .hero__sub{color:var(--text-soft);opacity:1;max-width:580px;margin-bottom:2.8rem;font-size:1.08rem;font-weight:300;line-height:1.78}.FlowWise-app .hero__cta-row{opacity:1;flex-wrap:wrap;align-items:center;gap:2rem;display:flex}.FlowWise-app .btn-primary{background:var(--accent);color:var(--bg);letter-spacing:.22em;text-transform:uppercase;transition:all .35s var(--ease-quiet);align-items:center;gap:.8rem;padding:1.1rem 2rem;font-size:11px;font-weight:500;display:inline-flex;position:relative;overflow:hidden}.FlowWise-app .btn-primary:hover{background:var(--accent-bright);transform:translateY(-2px)}.FlowWise-app .btn-primary svg{transition:transform .35s var(--ease-quiet)}.FlowWise-app .btn-primary:hover svg{transform:translate(4px)}.FlowWise-app .btn-ghost{letter-spacing:.22em;text-transform:uppercase;color:var(--text);align-items:center;gap:.8rem;padding:1.1rem 0;font-size:11px;font-weight:400;display:inline-flex;position:relative}.FlowWise-app .btn-ghost:after{content:"";background:var(--accent);transform-origin:100%;width:100%;height:1px;transition:transform .5s var(--ease-quiet);position:absolute;bottom:0;left:0;transform:scaleX(1)}.FlowWise-app .btn-ghost:hover:after{transform-origin:0}.FlowWise-app .btn-ghost svg{transition:transform .35s var(--ease-quiet)}.FlowWise-app .btn-ghost:hover svg{transform:translate(4px)}.FlowWise-app .hero__right{border-left:1px solid var(--line);opacity:0;flex-direction:column;gap:0;padding-left:2.5rem;display:flex}.FlowWise-app .hero__metric{border-bottom:1px solid var(--line-soft);flex-direction:column;gap:.5rem;padding:1.4rem 0;display:flex}.FlowWise-app .hero__metric:last-child{border-bottom:none}.FlowWise-app .hero__metric-num{color:var(--text);letter-spacing:-.025em;align-items:baseline;gap:.15rem;font-family:Oswald,sans-serif;font-size:clamp(2.8rem,4.5vw,4.2rem);font-weight:300;line-height:1;display:flex}.FlowWise-app .hero__metric-num em{color:var(--accent);font-style:normal;font-weight:400}.FlowWise-app .hero__metric-num sup{color:var(--accent);vertical-align:super;letter-spacing:.05em;margin-left:.2rem;font-size:1.1rem;font-weight:400}.FlowWise-app .hero__metric-label{letter-spacing:.28em;text-transform:uppercase;color:var(--text-muted);font-size:10px}.FlowWise-app .hero__metric-trend{color:var(--accent);align-items:center;gap:.4rem;font-size:11px;display:flex}.FlowWise-app .hero__scroll-hint{letter-spacing:.32em;text-transform:uppercase;color:var(--text-muted);opacity:0;animation:fadeIn 1s var(--ease-quiet) 2.6s forwards;z-index:3;flex-direction:column;align-items:center;gap:.7rem;font-size:9px;display:flex;position:absolute;bottom:2rem;left:50%;transform:translate(-50%)}.FlowWise-app .hero__scroll-hint-line{background:linear-gradient(180deg, var(--accent), transparent);width:1px;height:50px;animation:scrollPulse 2.2s var(--ease-quiet) infinite;transform-origin:top}@keyframes fadeIn{to{opacity:1}}@keyframes scrollPulse{0%,to{opacity:.3;transform:scaleY(.3)}50%{opacity:1;transform:scaleY(1)}}.FlowWise-app .manifesto{background:var(--bg);padding:10rem 2.5rem;position:relative}.FlowWise-app .manifesto__inner{grid-template-columns:1fr 2fr;align-items:start;gap:6rem;max-width:1400px;margin:0 auto;display:grid}.FlowWise-app .manifesto__label{flex-direction:column;gap:1.5rem;display:flex;position:sticky;top:8rem}.FlowWise-app .manifesto__label-line{background:var(--accent);width:40px;height:1px}.FlowWise-app .manifesto__body{max-width:820px}.FlowWise-app .manifesto__lead{letter-spacing:-.015em;color:var(--text);margin-bottom:3rem;font-family:Oswald,sans-serif;font-size:clamp(2rem,4vw,3.6rem);font-weight:200;line-height:1.15}.FlowWise-app .manifesto__lead em{color:var(--accent);font-style:italic;font-weight:300}.FlowWise-app .manifesto__text{color:var(--text-soft);max-width:700px;margin-bottom:1.6rem;font-size:1.05rem;line-height:1.85}.FlowWise-app .manifesto__sig{border-top:1px solid var(--line-soft);align-items:center;gap:1.2rem;margin-top:3rem;padding-top:2rem;display:flex}.FlowWise-app .manifesto__sig-name{letter-spacing:.05em;color:var(--text);font-family:Oswald,sans-serif;font-size:1rem;font-weight:300}.FlowWise-app .manifesto__sig-role{letter-spacing:.25em;text-transform:uppercase;color:var(--text-muted);margin-top:.3rem;font-size:10px}.FlowWise-app .vortex{background:var(--bg-deep);height:100vh;position:relative;overflow:hidden}.FlowWise-app .vortex__sticky{width:100%;height:100vh;position:sticky;top:0;overflow:hidden}.FlowWise-app .vortex__canvas{width:100%;height:100%;position:absolute;inset:0}.FlowWise-app .vortex__overlay{pointer-events:none;background:radial-gradient(ellipse at center, transparent 25%, #02090c8c 70%, var(--bg-deep) 100%), linear-gradient(180deg, var(--bg-deep) 0%, transparent 14%, transparent 72%, var(--bg-deep) 100%);z-index:2;position:absolute;inset:0}.FlowWise-app .vortex__center{z-index:3;text-align:center;pointer-events:none;width:min(720px,86vw);position:absolute;top:44%;left:50%;transform:translate(-50%,-50%)}.FlowWise-app .vortex__eyebrow{letter-spacing:.32em;text-transform:uppercase;color:var(--accent);align-items:center;gap:.8rem;margin-bottom:1.6rem;font-size:10px;display:inline-flex}.FlowWise-app .vortex__eyebrow:before,.FlowWise-app .vortex__eyebrow:after{content:"";background:var(--accent);width:30px;height:1px}.FlowWise-app .vortex__headline{letter-spacing:-.022em;color:var(--text);font-family:Oswald,sans-serif;font-size:clamp(2.4rem,5.2vw,4.6rem);font-weight:300;line-height:1.02}.FlowWise-app .vortex__headline em{color:var(--accent);font-style:italic;font-weight:400}.FlowWise-app .vortex__sub{color:var(--text-soft);max-width:540px;margin-top:1.6rem;margin-left:auto;margin-right:auto;font-size:.95rem;line-height:1.7}.FlowWise-app .vortex__bottom{z-index:3;border-top:1px solid var(--line-soft);background:linear-gradient(180deg, transparent 0%, #02090cd9 50%, var(--bg-deep) 100%);grid-template-columns:auto 1fr auto;align-items:center;gap:3rem;padding:2.2rem 3rem;display:grid;position:absolute;bottom:0;left:0;right:0}.FlowWise-app .vortex__bottom-left{flex-direction:column;gap:.4rem;display:flex}.FlowWise-app .vortex__bottom-num{color:var(--accent);letter-spacing:-.02em;font-family:Oswald,sans-serif;font-size:2.6rem;font-weight:300;line-height:1}.FlowWise-app .vortex__bottom-num sup{color:var(--text-soft);vertical-align:super;font-size:.9rem}.FlowWise-app .vortex__bottom-label{letter-spacing:.28em;text-transform:uppercase;color:var(--text-muted);font-size:10px}.FlowWise-app .vortex__bottom-center{flex-wrap:wrap;justify-content:center;gap:2.5rem;display:flex}.FlowWise-app .vortex__bottom-stat{text-align:center;flex-direction:column;gap:.3rem;display:flex}.FlowWise-app .vortex__bottom-stat-num{color:var(--text);letter-spacing:.01em;font-family:Oswald,sans-serif;font-size:1.4rem;font-weight:300}.FlowWise-app .vortex__bottom-stat-label{letter-spacing:.26em;text-transform:uppercase;color:var(--text-muted);font-size:9px}.FlowWise-app .vortex__bottom-right{text-align:right;max-width:280px}.FlowWise-app .vortex__bottom-right-text{color:var(--text-soft);font-size:.82rem;line-height:1.55}.FlowWise-app .vortex__bottom-right-label{letter-spacing:.28em;text-transform:uppercase;color:var(--accent);margin-bottom:.5rem;font-size:10px}.FlowWise-app .vortex__caption-drift{z-index:3;text-align:right;will-change:transform;max-width:220px;position:absolute;top:50%;right:3rem;transform:translateY(-50%)}.FlowWise-app .vortex__caption-drift-label{letter-spacing:.28em;text-transform:uppercase;color:var(--accent);margin-bottom:.6rem;font-size:10px}.FlowWise-app .vortex__caption-drift-text{color:var(--text-soft);font-size:.82rem;line-height:1.55}.FlowWise-app .vortex__side-label{transform-origin:0;z-index:3;letter-spacing:.4em;text-transform:uppercase;color:var(--text-muted);white-space:nowrap;align-items:center;gap:1rem;font-size:10px;display:flex;position:absolute;top:50%;left:3rem;transform:translateY(-50%)rotate(-90deg)}.FlowWise-app .vortex__side-label:after{content:"";background:var(--accent);width:50px;height:1px}.FlowWise-app .parallax{background:var(--bg);padding:8rem 0 6rem;overflow:hidden}.FlowWise-app .parallax__head{grid-template-columns:1fr 1fr;align-items:end;gap:4rem;max-width:1400px;margin:0 auto 4rem;padding:0 2.5rem;display:grid}.FlowWise-app .parallax__title{letter-spacing:-.018em;font-family:Oswald,sans-serif;font-size:clamp(2.2rem,4.5vw,4rem);font-weight:300;line-height:1.05}.FlowWise-app .parallax__title em{color:var(--accent);font-style:italic;font-weight:400}.FlowWise-app .parallax__intro{color:var(--text-soft);max-width:460px;font-size:1rem;line-height:1.75}.FlowWise-app .parallax__rows{flex-direction:column;gap:1.2rem;display:flex}.FlowWise-app .parallax__row{will-change:transform;gap:1.2rem;display:flex}.FlowWise-app .parallax__item{border:1px solid var(--line-soft);flex-shrink:0;width:420px;height:260px;position:relative;overflow:hidden}.FlowWise-app .parallax__item img{object-fit:cover;width:100%;height:100%;transition:transform 1.2s var(--ease-quiet), filter 1.2s var(--ease-quiet);filter:grayscale(.4)brightness(.85)}.FlowWise-app .parallax__item:hover img{filter:grayscale(0)brightness();transform:scale(1.04)}.FlowWise-app .parallax__item:after{content:"";pointer-events:none;background:linear-gradient(#0000 50%,#06141ab3 100%);position:absolute;inset:0}.FlowWise-app .parallax__item-label{z-index:2;letter-spacing:.22em;text-transform:uppercase;color:var(--text-soft);font-size:10px;position:absolute;bottom:1rem;left:1.2rem}.FlowWise-app .parallax__item-num{z-index:2;color:var(--accent);letter-spacing:.1em;font-family:Oswald,sans-serif;font-size:.9rem;font-weight:300;position:absolute;top:1rem;right:1.2rem}.FlowWise-app .features{background:var(--bg-deep);position:relative}.FlowWise-app .features__intro{grid-template-columns:1fr 1fr;align-items:end;gap:4rem;max-width:1400px;margin:0 auto;padding:8rem 2.5rem 4rem;display:grid}.FlowWise-app .features__eyebrow{align-items:center;gap:.8rem;margin-bottom:1.5rem;display:inline-flex}.FlowWise-app .features__eyebrow-line{background:var(--accent);width:40px;height:1px}.FlowWise-app .features__title{letter-spacing:-.022em;font-family:Oswald,sans-serif;font-size:clamp(2.4rem,5vw,5rem);font-weight:300;line-height:1.02}.FlowWise-app .features__title em{color:var(--accent);font-style:italic;font-weight:400}.FlowWise-app .features__intro-right{color:var(--text-soft);max-width:460px;font-size:1rem;line-height:1.75}.FlowWise-app .features__intro-right strong{color:var(--text);font-weight:400}.FlowWise-app .features__viewport{width:100%;position:relative}.FlowWise-app .features__pin{flex-direction:column;justify-content:center;align-items:flex-start;width:100%;height:100vh;padding:1.5rem 0;display:flex;position:sticky;top:0;overflow:hidden}.FlowWise-app .features__track{will-change:transform;flex-shrink:0;align-self:flex-start;gap:1.8rem;width:max-content;padding-left:4rem;padding-right:4rem;display:flex}.FlowWise-app .feature-card{background:var(--bg-elevated);border:1px solid var(--line-soft);width:360px;height:62vh;max-height:490px;transition:border-color .5s var(--ease-quiet), transform .2s var(--ease-quiet);flex-direction:column;flex:none;padding:0;display:flex;position:relative;overflow:hidden}.FlowWise-app .feature-card:hover{border-color:var(--accent)}.FlowWise-app .feature-card__visual{height:50%;position:relative;overflow:hidden}.FlowWise-app .feature-card__visual img{object-fit:cover;filter:grayscale(.5)brightness(.7);width:100%;height:100%;transition:transform 1.2s var(--ease-quiet), filter 1.2s var(--ease-quiet)}.FlowWise-app .feature-card:hover .feature-card__visual img{filter:grayscale(0)brightness(.85);transform:scale(1.06)}.FlowWise-app .feature-card__visual:after{content:"";pointer-events:none;background:linear-gradient(#06141a33 0%,#06141a99 100%);position:absolute;inset:0}.FlowWise-app .feature-card__num{z-index:2;color:var(--accent);letter-spacing:.15em;font-family:Oswald,sans-serif;font-size:.85rem;font-weight:300;position:absolute;top:1.2rem;left:1.4rem}.FlowWise-app .feature-card__cat{z-index:2;letter-spacing:.28em;text-transform:uppercase;color:var(--text-soft);font-size:9px;position:absolute;top:1.2rem;right:1.4rem}.FlowWise-app .feature-card__body{flex-direction:column;flex:1;padding:2rem 1.8rem;display:flex}.FlowWise-app .feature-card__title{color:var(--text);letter-spacing:-.005em;margin-bottom:.8rem;font-family:Oswald,sans-serif;font-size:1.7rem;font-weight:400;line-height:1.1}.FlowWise-app .feature-card__desc{color:var(--text-soft);flex:1;margin-bottom:1.5rem;font-size:.9rem;line-height:1.65}.FlowWise-app .feature-card__meta{border-top:1px solid var(--line-soft);justify-content:space-between;align-items:center;padding-top:1.2rem;display:flex}.FlowWise-app .feature-card__tag{letter-spacing:.22em;text-transform:uppercase;color:var(--text-muted);font-size:10px}.FlowWise-app .feature-card__arrow{border:1px solid var(--line);width:28px;height:28px;transition:all .35s var(--ease-quiet);place-items:center;display:grid}.FlowWise-app .feature-card:hover .feature-card__arrow{background:var(--accent);border-color:var(--accent);color:var(--bg);transform:rotate(-45deg)}.FlowWise-app .features__progress-wrap{z-index:5;justify-content:center;align-items:center;gap:1.5rem;width:100%;margin-top:1.8rem;display:flex;position:relative;bottom:auto;left:auto;transform:none}.FlowWise-app .features__progress-label{letter-spacing:.28em;text-transform:uppercase;color:var(--text-muted);font-size:10px}.FlowWise-app .features__progress{background:var(--line-soft);width:12rem;height:1px;position:relative;overflow:hidden}.FlowWise-app .features__progress-fill{background:var(--accent);width:0%;height:100%;transition:width .1s linear;position:absolute;top:0;left:0}.FlowWise-app .features__counter{color:var(--accent);letter-spacing:.1em;font-family:Oswald,sans-serif;font-size:.85rem;font-weight:300}.FlowWise-app .metrics{background:var(--bg);padding:10rem 2.5rem;position:relative}.FlowWise-app .metrics__inner{max-width:1400px;margin:0 auto}.FlowWise-app .metrics__head{grid-template-columns:1fr 1fr;align-items:end;gap:4rem;margin-bottom:6rem;display:grid}.FlowWise-app .metrics__title{letter-spacing:-.022em;font-family:Oswald,sans-serif;font-size:clamp(2.4rem,5vw,5rem);font-weight:300;line-height:1.02}.FlowWise-app .metrics__title em{color:var(--accent);font-style:italic;font-weight:400}.FlowWise-app .metrics__intro{color:var(--text-soft);max-width:460px;font-size:1rem;line-height:1.75}.FlowWise-app .metrics__grid{border-top:1px solid var(--line-soft);border-left:1px solid var(--line-soft);grid-template-columns:repeat(4,1fr);display:grid}.FlowWise-app .metric{border-right:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft);padding:3rem 2rem;position:relative;overflow:hidden}.FlowWise-app .metric__num{color:var(--accent);letter-spacing:-.025em;margin-bottom:1rem;font-family:Oswald,sans-serif;font-size:clamp(3rem,5vw,4.8rem);font-weight:300;line-height:1}.FlowWise-app .metric__num sup{color:var(--text-soft);vertical-align:super;margin-left:.15rem;font-size:1.4rem}.FlowWise-app .metric__label{letter-spacing:.25em;text-transform:uppercase;color:var(--text-soft);margin-bottom:.6rem;font-size:11px}.FlowWise-app .metric__desc{color:var(--text-muted);font-size:.82rem;line-height:1.5}.FlowWise-app .cap{background:var(--bg-deep);padding:10rem 2.5rem}.FlowWise-app .cap__inner{max-width:1400px;margin:0 auto}.FlowWise-app .cap__head{grid-template-columns:1fr 1fr;align-items:end;gap:4rem;margin-bottom:6rem;display:grid}.FlowWise-app .cap__title{letter-spacing:-.022em;font-family:Oswald,sans-serif;font-size:clamp(2.4rem,5vw,5rem);font-weight:300;line-height:1.02}.FlowWise-app .cap__title em{color:var(--accent);font-style:italic;font-weight:400}.FlowWise-app .cap__intro{color:var(--text-soft);max-width:460px;font-size:1rem;line-height:1.75}.FlowWise-app .cap__list{border-top:1px solid var(--line-soft);list-style:none}.FlowWise-app .cap__row{border-bottom:1px solid var(--line-soft);transition:padding .4s var(--ease-quiet);grid-template-columns:80px 1fr 2fr 80px;align-items:center;gap:2rem;padding:2.2rem 0;display:grid;position:relative}.FlowWise-app .cap__row:hover{padding-left:1.5rem}.FlowWise-app .cap__row:before{content:"";background:var(--accent);transform-origin:50%;width:2px;height:70%;transition:transform .4s var(--ease-quiet);position:absolute;top:50%;left:0;transform:translateY(-50%)scaleY(0)}.FlowWise-app .cap__row:hover:before{transform:translateY(-50%)scaleY(1)}.FlowWise-app .cap__num{color:var(--text-muted);letter-spacing:.15em;font-family:Oswald,sans-serif;font-size:.9rem;font-weight:300}.FlowWise-app .cap__name{color:var(--text);letter-spacing:-.005em;transition:color .4s var(--ease-quiet);font-family:Oswald,sans-serif;font-size:1.6rem;font-weight:300}.FlowWise-app .cap__row:hover .cap__name{color:var(--accent)}.FlowWise-app .cap__desc{color:var(--text-soft);font-size:.92rem;line-height:1.6}.FlowWise-app .cap__arrow{text-align:right;color:var(--text-muted);transition:color .4s var(--ease-quiet), transform .4s var(--ease-quiet)}.FlowWise-app .cap__row:hover .cap__arrow{color:var(--accent);transform:translate(8px)}.FlowWise-app .testi{background:var(--bg);padding:10rem 2.5rem}.FlowWise-app .testi__inner{max-width:1400px;margin:0 auto}.FlowWise-app .testi__head{text-align:center;margin-bottom:6rem}.FlowWise-app .testi__eyebrow{align-items:center;gap:.8rem;margin-bottom:1.5rem;display:inline-flex}.FlowWise-app .testi__eyebrow-line{background:var(--accent);width:30px;height:1px}.FlowWise-app .testi__title{letter-spacing:-.022em;max-width:900px;margin:0 auto;font-family:Oswald,sans-serif;font-size:clamp(2.4rem,5vw,5rem);font-weight:300;line-height:1.02}.FlowWise-app .testi__title em{color:var(--accent);font-style:italic;font-weight:400}.FlowWise-app .testi__grid{grid-template-columns:repeat(3,1fr);gap:2rem;display:grid}.FlowWise-app .testi__card{background:var(--bg-elevated);border:1px solid var(--line-soft);transition:border-color .5s var(--ease-quiet), transform .5s var(--ease-quiet);flex-direction:column;padding:2.8rem 2.2rem;display:flex;position:relative}.FlowWise-app .testi__card:hover{border-color:var(--accent);transform:translateY(-4px)}.FlowWise-app .testi__quote-mark{color:var(--accent);margin-bottom:1.2rem;font-family:Oswald,sans-serif;font-size:4rem;font-weight:300;line-height:.8}.FlowWise-app .testi__quote{color:var(--text);flex:1;margin-bottom:2.5rem;font-size:1rem;font-weight:300;line-height:1.7}.FlowWise-app .testi__author{border-top:1px solid var(--line-soft);align-items:center;gap:1rem;padding-top:1.5rem;display:flex}.FlowWise-app .testi__avatar{border:1px solid var(--line);border-radius:50%;flex-shrink:0;width:44px;height:44px;overflow:hidden}.FlowWise-app .testi__avatar img{object-fit:cover;width:100%;height:100%}.FlowWise-app .testi__author-name{color:var(--text);letter-spacing:.02em;font-family:Oswald,sans-serif;font-size:1rem;font-weight:300}.FlowWise-app .testi__author-role{letter-spacing:.22em;text-transform:uppercase;color:var(--text-muted);margin-top:.3rem;font-size:10px}.FlowWise-app .cta{background:var(--bg-deep);padding:12rem 2.5rem;position:relative;overflow:hidden}.FlowWise-app .cta__bg-text{color:var(--accent);opacity:.04;pointer-events:none;white-space:nowrap;letter-spacing:-.04em;font-family:Oswald,sans-serif;font-size:22vw;font-weight:200;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.FlowWise-app .cta__inner{z-index:2;text-align:center;max-width:1100px;margin:0 auto;position:relative}.FlowWise-app .cta__eyebrow{align-items:center;gap:.8rem;margin-bottom:2rem;display:inline-flex}.FlowWise-app .cta__eyebrow-line{background:var(--accent);width:40px;height:1px}.FlowWise-app .cta__title{letter-spacing:-.028em;margin-bottom:2rem;font-family:Oswald,sans-serif;font-size:clamp(2.8rem,7vw,7rem);font-weight:300;line-height:1}.FlowWise-app .cta__title em{color:var(--accent);font-style:italic;font-weight:400}.FlowWise-app .cta__sub{color:var(--text-soft);max-width:620px;margin:0 auto 3.5rem;font-size:1.1rem;line-height:1.75}.FlowWise-app .cta__row{align-items:center;gap:2rem;margin-bottom:4rem;display:inline-flex}.FlowWise-app .cta__meta{border-top:1px solid var(--line-soft);flex-wrap:wrap;justify-content:center;gap:3rem;padding-top:3rem;display:flex}.FlowWise-app .cta__meta-item{text-align:center}.FlowWise-app .cta__meta-num{color:var(--accent);font-family:Oswald,sans-serif;font-size:2rem;font-weight:300;line-height:1}.FlowWise-app .cta__meta-label{letter-spacing:.28em;text-transform:uppercase;color:var(--text-muted);margin-top:.5rem;font-size:10px}.FlowWise-app .foot{background:var(--bg);border-top:1px solid var(--line-soft);padding:6rem 2.5rem 2.5rem}.FlowWise-app .foot__inner{max-width:1400px;margin:0 auto}.FlowWise-app .foot__top{border-bottom:1px solid var(--line-soft);grid-template-columns:1.5fr 1fr 1fr 1fr 1fr;gap:3rem;margin-bottom:5rem;padding-bottom:4rem;display:grid}.FlowWise-app .foot__brand{letter-spacing:.05em;color:var(--text);align-items:center;gap:.6rem;margin-bottom:1.2rem;font-family:Oswald,sans-serif;font-size:1.6rem;font-weight:300;display:flex}.FlowWise-app .foot__brand span{color:var(--accent)}.FlowWise-app .foot__tag{color:var(--text-soft);max-width:320px;margin-bottom:2rem;font-size:.92rem;line-height:1.65}.FlowWise-app .foot__col h4{letter-spacing:.28em;text-transform:uppercase;color:var(--accent);margin-bottom:1.5rem;font-family:Roboto,sans-serif;font-size:10px;font-weight:400}.FlowWise-app .foot__col ul{flex-direction:column;gap:.8rem;list-style:none;display:flex}.FlowWise-app .foot__col a{color:var(--text-soft);transition:color .3s var(--ease-quiet);font-size:.9rem}.FlowWise-app .foot__col a:hover{color:var(--accent)}.FlowWise-app .foot__bottom{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.FlowWise-app .foot__copy{letter-spacing:.15em;color:var(--text-muted);font-size:11px}.FlowWise-app .foot__legal{gap:2rem;display:flex}.FlowWise-app .foot__legal a{letter-spacing:.15em;color:var(--text-muted);text-transform:uppercase;transition:color .3s var(--ease-quiet);font-size:11px}.FlowWise-app .foot__legal a:hover{color:var(--accent)}.FlowWise-app .reveal{opacity:0;transition:opacity 1.2s var(--ease-quiet), transform 1.2s var(--ease-quiet);transform:translateY(40px)}.FlowWise-app .reveal.is-in{opacity:1;transform:none}.FlowWise-app .reveal-stagger>*{opacity:0;transition:opacity 1s var(--ease-quiet), transform 1s var(--ease-quiet);transform:translateY(30px)}.FlowWise-app .reveal-stagger.is-in>*{opacity:1;transform:none}.FlowWise-app .reveal-stagger.is-in>:first-child{transition-delay:0s}.FlowWise-app .reveal-stagger.is-in>:nth-child(2){transition-delay:.1s}.FlowWise-app .reveal-stagger.is-in>:nth-child(3){transition-delay:.2s}.FlowWise-app .reveal-stagger.is-in>:nth-child(4){transition-delay:.3s}.FlowWise-app .reveal-stagger.is-in>:nth-child(5){transition-delay:.4s}.FlowWise-app .reveal-stagger.is-in>:nth-child(6){transition-delay:.5s}.FlowWise-app .nav__mobile-toggle,.FlowWise-app .nav__mobile-menu{display:none}@media (width<=900px){.FlowWise-app .nav{padding:.8rem 1.2rem;position:fixed}.FlowWise-app .nav__brand-name{font-size:.85rem}.FlowWise-app .nav__links{display:none}.FlowWise-app .nav__cta--desktop{display:none!important}.FlowWise-app .nav__mobile-toggle{border:1px solid var(--accent);width:38px;height:38px;color:var(--accent);cursor:pointer;background:0 0;border-radius:2px;justify-content:center;align-items:center;padding:0;display:inline-flex}.FlowWise-app .nav__mobile-menu{-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--line);z-index:99;animation:navSlideDown .25s var(--ease-quiet);background:#06141afa;flex-direction:column;gap:1.2rem;padding:1.5rem 1.8rem;display:flex;position:absolute;top:100%;left:0;right:0}@keyframes navSlideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.FlowWise-app .nav__mobile-links{flex-direction:column;gap:.6rem;list-style:none;display:flex}.FlowWise-app .nav__mobile-link{letter-spacing:.2em;text-transform:uppercase;color:var(--text-soft);border-bottom:1px solid var(--line-soft);padding:.6rem 0;font-size:.9rem;text-decoration:none;transition:color .2s;display:block}.FlowWise-app .nav__mobile-link:hover{color:var(--accent)}.FlowWise-app .nav__mobile-demo-btn{letter-spacing:.22em;text-transform:uppercase;border:1px solid var(--accent);height:42px;color:var(--accent);background:0 0;justify-content:center;align-items:center;margin-top:.5rem;padding:0 1.4rem;font-size:11px;font-weight:500;text-decoration:none;display:inline-flex}.FlowWise-app .hero{padding:6rem 1.5rem 4rem}.FlowWise-app .hero__side{display:none}.FlowWise-app .hero__content{grid-template-columns:1fr;gap:2.5rem}.FlowWise-app .hero__right{border-left:none;border-top:1px solid var(--line);padding-top:1.5rem;padding-left:0}.FlowWise-app .manifesto{padding:5rem 1.5rem}.FlowWise-app .manifesto__inner{grid-template-columns:1fr;gap:2rem}.FlowWise-app .manifesto__label{position:static}.FlowWise-app .vortex{background:var(--bg-deep);height:auto;min-height:90vh;padding:3rem 1rem 2rem;position:relative;overflow:hidden}.FlowWise-app .vortex__sticky{flex-direction:column;justify-content:space-between;height:auto;display:flex;position:relative;top:auto}.FlowWise-app .vortex__canvas{opacity:.4;pointer-events:none;position:absolute;inset:0}.FlowWise-app .vortex__center{text-align:center;z-index:5;width:100%;margin:0 auto;padding:1.5rem .8rem;position:relative;top:auto;left:auto;transform:none}.FlowWise-app .vortex__headline{margin-bottom:.8rem;font-size:clamp(2rem,7.5vw,3rem);line-height:1.1}.FlowWise-app .vortex__sub{color:var(--text-soft);max-width:100%;font-size:.9rem;line-height:1.6}.FlowWise-app .vortex__watermark{opacity:.02;font-size:30vw}.FlowWise-app .vortex__bottom{text-align:center;z-index:5;flex-direction:column;gap:1.5rem;padding:1.5rem .5rem 0;display:flex;position:relative;bottom:auto;left:auto;right:auto;transform:none}.FlowWise-app .vortex__bottom-left{text-align:center}.FlowWise-app .vortex__bottom-right{text-align:center;max-width:100%}.FlowWise-app .vortex__bottom-center{text-align:center;grid-template-columns:repeat(2,1fr);gap:1rem .5rem;display:grid}.FlowWise-app .vortex__caption-drift,.FlowWise-app .vortex__side-label{display:none}.FlowWise-app .parallax{padding:5rem 0}.FlowWise-app .parallax__head{grid-template-columns:1fr;gap:1.5rem;padding:0 1.5rem}.FlowWise-app .parallax__item{width:280px;height:180px}.FlowWise-app .features__intro{grid-template-columns:1fr;gap:1.5rem;padding:4rem 1.2rem 2rem}.FlowWise-app .features__viewport{padding-bottom:2rem;overflow:hidden}.FlowWise-app .features__pin{flex-direction:column;justify-content:center;align-items:flex-start;width:100%;height:100vh;padding:1.5rem 0;display:flex;position:sticky;top:0;overflow:hidden}.FlowWise-app .features__track{will-change:transform;flex-shrink:0;align-self:flex-start;gap:1.2rem;width:max-content;padding-left:1.2rem;padding-right:1.2rem;display:flex}.FlowWise-app .feature-card{flex:0 0 280px;width:280px;height:440px}.FlowWise-app .features__progress-wrap{justify-content:center;width:100%;margin-top:1.5rem;padding:0 1.2rem;display:flex}.FlowWise-app .metrics{padding:5rem 1.5rem}.FlowWise-app .metrics__head{grid-template-columns:1fr;gap:1.5rem;margin-bottom:3rem}.FlowWise-app .metrics__grid{grid-template-columns:repeat(2,1fr)}.FlowWise-app .metric{padding:2rem 1.2rem}.FlowWise-app .cap{padding:5rem 1.5rem}.FlowWise-app .cap__head{grid-template-columns:1fr;gap:1.5rem;margin-bottom:3rem}.FlowWise-app .cap__row{grid-template-columns:50px 1fr 30px;gap:1rem;padding:1.5rem 0}.FlowWise-app .cap__desc{display:none}.FlowWise-app .testi{padding:5rem 1.5rem}.FlowWise-app .testi__grid{grid-template-columns:1fr}.FlowWise-app .cta{padding:6rem 1.5rem}.FlowWise-app .cta__row{flex-direction:column;gap:1.5rem}.FlowWise-app .cta__meta{gap:1.5rem}.FlowWise-app .foot{padding:4rem 1.5rem 2rem}.FlowWise-app .foot__top{grid-template-columns:1fr 1fr;gap:2rem}.FlowWise-app .foot__bottom{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion:reduce){.FlowWise-app *,.FlowWise-app :before,.FlowWise-app :after,.FlowWise-app :before,.FlowWise-app :after{transition-duration:.01ms!important;animation-duration:.01ms!important}}