:root{--ink:#172b35;--muted:#60727a;--accent:#0c726c;--accent-dark:#075951;--line:#dce5e6;--paper:#fff;--bg:#bbbbbb;--danger:#b62f39;font-family:Inter,"Segoe UI",Arial,sans-serif;color:var(--ink);background:var(--bg);font-size:15px;line-height:1.5;color-scheme:light}*{box-sizing:border-box}body{margin:0}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button,input,select{font:inherit}button,.button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border:1px solid transparent;border-radius:7px;background:var(--accent);color:white;padding:.62rem 1rem;font-size:.9rem;font-weight:600;cursor:pointer;white-space:nowrap;line-height:1.35;text-decoration:none}button:hover,.button:hover{background:var(--accent-dark);text-decoration:none}button.secondary,.button.secondary{background:#fff;color:var(--ink);border-color:#cbd8d9}button.secondary:hover,.button.secondary:hover{background:#edf4f2}.danger{background:#fff4f4;color:var(--danger);border-color:#efc6ca}.danger:hover{background:#fbe7e8;color:var(--danger)}.small{font-size:.78rem;padding:.35rem .6rem;margin:.15rem 0}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #62a69e;outline-offset:2px}.site-header{display:flex;align-items:center;justify-content:space-between;padding:1.15rem 2.3rem;background:#fff;border-bottom:1px solid var(--line);gap:1rem}.brand{display:flex;align-items:center;gap:.8rem;font-size:1.2rem;font-weight:700;color:var(--ink)}.brand:hover{text-decoration:none}.brand-mark{display:grid;place-items:center;background:var(--accent);color:#fff;border-radius:10px;height:43px;width:43px;font-size:1rem;letter-spacing:.06em}.brand small,.account small{display:block;font-size:.75rem;color:var(--muted);font-weight:400}.account{display:flex;align-items:center;gap:1.2rem;font-size:.9rem}.account>span{text-align:right}.main-nav{display:flex;gap:.45rem;padding:.55rem 2.3rem;background:#fff;border-bottom:1px solid var(--line);overflow-x:auto}.main-nav a{color:var(--muted);font-size:.9rem;white-space:nowrap;padding:.6rem 1rem;border-radius:6px;font-weight:600}.main-nav a.active{background:#e5f2ee;color:var(--accent)}main{max-width:1700px;margin:auto;padding:2rem 2.3rem}.page-title{display:flex;align-items:center;justify-content:space-between;gap:1.4rem;margin-bottom:1.5rem}.page-title p{margin:.15rem 0}.eyebrow{font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;font-weight:700;color:var(--accent)}h1{font-size:1.9rem;letter-spacing:-.04em;margin:.15rem 0 .35rem;line-height:1.25}h2{font-size:1.05rem;margin:0 0 1.1rem;font-weight:650;letter-spacing:-.015em}.muted,.help{color:var(--muted)}.help{font-size:.8rem;margin:.8rem 0 0}.actions{display:flex;gap:.6rem;flex-wrap:wrap}.card{background:var(--paper);border:1px solid var(--line);border-radius:10px;padding:1.4rem;margin-bottom:1.2rem;box-shadow:0 2px 3px #17352d03}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;gap:1rem}.section-heading h2{margin:0}.section-heading>span{font-size:.8rem}.filters,.form-grid{display:flex;align-items:end;gap:1rem;flex-wrap:wrap}.filters label,.form-grid label{flex:1;min-width:130px}.filters label:first-of-type{max-width:110px;min-width:90px}label{display:flex;flex-direction:column;font-size:.8rem;font-weight:600;gap:.35rem}input,select{width:100%;min-width:0;background:#fff;border:1px solid #ccd9d9;border-radius:6px;padding:.55rem .65rem;color:var(--ink);min-height:39px}input:disabled{background:#f4f6f6;color:var(--muted)}.route-fields{margin:1rem 0}.route-fields label:nth-child(1),.route-fields label:nth-child(2),.route-fields label:nth-child(4){flex:2;min-width:170px}.route-fields label:nth-child(3){max-width:150px}.check{display:flex;flex-direction:row;align-items:center;gap:.5rem;font-size:.9rem}.check input{width:17px;height:17px;min-height:0;accent-color:var(--accent)}fieldset{min-width:0;border:1px solid var(--line);border-radius:7px;padding:.8rem 1rem 1rem}legend{padding:0 .35rem}.attachments{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:1rem 0 1.3rem}.templates{display:flex;align-items:end;gap:1rem;margin-top:.8rem}.templates label{max-width:650px;flex:1}.templates .help{padding-bottom:.5rem}.notice{border:1px solid #d5e4e5;border-radius:8px;padding:.85rem 1.1rem;background:#edf6f6;margin:0 0 1rem}.notice.error{background:#fff1f1;color:#8f2730;border-color:#edc7cb}.notice.success{background:#eaf5ee;color:#286042;border-color:#cce3d4}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;text-align:left;font-size:.83rem}th{font-size:.71rem;font-weight:650;color:var(--muted);background:#f5f8f7;padding:.7rem .65rem;border-top:1px solid var(--line);border-bottom:1px solid var(--line);white-space:nowrap}td{padding:.8rem .65rem;border-bottom:1px solid #e7eded;vertical-align:top}tbody tr:hover{background:#fafcfb}td small{display:block;color:var(--muted);font-size:.72rem;margin-top:.2rem}td.num,th.num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.trip-table{min-width:1100px}.trip-table td:nth-child(5),.trip-table td:nth-child(6),.trip-table td:nth-child(9){min-width:110px;max-width:260px;overflow-wrap:anywhere}.date{white-space:nowrap}.empty{text-align:center;padding:2.5rem;color:var(--muted)}.inline{display:inline-block}.badge{display:inline-block;background:#eef0f1;color:#5d6770;border-radius:4px;padding:.18rem .45rem;font-size:.72rem;white-space:nowrap}.badge.green{background:#e5f2e9;color:#287047}.pagination{display:flex;justify-content:center;gap:1.5rem;padding-top:1rem;font-size:.85rem}.tank-row{display:flex;justify-content:space-between;align-items:center;gap:2rem;padding:1rem 0;border-top:1px solid var(--line)}.tank-row .form-grid{max-width:600px}.tank-row .form-grid label{max-width:180px}.site-footer{color:#7b8b8f;font-size:.75rem;text-align:center;padding:1rem}.login-main{max-width:500px;padding-top:5rem;min-height:75vh}.login-card{padding:2.3rem}.login-card .muted{font-size:.9rem}.stack{display:grid;gap:1.2rem;margin-top:1.7rem}.stack button{margin-top:.3rem}.print-only{display:none}[hidden]{display:none!important}
@media(max-width:760px){.site-header{padding:1rem}.brand small{max-width:170px;font-size:.65rem}.account>span{display:none}.main-nav{padding:.4rem .6rem}.main-nav a{padding:.6rem .7rem}main{padding:1.3rem 1rem}.page-title{align-items:start;flex-direction:column}.card{padding:1rem}.attachments{grid-template-columns:1fr}.form-grid,.filters{gap:.8rem}.form-grid label,.filters label{min-width:calc(50% - .8rem)}.filters label:first-of-type{max-width:none;min-width:calc(50% - .8rem)}.tank-row{align-items:start;flex-direction:column;gap:.8rem}.templates{align-items:start;flex-direction:column}.login-main{padding-top:2.5rem}.row-actions{min-width:190px}}
.print-view .print-only{display:inline}.print-view .trip-table{min-width:0}.print-view .trip-table td{font-size:.77rem}.print-view .ledger-card{padding:1rem}
@media print{@page{size:A4 landscape;margin:10mm}html,body{background:#fff;color:#000;font-size:10px}.no-print,.site-header,.main-nav,.site-footer{display:none!important}.print-only{display:inline!important}main{max-width:none;padding:0}.card{box-shadow:none;border:0;border-radius:0;padding:0;margin:0 0 12px}.page-title{margin:0 0 12px}h1{font-size:20px}h2{font-size:13px;margin-bottom:7px}.eyebrow{color:#000;font-size:10px}.table-wrap{overflow:visible}.trip-table{min-width:0;table-layout:auto}.trip-table td,.print-view .trip-table td,td,th{font-size:9px;padding:4px;border:1px solid #bbb;color:#000;min-width:0!important;max-width:none!important}td small{font-size:8px;color:#333}thead{display:table-header-group}tr{break-inside:avoid}.help{font-size:8px;color:#444}.tank-row{display:inline-flex;padding:5px 10px 5px 0;border:0;gap:10px}a{color:#000}h2{break-after:avoid}}
.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem}.dashboard-card{color:var(--ink);margin:0;transition:border-color .15s}.dashboard-card:hover{border-color:var(--accent);text-decoration:none}.dashboard-card h2{font-size:1.3rem;margin-top:.8rem}.dashboard-card p:last-child{font-size:.9rem}

/* Larger, higher-contrast ledger rows for comfortable reading on screen. */
@media screen {
    table { font-size: 1rem; }
    th { padding: .9rem .8rem; font-size: .9rem; color: #243d47; background: #dce9e4; border-color: #aebfb9; }
    td { padding: 1rem .8rem; line-height: 1.6; color: #162e38; border-bottom-color: #bbcfc6; }
    tbody tr:nth-child(odd) { background: #fff; }
    tbody tr:nth-child(even) { background: #e6efec; }
    tbody tr:hover { background: #d1e4dd; }
    .trip-table td, .print-view .trip-table td { font-size: 1.067rem; font-weight: 500; }
    .trip-table td.num { font-weight: 650; }
    td small { margin-top: .3rem; font-size: .86rem; color: #405862; }
    .trip-table .small { font-size: .88rem; padding: .45rem .7rem; }
    .trip-table td:nth-child(5), .trip-table td:nth-child(6) { min-width: 135px; }
    .trip-table td:nth-child(9) { min-width: 180px; max-width: 300px; }
}