@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Plus+Jakarta+Sans:wght@600;700;800&display=swap";html{scroll-behavior:smooth}body{min-width:320px;margin:0}:root{color:#172033;font-family:DM Sans,sans-serif}*{box-sizing:border-box}button,input,select{font:inherit}.app-shell{background:#f5f7fb;grid-template-columns:250px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{color:#e8eeff;background:radial-gradient(circle at 18% 4%,#263e83 0,#0000 30%),#0d1530;flex-direction:column;min-height:100vh;padding:28px 18px;display:flex}.brand{align-items:center;gap:12px;margin-bottom:52px;padding:0 10px;display:flex}.brand strong,.brand span{display:block}.brand strong{font-family:Plus Jakarta Sans,sans-serif;font-size:16px}.brand span{color:#91a2d3;margin-top:2px;font-size:12px}.navigation{gap:6px;display:grid}.nav-link{color:#aebadb;border-radius:9px;justify-content:space-between;align-items:center;padding:11px 12px;font-weight:600;text-decoration:none;transition:all .16s;display:flex}.nav-link:hover,.nav-link.active{color:#fff;background:#ffffff14}.nav-link.active{box-shadow:inset 3px 0 #8ab4ff}.nav-link.disabled{cursor:default;opacity:.55}.nav-link span{color:#c8d4f8;background:#ffffff14;border-radius:4px;padding:2px 6px;font-size:10px}.sidebar-footer{border-top:1px solid #ffffff14;margin-top:auto;padding:18px 12px 0}.sidebar-footer p{color:#91a2d3;margin:0 0 7px;font-size:12px}.sidebar-footer strong{align-items:center;gap:7px;font-size:13px;display:flex}.sidebar-footer i{background:#47d7a4;border-radius:99px;width:7px;height:7px;box-shadow:0 0 0 4px #47d7a420}.content{width:min(1380px,100%);margin:0 auto;padding:42px clamp(22px,4vw,64px) 64px}.topbar,.panel-heading,.list-heading{justify-content:space-between;align-items:center;gap:24px;display:flex}.topbar{margin-bottom:32px}.eyebrow{color:#6175ac;letter-spacing:.12em;text-transform:uppercase;margin:0 0 7px;font-size:11px;font-weight:700}h1,h2{color:#172033;margin:0;font-family:Plus Jakarta Sans,sans-serif}h1{letter-spacing:-.05em;font-size:clamp(27px,3vw,37px)}h2{letter-spacing:-.03em;font-size:19px}.button{cursor:pointer;border:0;border-radius:9px;padding:11px 16px;font-weight:700;transition:transform .15s,box-shadow .15s}.button:hover{transform:translateY(-1px)}.button.danger{color:#fff;background:#b42318;border-color:#b42318}.button.danger:hover{background:#8f1d14;border-color:#8f1d14}.button.primary{color:#fff;background:#244ec9;box-shadow:0 8px 18px #244ec933}.button.secondary{color:#31415f;background:#fff;border:1px solid #dfe5f1}.stats-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px;display:grid}.stat-card,.panel{background:#fff;border:1px solid #e5eaf3;border-radius:16px;box-shadow:0 6px 24px #25366508}.stat-card{border-top:3px solid #7685aa;min-height:142px;padding:20px}.stat-card.available{border-top-color:#22ad7b}.stat-card.maintenance{border-top-color:#f0a831}.stat-card.expired{border-top-color:#d9534f}.stat-card.due{border-top-color:#e28b29}.stat-card.fuel{border-top-color:#4d8b55}.stat-card.utilization{border-top-color:#6b62c7}.stat-card.inactive{border-top-color:#a1a9b8}.stat-label,.stat-card small{display:block}.stat-label{color:#63708b;font-size:13px;font-weight:600}.stat-card strong{letter-spacing:-.06em;margin:9px 0 7px;font-family:Plus Jakarta Sans,sans-serif;font-size:32px;display:block}.stat-card small{color:#99a3b7;font-size:12px}.panel{margin-bottom:22px;padding:25px}.panel-heading{margin-bottom:22px}.panel-heading>p{color:#77839a;text-align:right;max-width:250px;margin:0;font-size:13px}.dashboard-actions{flex-wrap:wrap;gap:10px;margin-bottom:22px;display:flex}.company-registration-form{background:#f8faff;border:1px solid #e5eaf3;border-radius:12px;grid-template-columns:repeat(3,1fr);margin-bottom:22px;padding:18px}form{grid-template-columns:1.35fr 1fr 1fr .75fr 1fr auto;align-items:end;gap:13px;display:grid}label{color:#58657b;gap:7px;font-size:12px;font-weight:700;display:grid}input,select{color:#26334c;background:#fbfcfe;border:1px solid #dce2ed;border-radius:8px;outline:none;width:100%;min-width:0;padding:10px 11px;font-size:14px;font-weight:500}input:focus,select:focus{border-color:#6387e8;box-shadow:0 0 0 3px #6387e81a}.alert{border-radius:10px;margin:0 0 20px;padding:12px 14px;font-size:14px;font-weight:600}.alert.success{color:#176145;background:#e7f9f1}.alert.error{color:#9b2831;background:#ffedf0}.search{width:min(300px,100%)}.search span{display:none}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%}th{color:#7c879c;letter-spacing:.08em;text-align:left;text-transform:uppercase;padding:0 12px 12px;font-size:11px}td{color:#526077;border-top:1px solid #edf0f5;padding:15px 12px;font-size:14px}td strong,td small{display:block}td strong{color:#28354d}td small{color:#9aa3b3;margin-top:3px;font-size:12px}code{color:#344368;background:#f0f3f8;border-radius:6px;padding:5px 8px;font-family:DM Sans,sans-serif;font-size:12px;font-weight:700}.status-control{align-items:center;gap:8px;display:flex}.status-control select{width:140px;padding:7px 8px}.status-dot{border-radius:50%;flex:none;width:8px;height:8px}.status-dot.available{background:#22ad7b}.status-dot.maintenance{background:#f0a831}.status-dot.inactive{background:#a1a9b8}.empty-state{color:#8792a6;text-align:center;padding:40px 12px}@media (width<=1100px){form{grid-template-columns:repeat(3,1fr)}form .button{width:100%}}@media (width<=800px){.app-shell{grid-template-columns:1fr}.sidebar{min-height:auto;padding:17px 20px}.brand{margin-bottom:16px}.navigation{grid-template-columns:repeat(4,1fr)}.nav-link{justify-content:center;padding:8px;font-size:12px}.nav-link span,.sidebar-footer{display:none}.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=560px){.content{padding:28px 16px 40px}.topbar,.panel-heading{flex-direction:column;align-items:flex-start;gap:14px}.panel-heading>p{text-align:left}.stats-grid,form,.company-registration-form{grid-template-columns:1fr}.navigation{grid-template-columns:repeat(2,1fr)}.search{width:100%}.company-row{grid-template-columns:42px minmax(0,1fr)}.company-row>.company-status,.company-row>.button.secondary{grid-column:2;width:100%}.company-edit-form{grid-template-columns:1fr}.company-actions{flex-direction:column}.user-row{grid-template-columns:42px minmax(0,1fr);gap:10px 12px}.user-row .user-meta,.user-row .user-actions{grid-column:2;justify-content:stretch;width:100%}.user-row .user-meta>*,.user-row .user-actions .button{flex:100%;width:100%}}.loading-screen,.login-page{color:#e9eeff;background:radial-gradient(circle at 15% 10%,#2e55ad 0,#0000 29%),radial-gradient(circle at 85% 90%,#182e6c 0,#0000 28%),#0b1127;place-items:center;min-height:100vh;padding:24px;display:grid}.loading-screen{font-family:Plus Jakarta Sans,sans-serif;font-weight:700}.login-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff0d;border:1px solid #ffffff1c;border-radius:22px;width:min(100%,440px);padding:34px;box-shadow:0 30px 90px #00000045}.login-brand{align-items:center;gap:11px;margin-bottom:42px;display:flex}.login-brand strong,.login-brand span{display:block}.login-brand strong{font-family:Plus Jakarta Sans,sans-serif;font-size:15px}.login-brand span{color:#b5c3e9;margin-top:2px;font-size:12px}.login-heading h1{color:#fff;font-size:31px}.login-heading>p:last-child{color:#bec9e6;margin:10px 0 26px}.login-page .eyebrow{color:#a8c8ff}.login-form{grid-template-columns:1fr;gap:17px;display:grid}.login-form label{color:#d9e2fa}.login-form input{color:#f5f8ff;background:#06102a8a;border-color:#ffffff24}.login-form input::placeholder{color:#8391b4}.login-button{width:100%;margin-top:4px}.logout-button{color:#aebee9;cursor:pointer;font:inherit;background:0 0;border:0;margin-top:10px;padding:0;font-size:12px;text-decoration:underline}.company-list{gap:10px;display:grid}.company-row{background:#fbfcfe;border:1px solid #e5eaf3;border-radius:12px;grid-template-columns:42px minmax(0,1fr) auto auto;align-items:center;gap:14px;padding:14px 15px;display:grid}.company-mark{color:#244ec9;background:#e8efff;border-radius:50%;place-items:center;width:36px;height:36px;font-weight:800;display:grid}.company-details{gap:4px;min-width:0;display:grid}.company-details strong,.company-details span{overflow-wrap:anywhere;word-break:break-word}.company-details span{color:#77839a;font-size:13px}.company-status{border-radius:999px;padding:7px 11px;font-size:12px;font-weight:700}.company-status.active{color:#176145;background:#dff7ed}.company-status.inactive{color:#8a4b08;background:#fff0d2}.company-edit-form{grid-column:1/-1;grid-template-columns:1fr 1fr auto auto;align-items:end;gap:13px;width:100%;display:grid}.company-active{white-space:nowrap;align-items:center;gap:7px;display:flex}.company-active input{width:auto}.company-actions{gap:8px;display:flex}.user-list{gap:10px;display:grid}.user-row{background:#fbfcfe;border:1px solid #e5eaf3;border-radius:12px;grid-template-columns:42px minmax(0,1fr) auto auto;align-items:center;gap:14px;padding:13px 15px;display:grid}.user-avatar{color:#244ec9;background:#e8efff;border-radius:50%;place-items:center;width:36px;height:36px;font-weight:800;display:grid}.user-details{gap:4px;min-width:0;display:grid}.user-details strong,.user-details span,.user-details small{overflow-wrap:anywhere;word-break:break-word;min-width:0}.user-details strong{color:#26334c;line-height:1.3}.user-details span,.user-details small{color:#77839a;font-size:13px;line-height:1.35}.user-details small{color:#244ec9;font-weight:700}.user-meta,.user-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.user-actions .button{white-space:nowrap;min-height:36px;padding:8px 11px;font-size:12px}.role-select{width:145px}.account-status{cursor:pointer;white-space:nowrap;border:0;border-radius:999px;padding:7px 11px;font-size:12px;font-weight:700}.account-status.active{color:#176145;background:#dff7ed}.account-status.inactive{color:#8a4b08;background:#fff0d2}.maintenance-form{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:24px 0;display:grid}.maintenance-form .wide-field{grid-column:span 2}.maintenance-form textarea{resize:vertical}@media (width<=850px){.maintenance-form{grid-template-columns:1fr 1fr}}.report-grid{grid-template-columns:repeat(4,1fr);gap:14px;margin:24px 0;display:grid}.report-grid>div{background:#f8faff;border:1px solid #e5eaf3;border-radius:12px;padding:16px}.report-grid strong,.report-grid small{display:block}.report-grid strong{margin:8px 0 4px;font-family:Plus Jakarta Sans,sans-serif}.report-grid small{color:#63708b}.report-statuses{max-width:520px}.report-statuses h3{margin:20px 0 10px;font-size:14px}.report-statuses div{border-bottom:1px solid #edf0f6;justify-content:space-between;padding:9px 0;display:flex}@media (width<=850px){.report-grid{grid-template-columns:1fr 1fr}}.report-alerts{max-width:520px;margin-top:20px}.report-alerts h3{margin:0 0 10px;font-size:14px}.report-alerts div{background:#fff8e8;border-radius:8px;justify-content:space-between;margin-bottom:6px;padding:10px 12px;display:flex}.registration-card{max-width:520px}.registration-link{text-align:center;margin:18px 0 0;font-size:13px}.registration-link a{color:#244ec9;font-weight:700;text-decoration:none}.content[data-page=dashboard] .page-section:not(.dashboard-section),.content[data-page=vehicles] .page-section:not(.vehicles-section),.content[data-page=bookings] .page-section:not(.bookings-section),.content[data-page=maintenance] .page-section:not(.maintenance-section),.content[data-page=reports] .page-section:not(.reports-section),.content[data-page=users] .page-section:not(.users-section),.content[data-page=companies] .page-section:not(.companies-section),.content[data-page=configuration] .page-section:not(.configuration-section),.content[data-page=profile] .page-section:not(.profile-section){display:none}.button.danger[aria-disabled=true]{opacity:.55;cursor:pointer}.modal-backdrop{z-index:20;background:#0b112799;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal-card{background:#fff;border-radius:16px;width:min(460px,100%);padding:26px;box-shadow:0 24px 70px #0b112766}.modal-card h3{color:#172033;margin:0 0 10px;font-family:Plus Jakarta Sans,sans-serif}.modal-card p:not(.eyebrow){color:#63708b;margin:0 0 20px;line-height:1.55}.modal-card .company-actions{justify-content:flex-end}.vehicle-actions{flex-wrap:wrap;gap:7px;display:flex}.vehicle-actions .button{padding:7px 10px;font-size:12px}.vehicle-history-modal{width:min(680px,100%);max-height:85vh;overflow:auto}.vehicle-history-modal .panel-heading{align-items:flex-start;margin-bottom:18px}.vehicle-history-modal .panel-heading>p{text-align:left}.history-list{gap:8px;display:grid}.history-entry{border-bottom:1px solid #edf0f5;justify-content:space-between;gap:18px;padding:12px 0;display:flex}.history-entry strong,.history-entry span{display:block}.history-entry strong{color:#26334c;text-transform:capitalize}.history-entry span,.history-entry time{color:#77839a;font-size:13px}.history-entry time{white-space:nowrap}@media (width<=700px){.vehicle-actions{flex-direction:column}.history-entry{flex-direction:column;gap:5px}}.text-button{color:#244ec9;cursor:pointer;background:0 0;border:0;margin:18px auto 0;font-size:13px;font-weight:700;display:block}.configuration-form{grid-template-columns:repeat(2,minmax(0,1fr))}.checkbox-field{align-items:center;gap:8px;display:flex}.checkbox-field input{width:auto}@media (width<=700px){.configuration-form{grid-template-columns:1fr}}.dashboard-stats{grid-template-columns:repeat(4,1fr)}@media (width<=1100px){.dashboard-stats{grid-template-columns:repeat(2,1fr)}}@media (width<=560px){.dashboard-stats{grid-template-columns:1fr}}html,body{min-width:320px;margin:0;overflow-x:hidden}.content{min-width:0}button{min-height:40px}@media (width<=800px){.sidebar{z-index:2;position:relative}.content{width:100%;padding:28px 20px 44px}.topbar .button{width:100%}.panel{border-radius:13px;padding:20px 16px}.table-wrap{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}.table-wrap table{min-width:680px}.dashboard-actions .button{flex:100%;width:100%}.company-registration-form,.configuration-form,.maintenance-form{gap:12px}}@media (width<=480px){.sidebar{padding:14px 12px}.brand{padding:0 4px}.brand span{max-width:190px}.navigation{gap:5px}.nav-link{text-align:center;min-height:42px;padding:8px 6px;font-size:11px}.content{padding:22px 12px 34px}.topbar{margin-bottom:22px}h1{font-size:27px}.panel{padding:17px 13px}.stat-card{min-height:118px;padding:16px}.stat-card strong{font-size:28px}.company-row,.user-row,.modal-backdrop{padding:12px}.modal-card{padding:21px 17px}.modal-card .company-actions{width:100%}.modal-card .company-actions .button{flex:1}.login-card{border-radius:17px;padding:25px 19px}}@media (width<=800px){.sidebar-footer{text-align:center;margin-top:14px;padding:12px 0 0;display:block}.sidebar-footer p,.sidebar-footer strong{display:none}.logout-button{color:#e8eeff;background:#ffffff12;border:1px solid #ffffff2e;border-radius:9px;width:100%;min-height:42px;margin-top:0;padding:10px 14px;font-weight:700;text-decoration:none;display:block}.logout-button:hover{background:#fff2}}.user-edit-form{grid-column:1/-1;grid-template-columns:minmax(150px,1.2fr) minmax(180px,1.3fr) minmax(130px,.9fr) auto auto;align-items:end;gap:12px;width:100%;display:grid}.user-edit-form .checkbox-field{white-space:nowrap;align-items:center;gap:7px;display:flex}.user-edit-form .checkbox-field input{width:auto}@media (width<=800px){.user-edit-form{grid-template-columns:1fr 1fr}.user-edit-form .company-actions{grid-column:1/-1}}@media (width<=560px){.user-edit-form{grid-template-columns:1fr}.user-edit-form .user-actions{grid-column:auto}}.booking-form{background:#f8faff;border:1px solid #e5eaf3;border-radius:12px;grid-template-columns:repeat(2,minmax(0,1fr));margin:24px 0;padding:18px}.booking-form label{min-width:0}.booking-form label:nth-child(3){grid-column:span 2}.booking-form .button{align-self:end;min-height:43px}.bookings-table{min-width:860px}.bookings-table td{vertical-align:top}.bookings-table small{color:#8792a6;margin-top:4px;font-size:12px;line-height:1.35;display:block}.booking-vehicle strong,.booking-driver,.booking-purpose{overflow-wrap:anywhere;word-break:break-word}.booking-schedule{white-space:nowrap;min-width:175px}.booking-purpose{max-width:220px}.booking-status{color:#526077;text-transform:capitalize;white-space:nowrap;background:#edf1f8;border-radius:999px;align-items:center;min-height:27px;padding:4px 10px;font-size:12px;font-weight:700;display:inline-flex}.booking-status.pending{color:#8a4b08;background:#fff0d2}.booking-status.approved{color:#176145;background:#dff7ed}.booking-status.rejected,.booking-status.cancelled{color:#9b2831;background:#ffedf0}.booking-status.completed{color:#244ec9;background:#e8efff}.booking-action-cell{min-width:150px}.booking-action-cell select{min-width:145px}@media (width<=700px){.booking-form{grid-template-columns:1fr}.booking-form label:nth-child(3){grid-column:auto}.booking-form .button{width:100%}}.vehicle-registration-input{text-transform:uppercase}.vehicle-document-link{color:#244ec9;font-size:12px;font-weight:700;text-decoration:none}.vehicle-document-link:hover{text-decoration:underline}.profile-layout{grid-template-columns:220px minmax(0,1fr);align-items:start;gap:28px;display:grid}.profile-preview{text-align:center;background:#f8faff;border:1px solid #e5eaf3;border-radius:14px;justify-items:center;gap:9px;padding:22px 14px;display:grid}.profile-preview img,.profile-preview>span{object-fit:cover;border-radius:50%;width:104px;height:104px}.profile-preview>span{color:#244ec9;background:#e8efff;place-items:center;font-size:38px;font-weight:800;display:grid}.profile-preview strong{color:#26334c;overflow-wrap:anywhere}.profile-preview small{color:#77839a;text-transform:capitalize}.profile-form{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-form textarea{box-sizing:border-box;resize:vertical;color:#26334c;width:100%;font:inherit;background:#fbfcfe;border:1px solid #dce2ed;border-radius:8px;padding:10px 11px}.profile-wide-field,.profile-password-heading,.profile-feedback{grid-column:1/-1}.profile-password-heading{border-top:1px solid #edf0f5;gap:4px;margin-top:8px;padding-top:18px;display:grid}.profile-password-heading strong{color:#26334c}.profile-password-heading span{color:#77839a;font-size:12px}@media (width<=700px){.profile-layout,.profile-form{grid-template-columns:1fr}.profile-wide-field,.profile-password-heading,.profile-feedback{grid-column:auto}}.mfa-panel{border-top:1px solid #edf0f5;margin-top:28px;padding-top:22px}.mfa-panel-heading{justify-content:space-between;align-items:flex-start;gap:15px;margin-bottom:16px;display:flex}.mfa-panel-heading h3{color:#26334c;margin:4px 0;font-family:Plus Jakarta Sans,sans-serif}.mfa-panel-heading p:not(.eyebrow){color:#77839a;margin:0;font-size:13px}.mfa-badge{white-space:nowrap;border-radius:999px;padding:7px 11px;font-size:12px;font-weight:700}.mfa-badge.enabled{color:#176145;background:#dff7ed}.mfa-badge.disabled{color:#8a4b08;background:#fff0d2}.mfa-setup{gap:12px;max-width:330px;display:grid}.mfa-setup p{color:#63708b;margin:0;font-size:13px;line-height:1.5}.mfa-qr{background:#fff;border:1px solid #e5eaf3;border-radius:10px;width:190px;height:190px;padding:8px}.mfa-setup input[readonly]{letter-spacing:.08em;font-family:monospace}.mfa-code-form{flex-wrap:wrap;align-items:end;gap:10px;display:flex}.mfa-code-form label{min-width:180px}.mfa-code-form input{letter-spacing:.2em}.mfa-login-note{color:#63708b;font-size:13px;line-height:1.5}@media (width<=560px){.mfa-panel-heading{flex-direction:column}.mfa-code-form>*,.mfa-code-form .button{width:100%}}.landing-page{--lp-blue:#2454d8;--lp-ink:#10213f;--lp-muted:#64748b;--lp-line:#e4ebf5;min-width:320px;color:var(--lp-ink);background:#fff;overflow:hidden}.landing-page *{box-sizing:border-box}.landing-container{width:min(1180px,100% - 48px);margin:0 auto}.landing-header{z-index:30;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffeb;border-bottom:1px solid #e8eef7cc;position:sticky;top:0}.landing-nav{justify-content:space-between;align-items:center;gap:28px;min-height:76px;display:flex}.landing-logo{color:var(--lp-ink);letter-spacing:-.04em;align-items:center;gap:10px;font:800 20px Plus Jakarta Sans,sans-serif;text-decoration:none;display:inline-flex}.landing-nav-links{align-items:center;gap:28px;display:flex}.landing-nav-links>a:not(.landing-login):not(.landing-button),.landing-login{color:#60708a;font-size:13px;font-weight:700;text-decoration:none;transition:color .2s}.landing-nav-links>a:hover,.landing-login:hover{color:var(--lp-blue)}.landing-nav-actions{align-items:center;gap:18px;margin-left:8px;display:flex}.landing-button{min-height:48px;color:var(--lp-ink);border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:9px;padding:0 19px;font-size:13px;font-weight:800;text-decoration:none;transition:transform .2s,box-shadow .2s,background .2s;display:inline-flex}.landing-button:hover{transform:translateY(-2px)}.landing-button.primary{color:#fff;background:var(--lp-blue);box-shadow:0 12px 24px #2454d833}.landing-button.primary:hover{background:#1743bd}.landing-button.small{color:#fff;background:var(--lp-blue);min-height:40px;padding:0 15px;font-size:12px}.landing-button.outline{background:#fff;border-color:#d5dfef}.landing-button.outline:hover{border-color:var(--lp-blue);color:var(--lp-blue)}.landing-button.full{width:100%;margin-top:auto}.landing-button.white{color:var(--lp-blue);background:#fff;box-shadow:0 12px 24px #081d4b22}.landing-menu-button{color:var(--lp-ink);cursor:pointer;background:0 0;border:0;font-size:24px;display:none}.landing-hero{background:radial-gradient(circle at 82% 28%,#dbe8ff 0,#0000 31%),linear-gradient(#f8fbff 0,#fff 80%);padding:88px 0 95px}.hero-grid{grid-template-columns:.9fr 1.1fr;align-items:center;gap:56px;display:grid}.hero-copy{max-width:570px}.landing-eyebrow{color:var(--lp-blue);letter-spacing:.15em;text-transform:uppercase;align-items:center;gap:8px;font-size:11px;font-weight:900;display:inline-flex}.landing-eyebrow:before{content:"";background:currentColor;border-radius:2px;width:22px;height:2px}.hero-copy h1{max-width:610px;color:var(--lp-ink);letter-spacing:-.065em;margin:20px 0 22px;font:800 clamp(42px,5vw,68px)/1.08 Plus Jakarta Sans,sans-serif}.hero-copy h1 span{color:var(--lp-blue)}.hero-copy>p{max-width:510px;color:var(--lp-muted);margin:0;font-size:16px;line-height:1.75}.hero-actions{flex-wrap:wrap;align-items:center;gap:14px;margin-top:30px;display:flex}.landing-button.video{color:#52627b;background:0 0}.landing-button.video span{width:32px;height:32px;color:var(--lp-blue);background:#fff;border:1px solid #cbd9f0;border-radius:50%;place-items:center;font-size:10px;display:grid}.reassurance{color:#8a99ad;flex-wrap:wrap;gap:16px;margin-top:22px;font-size:11px;font-weight:700;display:flex}.mockup-scene{justify-content:center;align-items:center;min-height:520px;display:flex;position:relative}.mockup-glow{filter:blur(34px);opacity:.7;background:#cfe0ff;border-radius:50%;position:absolute;inset:14% 8% 5%}.dashboard-mockup{background:#fff;border:1px solid #e0e8f5;border-radius:19px;width:min(550px,100%);padding:25px;position:relative;box-shadow:0 30px 70px #254d9c24}.mockup-top,.mockup-chart-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.mockup-top strong,.mockup-chart-head strong,.mockup-activity strong{color:var(--lp-ink);margin-top:5px;font-size:15px;display:block}.mockup-kicker{color:#94a2b8;letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-weight:800;display:block}.mockup-avatar{color:#2454d8;background:#e5edff;border-radius:50%;place-items:center;width:32px;height:32px;font-size:12px;font-weight:900;display:grid}.mockup-stats{grid-template-columns:repeat(3,1fr);gap:10px;margin:24px 0 17px;display:grid}.mockup-stats>div{background:#fafcff;border:1px solid #edf1f7;border-radius:10px;padding:13px}.mockup-stats small,.mockup-stats span{color:#8896aa;font-size:10px;display:block}.mockup-stats strong{margin:7px 8px 4px 0;font-size:24px;display:inline-block}.mockup-stats .up{color:#22966b}.mockup-chart{border:1px solid #edf1f7;border-radius:12px;padding:17px}.mockup-chart-head{align-items:center}.mockup-chart-head strong{margin:0;font-size:12px}.mockup-chart-head span{color:#8a99ad;font-size:10px}.chart-bars{background:repeating-linear-gradient(#0000 0 31px,#edf1f7 32px);justify-content:space-around;align-items:end;gap:13px;height:130px;padding:16px 8px 0;display:flex}.chart-bars i{background:linear-gradient(#6d96f5,#2454d8);border-radius:5px 5px 2px 2px;width:18px;display:block}.chart-bars i:nth-child(4),.chart-bars i:nth-child(6){background:linear-gradient(#8fddc0,#20a876)}.chart-labels{color:#a0adbf;justify-content:space-around;margin-top:8px;font-size:9px;display:flex}.mockup-activity{color:#718096;gap:10px;margin-top:19px;font-size:11px;display:grid}.mockup-activity strong{margin:0 0 2px;font-size:12px}.mockup-activity span{align-items:center;gap:7px;display:flex}.mockup-activity em{color:#a0adbf;margin-left:auto;font-style:normal}.mockup-activity b{border-radius:50%;width:7px;height:7px}.dot-green{background:#2ab07f}.dot-blue{background:#5d83ea}.mobile-mockup{color:#fff;background:linear-gradient(#3069e4,#1b43b1);border:6px solid #15294f;border-radius:25px;width:164px;padding:30px 14px 13px;position:absolute;bottom:-27px;right:-15px;box-shadow:0 25px 40px #17346b40}.mobile-notch{background:#0e2551;border-radius:5px;width:49px;height:5px;position:absolute;top:7px;left:50%;transform:translate(-50%)}.mobile-mockup>strong{margin:9px 0 4px;font-size:15px;display:block}.mobile-mockup>small{color:#cbd9ff;font-size:9px}.mobile-card{background:#ffffff18;border:1px solid #ffffff35;border-radius:9px;align-items:center;gap:8px;margin-top:14px;padding:10px 7px;display:flex}.mobile-card>span{font-size:16px}.mobile-card div{flex:1;min-width:0}.mobile-card b,.mobile-card small{display:block}.mobile-card b{font-size:10px}.mobile-card small{color:#cbd9ff;margin-top:3px;font-size:8px}.mobile-card>span:last-child{font-size:13px}.mobile-nav{color:#cbd9ff;justify-content:space-around;margin-top:20px;font-size:14px;display:flex}.feature-strip{background:#fff;border-top:1px solid #eaf0f8;border-bottom:1px solid #eaf0f8}.feature-grid{grid-template-columns:repeat(6,1fr);display:grid}.feature-item{min-width:0;color:var(--lp-ink);align-items:center;gap:9px;padding:22px 12px;text-decoration:none;transition:background .2s;display:flex}.feature-item:hover{background:#f4f8ff}.feature-item>div{flex:1;min-width:0}.feature-item strong,.feature-item small{display:block}.feature-item strong{font-size:11px;line-height:1.3}.feature-item small{color:#8a99ad;margin-top:5px;font-size:9px;line-height:1.35}.feature-item>span:last-child{color:#9aabc1}.feature-icon{width:30px;height:30px;color:var(--lp-blue);background:#eaf1ff;border-radius:8px;flex:none;place-items:center;font-size:15px;display:grid}.landing-section{padding:112px 0}.why-section,.pricing-section,.faq-section{background:#f8fbff}.why-grid,.faq-grid{grid-template-columns:.8fr 1.2fr;align-items:center;gap:75px;display:grid}.landing-section-heading h2{color:var(--lp-ink);letter-spacing:-.055em;margin:16px 0 17px;font:800 clamp(30px,4vw,45px)/1.16 Plus Jakarta Sans,sans-serif}.landing-section-heading p{max-width:470px;color:var(--lp-muted);margin:0;font-size:15px;line-height:1.75}.centered{text-align:center}.centered p{margin-left:auto;margin-right:auto}.centered .landing-eyebrow{justify-content:center}.text-link{color:var(--lp-blue);gap:8px;margin-top:27px;font-size:13px;font-weight:800;text-decoration:none;display:inline-flex}.benefit-grid{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.benefit-card{border-radius:14px;min-height:170px;padding:23px;transition:transform .2s,box-shadow .2s;position:relative}.benefit-card:hover{transform:translateY(-4px);box-shadow:0 15px 30px #142e5d10}.benefit-card>span{color:#7390c9;font-size:11px;font-weight:900}.benefit-card h3{margin:27px 0 8px;font-size:17px}.benefit-card p{color:#6e7c91;margin:0;font-size:12px;line-height:1.55}.benefit-card>span:last-child{color:#7390c9;position:absolute;bottom:20px;right:22px}.benefit-card.blue{background:#edf4ff}.benefit-card.mint{background:#eaf9f3}.benefit-card.yellow{background:#fff7df}.benefit-card.purple{background:#f2efff}.pricing-toggle{background:#fff;border:1px solid #dce5f2;border-radius:10px;gap:3px;margin-top:27px;padding:4px;display:inline-flex}.pricing-toggle button{color:#728198;cursor:pointer;background:0 0;border:0;border-radius:7px;padding:9px 14px;font-size:12px;font-weight:800}.pricing-toggle button.active{color:var(--lp-blue);background:#eaf1ff}.pricing-toggle b{color:#26966e;margin-left:4px;font-size:10px}.pricing-grid{grid-template-columns:repeat(4,1fr);gap:15px;margin-top:46px;display:grid}.pricing-card{background:#fff;border:1px solid #e0e8f3;border-radius:16px;flex-direction:column;min-height:510px;padding:26px 22px 22px;display:flex;position:relative;box-shadow:0 8px 20px #254d9c09}.pricing-card.popular{border:2px solid var(--lp-blue);box-shadow:0 18px 35px #2454d81c}.popular-badge{color:#fff;background:var(--lp-blue);border-radius:99px;padding:5px 12px;font-size:10px;font-weight:800;position:absolute;top:-13px;left:50%;transform:translate(-50%)}.plan-name{color:var(--lp-blue);letter-spacing:.14em;text-transform:uppercase;font-size:11px;font-weight:900}.pricing-card>p{color:#8290a4;min-height:33px;margin:13px 0 18px;font-size:12px;line-height:1.45}.plan-price{align-items:baseline;gap:5px;min-height:42px;display:flex}.plan-price strong{letter-spacing:-.05em;font:800 29px Plus Jakarta Sans,sans-serif}.plan-price span{color:#8795a8;font-size:11px}.plan-limits{color:#40536f;border-bottom:1px solid #edf1f7;gap:6px;margin:19px 0 20px;padding-bottom:18px;font-size:11px;font-weight:700;display:grid}.pricing-card ul{color:#2da477;gap:11px;margin:0 0 24px;padding:0;font-size:12px;list-style:none;display:grid}.pricing-card li span{color:#63728a;margin-left:7px}.trial-banner{background:linear-gradient(105deg,#2454d8,#4a82ed);border-radius:16px;justify-content:space-between;align-items:center;gap:22px;margin-top:50px;padding:25px 29px;display:flex;box-shadow:0 18px 35px #2454d82b}.trial-banner>div{align-items:center;gap:15px;display:flex}.trial-icon{color:#2454d8;background:#fff;border-radius:12px;place-items:center;width:39px;height:39px;display:grid}.trial-banner strong{color:#fff;font-size:17px}.trial-banner p{color:#dce8ff;margin:5px 0 0;font-size:12px}.testimonials-section{background:#fff}.testimonial-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:46px;display:grid}.testimonial-card{background:#fff;border:1px solid #e4ebf5;border-radius:15px;padding:25px;box-shadow:0 10px 25px #254d9c08}.stars{color:#f0b63d;letter-spacing:3px;font-size:12px}.testimonial-card>p{color:#52647f;min-height:74px;margin:18px 0 24px;font-size:14px;line-height:1.65}.testimonial-card>div:last-child{align-items:center;gap:10px;display:flex}.testimonial-avatar{width:33px;height:33px;color:var(--lp-blue);background:#e9f0ff;border-radius:50%;place-items:center;font-weight:800;display:grid}.testimonial-card strong,.testimonial-card small{display:block}.testimonial-card strong{color:var(--lp-ink);font-size:12px}.testimonial-card small{color:#8795a8;margin-top:3px;font-size:10px}.faq-grid{grid-template-columns:.75fr 1.25fr}.faq-list{border-top:1px solid #dfe8f3}.faq-item{border-bottom:1px solid #dfe8f3}.faq-item button{width:100%;color:var(--lp-ink);text-align:left;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;padding:19px 0;font-size:14px;font-weight:800;display:flex}.faq-item button b{color:var(--lp-blue);font-size:20px;font-weight:400}.faq-item p{color:#6d7d94;max-width:650px;margin:-4px 0 18px;font-size:13px;line-height:1.65}.final-cta{color:#fff;text-align:center;background:radial-gradient(circle at 15% 10%,#4d7ff0 0,#0000 28%),linear-gradient(125deg,#173baf,#2454d8);padding:100px 0}.final-cta .landing-eyebrow{color:#bcd0ff}.final-cta h2{color:#fff;letter-spacing:-.06em;margin:18px 0 15px;font:800 clamp(32px,5vw,52px)/1.13 Plus Jakarta Sans,sans-serif}.final-cta p{color:#dbe6ff;margin:0;font-size:15px}.final-cta .hero-actions{justify-content:center}.landing-button.cta-outline{color:#fff;background:#ffffff14;border-color:#fff5}.reassurance.light{color:#c8d8ff;justify-content:center}.landing-footer{color:#91a0b7;background:#0d1b36;padding:65px 0 24px}.footer-grid{grid-template-columns:1.5fr .8fr .8fr 1.25fr;gap:38px;display:grid}.landing-footer .landing-logo{color:#fff}.footer-brand p{margin:17px 0 8px;font-size:12px}.footer-brand strong{color:#d4e0f8;font-size:12px}.landing-footer h4{color:#fff;margin:3px 0 17px;font-size:12px}.landing-footer a{color:#91a0b7;margin:0 0 12px;font-size:12px;text-decoration:none;display:block}.landing-footer a:hover{color:#fff}.footer-subscribe p{margin:0 0 12px;font-size:12px}.footer-subscribe form{gap:6px;display:flex}.footer-subscribe input{color:#fff;background:#ffffff0d;border-color:#ffffff20;min-width:0}.footer-subscribe button{color:#fff;background:var(--lp-blue);cursor:pointer;border:0;border-radius:8px;width:42px;font-size:20px}.footer-subscribe small{color:#687994;margin-top:10px;font-size:9px;display:block}.footer-bottom{color:#6f809c;border-top:1px solid #ffffff16;justify-content:space-between;gap:15px;margin-top:48px;padding-top:20px;font-size:10px;display:flex}@media (width<=980px){.landing-nav-links{gap:16px}.hero-grid{gap:25px}.feature-grid{grid-template-columns:repeat(3,1fr)}.pricing-grid{grid-template-columns:repeat(2,1fr)}.pricing-card{min-height:470px}}@media (width<=720px){.landing-container{width:min(100% - 32px,560px)}.landing-nav{min-height:66px}.landing-menu-button{display:block}.landing-nav-links{border:1px solid var(--lp-line);background:#fff;border-radius:13px;flex-direction:column;align-items:stretch;gap:0;padding:10px;display:none;position:absolute;top:66px;left:16px;right:16px;box-shadow:0 15px 35px #18366b1c}.landing-nav-links.open{display:flex}.landing-nav-links>a{padding:12px}.landing-nav-actions{border-top:1px solid #edf1f7;flex-direction:column;align-items:stretch;gap:5px;margin:0;padding-top:7px}.landing-nav-actions a{text-align:center}.landing-hero{padding:58px 0 75px}.hero-grid,.why-grid,.faq-grid{grid-template-columns:1fr;gap:45px}.hero-copy h1{font-size:43px}.mockup-scene{min-height:445px}.dashboard-mockup{width:calc(100% - 28px);padding:17px}.mobile-mockup{width:137px;padding:25px 10px 9px;right:-4px}.mockup-stats strong{font-size:20px}.feature-grid{grid-template-columns:repeat(2,1fr)}.feature-item{padding:17px 8px}.landing-section{padding:75px 0}.why-grid,.faq-grid{gap:32px}.pricing-grid,.testimonial-grid{grid-template-columns:1fr}.pricing-card{min-height:0}.trial-banner{flex-direction:column;align-items:flex-start;padding:22px}.trial-banner .landing-button{width:100%}.footer-grid{grid-template-columns:repeat(2,1fr);gap:35px 20px}.footer-brand,.footer-subscribe{grid-column:1/-1}.footer-bottom{flex-direction:column;align-items:flex-start;margin-top:35px}.final-cta{padding:75px 0}}@media (prefers-reduced-motion:reduce){.landing-page *{scroll-behavior:auto!important;transition-duration:.01ms!important}}.pricing-settings{border-top:1px solid #edf0f5;margin-top:36px;padding-top:28px}.pricing-settings .panel-heading{justify-content:space-between;gap:20px;display:flex}.pricing-settings h3{color:#26334c;margin:4px 0;font-family:Plus Jakarta Sans,sans-serif}.pricing-settings .panel-heading>p{color:#77839a;text-align:right;max-width:260px;margin:0;font-size:13px}.pricing-admin-list{gap:10px;display:grid}.pricing-admin-card{background:#fbfcfe;border:1px solid #e5eaf3;border-radius:12px;justify-content:space-between;align-items:center;gap:16px;padding:15px;display:flex}.pricing-admin-card>div{gap:4px;min-width:0;display:grid}.pricing-admin-card strong{color:#26334c}.pricing-admin-card span,.pricing-admin-card small{color:#77839a;font-size:12px}.pricing-admin-card small{color:#26966e}.pricing-admin-card.editing{grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:13px;display:grid}.pricing-admin-title,.pricing-admin-wide,.pricing-admin-actions{grid-column:1/-1}.pricing-admin-title{align-items:baseline;gap:10px;display:flex}.pricing-admin-title span{color:#77839a;font-size:12px}.pricing-admin-card textarea{box-sizing:border-box;resize:vertical;color:#26334c;width:100%;font:inherit;background:#fbfcfe;border:1px solid #dce2ed;border-radius:8px;padding:10px 11px}.pricing-admin-actions{justify-content:flex-end}.pricing-admin-card .checkbox-field{align-items:center;gap:7px;display:flex}.pricing-admin-card .checkbox-field input{width:auto}@media (width<=700px){.pricing-settings .panel-heading{flex-direction:column;align-items:flex-start}.pricing-settings .panel-heading>p{text-align:left}.pricing-admin-card{flex-direction:column;align-items:stretch}.pricing-admin-card.editing{grid-template-columns:1fr}.pricing-admin-actions{grid-column:auto;width:100%}.pricing-admin-actions .button{flex:1}}.configuration-subsection{border-top:1px solid #e9edf5;margin-top:32px;padding-top:28px}.configuration-subsection .panel-heading{margin-bottom:20px}.configuration-note{color:#77839a;margin:16px 0 0;font-size:13px;line-height:1.5}.configuration-actions{grid-column:1/-1}@media (width<=700px){.configuration-actions{grid-column:auto}}.maintenance-history-heading{justify-content:space-between;align-items:center;gap:12px;margin:28px 0 12px;display:flex}.maintenance-history-heading h3{color:#26334c;margin:0}.maintenance-history-heading span{color:#77839a;font-size:13px}.maintenance-form .checkbox-field{align-self:end;min-height:42px}.brand-logo{width:148px;height:auto;max-height:40px;display:block}.brand-logo-icon{width:40px;height:40px}.brand .brand-logo{flex:none;width:42px;height:42px}.login-brand .brand-logo{width:154px;height:auto}.landing-logo .brand-logo{width:140px;height:auto}.footer-brand .landing-logo .brand-logo{width:140px}@media (width<=720px){.landing-logo .brand-logo{width:126px}.login-brand .brand-logo{width:140px}}.role-cards{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;display:grid}.permission-summary{flex-wrap:wrap;gap:6px;margin-top:12px;display:flex}.permission-summary span{color:#173b72;background:#eef4ff;border-radius:999px;padding:4px 8px;font-size:12px}