*{box-sizing:border-box} :root{--ink:#17243d;--muted:#68758b;--blue:#2862ed;--line:#e1e7ef;--surface:#f4f7fb;--green:#16865d}body{margin:0;color:var(--ink);font:14px/1.6 'Plus Jakarta Sans',Arial,sans-serif;background:#fff}h1,h2,h3,p{margin-top:0}h1,h2,h3,.brand{font-family:Outfit,Arial,sans-serif;line-height:1.15}h1{font-size:40px;letter-spacing:-1.3px;margin-bottom:12px}h2{font-size:27px}h3{font-size:21px}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,.button{border:1px solid var(--line);border-radius:9px;padding:10px 15px;background:white;color:var(--ink);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:600;white-space:nowrap}button:hover,.button:hover{background:#edf2fc;border-color:#adbef1}.primary{background:var(--blue);color:#fff;border-color:var(--blue)}.primary:hover{background:#1c4dcc;color:white}.text-button{border:0;background:none;padding:4px;color:inherit}.wrap{width:min(1280px,calc(100% - 64px));margin:auto}.brand{display:flex;align-items:center;gap:10px;font-size:29px;font-weight:600;letter-spacing:-1px}.brand-dot{color:#5e92ff;margin-left:-8px}input,select{border:1px solid #cad3e1;border-radius:7px;background:#fff;padding:9px 10px;min-width:0;color:var(--ink)}input:focus,select:focus,button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #8bb0ff;outline-offset:3px}label{display:flex;flex-direction:column;font-size:12px;font-weight:600;gap:6px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:2px;color:var(--blue);margin-bottom:16px}.skip{position:absolute;top:-80px;background:white;padding:15px;z-index:100}.skip:focus{top:5px}.footer{display:flex;justify-content:space-between;gap:30px;align-items:center;padding:42px 0;border-top:1px solid var(--line);color:var(--muted)}.footer .brand{color:var(--ink)}.footer p{margin:10px 0 0;font-size:12px}.filabres{display:flex;align-items:center;gap:15px}.filabres span{font-size:10px;letter-spacing:1px;text-transform:uppercase}.filabres img{width:220px;height:76px;object-fit:cover;object-position:center}.footer>a{font-weight:600;color:var(--blue)}.dark-top{background:radial-gradient(ellipse at 85% 40%,#18305d 0,transparent 55%),#0b1426;color:#fff;overflow:hidden}.landing-header{display:flex;align-items:center;justify-content:space-between;padding:27px 0}.landing-header nav{display:flex;gap:32px;font-size:12px;color:#b7c4dc}.hero{display:grid;grid-template-columns:1fr 1.12fr;align-items:center;gap:64px;padding:65px 0 85px}.hero h1{font-size:76px;line-height:1.02;letter-spacing:-3px;margin:25px 0}.hero h1 em{color:#8bb4ff;font-style:normal}.hero .eyebrow{color:#b4cdff;display:flex;align-items:center;gap:9px}.live-dot{display:inline-block;border-radius:50%;background:#66daa9;width:7px;height:7px;box-shadow:0 0 0 4px #66daa91a}.hero-description{max-width:430px;font-size:15px;color:#b8c7df;line-height:1.9}.hero-actions{display:flex;gap:25px;align-items:center;margin-top:30px;font-size:12px}.hero-actions .button{padding:16px 21px;font-size:14px;gap:25px}.hero-footnote{font-size:10px;color:#8091af;margin:18px 0 0}.hero-visual{position:relative;background:#16253e;border:1px solid #35435b;border-radius:16px;transform:perspective(1600px) rotateY(-5deg) rotateX(2deg);box-shadow:0 40px 100px #0005;margin-right:-130px}.visual-top{display:flex;gap:10px;align-items:center;padding:18px;font-size:9px;letter-spacing:1.6px;color:#a8bad7}.visual-top>span:last-child{margin-left:auto}.hero-visual>img{width:100%;height:auto;display:block;border-radius:0 0 15px 15px}.floating-note{position:absolute;left:-28px;bottom:-28px;display:flex;gap:13px;align-items:center;background:white;color:var(--ink);padding:17px 23px;border-radius:13px;box-shadow:0 15px 40px #0002}.floating-note strong,.floating-note div>span{display:block}.floating-note strong{font-size:12px}.floating-note div>span{font-size:10px;color:var(--muted)}.check-icon{background:#e1f7ec;color:#108558;border-radius:50%;padding:6px 12px;font-size:21px}.hero-strip{display:flex;justify-content:space-between;padding:28px 0;border-top:1px solid #ffffff18;color:#9eafc9;font-size:11px;letter-spacing:1px}.section{padding:95px 0}.section-intro{display:flex;justify-content:space-between;gap:40px;align-items:center}.section h2,.feature-section h2,.final-cta h2{font-size:46px;letter-spacing:-1.3px;line-height:1.12}.section-intro>p{max-width:400px;color:var(--muted)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:45px}.steps article{border-top:1px solid #b9c9e5;padding-top:25px}.steps span{color:var(--blue);font-size:10px;letter-spacing:1px;font-weight:700}.steps h3{margin:20px 0 14px}.steps p,.feature-row p{color:var(--muted);line-height:1.9}.feature-section{background:var(--surface);padding:85px 0}.feature-row{display:grid;grid-template-columns:0.8fr 1.2fr;gap:70px;align-items:center;margin:65px 0 85px}.feature-row img{width:100%;height:auto;border:1px solid var(--line);border-radius:13px;box-shadow:0 16px 35px #142e5010}.feature-row.reverse{grid-template-columns:1.2fr .8fr}.feature-row.reverse>div{order:2}.feature-row h3{font-size:31px;margin:15px 0}.feature-number{font-size:12px;color:#8095b7}.feature-row ul{padding-left:20px;font-size:12px;line-height:2.2}.feature-row a{color:var(--blue);font-size:12px;font-weight:700;display:inline-block;margin-top:12px}.caption{color:var(--muted);font-size:11px;text-align:center;margin:0}.faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px}.faq details{border-bottom:1px solid var(--line);padding:23px 0}.faq summary{font-weight:600;cursor:pointer}.faq details p{color:var(--muted);margin:15px 0 0;font-size:13px}.final-cta{background:#edf3ff;border:1px solid #dce7ff;border-radius:20px;padding:50px;display:flex;justify-content:space-between;align-items:center;gap:35px;margin-bottom:70px}.final-cta p:last-child{color:var(--muted);margin:0}.demo{background:var(--surface)}.demo-banner{background:#e8efff;color:#284b8d;display:flex;justify-content:center;gap:25px;padding:9px 20px;font-size:11px;align-items:center}.demo-banner button{font-size:11px}.app-header{display:flex;align-items:center;justify-content:space-between;padding:23px 0;border-bottom:1px solid var(--line);gap:20px}.app-header nav{display:flex;gap:10px}.nav-tab{background:none;border-color:transparent;color:var(--muted);font-size:12px}.nav-tab.active{background:#e7eeff;color:var(--blue)}.demo-pill{font-size:9px;letter-spacing:1px;border:1px solid #cdd9ee;border-radius:5px;padding:5px 8px;color:#637693}.app-main{padding:38px 0 30px;min-height:650px}.page-heading{display:flex;justify-content:space-between;gap:30px;align-items:center;margin-bottom:28px}.page-heading h1{font-size:35px}.page-heading p:last-child{color:var(--muted);font-size:12px;margin-bottom:0}.page-heading .eyebrow{font-size:9px;margin-bottom:10px}.date-controls{display:flex;gap:5px;align-items:center}.date-controls input{max-width:150px}.date-controls button{padding:8px 11px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:20px 0 28px}.metric{background:white;border:1px solid var(--line);border-radius:12px;padding:20px 23px}.metric span{display:block;color:var(--muted);font-size:11px}.metric strong{font:500 29px Outfit,Arial,sans-serif;display:block;margin:8px 0 4px;letter-spacing:-.7px}.metric small{color:#8894a6;font-size:10px}.toolbar{display:flex;justify-content:space-between;gap:15px;align-items:end;margin:32px 0}.actions{display:flex;gap:8px;flex-wrap:wrap}.actions button{font-size:11px}.search{min-width:220px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:17px}.section-heading h2{font-size:21px;margin:0}.section-heading>span{font-size:11px;color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.route-card{border:1px solid var(--line);background:#fff;border-radius:13px;padding:24px}.route-card h3{font-size:21px;margin:18px 0 8px}.route-card .driver{color:var(--muted);font-size:12px;margin-bottom:24px}.card-top{display:flex;justify-content:space-between;align-items:center}.route-icon{background:#eef3ff;color:var(--blue);font-size:19px;border-radius:9px;width:39px;height:39px;display:grid;place-items:center}.badge{font-size:10px;padding:5px 9px;border-radius:30px;white-space:nowrap;background:#e4f6ef;color:#12734f;font-weight:700}.negative{color:#c0474d!important}.positive{color:#b67717!important}.badge.negative{background:#fcebed}.badge.positive{background:#fff3db}.card-values{background:var(--surface);border-radius:8px;padding:13px}.card-values>div{display:flex;justify-content:space-between;font-size:11px;gap:10px;padding:5px 0}.card-values span{color:var(--muted)}.card-values strong{font-size:12px}.card-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:19px}.card-bottom button{font-size:11px}.card-bottom .delete{border:0;color:#9a6770;padding:6px}.hint,.download-note{color:var(--muted);font-size:11px;margin:22px 0}.download-note{border-top:1px solid var(--line);padding-top:22px;margin-top:35px}.empty{padding:45px;background:white;border:1px dashed #bdcbe0;border-radius:13px;text-align:center;grid-column:1/-1;color:var(--muted)}.panel{background:white;border:1px solid var(--line);border-radius:12px;padding:26px}.report-filters{display:flex;gap:20px;align-items:end;flex-wrap:wrap}.report-filters label{flex:1;min-width:150px}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;font-size:12px;white-space:nowrap}td,th{padding:17px 12px;text-align:right;border-bottom:1px solid #e8edf4}th{font-size:10px;color:var(--muted);background:var(--surface)}td:first-child,th:first-child,td:nth-child(2),th:nth-child(2){text-align:left}td small{display:block;color:var(--muted);font-size:10px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.settings-grid h2{font-size:24px}.settings-grid p{font-size:12px;color:var(--muted)}.entity-form{display:flex;gap:10px;align-items:end;margin-bottom:24px}.entity-form label{flex:1}.entity-row{display:flex;gap:10px;align-items:center;justify-content:space-between;padding:11px 0;border-bottom:1px solid var(--line)}.entity-row>span{overflow-wrap:anywhere}.entity-row button{font-size:10px;padding:6px 9px}.entity-row .actions{flex-wrap:nowrap}dialog{border:0;border-radius:17px;padding:0;width:min(1320px,96vw);max-height:94vh;color:var(--ink);box-shadow:0 40px 100px #0005}dialog::backdrop{background:#101e3bb3;backdrop-filter:blur(3px)}.dialog-heading{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding:23px 30px}.dialog-heading h2{font-size:25px;margin:0}.dialog-heading .eyebrow{font-size:9px;margin:0 0 7px}#routeForm{padding:23px 30px}.editor-selects{display:grid;grid-template-columns:1fr 1fr 1fr;gap:25px;margin-bottom:25px}.check{flex-direction:row;align-items:center;justify-content:end;font-size:11px}.cash-columns{display:grid;grid-template-columns:1fr 1.15fr 1fr;gap:17px}.cash-panel{border:1px solid var(--line);border-radius:10px;padding:20px;background:#fff;min-width:0}.cash-panel h3{font-size:18px;display:flex;gap:10px;align-items:center;margin-bottom:8px}.cash-panel h3 span{color:var(--blue);font-size:11px}.cash-panel>p{color:var(--muted);font-size:10px}.cash-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px 16px}.cash-grid label{flex-direction:row;align-items:center;justify-content:space-between;font-size:10px;gap:6px}.cash-grid input{width:65px;padding:6px;text-align:right;font-size:12px}.cash-total{border-top:1px solid var(--line);margin-top:18px;padding-top:15px;display:flex;align-items:center;justify-content:space-between;font-size:10px;gap:10px}.cash-total strong{font-size:19px;color:var(--blue)}.invoice-row{display:grid;grid-template-columns:minmax(60px,1fr) 90px 27px;gap:5px;margin-bottom:9px}.invoice-row input{width:100%;font-size:11px;padding:8px}.invoice-row button{padding:3px;font-size:13px;border:0;color:#a45161}.invoice-panel #addInvoice{font-size:10px;width:100%;color:var(--blue);border-style:dashed}.reconciliation{margin-top:20px;background:#f0f5ff;border:1px solid #dce7fc;border-radius:10px;padding:18px 24px;display:flex;gap:25px;align-items:center;justify-content:space-between}.reconciliation>div{font-size:10px;color:var(--muted)}.reconciliation strong{display:block;font:500 26px Outfit,Arial,sans-serif;color:var(--ink);margin-top:4px}.dialog-footer{display:flex;justify-content:space-between;align-items:center;margin-top:20px;gap:15px}.dialog-footer>span{font-size:10px;color:var(--green)}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#182943;color:white;border-radius:10px;padding:12px 22px;max-width:90vw;font-size:12px;z-index:100;box-shadow:0 8px 30px #0002;display:none}#toast.visible{display:block}[hidden]{display:none!important}.export-sheet{width:730px;padding:25px;background:white;font-family:Arial,sans-serif;color:#17243d}.export-sheet h1{font-size:25px}.export-sheet table{white-space:normal;font-size:10px}.export-sheet td,.export-sheet th{padding:9px;overflow-wrap:anywhere}.export-sheet p{font-size:11px}.demo .footer{background:var(--surface)}
@media(min-width:1450px){.hero-visual{margin-right:-65px}.hero{gap:80px}}@media(max-width:1100px){.hero h1{font-size:60px}.hero{gap:35px}.toolbar{align-items:stretch;flex-direction:column}.toolbar .search{max-width:340px}.metrics{gap:10px}.metric{padding:17px}.metric strong{font-size:25px}.filabres{gap:0}.footer{gap:15px}.footer>a{font-size:11px}.editor-selects{gap:10px}.cash-panel{padding:14px}.cash-grid{gap:8px}.cash-grid input{width:53px}.cash-columns{gap:10px}.invoice-row{grid-template-columns:minmax(50px,1fr) 75px 24px}.feature-row{gap:35px}.demo-pill{display:none}}
@media(max-width:760px){.wrap{width:calc(100% - 34px)}.landing-header{padding:18px 0}.landing-header nav{display:none}.landing-header .button{font-size:11px}.brand{font-size:25px}.hero{grid-template-columns:1fr;padding:35px 0 55px;gap:35px}.hero h1{font-size:63px}.hero-visual{margin:0;transform:none}.floating-note{left:10px;bottom:-22px;padding:12px}.hero-strip{font-size:8px;gap:15px;line-height:1.7}.section,.feature-section{padding:58px 0}.section-intro{display:block}.section h2,.feature-section h2,.final-cta h2{font-size:37px}.steps{grid-template-columns:1fr;gap:20px;margin-top:20px}.feature-row,.feature-row.reverse{grid-template-columns:1fr;gap:22px;margin:35px 0 60px}.feature-row.reverse>div{order:0}.faq{grid-template-columns:1fr;gap:10px}.final-cta{padding:28px;display:block;margin-bottom:40px}.final-cta .button{margin-top:24px}.footer{flex-direction:column;text-align:center;padding:25px 0}.footer .brand{justify-content:center}.filabres{flex-direction:column;gap:0}.demo-banner{font-size:10px;gap:5px;flex-direction:column;padding:7px}.app-header{flex-wrap:wrap;padding:16px 0;gap:14px}.app-header nav{gap:2px}.nav-tab{padding:8px;font-size:10px}.app-main{padding-top:25px}.page-heading{flex-direction:column;align-items:start;gap:20px}.page-heading h1{font-size:30px}.metrics{grid-template-columns:1fr 1fr;gap:10px}.metric{padding:14px}.metric strong{font-size:25px}.cards{grid-template-columns:1fr}.route-card{padding:20px}.toolbar .actions{gap:6px}.toolbar button{padding:9px;font-size:10px}.settings-grid{grid-template-columns:1fr}.report-filters{padding:17px;gap:14px}.panel{padding:19px}.editor-selects{grid-template-columns:1fr 1fr;gap:12px}.editor-selects .check{grid-column:1/-1;justify-content:start}.cash-columns{grid-template-columns:1fr}.cash-panel{padding:18px}.cash-grid input{width:80px}.cash-grid{gap:10px 30px}.dialog-heading{padding:18px}#routeForm{padding:18px}.reconciliation{gap:8px;padding:15px;flex-wrap:wrap}.reconciliation strong{font-size:20px}.reconciliation .badge{margin-top:5px}.dialog-footer{align-items:start;flex-direction:column}.dialog-footer .actions{width:100%;justify-content:space-between}.invoice-row{grid-template-columns:1fr 90px 30px}.download-note{font-size:10px}.report-filters label{min-width:100%}.section-heading{flex-wrap:wrap}.demo .footer .filabres{flex-direction:row}.demo .footer .filabres img{width:200px;height:69px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
#confirmation{width:min(460px,92vw);padding:28px}#confirmation h2{font-size:25px}#confirmation p{color:var(--muted)}#confirmation .actions{justify-content:end;margin-top:25px}#confirmInput{width:100%}

@media(max-width:760px){.cash-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 12px}.cash-grid input{width:55px;flex-shrink:0}.cash-grid label{font-size:9px;gap:3px}.cash-panel{padding:14px}.editor-selects{grid-template-columns:repeat(2,minmax(0,1fr))}.cash-columns{grid-template-columns:minmax(0,1fr)}}