:root{--ink: #182230;--muted: #697386;--line: #e8eaf0;--canvas: #f7f8fb;--surface: #ffffff;--brand: #6c5ce7;--brand-dark: #5745d6;--green: #17a673;--orange: #f59e45;--blue: #4b8fe8;--red: #df5666;--shadow: 0 8px 30px rgba(31, 37, 52, .06);--radius: 16px}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;color:var(--ink);background:var(--canvas);font:14px/1.45 Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}button,input,select{font:inherit}button{cursor:pointer}.app-shell[hidden]{display:none}.login-page{min-height:100vh;display:grid;grid-template-columns:minmax(360px,.9fr) 1.1fr;background:#fff}.login-page[hidden]{display:none}.login-showcase{min-height:100vh;position:relative;overflow:hidden;display:flex;flex-direction:column;padding:38px 48px;color:#fff;background:radial-gradient(circle at 15% 20%,#8070ef55 0,transparent 32%),radial-gradient(circle at 85% 80%,#6958e544 0,transparent 30%),linear-gradient(145deg,#171928,#292448)}.login-showcase:before,.login-showcase:after{content:"";position:absolute;border:1px solid #ffffff14;border-radius:50%}.login-showcase:before{width:430px;height:430px;right:-220px;top:-140px}.login-showcase:after{width:320px;height:320px;left:-190px;bottom:-120px}.login-brand{position:relative;z-index:1;display:flex;align-items:center;gap:11px;font-size:17px;font-weight:750}.showcase-copy{position:relative;z-index:1;width:min(510px,100%);margin:auto 0}.showcase-copy .eyebrow{color:#a99eff}.showcase-copy h1{max-width:500px;margin-bottom:20px;font-size:clamp(36px,4.5vw,62px);line-height:1.03;letter-spacing:-2.7px}.showcase-copy>p:last-of-type{max-width:460px;color:#b9b9c8;font-size:16px;line-height:1.7}.showcase-stats{display:flex;gap:42px;margin-top:42px;padding-top:25px;border-top:1px solid #ffffff16}.showcase-stats strong,.showcase-stats span{display:block}.showcase-stats strong{font-size:22px}.showcase-stats span{margin-top:2px;color:#9698aa;font-size:10px;text-transform:uppercase;letter-spacing:.6px}.login-quote{position:relative;z-index:1;margin:0;color:#838697;font-size:11px}.login-panel{display:grid;place-items:center;padding:42px;background:#fbfbfd}.login-card{width:min(400px,100%)}.login-heading{margin-bottom:28px}.login-heading h2{margin-bottom:7px;font-size:29px;letter-spacing:-.8px}.login-heading>p:last-child{color:var(--muted)}.mobile-login-logo{display:none;margin-bottom:22px;color:#fff}.login-card .field{margin-bottom:17px}.login-card .field input{height:45px}.field-label-row{display:flex;justify-content:space-between}.field-label-row span{color:#9a9eaa;font-size:10px}.password-field{position:relative}.password-field input{padding-right:58px}.password-field button{position:absolute;top:50%;right:8px;transform:translateY(-50%);border:0;padding:6px;color:var(--brand);background:transparent;font-size:10px;font-weight:700}.remember-row{display:flex;align-items:center;gap:8px;margin:4px 0 19px;color:#687184;font-size:11px}.remember-row input{accent-color:var(--brand)}.login-submit{width:100%;min-height:45px}.login-alert{margin-bottom:17px;padding:10px 12px;border:1px solid #f4c8cd;border-radius:8px;color:#b13a49;background:#fff1f3;font-size:11px}.demo-accounts{margin-top:28px;padding-top:22px;border-top:1px solid var(--line)}.demo-accounts>p{margin-bottom:10px;color:#8a91a0;font-size:10px;font-weight:750;letter-spacing:.7px;text-transform:uppercase}.demo-accounts>button{width:100%;display:flex;justify-content:space-between;align-items:center;padding:10px 11px;margin-bottom:7px;border:1px solid var(--line);border-radius:9px;color:var(--ink);background:#fff;text-align:left}.demo-accounts>button:hover{border-color:#c7c0fa;background:#fcfbff}.demo-accounts span strong,.demo-accounts span small{display:block}.demo-accounts span strong{font-size:11px}.demo-accounts span small{color:var(--muted);font-size:9px}.demo-accounts button b{color:var(--brand);font-size:9px}.demo-accounts>small{display:block;margin-top:10px;color:#9398a5;font-size:9px;text-align:center}.app-shell{min-height:100vh;display:flex}.sidebar{width:240px;position:fixed;inset:0 auto 0 0;z-index:20;display:flex;flex-direction:column;background:#171927;color:#fff;padding:26px 18px 20px}.brand{display:flex;align-items:center;gap:11px;padding:0 10px 28px;font-size:17px;font-weight:760;letter-spacing:-.2px}.brand-mark{width:32px;height:32px;display:grid;place-items:center;border-radius:10px;background:linear-gradient(145deg,#8b7af6,#6652dd);box-shadow:0 6px 18px #6c5ce755}.nav{display:grid;gap:7px}.nav-item{border:0;background:transparent;color:#c9ccda;text-align:left;padding:11px 12px;border-radius:9px;display:flex;align-items:center;gap:11px;transition:.18s ease;font-weight:850;letter-spacing:.1px}.nav-item span{width:18px;font-size:17px;text-align:center}.nav-item b{margin-left:auto;min-width:23px;padding:1px 7px;border-radius:20px;background:#292c3e;font-size:11px;text-align:center}.nav-item:hover,.nav-item.active{color:#fff;background:#282a3c}.sidebar-footer{margin-top:auto}.storage-note{color:#9296a9;padding:12px;font-size:12px}.status-dot{display:inline-block;width:7px;height:7px;margin-right:7px;border-radius:50%;background:#3bd69f;box-shadow:0 0 0 3px #3bd69f22}.profile-chip{padding:14px 8px 0;border-top:1px solid #2e3041;display:flex;align-items:center;gap:9px}.profile-chip .avatar{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#34374c;font-size:11px;font-weight:700}.profile-chip strong,.profile-chip small{display:block}.profile-chip strong{font-size:12px}.profile-chip small{color:#888c9e;font-size:10px;margin-top:1px}.profile-details{min-width:0;flex:1}.profile-details strong,.profile-details small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.logout-button{width:27px;height:27px;flex:0 0 auto;border:0;border-radius:7px;color:#898d9f;background:transparent;font-size:16px}.logout-button:hover{color:#fff;background:#303346}.admin-only[hidden]{display:none}.main{margin-left:240px;width:calc(100% - 240px);min-width:0}.topbar{height:70px;position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:16px;padding:0 34px;background:#ffffffeb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.search-wrap{max-width:440px;flex:1;display:flex;align-items:center;gap:8px;padding:0 13px;border:1px solid transparent;border-radius:9px;background:#f3f4f7;color:var(--muted);transition:.2s}.search-wrap:focus-within{border-color:#c9c2ff;background:#fff;box-shadow:0 0 0 3px #6c5ce712}.search-wrap input{width:100%;height:38px;border:0;outline:0;background:transparent}.topbar .primary-button{margin-left:auto}.menu-button{display:none}.view{display:none;padding:34px;max-width:1440px;margin:auto}.view.active{display:block;animation:fade .22s ease}@keyframes fade{0%{opacity:0;transform:translateY(3px)}}.page-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:26px}.eyebrow{color:var(--brand);font-size:10px;font-weight:800;letter-spacing:1.5px;margin:0 0 6px}h1,h2,p{margin-top:0}h1{margin-bottom:5px;font-size:28px;letter-spacing:-.8px;line-height:1.2}h2{margin-bottom:2px;font-size:16px;letter-spacing:-.2px}.page-heading p:last-child,.panel-heading p{margin-bottom:0;color:var(--muted)}.primary-button,.secondary-button{border:0;border-radius:9px;padding:10px 15px;font-weight:650;transition:.18s;white-space:nowrap}.primary-button{color:#fff;background:var(--brand);box-shadow:0 6px 16px #6c5ce72b}.primary-button:hover{background:var(--brand-dark);transform:translateY(-1px)}.secondary-button{background:#fff;color:#555d6e;border:1px solid var(--line)}.secondary-button:hover{border-color:#cccfe0}.icon-button{width:36px;height:36px;border:0;border-radius:8px;background:transparent;color:var(--muted);font-size:20px}.text-button{border:0;padding:6px;color:var(--brand);background:transparent;font-size:12px;font-weight:650}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:18px}.metric-card{min-width:0;display:flex;gap:13px;align-items:center;padding:19px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow)}.metric-icon{flex:0 0 40px;width:40px;height:40px;display:grid;place-items:center;border-radius:11px;font-size:18px}.metric-icon.purple{color:var(--brand);background:#efedff}.metric-icon.green{color:var(--green);background:#e7f7f1}.metric-icon.orange{color:var(--orange);background:#fff2e5}.metric-icon.blue{color:var(--blue);background:#eaf3ff}.metric-card span,.metric-card small{display:block;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.metric-card span{font-size:11px}.metric-card strong{display:block;font-size:22px;letter-spacing:-.4px;margin:2px 0}.metric-card small{font-size:10px}.panel{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);overflow:hidden}.panel-heading{min-height:67px;display:flex;justify-content:space-between;align-items:center;padding:16px 19px;border-bottom:1px solid var(--line)}.panel-heading p{font-size:11px}.dashboard-grid{display:grid;grid-template-columns:1.35fr .85fr;gap:18px;margin-bottom:18px}.pipeline-chart{display:grid;gap:15px;padding:20px}.chart-row{display:grid;grid-template-columns:95px 1fr 72px;align-items:center;gap:12px;font-size:11px}.chart-row label{color:#596273}.chart-track{height:8px;overflow:hidden;border-radius:10px;background:#f0f1f4}.chart-fill{height:100%;min-width:3px;border-radius:inherit;background:linear-gradient(90deg,#8b7af6,var(--brand))}.chart-row strong{text-align:right;font-size:11px}.compact-list{padding:3px 18px}.compact-task{display:flex;gap:11px;align-items:center;padding:13px 0;border-bottom:1px solid var(--line)}.compact-task:last-child{border-bottom:0}.task-date{flex:0 0 37px;text-align:center;padding:5px 2px;border-radius:8px;background:#f3f1ff;color:var(--brand);font-size:9px;text-transform:uppercase}.task-date strong{display:block;font-size:14px;line-height:1}.compact-task p{min-width:0;margin:0}.compact-task p strong,.compact-task p small{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.compact-task p strong{font-size:12px}.compact-task p small{color:var(--muted);font-size:10px;margin-top:2px}.recent-panel{margin-bottom:30px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{padding:13px 18px;text-align:left;border-bottom:1px solid var(--line);white-space:nowrap}th{color:#8a91a0;background:#fbfbfc;font-size:10px;letter-spacing:.5px;text-transform:uppercase}td{font-size:12px}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#fcfcfe}.person{display:flex;align-items:center;gap:10px}.avatar{width:31px;height:31px;display:grid;place-items:center;border-radius:9px;color:var(--brand);background:#efedff;font-size:10px;font-weight:750}.person span strong,.person span small{display:block}.person span small{color:var(--muted);font-size:10px;margin-top:1px}.badge{display:inline-block;padding:4px 8px;border-radius:20px;font-size:9px;font-weight:750}.badge.customer{color:#087e56;background:#e5f7f0}.badge.lead{color:#5b49cc;background:#eeebff}.badge.prospect{color:#b16819;background:#fff1dc}.badge.inactive{color:#687083;background:#eff0f3}.toolbar{display:flex;gap:10px;margin:-8px 0 16px}.toolbar input,.toolbar select,.field input,.field select,.field textarea{border:1px solid var(--line);border-radius:9px;outline:none;background:#fff;color:var(--ink)}.toolbar input{flex:1;max-width:360px;padding:10px 13px}.toolbar select{padding:9px 12px}.toolbar input:focus,.toolbar select:focus,.field input:focus,.field select:focus,.field textarea:focus{border-color:#bcb3ff;box-shadow:0 0 0 3px #6c5ce712}.row-actions{text-align:right}.action-button{border:0;padding:5px 8px;color:var(--muted);background:transparent;border-radius:6px}.action-button:hover{color:var(--red);background:#fff0f2}.empty-state{padding:42px 20px;color:var(--muted);text-align:center}.pipeline-board{display:grid;grid-template-columns:repeat(4,minmax(220px,1fr));gap:14px;overflow-x:auto;padding-bottom:15px}.stage-column{min-width:220px;padding:12px;border-radius:14px;background:#eef0f5}.stage-header{display:flex;justify-content:space-between;align-items:center;padding:2px 3px 12px}.stage-header h2{font-size:12px}.stage-header span{color:var(--muted);font-size:10px}.deal-card{position:relative;padding:14px;margin-bottom:9px;border:1px solid #e4e6ec;border-radius:11px;background:#fff;box-shadow:0 3px 9px #1f25340a}.deal-card h3{margin:0 25px 4px 0;font-size:12px}.deal-card p{margin:0 0 13px;color:var(--muted);font-size:10px}.deal-card footer{display:flex;justify-content:space-between;align-items:center}.deal-card footer strong{font-size:12px}.deal-card select{max-width:88px;border:0;outline:0;color:var(--brand);background:#f2f0ff;border-radius:6px;padding:4px;font-size:9px}.deal-delete{position:absolute;top:9px;right:8px;border:0;background:transparent;color:#b0b4bf}.deal-delete:hover{color:var(--red)}.task-tabs{display:flex;gap:5px;margin:-8px 0 16px}.task-tabs button{padding:7px 12px;border:0;border-radius:8px;color:var(--muted);background:transparent}.task-tabs button.active{color:var(--brand);background:#ece9ff;font-weight:650}.task-list{padding:4px 20px}.task-row{display:flex;align-items:center;gap:13px;padding:15px 2px;border-bottom:1px solid var(--line)}.task-row:last-child{border-bottom:0}.task-check{width:18px;height:18px;accent-color:var(--brand)}.task-row-main{min-width:0;flex:1}.task-row-main strong,.task-row-main small{display:block}.task-row-main small{margin-top:2px;color:var(--muted);font-size:10px}.task-row.completed .task-row-main strong{text-decoration:line-through;color:#9297a3}.due-pill{color:var(--muted);font-size:10px}.due-pill.overdue{color:var(--red)}.delete-task{border:0;color:#adb1bb;background:transparent;font-size:17px}.delete-task:hover{color:var(--red)}.modal-backdrop{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:18px;background:#12141f7a;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-backdrop[hidden]{display:none}.modal{width:min(530px,100%);max-height:calc(100vh - 36px);overflow-y:auto;border-radius:17px;background:#fff;box-shadow:0 25px 70px #10121b44;animation:modalIn .2s ease}@keyframes modalIn{0%{opacity:0;transform:translateY(10px) scale(.98)}}.modal-header{display:flex;justify-content:space-between;padding:22px 24px 12px}.modal-header h2{font-size:20px}.modal form{padding:8px 24px 24px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field{display:grid;gap:6px}.field.full{grid-column:1 / -1}.field label{color:#566071;font-size:11px;font-weight:650}.field input,.field select,.field textarea{width:100%;padding:10px 11px;resize:vertical}.form-actions{display:flex;justify-content:flex-end;gap:9px;padding-top:20px}.toast{position:fixed;right:25px;bottom:25px;z-index:80;padding:11px 15px;border-radius:9px;color:#fff;background:#242737;box-shadow:0 10px 30px #1c1e2d44;opacity:0;transform:translateY(12px);pointer-events:none;transition:.25s}.toast.show{opacity:1;transform:translateY(0)}@media(max-width:1050px){.metric-grid{grid-template-columns:1fr 1fr}.dashboard-grid{grid-template-columns:1fr}}@media(max-width:760px){.login-page{grid-template-columns:1fr}.login-showcase{display:none}.login-panel{min-height:100vh;padding:30px 20px}.mobile-login-logo{display:grid}.sidebar{transform:translate(-100%);transition:.22s;box-shadow:15px 0 35px #11131e30}.sidebar.open{transform:translate(0)}.main{margin-left:0;width:100%}.topbar{padding:0 16px}.menu-button{display:block}.search-wrap{max-width:none}.topbar .primary-button{display:none}.view{padding:24px 16px}.page-heading{align-items:flex-start}.page-heading h1{font-size:24px}.page-heading>button{padding:9px 11px}.pipeline-board{margin-right:-16px}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}}@media(max-width:520px){.metric-grid{grid-template-columns:1fr}.metric-card{padding:15px}.page-heading{flex-direction:column;gap:14px}.toolbar{flex-direction:column}.toolbar input{max-width:none}.chart-row{grid-template-columns:72px 1fr 58px}.recent-panel th:nth-child(3),.recent-panel td:nth-child(3){display:none}}.nav{min-height:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#42455c transparent}.nav-section-label{margin:17px 12px 5px;color:#8a8fa6;font-size:8px;font-weight:900;letter-spacing:1.3px}.workspace-switcher{min-width:185px;display:flex;align-items:center;gap:8px;border:0;padding:5px 7px;border-radius:9px;color:var(--ink);background:transparent;text-align:left}.workspace-switcher:hover{background:#f5f5f8}.workspace-logo{width:31px;height:31px;display:grid;place-items:center;flex:0 0 auto;border-radius:8px;color:#fff;background:#24283b;font-size:10px;font-weight:800}.workspace-switcher span:nth-child(2){min-width:0;flex:1}.workspace-switcher small,.workspace-switcher strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.workspace-switcher small{color:#979caa;font-size:7px;letter-spacing:.7px}.workspace-switcher strong{max-width:130px;font-size:10px}.workspace-switcher b{color:#9ba0ad;font-size:10px}.support-link{color:var(--brand);font-size:10px;text-decoration:none;white-space:nowrap}.notification-button{position:relative;width:35px;height:35px;flex:0 0 auto;border:1px solid var(--line);border-radius:9px;color:#50576a;background:#fff;font-size:18px}.notification-button b{position:absolute;top:-5px;right:-5px;min-width:17px;height:17px;display:grid;place-items:center;padding:0 4px;border:2px solid #fff;border-radius:20px;color:#fff;background:var(--red);font-size:8px}.fleet-metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.fleet-metric{min-height:142px;position:relative;overflow:hidden;border:0;border-radius:15px;padding:20px;color:#343a61;text-align:left;transition:.2s ease}.fleet-metric:after{content:"";position:absolute;width:85px;height:85px;right:-28px;bottom:-38px;border-radius:50%;background:#fff4}.fleet-metric:hover{transform:translateY(-3px);box-shadow:0 12px 25px #353a5616}.fleet-metric.rose{background:#ffe4e8}.fleet-metric.amber{background:#fff2d8}.fleet-metric.mint{background:#d9f8e5}.fleet-metric.lilac{background:#f1e4ff}.fleet-metric.cyan{background:#d7f5fc}.fleet-metric.aqua{background:#bdf1ec}.fleet-metric.periwinkle{background:#dce5ff}.fleet-metric.coral{background:#ffe0e0}.fleet-metric-icon{position:absolute;top:16px;right:17px;z-index:1;width:44px;height:44px;display:grid;place-items:center;border:1px solid #ffffff80;border-radius:13px;color:#3f4771;background:#ffffff72;box-shadow:0 8px 22px #33405a12;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);opacity:.9;transition:transform .25s ease,background .25s ease}.fleet-metric-icon svg{width:23px;height:23px}.fleet-metric:hover .fleet-metric-icon{transform:translateY(-2px) rotate(-3deg) scale(1.05);background:#ffffffa8}.fleet-metric small,.fleet-metric strong,.fleet-metric em{display:block;position:relative;z-index:1}.fleet-metric small{margin-top:37px;color:#555d7b;font-size:11px}.fleet-metric strong{margin:2px 0;font-size:27px;letter-spacing:-.8px}.fleet-metric em{color:#767d96;font-size:9px;font-style:normal}.operations-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:18px;margin-bottom:18px}.quick-links{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:13px}.quick-links button{display:flex;align-items:center;gap:9px;border:0;padding:10px;border-radius:8px;color:#444c70;background:transparent;text-align:left;font-size:11px}.quick-links button:hover{color:var(--brand);background:#f3f1ff}.quick-links button span{width:20px;text-align:center}.activity-feed{max-height:330px;overflow-y:auto;padding:7px 19px 12px}.activity-item{display:grid;grid-template-columns:64px 15px 1fr;gap:8px;min-height:72px;padding:10px 0}.activity-time strong,.activity-time span{display:block}.activity-time strong{font-size:10px}.activity-time span{color:var(--muted);font-size:9px}.activity-item>i{position:relative;width:9px;height:9px;margin-top:3px;border-radius:50%;background:var(--brand);box-shadow:0 0 0 3px #6c5ce714}.activity-item>i:after{content:"";position:absolute;width:1px;height:59px;top:10px;left:4px;background:#cbc6fb}.activity-item:last-child>i:after{display:none}.activity-item>div:last-child strong,.activity-item>div:last-child small{display:block}.activity-item>div:last-child strong{font-size:11px}.activity-item>div:last-child small{margin:3px 0;color:var(--muted);font-size:10px}.activity-item em{color:var(--brand);font-size:8px;font-style:normal;text-transform:uppercase;letter-spacing:.5px}.finance-overview{margin-bottom:30px}.finance-summary{display:grid;grid-template-columns:1fr 1fr .8fr;gap:24px;align-items:center;padding:22px}.finance-figure span,.finance-figure strong{display:block}.finance-figure span{color:var(--muted);font-size:10px}.finance-figure strong{margin:4px 0 12px;font-size:19px}.finance-figure>div{height:8px;border-radius:10px;overflow:hidden;background:#edf0f4}.finance-figure i{display:block;height:100%;border-radius:inherit;background:var(--green)}.finance-figure.expense i{background:var(--orange)}.net-position{padding:14px 17px;border-radius:11px;background:#f4f2ff}.net-position small,.net-position strong,.net-position span{display:block}.net-position small{color:var(--muted);font-size:9px}.net-position strong{margin:3px 0;font-size:20px}.net-position span{color:var(--green);font-size:9px}.store-categories{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:18px}.store-categories button{display:flex;align-items:center;gap:13px;border:1px solid var(--line);border-radius:14px;padding:18px;color:var(--ink);background:#fff;box-shadow:var(--shadow);text-align:left}.store-categories button>span{width:42px;height:42px;display:grid;place-items:center;border-radius:10px;color:var(--brand);background:#efedff;font-size:18px}.store-categories button div{flex:1}.store-categories strong,.store-categories small{display:block}.store-categories small{margin-top:2px;color:var(--muted);font-size:9px}.store-categories b{color:var(--brand)}.store-items{display:grid;grid-template-columns:1fr 1fr;gap:0 18px;padding:6px 19px 15px}.store-items article{display:flex;align-items:center;gap:11px;padding:13px 0;border-bottom:1px solid var(--line)}.store-items article>div{min-width:0;flex:1}.store-items strong,.store-items small{display:block}.store-items small{color:var(--muted);font-size:9px}.store-items article>b{font-size:11px}.store-items .secondary-button{padding:6px 9px;font-size:9px}.asset-icon{width:34px;height:34px;display:grid;place-items:center;flex:0 0 auto;border-radius:9px;color:var(--brand);background:#efedff;font-weight:800}.module-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin:-5px 0 19px}.module-stats article{min-height:91px;padding:17px;border:1px solid var(--line);border-radius:13px;background:#fff;box-shadow:var(--shadow)}.module-stats small,.module-stats strong,.module-stats span{display:block}.module-stats small{color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.5px}.module-stats strong{margin:4px 0 1px;font-size:19px}.module-stats span{color:#9297a4;font-size:9px}code{padding:3px 6px;border-radius:5px;color:#4c4f67;background:#f0f1f4;font:9px/1.3 ui-monospace,SFMono-Regular,Consolas,monospace}.inline-status{max-width:118px;border:1px solid var(--line);border-radius:7px;padding:5px 7px;color:#50576a;background:#fff;font-size:9px}.two-column-modules{display:grid;grid-template-columns:1fr 1fr;gap:18px}.record-list{padding:5px 18px 14px}.record-row{min-height:63px;display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--line)}.record-row:last-child{border-bottom:0}.record-icon{width:31px;height:31px;display:grid;place-items:center;flex:0 0 auto;border-radius:8px;color:var(--orange);background:#fff3e4}.record-icon.in{color:var(--green);background:#e8f7f1}.record-icon.out{color:var(--red);background:#fff0f2}.record-row>div{min-width:0;flex:1}.record-row strong,.record-row small{display:block}.record-row strong{font-size:10px}.record-row small{margin-top:2px;color:var(--muted);font-size:8px}.record-row>b{font-size:10px}.money-in{color:var(--green)}.money-out{color:var(--red)}.badge.active,.badge.received,.badge.approved,.badge.resolved,.badge.completed,.badge.rider{color:#087e56;background:#e5f7f0}.badge.pending,.badge.processing,.badge.scheduled,.badge.invited,.badge.on-leave{color:#a96919;background:#fff1dc}.badge.disabled,.badge.maintenance,.badge.waiting-parts,.badge.office-staff{color:#687083;background:#eff0f3}.badge.in-progress,.badge.assigned,.badge.rented,.badge.available{color:#5b49cc;background:#eeebff}.request-board{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.request-board>section{min-height:420px;padding:12px;border-radius:14px;background:#eef0f5}.request-board section>header{display:flex;justify-content:space-between;align-items:center;padding:3px 4px 12px}.request-board header h2{font-size:12px}.request-board header span{min-width:22px;padding:2px 6px;border-radius:20px;color:var(--muted);background:#fff;font-size:9px;text-align:center}.request-board article{padding:14px;margin-bottom:9px;border:1px solid #e3e5eb;border-radius:11px;background:#fff}.request-board article>div:first-child{display:flex;justify-content:space-between}.request-board article h3{margin:11px 0 4px;font-size:12px}.request-board article p{color:var(--muted);font-size:9px}.request-board article footer{display:flex;justify-content:space-between;align-items:center;margin-top:14px}.request-board select{border:0;border-radius:6px;padding:5px;color:var(--brand);background:#f1efff;font-size:9px}.priority{padding:3px 7px;border-radius:20px;font-size:8px;font-weight:750}.priority.high{color:#b43d4d;background:#ffe8eb}.priority.medium{color:#a96919;background:#fff1dc}.priority.low{color:#087e56;background:#e5f7f0}.request-board article small{color:var(--muted);font-size:8px}.empty-column{padding:35px 10px;color:#9ca1ad;font-size:10px;text-align:center}.access-toggle{border:0;border-radius:7px;padding:6px 9px;color:var(--red);background:#fff0f2;font-size:9px;font-weight:700}.access-toggle.disabled{color:var(--green);background:#e8f7f1}.settings-form{max-width:900px;padding:5px 24px 22px}.settings-section{padding:23px 0;border-bottom:1px solid var(--line)}.settings-section h2{margin-bottom:17px}.setting-toggle{display:flex;justify-content:space-between;align-items:center;padding:11px 0}.setting-toggle strong,.setting-toggle small{display:block}.setting-toggle strong{font-size:11px}.setting-toggle small{margin-top:2px;color:var(--muted);font-size:9px}.setting-toggle input{width:34px;height:18px;accent-color:var(--brand)}.settings-actions{padding-top:20px;text-align:right}@media(max-width:1180px){.fleet-metric-grid{grid-template-columns:repeat(2,1fr)}.topbar .support-link{display:none}.workspace-switcher{min-width:160px}.module-stats{grid-template-columns:1fr 1fr}}@media(max-width:900px){.operations-grid,.finance-summary,.two-column-modules{grid-template-columns:1fr}.request-board{grid-template-columns:repeat(3,minmax(240px,1fr));overflow-x:auto}.store-items{grid-template-columns:1fr}.topbar .workspace-switcher{display:none}}@media(max-width:760px){.fleet-metric{min-height:120px;padding:15px}.fleet-metric small{margin-top:28px}.store-categories{grid-template-columns:1fr}.topbar .notification-button{margin-left:auto}.topbar .search-wrap{display:none}}@media(max-width:520px){.fleet-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.module-stats,.quick-links{grid-template-columns:1fr}.fleet-metric{min-height:105px}.store-items article{flex-wrap:wrap}}.portal-hero{min-height:180px;display:flex;justify-content:space-between;align-items:center;gap:24px;padding:32px;margin-bottom:18px;overflow:hidden;position:relative;border-radius:18px;color:#fff;background:radial-gradient(circle at 80% 30%,#9a8cff55,transparent 25%),linear-gradient(135deg,#1c1e31,#5647c9)}.portal-hero:after{content:"";width:250px;height:250px;position:absolute;right:-100px;bottom:-170px;border:1px solid #ffffff24;border-radius:50%}.portal-hero .eyebrow{color:#bcb4ff}.portal-hero h1{font-size:31px}.portal-hero p:last-child{margin:0;color:#c7c6d8}.portal-company{position:relative;z-index:1;padding:8px 12px;border:1px solid #ffffff24;border-radius:20px;background:#ffffff12;font-size:10px;white-space:nowrap}.portal-grid{display:grid;grid-template-columns:1.5fr .7fr;gap:18px;margin-bottom:18px}.portal-bike-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:17px}.portal-bike{padding:16px;border:1px solid var(--line);border-radius:12px;background:#fcfcfe}.portal-bike header{display:flex;align-items:center;gap:10px}.portal-bike .asset-icon{width:39px;height:39px}.portal-bike h3{margin:0;font-size:12px}.portal-bike header small{color:var(--muted);font-size:9px}.portal-rates{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin:15px 0}.portal-rates span{padding:7px 4px;border-radius:7px;color:var(--muted);background:#f1f2f6;font-size:8px;text-align:center}.portal-rates strong{display:block;color:var(--ink);font-size:10px}.portal-bike .primary-button{width:100%;padding:8px;font-size:9px}.portal-preferences{padding:11px 18px 18px}.portal-preferences label{display:flex;justify-content:space-between;align-items:center;padding:13px 0;border-bottom:1px solid var(--line)}.portal-preferences strong,.portal-preferences small{display:block}.portal-preferences strong{font-size:10px}.portal-preferences small{margin-top:2px;color:var(--muted);font-size:8px}.portal-preferences input{width:32px;height:17px;accent-color:var(--brand)}.portal-preferences button{width:100%;margin-top:15px}.portal-records{margin-bottom:18px}.portal-loading{padding:34px;color:var(--muted);text-align:center}@media(max-width:960px){.portal-grid{grid-template-columns:1fr}}@media(max-width:600px){.portal-hero{align-items:flex-start;flex-direction:column;padding:24px}.portal-bike-grid{grid-template-columns:1fr}.portal-rates{grid-template-columns:1fr 1fr 1fr}}.company-options{display:grid;gap:9px}.company-option{width:100%;display:flex;align-items:center;gap:11px;border:1px solid var(--line);border-radius:11px;padding:13px;color:var(--ink);background:#fff;text-align:left}.company-option:hover,.company-option.active{border-color:#bcb3ff;background:#f8f7ff}.company-option .workspace-logo{width:36px;height:36px}.company-option>span:nth-child(2){min-width:0;flex:1}.company-option strong,.company-option small{display:block}.company-option small{margin-top:2px;color:var(--muted);font-size:9px}.company-option>b{color:var(--brand);font-size:10px}.nav-group{min-width:0;border-radius:11px}.nav-parent i{margin-left:2px;color:#a2a6ba;font-size:10px;font-style:normal;transition:transform .2s}.nav-submenu{display:none;margin:3px 0 4px 19px;padding:5px 0 5px 10px;border-left:1px solid #383b50}.nav-submenu.open{display:grid;gap:3px}.nav-submenu button{width:100%;border:0;border-radius:8px;padding:8px 9px;color:#b9bdcd;background:transparent;font-size:10.5px;font-weight:800;letter-spacing:.05px;text-align:left}.nav-submenu button:hover,.nav-submenu button.active{color:#fff;background:#313448}.nav-submenu button.active{box-shadow:inset 3px 0 var(--brand);font-weight:900}.nav-submenu button b{float:right;min-width:19px;padding:1px 5px;border-radius:20px;color:#a9adbd;background:#292c3e;font-size:8px;text-align:center}.nav-submenu button.active b{color:#fff;background:#6c5ce755}.employee-toolbar{justify-content:space-between}.employee-toolbar .secondary-button{margin-left:auto}.asset-pills{display:flex;flex-wrap:wrap;gap:4px;max-width:260px}.asset-pills span{padding:3px 6px;border-radius:20px;color:#5545c7;background:#efedff;font-size:8px}.asset-pills em{color:#969ba8;font-size:9px;font-style:normal}.activate-employee{padding:7px 9px;font-size:8px}.employee-event-feed{padding:6px 20px 18px}.employee-event{display:flex;align-items:flex-start;gap:12px;padding:15px 0;border-bottom:1px solid var(--line)}.employee-event:last-child{border-bottom:0}.event-symbol{width:33px;height:33px;display:grid;place-items:center;flex:0 0 auto;border-radius:9px;color:var(--brand);background:#efedff;font-size:11px;font-weight:800}.employee-event>div{min-width:0;flex:1}.employee-event strong,.employee-event small{display:block}.employee-event strong{font-size:11px}.employee-event p{margin:3px 0;color:var(--muted);font-size:10px}.employee-event small{color:#9b9fac;font-size:8px}.employee-event .badge{margin-top:2px}.checklist-grid{display:grid;grid-template-columns:repeat(2,minmax(180px,1fr));gap:8px;min-width:520px}.checklist-grid label{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 8px;border:1px solid var(--line);border-radius:10px;background:#fafbff;font-size:9px}.checklist-grid span{font-weight:700}.mobile-flow-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.mobile-flow-actions button{min-height:54px;text-align:left}.compact-stats{grid-template-columns:repeat(2,1fr);margin:0 20px 20px}.report-breakdown{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:20px}.report-breakdown div{display:flex;justify-content:space-between;align-items:center;padding:13px;border-radius:9px;background:#f7f7fa}.report-breakdown span{color:var(--muted);font-size:10px;text-transform:capitalize}.report-breakdown strong{font-size:16px}.report-total{padding:31px 25px}.report-total small,.report-total strong,.report-total span{display:block}.report-total small{color:var(--muted);font-size:9px}.report-total strong{margin:5px 0;font-size:27px}.report-total span{color:#999eaa;font-size:9px}@media(max-width:760px){.nav-submenu{padding-left:22px}.employee-toolbar{align-items:stretch}.employee-toolbar .secondary-button{margin-left:0}.report-breakdown,.mobile-flow-grid{grid-template-columns:1fr}.checklist-grid{grid-template-columns:1fr;min-width:0}}.heading-actions{display:flex;gap:8px;align-items:center}.row-actions{display:flex;flex-wrap:wrap;gap:5px;align-items:center}.row-actions button,.report-row a{border:0;border-radius:6px;padding:6px 8px;color:var(--brand);background:#f0eeff;font-size:8px;font-weight:700;text-decoration:none}.row-actions button:hover,.report-row a:hover{background:#e5e1ff}.danger-text{color:var(--red)!important}.badge.warning,.badge.critical,.badge.expired,.badge.damaged,.badge.unserviceable{color:#b43d4d;background:#ffe8eb}.badge.valid,.badge.enabled,.badge.good,.badge.new,.badge.sent,.badge.delivered{color:#087e56;background:#e5f7f0}.badge.viewer,.badge.fair,.badge.not-enabled{color:#6a6076;background:#f0edf3}.pagination{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:14px 18px;border-top:1px solid var(--line)}.pagination button{border:1px solid var(--line);border-radius:7px;padding:7px 10px;color:var(--brand);background:#fff;font-size:9px}.pagination button:disabled{color:#aaa;opacity:.6}.pagination span{color:var(--muted);font-size:9px}.control-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px}.report-actions{padding:10px 18px 18px}.report-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}.report-row:last-child{border-bottom:0}.report-row strong{font-size:10px}.report-row span{display:flex;gap:5px}.signature-pad{width:100%;height:135px;display:block;border:1px dashed #aaaec0;border-radius:9px;background:#fff;touch-action:none}.check-field{min-height:38px;display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:8px;padding:8px 10px;color:var(--ink);background:#fff}.check-field input{width:auto}.detail-block{padding:13px;border:1px solid var(--line);border-radius:10px;background:#fafafd}.detail-block h3{margin-bottom:8px}.detail-block p{margin:6px 0;color:#555b70;font-size:10px}.qr-label{display:grid;justify-items:center;gap:10px;padding:14px;text-align:center}.qr-label img{width:min(280px,100%);border-radius:10px}.qr-label p,.settings-note{color:var(--muted);font-size:10px}.camera-box{display:grid;justify-items:center;gap:8px;padding:12px;border:1px solid var(--line);border-radius:10px;background:#f8f8fb}.camera-box video{width:100%;max-height:240px;border-radius:8px;background:#181922}.camera-box p{color:var(--muted);font-size:9px}.security-panel{max-width:900px;margin-top:18px}.security-panel .settings-note{padding:0 20px 18px}.login-help{width:100%;margin-top:12px}.toast.error{background:#a83243}.form-grid textarea{width:100%;min-height:82px;resize:vertical;border:1px solid var(--line);border-radius:8px;padding:9px 10px;color:var(--ink);background:#fff;font:inherit}.form-grid>.full{grid-column:1 / -1}.nav>.nav-item b{margin-left:auto;min-width:20px;padding:1px 5px;border-radius:20px;color:#a9adbd;background:#292c3e;font-size:8px;text-align:center}.modal.wide-modal{width:min(900px,100%)}.modal.payslip-modal{width:min(940px,100%)}.payroll-lines{min-height:180px!important;font:11px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace!important}.payslip-builder-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.payslip-builder-grid section{padding:16px;border:1px solid var(--border);border-radius:14px;background:#f8f9fc}.payslip-builder-grid section>div:first-child{margin-bottom:12px}.payslip-builder-grid h3,.payslip-builder-grid p{margin:0}.payslip-builder-grid p{margin-top:3px;color:var(--muted);font-size:12px}.payslip-builder-grid label{display:grid;grid-template-columns:1fr minmax(120px,150px);align-items:center;gap:12px;margin-top:9px;font-size:12px;font-weight:650}.payslip-builder-grid input{text-align:right}.payslip-builder-summary{display:grid;grid-template-columns:repeat(3,1fr);overflow:hidden;border:1px solid var(--border);border-radius:14px;background:#fff}.payslip-builder-summary>div{display:grid;gap:4px;padding:15px;border-right:1px solid var(--border)}.payslip-builder-summary>div:last-child{border-right:0}.payslip-builder-summary small{color:var(--muted)}.payslip-builder-summary strong{font-size:19px}.payslip-builder-summary .net{color:#087e56;background:#eaf8f2}.builder-profile-status{margin-top:8px;color:var(--muted);font-size:12px}@media(max-width:700px){.payslip-builder-grid,.payslip-builder-summary{grid-template-columns:1fr}.payslip-builder-summary>div{border-right:0;border-bottom:1px solid var(--border)}}.billing-layout{display:grid;grid-template-columns:1.4fr 1fr;gap:16px;margin-bottom:16px}.billing-plans{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:16px}.billing-plan.current{border-color:#6957e8;box-shadow:0 0 0 2px #6957e81c}.billing-plan h2{font-size:26px;margin:8px 0}.billing-plan ul{min-height:92px;padding-left:18px;color:var(--muted);line-height:1.8}.billing-plan button,.billing-plan a{width:100%;justify-content:center}.usage-meter{margin:16px 0}.usage-meter>div{display:flex;justify-content:space-between;gap:10px;margin-bottom:7px;font-size:13px}.usage-meter i{display:block;height:8px;overflow:hidden;border-radius:99px;background:#e8eaf1}.usage-meter b{display:block;height:100%;border-radius:inherit;background:#6957e8}.billing-actions{display:flex;flex-wrap:wrap;gap:10px}.empty-state{padding:30px;text-align:center;color:var(--muted)}@media(max-width:800px){.billing-layout,.billing-plans{grid-template-columns:1fr}}.billing-layout{grid-template-columns:minmax(0,1.35fr) minmax(330px,.85fr);gap:20px;margin-bottom:32px;align-items:stretch}.billing-layout>.panel{min-height:290px}.billing-card-body{padding:20px 22px 22px}.billing-usage-card .billing-card-body{display:grid;gap:20px}.usage-meter>div{margin-bottom:9px;color:#111827;font-size:12px}.usage-meter>div span{color:#5e6a80;font-weight:750}.usage-meter i{height:10px;border:1px solid #e5e8f0;background:#eef0f6}.usage-meter b{min-width:5px;background:linear-gradient(90deg,#806eff,#5a45e8)}.billing-control-card .billing-card-body{display:flex;min-height:220px;flex-direction:column;justify-content:space-between;gap:24px}.billing-control-summary{display:grid;grid-template-columns:1fr 1fr;gap:12px}.billing-control-summary>div{padding:14px;border:1px solid #e6e9f1;border-radius:13px;background:#f8f9fc}.billing-control-summary small,.billing-control-summary strong{display:block}.billing-control-summary small{margin-bottom:5px;color:#7b8598;font-size:9px;font-weight:850;letter-spacing:.06em;text-transform:uppercase}.billing-control-summary strong{font-size:14px}.billing-actions{display:grid;grid-template-columns:1fr 1fr}.billing-coupon{display:grid;grid-template-columns:1fr auto;gap:8px}.billing-coupon input{min-width:0;padding:11px 12px;border:1px solid #dfe4ed;border-radius:11px;text-transform:uppercase}.support-mode-banner{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 22px;color:#553d08;border-bottom:1px solid #e9c96e;background:#fff4cf}.support-mode-banner strong,.support-mode-banner span{display:block}.support-mode-banner span{margin-top:2px;font-size:11px}.support-mode-banner button{padding:8px 12px;border:0;border-radius:8px;color:#fff;background:#c98513;font-weight:800}.platform-announcement{display:flex;gap:12px;padding:11px 22px;color:#23304a;border-bottom:1px solid #dce4f2;background:#edf3ff;font-size:12px}.platform-announcement span{color:#5c6b83}.billing-actions button{width:100%}.billing-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:0 2px 16px}.billing-section-heading h2{margin:3px 0 0;font-size:22px;letter-spacing:-.5px}.billing-section-heading>p{margin:0;color:#6f7a8f;font-size:12px}.billing-plans{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-bottom:28px;align-items:stretch}.billing-plan{position:relative;display:flex;min-height:350px;flex-direction:column;padding:24px!important;overflow:visible}.billing-plan.current:before{content:"CURRENT";position:absolute;top:16px;right:16px;padding:5px 8px;border-radius:99px;color:#fff;background:#6652ee;font-size:8px;font-weight:900;letter-spacing:.08em}.billing-plan>.eyebrow{margin:0}.billing-plan h2{margin:14px 0 8px;font-size:28px;letter-spacing:-.8px}.billing-plan>p:not(.eyebrow){min-height:40px;margin:0;color:#667187;font-size:13px;line-height:1.5}.billing-plan ul{min-height:0;margin:18px 0 24px;padding:0;list-style:none;color:#536179;line-height:1.8}.billing-plan li{position:relative;padding-left:22px;font-size:13px;font-weight:650}.billing-plan li:before{content:"✓";position:absolute;left:0;color:#6551ec;font-weight:950}.billing-plan button,.billing-plan a{min-height:46px;margin-top:auto;border-radius:12px}.billing-plan button:disabled{color:#6d7585;border:1px solid #e1e5ed;background:#f3f4f7;opacity:1}@media(max-width:1000px){.billing-layout{grid-template-columns:1fr}.billing-layout>.panel{min-height:0}.billing-plans{grid-template-columns:1fr 1fr}.billing-plan:last-child{grid-column:1/-1}}@media(max-width:650px){.billing-plans{grid-template-columns:1fr}.billing-plan:last-child{grid-column:auto}.billing-control-summary,.billing-actions{grid-template-columns:1fr}.billing-section-heading{align-items:flex-start;flex-direction:column}}#billingView{padding-bottom:48px}.billing-hero{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-bottom:20px;padding:28px 30px;overflow:hidden;border-radius:20px;color:#fff;background:linear-gradient(125deg,#17233d,#24345a 58%,#654ff0 145%);box-shadow:0 20px 44px #17233d1f}.billing-hero h2{margin:4px 0 6px;color:#fff;font-size:34px;letter-spacing:-1px}.billing-hero p{margin:0;color:#cfd7eb}.billing-hero .eyebrow{color:#9f91ff}.billing-status-dot{display:inline-block;width:9px;height:9px;margin-right:7px;border-radius:50%;background:#98a1b4;box-shadow:0 0 0 5px #ffffff12}.billing-status-dot.active,.billing-status-dot.trialing{background:#58d6a6}.billing-status-dot.past-due,.billing-status-dot.read-only{background:#ffbe66}.billing-status-dot.cancelled{background:#ff7d78}.billing-hero-meta{display:grid;min-width:430px;grid-template-columns:repeat(3,1fr);overflow:hidden;border:1px solid #ffffff1f;border-radius:15px;background:#ffffff0b}.billing-hero-meta>div{padding:17px 20px;border-right:1px solid #ffffff1f}.billing-hero-meta>div:last-child{border:0}.billing-hero-meta small,.billing-hero-meta strong{display:block}.billing-hero-meta small{margin-bottom:6px;color:#aeb9d2;font-size:9px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.billing-hero-meta strong{color:#fff;font-size:13px}.billing-notice{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px;padding:15px 18px;border:1px solid #efd38b;border-radius:14px;background:#fff9e9}.billing-notice.danger{border-color:#f3b4af;background:#fff2f1}.billing-notice strong,.billing-notice span{display:block}.billing-notice strong{margin-bottom:3px;color:#17233d}.billing-notice span{color:#6c7588;font-size:12px}.billing-layout{margin-bottom:20px}.billing-layout>.panel,.billing-lower-grid>.panel{overflow:hidden;border:1px solid #e4e8f1;box-shadow:0 12px 30px #20315c0b}.usage-meter{margin:0}.usage-meter>small{display:block;margin-top:6px;color:#8992a3;font-size:10px;text-align:right}.usage-meter.warning i b{background:#eaa83a}.usage-meter.danger i b{background:#ed655f}.payment-card-brand{position:relative;display:grid;min-height:112px;align-content:center;padding:20px 22px;overflow:hidden;border-radius:16px;color:#fff;background:linear-gradient(135deg,#25365e,#17233d)}.payment-card-brand:after{content:"";position:absolute;width:140px;height:140px;top:-65px;right:-35px;border:26px solid #6e5af2;border-radius:50%;opacity:.55}.payment-card-brand span{color:#aab7d5;font-size:10px;font-weight:900;letter-spacing:.1em}.payment-card-brand strong{z-index:1;margin:9px 0 3px;font-size:20px;letter-spacing:2px}.payment-card-brand small{color:#c6cee0}.billing-empty-compact{display:grid;min-height:112px;align-content:center;gap:6px;padding:20px;border:1px dashed #d7dce7;border-radius:16px;background:#f8f9fc}.billing-empty-compact strong{color:#17233d}.billing-empty-compact span{color:#768196;font-size:12px;line-height:1.5}.billing-invoices{margin-bottom:28px;overflow:hidden}.billing-invoices td:first-child strong,.billing-invoices td:first-child small{display:block}.billing-invoices td:first-child small{margin-top:3px;color:#8992a3}.invoice-actions{display:flex;align-items:center;gap:7px}.table-action{display:inline-flex;min-height:30px;align-items:center;justify-content:center;padding:0 10px;border:1px solid #dce1eb;border-radius:8px;color:#263451;font-size:10px;font-weight:850;text-decoration:none}.table-action.primary{border-color:#6652ee;color:#fff;background:#6652ee}.billing-interval-toggle{display:inline-flex;padding:4px;border:1px solid #dde2ec;border-radius:12px;background:#f1f3f8}.billing-interval-toggle button{min-width:90px;padding:9px 14px;border:0;border-radius:9px;color:#69748a;background:transparent;font-weight:800;cursor:pointer}.billing-interval-toggle button.active{color:#17233d;background:#fff;box-shadow:0 4px 12px #27385814}.billing-plan.recommended{border-color:#7763f2;box-shadow:0 16px 34px #6652ee18}.plan-ribbon{position:absolute;top:-12px;left:22px;padding:6px 10px;border-radius:99px;color:#fff;background:#6652ee;font-size:9px;font-weight:900;letter-spacing:.04em}.billing-price-term{min-height:18px;color:#7a8497;font-size:10px}.plan-capacity{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:18px 0 2px}.plan-capacity span{display:grid;min-height:58px;place-content:center;padding:7px 4px;border-radius:10px;color:#818b9e;background:#f6f7fa;font-size:9px;text-align:center}.plan-capacity strong{display:block;margin-bottom:2px;color:#17233d;font-size:14px}.billing-lower-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(290px,.6fr);gap:20px}.billing-profile-form{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:22px}.billing-profile-form label{display:grid;gap:7px;color:#4b5871;font-size:11px;font-weight:800}.billing-profile-form input{width:100%;min-width:0;padding:11px 12px;border:1px solid #dce2ec;border-radius:10px;outline:0;background:#fff}.billing-profile-form input:focus{border-color:#7562ee;box-shadow:0 0 0 3px #7562ee14}.billing-profile-form .wide{grid-column:1/-1}.billing-profile-form .billing-checkbox{display:flex;align-items:center;grid-template-columns:auto 1fr}.billing-profile-form .billing-checkbox input{width:15px}.billing-promo-card .billing-card-body{display:flex;min-height:300px;flex-direction:column;justify-content:space-between}.active-coupon{display:grid;gap:6px;padding:22px;border:1px solid #d9d2ff;border-radius:16px;color:#413095;background:linear-gradient(135deg,#f3f0ff,#faf9ff)}.active-coupon span{color:#7162c5;font-size:9px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.active-coupon strong{font-size:25px}.active-coupon small{color:#786ca8}.billing-support-note{display:grid;gap:7px;padding:18px;border-radius:14px;background:#f7f8fb}.billing-support-note span{color:#748095;font-size:12px;line-height:1.5}.billing-support-note a{color:#5e49e9;font-size:11px;font-weight:850}@media(max-width:1100px){.billing-hero{align-items:flex-start;flex-direction:column}.billing-hero-meta{width:100%;min-width:0}.billing-lower-grid{grid-template-columns:1fr}}@media(max-width:700px){.billing-hero{padding:22px}.billing-hero-meta{grid-template-columns:1fr}.billing-hero-meta>div{border-right:0;border-bottom:1px solid #ffffff1f}.billing-notice{align-items:flex-start;flex-direction:column}.billing-profile-form{grid-template-columns:1fr}.billing-profile-form .wide{grid-column:auto}.billing-invoices .panel-heading>button{display:none}.billing-interval-toggle{width:100%}.billing-interval-toggle button{flex:1}.plan-capacity{grid-template-columns:1fr 1fr 1fr}}.company-support-layout{display:grid;min-height:650px;grid-template-columns:330px minmax(0,1fr);gap:18px}.support-conversation-list{overflow:hidden;border:1px solid #e2e6ef;border-radius:17px;background:#fff;box-shadow:0 12px 30px #20315c0b}.support-list-heading{display:flex;align-items:center;justify-content:space-between;padding:18px;border-bottom:1px solid #e7eaf1}.support-list-heading strong,.support-list-heading span{display:block}.support-list-heading strong{color:#17233d;font-size:14px}.support-list-heading span{margin-top:3px;color:#8791a3;font-size:10px}.support-list-heading button{width:34px;height:34px;border:0;border-radius:10px;color:#fff;background:#6652ee;font-size:18px;cursor:pointer}.support-conversation{display:grid;width:100%;gap:6px;padding:16px 18px;border:0;border-bottom:1px solid #edf0f5;color:#606c82;background:#fff;text-align:left;cursor:pointer;transition:.18s ease}.support-conversation:hover{background:#f8f7ff}.support-conversation.active{box-shadow:inset 3px 0 #6652ee;background:#f5f3ff}.support-conversation-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.support-conversation strong{overflow:hidden;color:#17233d;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.support-conversation>span:not(.support-conversation-top){overflow:hidden;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.support-conversation small{color:#969eae;font-size:9px}.support-conversation b{display:grid;min-width:20px;height:20px;place-content:center;border-radius:99px;color:#fff;background:#f0645f;font-size:9px}.nav-item b[hidden]{display:none}.company-support-main{display:flex;min-width:0;flex-direction:column;overflow:hidden}.support-welcome{display:grid;min-height:600px;place-content:center;justify-items:center;padding:40px;text-align:center}.support-welcome>span{display:grid;width:58px;height:58px;place-content:center;border-radius:18px;color:#fff;background:linear-gradient(135deg,#7563f2,#5540df);font-size:27px;box-shadow:0 14px 28px #6552ee30}.support-welcome h2{margin:20px 0 7px;color:#17233d;font-size:24px}.support-welcome p{max-width:430px;margin:0 0 22px;color:#768196;line-height:1.6}.support-thread-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 22px;border-bottom:1px solid #e7eaf1}.support-thread-heading h2{margin:3px 0 5px;color:#17233d;font-size:20px}.support-thread-heading p{margin:0}.support-thread-actions{display:flex;gap:8px}.company-chat-thread{display:flex;min-height:380px;max-height:520px;flex:1;flex-direction:column;gap:12px;overflow:auto;padding:22px;background:#f7f8fb}.company-chat-message{max-width:min(76%,650px);padding:13px 15px;border:1px solid #e1e5ee;border-radius:15px 15px 15px 4px;background:#fff;box-shadow:0 5px 15px #20315c08}.company-chat-message.sent{align-self:flex-end;border-color:#6753eb;border-radius:15px 15px 4px;color:#fff;background:linear-gradient(135deg,#735ff1,#5c47e3)}.company-chat-message>div{display:flex;align-items:center;justify-content:space-between;gap:18px}.company-chat-message strong{font-size:10px}.company-chat-message small{color:#929bad;font-size:8px}.company-chat-message.sent small{color:#d5cffd}.company-chat-message p{margin:7px 0 0;font-size:12px;line-height:1.55;white-space:pre-wrap}.company-chat-message a{display:inline-block;margin-top:7px;color:inherit;font-size:10px;font-weight:800}.support-reply-form{display:grid;grid-template-columns:1fr auto;gap:10px;padding:16px;border-top:1px solid #e4e8f0;background:#fff}.support-reply-form textarea,.support-compose-form textarea,.support-compose-form input,.support-compose-form select{width:100%;padding:12px 13px;border:1px solid #dce1eb;border-radius:11px;outline:0;resize:vertical}.support-reply-form textarea:focus,.support-compose-form textarea:focus,.support-compose-form input:focus,.support-compose-form select:focus{border-color:#6b57ed;box-shadow:0 0 0 3px #6b57ed13}.support-reply-form button{align-self:end}.support-compose-form{display:grid;gap:16px;padding:24px}.support-compose-form label{display:grid;gap:7px;color:#4d5970;font-size:11px;font-weight:800}.support-form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.support-compose-form>button{justify-self:start}@media(max-width:900px){.company-support-layout{grid-template-columns:1fr}.support-conversation-list{max-height:300px;overflow:auto}.support-welcome{min-height:420px}}@media(max-width:620px){.support-thread-heading{align-items:flex-start;flex-direction:column}.support-thread-actions{width:100%}.support-thread-actions button{flex:1}.company-chat-message{max-width:90%}.support-reply-form,.support-form-row{grid-template-columns:1fr}}.manual-payment-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:18px}.manual-method-card{display:grid;grid-template-columns:48px minmax(0,1fr);gap:15px;padding:20px;border:1px solid #e1e6ef;border-radius:17px;background:#fff;box-shadow:0 10px 28px #20315c0a}.manual-method-icon{display:grid;width:48px;height:48px;place-content:center;border-radius:14px;color:#fff;background:linear-gradient(135deg,#745ff1,#5843dd);font-size:20px;font-weight:900}.manual-method-card h3{margin:2px 0 6px;color:#17233d;font-size:15px}.manual-method-card p{margin:0;color:#748096;font-size:11px;line-height:1.55}.manual-method-card ul{display:grid;gap:3px;margin:11px 0 0;padding:0;color:#4f5b72;font-size:10px;list-style:none}.manual-method-card li{overflow-wrap:anywhere}.manual-method-actions{display:flex;grid-column:1/-1;gap:8px;padding-top:4px}.manual-method-actions>*{flex:1;justify-content:center}.manual-payment-history{margin-bottom:28px;overflow:hidden}.manual-payment-history td:first-child strong,.manual-payment-history td:first-child small{display:block}.manual-payment-history td:first-child small{margin-top:3px;color:#8992a3}@media(max-width:850px){.manual-payment-grid{grid-template-columns:1fr}}@media(max-width:520px){.manual-method-card{grid-template-columns:40px minmax(0,1fr);padding:16px}.manual-method-icon{width:40px;height:40px}.manual-method-actions{flex-direction:column}}.field small{color:var(--muted);font-size:9px;line-height:1.4}.payslip-preview{color:#050505;font-family:Arial,Helvetica,sans-serif;font-size:12px;font-weight:700}.payslip-brand{display:grid;grid-template-columns:94px 1fr;align-items:center;gap:16px;margin-bottom:-1px;padding:12px 14px;border:2px solid #111;box-shadow:0 2px 10px #0000001b;background:#fff}.payslip-logo{width:82px;height:58px;display:grid;place-items:center;border-radius:50% 10px;color:#fff;background:linear-gradient(135deg,#0f4f82,#f58534);font-size:22px;font-weight:900;letter-spacing:-1px}.payslip-brand span{display:block;color:#13547d;font-size:18px;font-weight:900;text-align:right}.payslip-brand strong{display:block;color:#123456;font-size:26px;font-weight:900;letter-spacing:.6px;text-transform:uppercase}.payslip-title{width:48%;margin:-1px auto 20px;border:2px solid #111;text-align:center}.payslip-title strong,.payslip-title span{display:block;padding:3px 8px}.payslip-title strong{border-bottom:2px solid #111;font-size:16px}.payslip-preview table{width:100%;border-collapse:collapse;box-shadow:none}.payslip-preview th,.payslip-preview td{border:2px solid #111;padding:5px 6px;color:#050505;font-size:12px;font-weight:800;white-space:normal}.payslip-info{margin-bottom:0}.payslip-info th{width:29%;background:#fff;text-align:left;text-transform:none;letter-spacing:0}.payslip-info td{font-weight:500}.payslip-grid thead th{color:#050505;background:#dfa0dc;font-size:12px;text-align:center;text-transform:none;letter-spacing:0}.payslip-grid td:nth-child(2),.payslip-grid td:nth-child(4){text-align:center;font-weight:500}.payslip-total td{font-weight:900!important}.payslip-net td:last-child{background:#d8f0cf;font-weight:900!important}.payslip-net td:nth-child(3){font-weight:900!important}.payslip-payment{display:grid;grid-template-columns:1fr 1fr 1fr;border:2px solid #111;border-top:0}.payslip-payment div{min-height:46px;padding:8px}.payslip-payment strong,.payslip-payment span{display:block}.payslip-payment span{margin-top:4px;font-weight:500;text-align:center}.payslip-received{min-height:150px;padding:28px 70px;border:2px solid #111;border-top:0;text-align:center}.payslip-received strong{display:block;margin-bottom:18px}.payslip-received p{display:flex;gap:50px;justify-content:center;margin:18px 0}.payslip-received span{min-width:220px}.payslip-files{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.payslip-files a{color:var(--brand);font-size:10px}.print-payslip{margin-top:14px}:root{--ink: #07111f;--muted: #536079;--line: #dde3ee;--canvas: #f4f7fb;--surface: #ffffff;--brand: #6d5dfc;--brand-dark: #5444db;--brand-soft: #f0edff;--shadow: 0 18px 45px rgba(15, 23, 42, .08);--shadow-strong: 0 22px 55px rgba(84, 68, 219, .22);--radius: 18px}body{color:var(--ink);background:radial-gradient(circle at top left,rgba(109,93,252,.08),transparent 30%),linear-gradient(180deg,#f8faff 0%,var(--canvas) 48%,#eef3fa 100%);font-family:Inter,Plus Jakarta Sans,Segoe UI,ui-sans-serif,system-ui,-apple-system,sans-serif;font-weight:560;letter-spacing:-.01em;text-rendering:geometricPrecision;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit;font-weight:700}.topbar{height:74px;padding:0 38px;background:#ffffffd6;border-bottom:1px solid rgba(148,163,184,.22);box-shadow:0 12px 30px #0f172a0a;-webkit-backdrop-filter:blur(18px) saturate(145%);backdrop-filter:blur(18px) saturate(145%)}.workspace-switcher{min-width:205px;padding:7px 9px;border:1px solid transparent;border-radius:14px;transition:.18s ease}.workspace-switcher:hover{border-color:#e3e7f0;background:#fff;box-shadow:0 12px 30px #0f172a12}.workspace-logo,.brand-mark{border-radius:12px;background:linear-gradient(145deg,#20263c,#0b1020);box-shadow:inset 0 1px #ffffff2e,0 12px 24px #0f172a29;font-weight:950}.workspace-switcher small{color:#8a95aa;font-size:7.5px;font-weight:900;letter-spacing:.12em}.workspace-switcher strong{color:#101828;font-size:11px;font-weight:950;letter-spacing:-.02em}.search-wrap{position:relative;max-width:480px;min-height:46px;padding:0 16px;border:1px solid #e5e9f2;border-radius:14px;background:#f0f3f8;color:#667085}.global-search-results{position:absolute;z-index:80;top:calc(100% + 10px);left:0;right:0;max-height:min(520px,70vh);overflow:auto;padding:8px;border:1px solid #dce3ef;border-radius:16px;background:#fffffffa;box-shadow:0 22px 60px #0f172a2e}.global-result{width:100%;display:grid;gap:2px;border:0;border-radius:12px;padding:11px 12px;color:#101828;background:transparent;text-align:left}.global-result:hover{background:#f4f1ff}.global-result span{color:#6d5dfc;font-size:9px;font-weight:950;letter-spacing:.12em;text-transform:uppercase}.global-result strong{font-size:13px;font-weight:950}.global-result small,.global-result-empty{color:#667085;font-size:11px;font-weight:750}.global-result-empty{padding:16px}.search-wrap input{height:44px;color:#101828;font-size:14px;font-weight:700}.search-wrap input::placeholder,.toolbar input::placeholder{color:#7d8799;font-weight:650}.search-wrap:focus-within{border-color:#6d5dfc5c;box-shadow:0 0 0 5px #6d5dfc1c}.view{padding:36px 32px;max-width:1480px}.page-heading{align-items:center;margin-bottom:22px}.page-heading h1{margin-bottom:6px;color:#07111f;font-size:clamp(30px,3vw,42px);line-height:1;font-weight:950;letter-spacing:-1.45px}.page-heading p:last-child{color:#546179;font-size:14px;font-weight:650}.eyebrow{color:#5f50e8;font-size:10.5px;font-weight:950;letter-spacing:.16em}.primary-button,.secondary-button{min-height:44px;border-radius:12px;padding:11px 18px;font-size:13px;font-weight:950;letter-spacing:-.02em}.primary-button{background:linear-gradient(135deg,#7c6cff,#5b48e8);box-shadow:var(--shadow-strong)}.primary-button:hover{background:linear-gradient(135deg,#6c5cff,#4937d3);transform:translateY(-2px);box-shadow:0 26px 58px #5444db47}.secondary-button{color:#344054;border:1px solid #dce3ef;background:#ffffffe6;box-shadow:0 10px 28px #0f172a0d}.secondary-button:hover{color:#2517bc;border-color:#6d5dfc59;background:#fff;transform:translateY(-1px)}.toolbar{gap:12px;margin:-2px 0 18px}.toolbar input,.toolbar select,.field input,.field select,.field textarea{border:1px solid #dbe3ee;border-radius:13px;color:#0b1220;background:#fffffff5;box-shadow:0 9px 25px #0f172a09}.toolbar input{max-width:430px;min-height:48px;padding:12px 16px}.toolbar select{min-height:48px;padding:11px 16px}.toolbar input:focus,.toolbar select:focus,.field input:focus,.field select:focus,.field textarea:focus{border-color:#6d5dfc7a;box-shadow:0 0 0 5px #6d5dfc1f}.panel{border:1px solid rgba(148,163,184,.22);border-radius:18px;background:#ffffffeb;box-shadow:var(--shadow)}.table-wrap{border-radius:inherit;background:#fff}table{border-collapse:separate;border-spacing:0}th{padding:17px 20px;color:#7a859a;background:linear-gradient(180deg,#fbfcff,#f7f9fc);font-size:10px;font-weight:950;letter-spacing:.11em}td{padding:18px 20px;color:#0f172a;font-size:12.5px;font-weight:650}tbody tr{transition:background .16s ease,transform .16s ease,box-shadow .16s ease}tbody tr:hover{background:linear-gradient(90deg,#6d5dfc0b,#fff0);box-shadow:inset 4px 0 #6d5dfc61}.person{gap:12px}.avatar{width:36px;height:36px;border-radius:11px;color:#5b48e8;background:linear-gradient(145deg,#eeeaff,#f8f6ff);box-shadow:inset 0 1px #fffc,0 10px 20px #6d5dfc24;font-size:10.5px;font-weight:950}.person span strong{color:#07111f;font-size:13px;font-weight:950;letter-spacing:-.03em}.person span small{color:#59657a;font-size:10px;font-weight:750}.badge{padding:5px 10px;border-radius:999px;font-size:9.5px;font-weight:950;letter-spacing:-.01em;box-shadow:inset 0 1px #ffffffa6}.badge.rider,.badge.valid,.badge.enabled,.badge.good,.badge.new,.badge.sent,.badge.delivered{color:#027a48;background:#dff8ed}.badge.office-staff,.badge.viewer,.badge.fair,.badge.not-enabled{color:#344054;background:#eef2f7}.inline-status{min-width:118px;max-width:150px;min-height:34px;border-radius:10px;border-color:#dce3ef;color:#344054;background:#fff;font-size:10.5px;font-weight:850}.asset-pills span{padding:5px 9px;border-radius:999px;color:#5545c7;background:#eeeaff;font-size:9px;font-weight:850}.row-actions{gap:7px}.row-actions button,.row-actions a,.report-row a{border-radius:10px;padding:7px 10px;color:#5b48e8;background:#eeeaff;font-size:9px;font-weight:950}.row-actions button:hover,.row-actions a:hover,.report-row a:hover{color:#fff;background:linear-gradient(135deg,#7c6cff,#5b48e8);transform:translateY(-1px)}.payroll-control-grid{display:grid;grid-template-columns:minmax(320px,.72fr) minmax(520px,1.28fr);gap:18px;margin-bottom:18px}.payroll-toolbar{display:grid;grid-template-columns:minmax(220px,1.4fr) repeat(5,minmax(135px,1fr));align-items:stretch}.payroll-toolbar input,.payroll-toolbar select{width:100%}.payroll-readiness{margin-bottom:18px}.payroll-readiness.has-warnings{border-color:#fed7aa;background:linear-gradient(135deg,#fff7ed,#fff)}.payroll-readiness.ready{border-color:#bbf7d0;background:linear-gradient(135deg,#f0fdf4,#fff)}.readiness-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:16px 18px 18px}.readiness-list div{padding:12px;border-radius:12px;background:#ffffffbd;box-shadow:0 10px 24px #0f172a0b}.readiness-list strong,.readiness-list span{display:block}.readiness-list strong{color:#101828;font-size:12px;font-weight:950}.readiness-list span{margin-top:3px;color:#8a4b12;font-size:10.5px;font-weight:800}.export-warning{width:100%;color:#b45309;font-size:9px;font-weight:900}.payroll-command-card{overflow:hidden;background:linear-gradient(140deg,#6d5dfc1a,#fffffff2 45%),#fff}.payroll-setup-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:18px}.payroll-setup-list div{min-height:82px;padding:14px;border:1px solid #e4e9f3;border-radius:14px;background:#ffffffd1;box-shadow:0 12px 28px #0f172a0b}.payroll-setup-list small,.payroll-setup-list strong{display:block}.payroll-setup-list small{color:#69758b;font-size:9px;font-weight:950;letter-spacing:.11em;text-transform:uppercase}.payroll-setup-list strong{margin-top:8px;color:#07111f;font-size:15px;font-weight:950;letter-spacing:-.03em}.pagination{padding:16px 20px;color:#5f6b80;font-weight:800}.pagination button{min-height:34px;border-radius:10px;font-weight:900}.notification-button{border-radius:12px;box-shadow:0 10px 22px #0f172a0f}.nav-item,.nav-submenu button{font-weight:900}.modal{border:1px solid rgba(255,255,255,.65);border-radius:22px;box-shadow:0 32px 90px #0f172a47}.modal-header h2{font-size:22px;font-weight:950;letter-spacing:-.04em}.field label{color:#344054;font-size:11px;font-weight:950;letter-spacing:.02em}@media(max-width:1120px){.payroll-control-grid{grid-template-columns:1fr}.payroll-toolbar,.readiness-list{grid-template-columns:1fr 1fr}}@media(max-width:900px){.control-grid{grid-template-columns:1fr}}@media(max-width:620px){.heading-actions,.pagination{align-items:stretch;flex-direction:column}.row-actions{min-width:150px}.payroll-setup-list,.payroll-toolbar,.readiness-list{grid-template-columns:1fr}}.login-showcase{--motion-x:0px;--motion-y:0px;isolation:isolate;background:linear-gradient(145deg,#15172a,#24203f 52%,#30275e)}.login-motion-scene{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}.motion-glow{position:absolute;border-radius:50%;filter:blur(12px);opacity:.48;will-change:transform}.glow-one{width:430px;height:430px;top:-170px;left:-130px;background:radial-gradient(circle,#806bff7a 0%,#7059ee26 46%,transparent 72%);animation:loginGlowOne 13s ease-in-out infinite}.glow-two{width:520px;height:520px;right:-220px;bottom:-240px;background:radial-gradient(circle,#7661f46b 0%,#5441ca20 50%,transparent 72%);animation:loginGlowTwo 16s ease-in-out infinite}.glow-three{width:260px;height:260px;left:42%;top:37%;background:radial-gradient(circle,#b8adff22,transparent 68%);animation:loginGlowThree 11s ease-in-out infinite}.motion-grid{position:absolute;inset:0;opacity:.12;background-image:linear-gradient(#ffffff12 1px,transparent 1px),linear-gradient(90deg,#ffffff12 1px,transparent 1px);background-size:52px 52px;-webkit-mask-image:linear-gradient(to bottom,transparent 5%,#000 42%,transparent 95%);mask-image:linear-gradient(to bottom,transparent 5%,#000 42%,transparent 95%);transform:translate3d(calc(var(--motion-x) * -.08),calc(var(--motion-y) * -.08),0);transition:transform .35s ease-out}.motion-scan{position:absolute;inset:-40% 0 auto;height:36%;opacity:.22;background:linear-gradient(to bottom,transparent,#9384ff12 45%,#c8c1ff35 50%,#9384ff12 55%,transparent);animation:loginScan 9s linear infinite}.orbit-ring{position:absolute;border:1px solid #ffffff16;border-radius:50%;transform:translate3d(calc(var(--motion-x) * .22),calc(var(--motion-y) * .22),0);transition:transform .35s ease-out}.orbit-ring i{position:absolute;width:7px;height:7px;border-radius:50%;background:#a89aff;box-shadow:0 0 0 5px #9f90ff16,0 0 20px #a89aff}.ring-one{width:440px;height:440px;right:-215px;top:-145px;animation:orbitPulse 7s ease-in-out infinite}.ring-one i{left:47px;bottom:67px}.ring-two{width:325px;height:325px;right:-156px;top:-85px;border-color:#9f91ff24;animation:orbitSpin 24s linear infinite}.ring-two i{left:28px;top:78px;width:5px;height:5px}.ring-three{width:280px;height:280px;left:-175px;bottom:-125px;animation:orbitSpinReverse 29s linear infinite}.ring-three i{right:30px;top:55px;width:5px;height:5px}.motion-particle{position:absolute;width:4px;height:4px;border-radius:50%;background:#c9c1ff;box-shadow:0 0 14px #b3a7ff}.particle-one{left:12%;top:28%;animation:particleFloat 7s ease-in-out infinite}.particle-two{left:74%;top:46%;animation:particleFloat 9s 1.2s ease-in-out infinite}.particle-three{left:58%;bottom:16%;animation:particleFloat 8s 2s ease-in-out infinite}.particle-four{left:26%;bottom:25%;animation:particleFloat 10s .5s ease-in-out infinite}.login-brand{animation:loginReveal .75s .08s cubic-bezier(.2,.8,.2,1) both;transform:translate3d(calc(var(--motion-x) * -.08),calc(var(--motion-y) * -.08),0)}.login-brand .brand-mark{position:relative;overflow:hidden;animation:brandFloat 4.8s 1s ease-in-out infinite}.login-brand .brand-mark:after{content:"";position:absolute;inset:-50%;background:linear-gradient(115deg,transparent 37%,#ffffffa6 50%,transparent 63%);transform:translate(-80%);animation:logoShine 4.5s 1.8s ease-in-out infinite}.showcase-copy{transform:translate3d(calc(var(--motion-x) * -.04),calc(var(--motion-y) * -.04),0);transition:transform .3s ease-out}.showcase-copy .eyebrow{animation:loginReveal .75s .18s cubic-bezier(.2,.8,.2,1) both}.showcase-copy h1{position:relative;animation:loginReveal .85s .3s cubic-bezier(.16,1,.3,1) both;text-wrap:balance;text-shadow:0 12px 45px #0c0d1970}.showcase-copy h1:after{content:"";position:absolute;width:9px;height:9px;right:7%;bottom:9px;border-radius:50%;background:#8f7cff;box-shadow:0 0 0 5px #8f7cff1c,0 0 28px #8f7cff;animation:headlineDot 2.5s 1.2s ease-in-out infinite}.showcase-copy>p:last-of-type{animation:loginReveal .8s .43s cubic-bezier(.2,.8,.2,1) both}.showcase-stats{perspective:900px;animation:loginReveal .8s .56s cubic-bezier(.2,.8,.2,1) both}.showcase-stats>div{position:relative;min-width:84px;padding:8px 9px 8px 0;border-radius:10px;transition:transform .28s ease,background .28s ease,padding .28s ease}.showcase-stats>div:nth-child(1){animation:statFloat 5s 1.1s ease-in-out infinite}.showcase-stats>div:nth-child(2){animation:statFloat 5s 1.45s ease-in-out infinite}.showcase-stats>div:nth-child(3){animation:statFloat 5s 1.8s ease-in-out infinite}.showcase-stats>div:hover{padding-left:9px;background:#ffffff0a;transform:translateY(-5px)!important}.showcase-stats strong{background:linear-gradient(115deg,#fff 20%,#beb4ff 48%,#fff 75%);background-size:220% auto;background-clip:text;-webkit-background-clip:text;color:transparent;animation:textShimmer 5s linear infinite}.login-quote{animation:loginReveal .7s .72s ease both}.login-panel{position:relative;overflow:hidden;background:radial-gradient(circle at 100% 0,#eeeaff 0,transparent 24rem),#fbfbfd}.login-panel:before{content:"";position:absolute;width:260px;height:260px;right:-170px;bottom:-150px;border:1px solid #6c5ce712;border-radius:50%;animation:panelRing 12s ease-in-out infinite}.login-card{position:relative;z-index:1;animation:loginCardIn .85s .18s cubic-bezier(.16,1,.3,1) both}.login-heading>*{animation:loginReveal .65s cubic-bezier(.2,.8,.2,1) both}.login-heading>*:nth-child(2){animation-delay:.3s}.login-heading>*:nth-child(3){animation-delay:.38s}.login-heading>*:nth-child(4){animation-delay:.46s}.login-card>.field{animation:loginReveal .6s cubic-bezier(.2,.8,.2,1) both}.login-card>.field:nth-of-type(1){animation-delay:.5s}.login-card>.field:nth-of-type(2){animation-delay:.58s}.login-card>.field:nth-of-type(3){animation-delay:.66s}.login-card .field input{transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.login-card .field input:focus{transform:translateY(-2px);box-shadow:0 8px 24px #6c5ce716,0 0 0 3px #6c5ce712}.login-submit{position:relative;overflow:hidden;transition:transform .22s ease,box-shadow .22s ease}.login-submit:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 25%,#ffffff38 48%,transparent 72%);transform:translate(-120%);transition:transform .65s ease}.login-submit:hover{transform:translateY(-2px);box-shadow:0 12px 28px #6c5ce73d}.login-submit:hover:after{transform:translate(120%)}@keyframes loginReveal{0%{opacity:0;transform:translateY(18px);filter:blur(5px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}@keyframes loginCardIn{0%{opacity:0;transform:translateY(25px) scale(.975)}to{opacity:1;transform:none}}@keyframes loginGlowOne{0%,to{transform:translate3d(-5%,0,0) scale(1)}50%{transform:translate3d(18%,12%,0) scale(1.14)}}@keyframes loginGlowTwo{0%,to{transform:translateZ(0) scale(1)}50%{transform:translate3d(-13%,-10%,0) scale(1.12)}}@keyframes loginGlowThree{0%,to{transform:translate3d(-15px,10px,0) scale(.9);opacity:.25}50%{transform:translate3d(34px,-30px,0) scale(1.3);opacity:.52}}@keyframes loginScan{0%{transform:translateY(-20%)}to{transform:translateY(480%)}}@keyframes orbitPulse{0%,to{opacity:.65}50%{opacity:1;box-shadow:0 0 60px #8d7cff0c}}@keyframes orbitSpin{to{rotate:360deg}}@keyframes orbitSpinReverse{to{rotate:-360deg}}@keyframes particleFloat{0%,to{transform:translateZ(0);opacity:.2}40%{opacity:1}50%{transform:translate3d(18px,-35px,0)}75%{opacity:.35}}@keyframes brandFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes logoShine{0%,55%{transform:translate(-85%) rotate(8deg)}80%,to{transform:translate(85%) rotate(8deg)}}@keyframes headlineDot{0%,to{transform:scale(.75);opacity:.5}50%{transform:scale(1);opacity:1}}@keyframes statFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes textShimmer{to{background-position:-220% center}}@keyframes panelRing{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.18);opacity:1}}.login-showcase .login-brand{gap:14px;font-size:18px}.login-showcase .login-brand .brand-mark{width:48px;height:48px;border-radius:15px;font-size:17px;font-weight:900;box-shadow:0 10px 28px #7562ee75,0 0 0 1px #ffffff12;animation-duration:4.2s}@keyframes brandFloat{0%,to{transform:translateY(0) rotate(0)}45%{transform:translateY(-8px) rotate(-2deg)}55%{transform:translateY(-8px) rotate(2deg)}}@media(prefers-reduced-motion:reduce){.login-page *,.login-page *:before,.login-page *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.login-brand,.showcase-copy,.motion-grid,.orbit-ring{transform:none!important}}.company-page-heading{margin-bottom:20px}.company-tabs{display:flex;gap:8px;overflow-x:auto;padding:7px;background:#e9edf6;border:1px solid #dce3ef;border-radius:16px;margin-bottom:22px;scrollbar-width:none}.company-tabs button{border:0;background:transparent;color:#65708a;padding:11px 15px;border-radius:11px;font:700 12px inherit;white-space:nowrap;cursor:pointer;transition:.2s ease}.company-tabs button:hover{background:#fff;color:#172033;transform:translateY(-1px)}.company-tabs button.active{background:#fff;color:#5947eb;box-shadow:0 5px 18px #29346214}.company-tabs b{display:inline-grid;place-items:center;background:#f1665f;color:#fff;min-width:20px;height:20px;border-radius:10px;margin-left:7px;font-size:10px}.company-section{display:grid;gap:20px;animation:companyReveal .28s ease}.company-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.company-kpi-grid>.metric-card,.company-kpi-grid>.stat-card{min-height:112px}.company-overview-grid,.company-two-grid,.organization-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.company-three-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:start}.company-action-list{display:grid;padding:4px 20px 20px}.company-action-list button{display:flex;align-items:center;gap:13px;text-align:left;border:0;border-bottom:1px solid #edf0f6;background:transparent;padding:14px 2px;cursor:pointer}.company-action-list button:hover strong{color:#5d4ce7}.company-action-list span:not(.company-action-icon),.company-timeline span{display:grid;gap:3px}.company-action-list small,.company-timeline small{color:#78839a}.company-action-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#eeeafd;color:#6251ed;font-weight:900}.company-action-icon.warning{background:#fff2cc;color:#9a6b00}.company-timeline{display:grid;gap:15px;padding:5px 22px 22px}.company-timeline>div{display:flex;gap:12px;align-items:center}.company-timeline i{width:10px;height:10px;border-radius:50%;background:#6e5af3;box-shadow:0 0 0 5px #eeeafd}.company-timeline i.urgent{background:#ec625c;box-shadow:0 0 0 5px #ffebe9}.company-quick-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.company-quick-grid button{display:grid;grid-template-columns:auto 1fr;text-align:left;column-gap:12px;row-gap:2px;padding:18px;border:1px solid #dfe5ef;border-radius:15px;background:#fff;cursor:pointer;transition:.2s ease}.company-quick-grid button:hover{border-color:#8e80f8;transform:translateY(-3px);box-shadow:0 15px 35px #35416812}.company-quick-grid span{grid-row:1/3;display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#eeeafd;color:#5f4dea;font-size:18px}.company-quick-grid small{color:#7b869c}.company-form-card{overflow:hidden}.company-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;padding:20px}.company-form>label{display:grid;gap:7px;color:#65708a;font-size:11px;font-weight:800}.company-form input,.company-form select,.company-form textarea,.role-card select{width:100%;border:1px solid #d8dfeb;border-radius:10px;background:#fff;padding:11px 12px;color:#172033;min-height:42px}.company-form textarea{min-height:86px;resize:vertical}.company-form .wide,.company-form button.wide{grid-column:1/-1}.organization-list{display:grid;gap:10px;padding:4px 20px 20px}.organization-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:14px;border:1px solid #e6eaf1;border-radius:12px}.organization-card>span:first-child{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:#f0edff;color:#604df0}.organization-card div{display:grid;gap:3px}.organization-card small{color:#7b869b}.company-calendar-grid,.announcement-grid,.company-role-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.calendar-event,.announcement-card,.role-card{background:#fff;border:1px solid #e1e6ef;border-radius:15px;padding:19px;display:grid;gap:10px;box-shadow:0 10px 25px #33405a0a}.calendar-event{border-top:4px solid #6e5af3}.calendar-event.high,.calendar-event.urgent{border-top-color:#ed655e}.calendar-event>div,.announcement-card>div,.role-card>div{display:flex;align-items:center;justify-content:space-between;gap:8px}.calendar-event p,.announcement-card p,.role-card p{color:#69748a;margin:0}.calendar-event small,.announcement-card small,.role-card small{color:#8490a4}.calendar-event button{margin-top:6px}.finance-summary-card{padding-bottom:20px}.finance-balance{display:grid;gap:6px;padding:10px 22px 24px}.finance-balance strong{font-size:36px;color:#172033}.finance-balance span{color:#78839a}.finance-summary-card>button{margin:0 22px}.check-list{padding:3px 22px 20px;color:#455168}.permission-grid{border:1px solid #dfe4ed;border-radius:12px;padding:14px;display:grid!important;grid-template-columns:repeat(2,1fr);gap:10px!important}.permission-grid legend{padding:0 7px;color:#65708a;font-size:11px;font-weight:800}.permission-grid label{display:flex!important;align-items:center;gap:7px;font-size:12px!important}.permission-grid input{width:auto;min-height:auto}.role-card form{display:flex;gap:8px;margin-top:8px}.role-card form select{flex:1}.announcement-card{border-left:4px solid #6e5af3}.announcement-card.success{border-left-color:#2fa27b}.announcement-card.warning{border-left-color:#e5a72f}.announcement-card.urgent{border-left-color:#ed655e}.company-section .panel{margin:0}.company-section table small{display:block;margin-top:4px;color:#7c879b}.company-section .setting-toggle{border:1px solid #e3e7ef;border-radius:12px;padding:14px}.company-section .setting-toggle input{width:auto;min-height:auto}@keyframes companyReveal{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}@media(max-width:1150px){.company-three-grid,.company-calendar-grid,.announcement-grid,.company-role-grid,.company-kpi-grid,.company-quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.company-overview-grid,.company-two-grid,.organization-summary,.company-three-grid,.company-calendar-grid,.announcement-grid,.company-role-grid,.company-kpi-grid,.company-quick-grid,.company-form{grid-template-columns:1fr}.company-form .wide{grid-column:auto}.company-tabs{margin-inline:-5px}.permission-grid{grid-template-columns:1fr}}.analytics-bars{display:grid;gap:18px;padding:22px}.analytics-bars>div{display:grid;gap:8px}.analytics-bars span{display:flex;justify-content:space-between;color:#59657b;font-size:12px;font-weight:800}.analytics-bars i{height:10px;overflow:hidden;border-radius:99px;background:#edf0f5}.analytics-bars em{display:block;height:100%;min-width:4px;border-radius:inherit;background:#6652ee}.analytics-bars em.good{background:#22a879}.analytics-bars em.warning{background:#e4aa3f}.analytics-bars em.danger{background:#e65f58}.movement-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:22px}.movement-grid>div{display:grid;gap:5px;padding:22px;border-radius:14px;background:#f6f7fb;text-align:center}.movement-grid strong{font-size:30px;color:#17233d}.movement-grid span{color:#7d879a;font-size:11px}.brand-preview{display:flex!important;min-height:520px;flex-direction:column;overflow:hidden!important;color:#fff;background:linear-gradient(145deg,var(--preview-secondary),color-mix(in srgb,var(--preview-primary) 42%,var(--preview-secondary)))}.brand-preview-header{display:flex;align-items:center;gap:12px;padding:22px;border-bottom:1px solid #ffffff20}.brand-preview-header span,.brand-preview-header img{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:var(--preview-primary);object-fit:cover}.brand-preview>div:nth-child(2){display:grid;align-content:center;flex:1;padding:35px}.brand-preview h2{max-width:430px;font-size:35px;line-height:1.12}.brand-preview button{width:max-content;padding:12px 18px;border:0;border-radius:10px;color:#fff;background:var(--preview-primary);font-weight:800}.brand-preview footer{padding:20px 35px;color:#ffffffa8;border-top:1px solid #ffffff18;font-size:11px}.company-section td>button[data-advanced-action]{border:0;border-radius:8px;padding:7px 10px;color:#5f4bea;background:#efedff;font-size:10px;font-weight:800}.company-tabs{position:sticky;top:82px;z-index:4}.company-form input[type=color]{padding:5px}@media(max-width:720px){.movement-grid{grid-template-columns:1fr}.brand-preview{min-height:400px}.company-tabs{position:static}}#companyView{--company-accent: #6652ee;--company-accent-soft: #f0edff;--company-border: #dfe5f0}#companyView .company-page-heading{position:relative;overflow:hidden;align-items:center;min-height:154px;margin-bottom:18px;padding:28px 30px;border:1px solid #dedafc;border-radius:22px;background:radial-gradient(circle at 88% 20%,rgba(113,91,240,.18),transparent 21rem),linear-gradient(135deg,#fff,#f7f5ff);box-shadow:0 18px 50px #2f267014}#companyView .company-page-heading:after{content:"";position:absolute;width:180px;height:180px;right:110px;top:-118px;border:1px solid rgba(102,82,238,.15);border-radius:50%;pointer-events:none}#companyView .company-page-heading>div,#companyView .company-page-heading>button{position:relative;z-index:1}#companyView .company-page-heading h1{font-size:clamp(30px,3vw,43px)}#companyView .company-page-heading p:last-child{max-width:720px;line-height:1.55}#companyContent{min-width:0}.company-tabs{top:78px;display:flex;flex-wrap:wrap;gap:6px;padding:9px;margin-bottom:20px;overflow:visible;border-color:#d1d8e7eb;border-radius:17px;background:#f4f6fbeb;box-shadow:0 12px 32px #19223514;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.company-tabs button{min-height:40px;padding:10px 13px;border:1px solid transparent;border-radius:10px;font-family:inherit;font-size:11px;font-weight:850;line-height:1.1}.company-tabs button:hover{border-color:#e0dcff;background:#faf9ff}.company-tabs button.active{color:#4938d3;border-color:#d7d0ff;background:#fff;box-shadow:0 7px 18px #4938d31f}.company-section{gap:18px;min-width:0}.company-section>*{min-width:0}.company-kpi-grid{gap:12px}.company-kpi-grid>article{position:relative;min-width:0;min-height:122px;overflow:hidden;display:flex;flex-direction:column;justify-content:center;padding:20px;border:1px solid var(--company-border);border-radius:17px;background:linear-gradient(145deg,#fff,#fbfbff);box-shadow:0 12px 34px #1f293d0f}.company-kpi-grid>article:after{content:"";position:absolute;width:76px;height:76px;right:-30px;bottom:-36px;border-radius:50%;background:var(--company-accent-soft)}.company-kpi-grid>article small,.company-kpi-grid>article strong,.company-kpi-grid>article span{display:block;position:relative;z-index:1}.company-kpi-grid>article small{color:#778299;font-size:9px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.company-kpi-grid>article strong{margin:5px 0 2px;overflow:hidden;color:#111b2e;font-size:clamp(22px,2vw,30px);font-weight:950;line-height:1.1;letter-spacing:-.04em;text-overflow:ellipsis;white-space:nowrap}.company-kpi-grid>article span{min-height:16px;color:#8b94a6;font-size:10px}.company-overview-grid,.company-two-grid,.organization-summary,.company-three-grid{align-items:start}.company-section .panel{min-width:0;border-color:var(--company-border);border-radius:18px;box-shadow:0 13px 38px #1f293d0e}.company-section .panel-heading{min-height:76px;gap:16px;padding:18px 20px;background:linear-gradient(180deg,#fff,#fdfdff)}.company-section .panel-heading>div{min-width:0}.company-section .panel-heading h2{color:#111b2e;font-size:17px;font-weight:900}.company-section .panel-heading p{margin-top:4px;line-height:1.45}.company-form{gap:14px;padding:20px}.company-form>label{min-width:0;color:#536078;font-size:10px;letter-spacing:.02em}.company-form input,.company-form select,.company-form textarea,.role-card select{min-width:0;min-height:45px;border-color:#d8e0ec;border-radius:11px;padding:11px 12px;box-shadow:none;transition:border-color .18s ease,box-shadow .18s ease}.company-form input:focus,.company-form select:focus,.company-form textarea:focus{outline:none;border-color:#6652ee8c;box-shadow:0 0 0 4px #6652ee1a}.company-form .primary-button{width:100%;margin-top:2px}.company-section .table-wrap{width:100%;max-width:100%;overflow-x:auto;scrollbar-color:#c6ccda transparent}.company-section table{min-width:680px}.company-section th{padding:14px 17px}.company-section td{padding:15px 17px}.company-section tbody tr{transition:background .15s ease}.company-section tbody tr:hover{background:#faf9ff}.announcement-summary{display:flex;align-items:center;gap:14px;padding:18px 20px;border-left:4px solid var(--company-accent)!important}.announcement-summary strong{color:var(--company-accent);font-size:27px}.announcement-summary span{color:#69758b;font-size:12px;font-weight:750}.company-calendar-grid,.announcement-grid,.company-role-grid{align-items:stretch}.calendar-event,.announcement-card,.role-card{min-width:0;height:100%}.calendar-event p,.announcement-card p,.role-card p{overflow-wrap:anywhere}@media(max-width:1400px){.company-three-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.company-three-grid>:last-child:nth-child(odd){grid-column:1 / -1}}@media(max-width:1050px){#companyView .company-page-heading{min-height:134px;padding:24px}.company-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.company-overview-grid,.company-two-grid,.organization-summary,.company-three-grid{grid-template-columns:1fr}.company-three-grid>:last-child:nth-child(odd){grid-column:auto}}@media(max-width:760px){#companyView .company-page-heading{align-items:flex-start;padding:22px 20px;border-radius:18px}#companyView .company-page-heading:after{display:none}.company-tabs{position:sticky;top:70px;flex-wrap:nowrap;margin-inline:-4px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:inline proximity;scrollbar-width:none}.company-tabs::-webkit-scrollbar{display:none}.company-tabs button{flex:0 0 auto;scroll-snap-align:start}.company-section .panel-heading{align-items:flex-start;flex-direction:column}.company-section .panel-heading .secondary-button{width:100%}}@media(max-width:520px){.company-kpi-grid{grid-template-columns:1fr}.company-kpi-grid>article{min-height:105px}.company-form{grid-template-columns:1fr;padding:17px}.company-form .wide,.company-form button.wide{grid-column:auto}.permission-grid,.movement-grid{grid-template-columns:1fr}.organization-card{grid-template-columns:auto 1fr}.organization-card>:last-child{grid-column:1 / -1}}.app-shell{background:radial-gradient(circle at 94% 7%,rgba(108,92,231,.07),transparent 25rem),#f5f7fb}.sidebar{width:252px;padding:22px 15px 18px;border-right:1px solid rgba(255,255,255,.055);background:radial-gradient(circle at 18% 0,rgba(115,94,235,.18),transparent 18rem),linear-gradient(180deg,#171a2b,#111522);box-shadow:16px 0 48px #0f172a14}.sidebar .brand{min-height:58px;padding:0 10px 20px;border-bottom:1px solid rgba(255,255,255,.07);font-size:16px;font-weight:900}.sidebar .brand-mark{width:36px;height:36px;border-radius:11px;box-shadow:0 10px 30px #6c5ce75c}.nav{gap:5px;padding:8px 2px 14px}.nav-section-label{margin:18px 11px 6px;color:#747c94}.nav-item{min-height:43px;padding:10px 11px;border:1px solid transparent;border-radius:11px;color:#aeb6ca;font-size:12px;transition:color .18s ease,background .18s ease,border-color .18s ease,transform .18s ease}.nav-item:hover{color:#fff;border-color:#ffffff0f;background:#ffffff0e;transform:translate(2px)}.nav-item.active{color:#fff;border-color:#907eff42;background:linear-gradient(110deg,#7560ef45,#7560ef1a);box-shadow:inset 3px 0 #8d7bff,0 10px 24px #0000001a}.nav-item b{background:#ffffff14;color:#d8dce8}.nav-submenu{margin:3px 0 5px 17px;padding-left:9px;border-left:1px solid rgba(143,126,255,.22)}.nav-submenu button{min-height:34px;border-radius:8px;color:#8f98af;transition:color .18s ease,background .18s ease,transform .18s ease}.nav-submenu button:hover,.nav-submenu button.active{color:#fff;background:#ffffff0e;transform:translate(2px)}.sidebar-footer{padding-top:10px;background:linear-gradient(180deg,transparent,rgba(17,21,34,.96) 18%)}.profile-chip{border-color:#ffffff14}.main{margin-left:252px;width:calc(100% - 252px)}.topbar{height:76px;padding:0 30px;border-bottom-color:#dae0ebdb;background:#ffffffe0;box-shadow:0 8px 30px #0f172a09;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.workspace-switcher{min-height:46px;padding:6px 9px;border-radius:12px}.workspace-logo{width:34px;height:34px;border-radius:10px}.search-wrap{max-width:520px;min-height:46px;border-color:#e2e7f0;border-radius:13px;background:#f6f7fb}.notification-button{width:40px;height:40px;border-radius:12px}.view{padding:34px 30px 54px}.view.active{animation:portalPageIn .3s cubic-bezier(.2,.8,.2,1)}@keyframes portalPageIn{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}.page-heading{min-height:94px;align-items:center;margin-bottom:22px;padding-bottom:18px;border-bottom:1px solid #e4e8f0}.page-heading h1{font-size:clamp(29px,3vw,40px)}.page-heading p:last-child{max-width:760px;line-height:1.55}.view:not(#companyView) .page-heading>div:first-child{min-width:0}.metric-grid,.module-stats,.fleet-metric-grid{gap:14px}.metric-card,.module-stats article{border-color:#dfe5ef;border-radius:16px;background:linear-gradient(145deg,#fff,#fcfcff);box-shadow:0 12px 34px #1f293d0e;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.metric-card:hover,.module-stats article:hover{border-color:#d5cffd;transform:translateY(-2px);box-shadow:0 18px 40px #342b7e17}.metric-icon{width:44px;height:44px;border-radius:13px}.metric-card strong{color:#101828;font-size:25px;font-weight:950}.fleet-metric{min-height:134px;border:1px solid rgba(148,163,184,.13);border-radius:17px;box-shadow:0 12px 30px #1f293d0d}.panel{border-color:#dfe5ef;border-radius:18px;background:#fffffff5;box-shadow:0 13px 38px #1f293d0e}.panel-heading{min-height:74px;padding:17px 20px;background:linear-gradient(180deg,#fff,#fdfdff)}.panel-heading h2{color:#111b2e;font-size:17px;font-weight:900}.panel-heading p{margin-top:4px;line-height:1.4}.toolbar{align-items:center;gap:10px;padding:10px;margin:0 0 17px;border:1px solid #e0e5ef;border-radius:15px;background:#ffffffc7;box-shadow:0 10px 28px #1f293d0a}.toolbar input,.toolbar select{min-height:43px;box-shadow:none}.table-wrap{max-width:100%;scrollbar-color:#c5ccda transparent}table{min-width:650px}th{height:48px;padding:14px 18px;background:#f8f9fc}td{height:58px;padding:14px 18px}tbody tr{transition:background .15s ease}tbody tr:hover{background:#faf9ff}.badge{padding:5px 9px;font-weight:850}.primary-button,.secondary-button{border-radius:11px}.primary-button:active,.secondary-button:active{transform:translateY(0) scale(.98)}.empty-state{min-height:150px;display:grid;place-items:center;padding:34px;color:#7c879a;background:linear-gradient(145deg,#fff,#fafbfe)}.modal-backdrop{background:#0f172a8a;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.modal{border:1px solid rgba(255,255,255,.75);border-radius:21px;box-shadow:0 35px 100px #0f172a4d}.modal-header{position:sticky;top:0;z-index:2;padding:22px 24px 15px;background:#fffffff0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.form-grid{gap:15px}.field input,.field select,.field textarea{min-height:44px;border-color:#d9e1ec;border-radius:11px;box-shadow:none}.settings-form{margin-bottom:18px}.settings-section{padding:22px}.setting-toggle{border-radius:12px;transition:border-color .18s ease,background .18s ease}.setting-toggle:hover{border-color:#d7d0ff;background:#fbfaff}@media(max-width:1180px){.fleet-metric-grid,.metric-grid,.module-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.operations-grid,.control-grid{grid-template-columns:1fr}}@media(max-width:760px){.sidebar{width:min(284px,88vw)}.main{margin-left:0;width:100%}.topbar{height:70px;padding:0 14px}.workspace-switcher{min-width:0}.workspace-switcher span:nth-child(2),.topbar .support-link{display:none}.search-wrap{min-width:0}.view{padding:24px 15px 44px}.page-heading{min-height:0;align-items:flex-start}.toolbar{align-items:stretch;flex-direction:column}.toolbar input,.toolbar select{width:100%;max-width:none}.panel-heading{align-items:flex-start;gap:12px}}@media(max-width:520px){.fleet-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-grid,.module-stats{grid-template-columns:1fr}.page-heading{flex-direction:column}.page-heading>button,.page-heading>.heading-actions{width:100%}.page-heading>button{justify-content:center}.heading-actions{display:grid;grid-template-columns:1fr}.panel-heading{padding:16px}.panel-heading>button,.panel-heading>a{width:100%;text-align:center}}.brand-mark{animation:portalLogoFloat 5s ease-in-out infinite}.brand-mark:after{content:"";position:absolute;inset:-55%;background:linear-gradient(115deg,transparent 38%,rgba(255,255,255,.55) 50%,transparent 62%);transform:translate(-95%) rotate(8deg);animation:portalLogoShine 5.5s 1.4s ease-in-out infinite}.brand-mark{position:relative;overflow:hidden}.view.active>*{animation:portalSectionRise .42s cubic-bezier(.2,.8,.2,1) both}.view.active>*:nth-child(2){animation-delay:45ms}.view.active>*:nth-child(3){animation-delay:.09s}.view.active>*:nth-child(4){animation-delay:.135s}.view.active>*:nth-child(5){animation-delay:.18s}.company-section>*{animation:portalSectionRise .38s cubic-bezier(.2,.8,.2,1) both}.company-section>*:nth-child(2){animation-delay:55ms}.company-section>*:nth-child(3){animation-delay:.11s}.company-section>*:nth-child(4){animation-delay:.165s}.company-kpi-grid>article,.metric-card,.module-stats article,.fleet-metric,.panel,.calendar-event,.announcement-card,.role-card{will-change:transform;transition:transform .24s cubic-bezier(.2,.8,.2,1),box-shadow .24s ease,border-color .24s ease}.company-kpi-grid>article:hover,.calendar-event:hover,.announcement-card:hover,.role-card:hover{transform:translateY(-4px);box-shadow:0 20px 46px #2d26691c}.company-kpi-grid>article:after{animation:kpiOrbreathe 4.8s ease-in-out infinite}.company-kpi-grid>article:nth-child(2):after{animation-delay:.45s}.company-kpi-grid>article:nth-child(3):after{animation-delay:.9s}.company-kpi-grid>article:nth-child(4):after{animation-delay:1.35s}.company-tabs button{position:relative;overflow:hidden}.company-tabs button:after{content:"";position:absolute;left:50%;right:50%;bottom:4px;height:2px;border-radius:2px;background:#6652ee;transition:left .22s ease,right .22s ease}.company-tabs button.active:after{left:18%;right:18%}.primary-button{position:relative;overflow:hidden;isolation:isolate}.primary-button:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(110deg,transparent 25%,rgba(255,255,255,.28) 48%,transparent 72%);transform:translate(-125%);transition:transform .7s ease}.primary-button:hover:after{transform:translate(125%)}.notification-button b{animation:notificationPulse 2.5s ease-in-out infinite}.status-dot{animation:statusPulse 2.8s ease-in-out infinite}tbody tr{transform-origin:center}tbody tr:hover{transform:scale(1.002)}.modal{animation:portalModalIn .3s cubic-bezier(.16,1,.3,1);transform-origin:center 20%}.toast.show{animation:toastSettle .38s cubic-bezier(.16,1,.3,1)}.company-action-icon{animation:actionIconPulse 3.8s ease-in-out infinite}.analytics-bars em{transform-origin:left;animation:barGrow .7s cubic-bezier(.2,.8,.2,1) both}.movement-grid>div{transition:transform .22s ease,background .22s ease}.movement-grid>div:hover{transform:translateY(-3px);background:#f1efff}.brand-preview-header span{animation:portalLogoFloat 4.5s ease-in-out infinite}@keyframes portalSectionRise{0%{opacity:0;transform:translateY(12px);filter:blur(2px)}to{opacity:1;transform:none;filter:none}}@keyframes portalLogoFloat{0%,to{transform:translateY(0) rotate(0)}45%{transform:translateY(-4px) rotate(-1deg)}55%{transform:translateY(-4px) rotate(1deg)}}@keyframes portalLogoShine{0%,58%{transform:translate(-95%) rotate(8deg)}78%,to{transform:translate(95%) rotate(8deg)}}@keyframes kpiOrbreathe{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.22) translate(-4px,-3px);opacity:1}}@keyframes notificationPulse{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}@keyframes statusPulse{0%,to{box-shadow:0 0 0 3px #3bd69f22}50%{box-shadow:0 0 0 7px #3bd69f09}}@keyframes portalModalIn{0%{opacity:0;transform:translateY(18px) scale(.965)}to{opacity:1;transform:none}}@keyframes toastSettle{0%{transform:translateY(18px) scale(.96)}65%{transform:translateY(-2px) scale(1.01)}to{transform:none}}@keyframes actionIconPulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}@keyframes barGrow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media(prefers-reduced-motion:reduce){.app-shell *,.app-shell *:before,.app-shell *:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.app-shell .view.active>*,.app-shell .company-section>*,.app-shell tbody tr{transform:none!important;filter:none!important}}.company-navigation{position:sticky;top:82px;z-index:4;display:grid;gap:7px;margin-bottom:22px;padding:8px;border:1px solid #dce3ef;border-radius:17px;background:#f7f8fbf0;box-shadow:0 10px 30px #212b4314;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.company-categories,.billing-section-tabs{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none}.company-categories::-webkit-scrollbar,.billing-section-tabs::-webkit-scrollbar{display:none}.company-categories button,.billing-section-tabs button{flex:0 0 auto;border:0;border-radius:10px;padding:10px 14px;color:#68738a;background:transparent;font-size:11px;font-weight:850;white-space:nowrap;transition:color .2s ease,background .2s ease,transform .2s ease}.company-categories button:hover,.billing-section-tabs button:hover{color:#17233d;background:#fff;transform:translateY(-1px)}.company-categories button.active,.billing-section-tabs button.active{color:#fff;background:linear-gradient(135deg,#7564f4,#5846df);box-shadow:0 8px 18px #6551ec35}.company-navigation .company-tabs{position:static;margin:0;padding:5px;border:0;border-radius:12px;background:#e9edf6}.billing-section-tabs{margin-bottom:20px;padding:7px;border:1px solid #dce3ef;border-radius:14px;background:#eef1f7}.billing-section-panel{display:none}.billing-section-panel.active{display:block;animation:portalSectionRise .32s cubic-bezier(.2,.8,.2,1) both}.settings-tabs{display:flex;gap:6px;margin-bottom:18px;padding:7px;overflow-x:auto;border:1px solid #dce3ef;border-radius:14px;background:#eef1f7;scrollbar-width:none}.settings-tabs::-webkit-scrollbar{display:none}.settings-tabs button{flex:0 0 auto;border:0;border-radius:10px;padding:10px 16px;color:#68738a;background:transparent;font-size:11px;font-weight:850}.settings-tabs button.active{color:#fff;background:linear-gradient(135deg,#7564f4,#5846df);box-shadow:0 8px 18px #6551ec35}[data-settings-panel]{width:100%;max-width:1000px;margin-inline:auto}.actionable-empty{display:grid;justify-items:center;gap:7px;padding-block:46px}.actionable-empty>span{display:grid;width:46px;height:46px;place-items:center;border-radius:14px;color:#6652ee;background:#efedff;font-size:20px}.actionable-empty strong{color:#17233d;font-size:16px}.actionable-empty p{max-width:440px;margin:0 0 7px;color:#78839a;line-height:1.6}.actionable-empty button{min-width:150px}.employee-import-hero{display:flex;align-items:center;gap:16px;padding:18px;border-radius:15px;color:#fff;background:linear-gradient(135deg,#17233d,#3b3477)}.payroll-import-hero{background:linear-gradient(135deg,#102b3b,#285c68 55%,#6552e8)}.payroll-import-hero>span{background:#18a87b;animation:payroll-import-float 2.8s ease-in-out infinite}.payroll-import-results{grid-template-columns:repeat(4,1fr)}@keyframes payroll-import-float{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-5px) rotate(2deg)}}.employee-import-hero>span{width:52px;height:52px;display:grid;flex:0 0 auto;place-items:center;border-radius:14px;background:#20a36f;font-size:14px;font-weight:950;box-shadow:0 10px 24px #0c182b42}.employee-import-hero h3{margin:0 0 4px;font-size:17px}.employee-import-hero p{margin:0;color:#c8ccdc;font-size:11px;line-height:1.6}.employee-import-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.employee-import-steps>div{display:flex;align-items:flex-start;gap:10px;padding:13px;border:1px solid #e2e6ef;border-radius:12px;background:#f9faff}.employee-import-steps b{width:25px;height:25px;display:grid;flex:0 0 auto;place-items:center;border-radius:8px;color:#6351e8;background:#ece9ff;font-size:10px}.employee-import-steps span,.employee-import-steps strong,.employee-import-steps small{display:block}.employee-import-steps strong{font-size:10px}.employee-import-steps small{margin-top:3px;color:#7b869a;font-size:8px;line-height:1.5}.employee-template-download{display:flex;align-items:center;gap:13px;padding:14px;border:1px solid #bdb5ff;border-radius:12px;color:#5140d4;background:#f5f3ff;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}.employee-template-download:hover{transform:translateY(-2px);box-shadow:0 12px 28px #5545dc18}.employee-template-download>span{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;color:#fff;background:#6552eb;font-size:18px}.employee-template-download strong,.employee-template-download small{display:block}.employee-template-download strong{font-size:12px}.employee-template-download small{margin-top:2px;color:#746d9b;font-size:9px}.employee-import-results{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.employee-import-results article{padding:17px;border:1px solid #e2e6ef;border-radius:13px;background:#f8f9fc;text-align:center}.employee-import-results article.has-errors{border-color:#f2c4ca;background:#fff1f3}.employee-import-results small,.employee-import-results strong{display:block}.employee-import-results small{color:#7b869a;font-size:9px;font-weight:800;text-transform:uppercase}.employee-import-results strong{margin-top:5px;font-size:25px}.employee-import-errors{max-height:280px;overflow:auto;padding:15px;border:1px solid #f0c9ce;border-radius:12px;background:#fff7f8}.employee-import-errors h3{margin:0 0 10px;font-size:12px}.employee-import-errors ul{display:grid;gap:7px;margin:0;padding:0;list-style:none}.employee-import-errors li{display:grid;grid-template-columns:65px 1fr;gap:8px;color:#7b4b54;font-size:10px}.employee-import-errors li strong{color:#ad3e4c}:is(button,a,input,select,textarea,summary):focus-visible{outline:3px solid rgba(102,82,238,.34);outline-offset:3px}@media(max-width:720px){.company-navigation{position:static;margin-inline:-5px}.company-support-layout:has(.support-conversation-list.is-empty){display:block}.support-conversation-list.is-empty{display:none}.company-support-main,.support-welcome{min-height:420px}.employee-import-steps,.employee-import-results{grid-template-columns:1fr 1fr}}@media(max-width:520px){.fleet-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.fleet-metric{min-height:116px;padding:13px;border-radius:13px}.fleet-metric-icon{width:34px;height:34px;top:11px;right:11px;border-radius:10px}.fleet-metric-icon svg{width:18px;height:18px}.fleet-metric small{margin-top:31px;font-size:9px}.fleet-metric strong{font-size:23px}.fleet-metric em{font-size:8px}}@media(max-width:340px){.fleet-metric-grid{grid-template-columns:1fr}}@media print{body>*:not(#modalBackdrop){display:none!important}#modalBackdrop{position:static;display:block;background:#fff}#modalBackdrop .modal{width:100%;box-shadow:none}#modalBackdrop .modal-header,#modalBackdrop .modal-actions,#modalBackdrop .qr-label p,#modalBackdrop .qr-label button,#modalBackdrop .print-payslip{display:none!important}#modalBackdrop .qr-label img{width:320px}#modalBackdrop .modal form{padding:0}.payslip-preview{width:100%;margin:0}.payslip-files{display:none}}