:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#243b35;background:#f5f6f2;font-synthesis:none;--green:#173c32;--lime:#d6e8a3;--muted:#78847d;--line:#e2e7de}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:4px}button{cursor:pointer}a{color:#245546}button:disabled{opacity:.5;cursor:not-allowed}.shell{display:grid;grid-template-columns:244px 1fr;min-height:100vh}.sidebar{background:var(--green);color:#fff;padding:32px 20px;display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0;width:244px}.brand{display:flex;align-items:center;gap:12px;font-weight:750;font-size:21px;letter-spacing:-.6px;margin:0 12px 42px}.brand small{display:block;font-size:10px;font-weight:500;letter-spacing:2px;color:#afc0b3;margin-top:4px}.mark{width:35px;height:35px;display:grid;place-items:center;background:var(--lime);color:var(--green);border-radius:11px}.sidebar nav{display:grid;gap:8px}.nav{display:flex;align-items:center;gap:13px;color:#bfd0c6;background:none;border:0;text-align:left;padding:13px 15px;border-radius:9px;font-size:14px}.nav.active{background:#d6e8a3;color:#173c32;font-weight:700}.nav:hover:not(.active){background:#ffffff0c}.sidebar .foot{margin-top:auto;padding:24px 12px 0;color:#a5bcb0;font-size:12px;line-height:1.7}.sidebar svg{width:19px;height:19px}.main{grid-column:2;min-width:0}.topbar{height:85px;background:#fff;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:0 42px;gap:12px}.crumb{font-size:13px;color:var(--muted)}.crumb strong{color:#243b35;font-weight:550}.profile{display:flex;align-items:center;gap:12px}.avatar{background:#edf2e8;border-radius:50%;width:36px;height:36px;display:grid;place-items:center;font-size:13px;font-weight:700}.profile small{color:var(--muted);display:block;font-size:11px;margin-top:3px}.content{padding:36px 42px;max-width:1600px;margin:auto}.heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:28px}.eyebrow{font-size:10px;font-weight:800;letter-spacing:2px;color:#819378;margin-bottom:9px}h1{font-size:30px;letter-spacing:-1px;margin:0 0 9px;font-weight:650}h2{font-size:17px;letter-spacing:-.3px;margin:0}h3{font-size:15px;margin:0 0 16px}.subtitle{color:var(--muted);font-size:13px;line-height:1.7;margin:0}.btn{border:1px solid var(--line);border-radius:8px;background:white;color:var(--green);padding:11px 16px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:13px;font-weight:600;text-decoration:none}.btn.primary{background:var(--green);border-color:var(--green);color:white}.btn.lime{background:var(--lime);border-color:var(--lime)}.btn.danger{color:#b44f43}.btn.small{padding:7px 10px;font-size:12px}.btn svg{width:17px;height:17px}.icon-btn{border:0;background:none;color:#65756a;padding:6px;display:flex}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:17px;margin-bottom:26px}.stat{background:white;padding:23px;border:1px solid var(--line);border-radius:12px}.stat .label{color:#69796e;font-size:12px;display:flex;align-items:center;justify-content:space-between}.stat svg{width:18px;height:18px;color:#718668}.stat strong{display:block;font-size:32px;margin:16px 0 7px;font-weight:600;letter-spacing:-1px}.stat small{font-size:11px;color:var(--muted)}.card{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden;margin-bottom:22px}.card-head{padding:22px 24px;display:flex;justify-content:space-between;align-items:center;gap:12px}.toolbar{display:flex;gap:12px;flex-wrap:wrap;padding:0 24px 20px}.toolbar input{max-width:340px}.toolbar select{max-width:190px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:13px;text-align:left}th{color:#819084;background:#fafbf7;font-weight:500;font-size:11px;padding:13px 24px;border-top:1px solid #eef0ea;border-bottom:1px solid #eef0ea;white-space:nowrap}td{padding:18px 24px;border-bottom:1px solid #eef0ea;vertical-align:middle}tr:last-child td{border-bottom:0}td small{display:block;font-size:11px;color:var(--muted);margin-top:6px}td strong{font-weight:600}.order-no{color:#31583e;font-weight:650}.badge{display:inline-block;border-radius:6px;padding:6px 9px;font-size:10px;font-weight:650;white-space:nowrap}.badge.planned{background:#f1f1e8;color:#85805b}.badge.loaded{background:#e7f1e0;color:#587347}.badge.driving{background:#e5edf8;color:#4d7199}.badge.delivered{background:#e5f1e9;color:#397353}.empty{padding:56px 24px;text-align:center;color:var(--muted);font-size:13px}.empty .empty-icon{display:grid;place-items:center;margin:0 auto 18px;background:#f1f5ec;width:58px;height:58px;border-radius:18px;color:#6c8262}.empty svg{width:25px;height:25px}.empty strong{display:block;color:#334c3e;font-size:17px;margin-bottom:9px}.empty p{line-height:1.7;margin-bottom:22px}.grid2{display:grid;grid-template-columns:1.5fr 1fr;gap:22px}.pad{padding:24px}.activity{display:flex;gap:12px;padding:14px 0;border-bottom:1px solid #edf0e8;font-size:12px;line-height:1.5}.activity:last-child{border:0}.dot{width:7px;height:7px;background:#aac580;border-radius:50%;margin-top:5px;flex-shrink:0}.activity small{display:block;color:var(--muted);font-size:10px;margin-top:4px}.info-banner{background:#eef3e4;border:1px solid #dce6cc;border-radius:10px;padding:17px 20px;font-size:12px;line-height:1.7;margin-bottom:24px;color:#4b6241}.route-box{background:#173c32;color:white;border-radius:12px;padding:25px;position:relative;overflow:hidden}.route-box p{color:#b9cbbd;font-size:12px;line-height:1.8}.route-box .rate{font-size:34px;letter-spacing:-1px;margin:15px 0 4px}.route-box small{color:#b9cbbd}.route-box svg{position:absolute;right:20px;bottom:28px;width:85px;height:85px;color:#446c52}.field{display:flex;flex-direction:column;gap:7px}.field label{font-size:12px;font-weight:600}.field small{font-size:11px;color:var(--muted);line-height:1.6}input,select,textarea{width:100%;border:1px solid #dbe2d7;border-radius:7px;padding:11px 12px;color:#243b35;background:#fff;min-width:0}input:focus,select:focus,textarea:focus{outline:2px solid #a9c989;border-color:transparent}input:disabled{background:#f5f6f2;color:#697a6b}textarea{resize:vertical;min-height:80px}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:22px}.wide{grid-column:1/-1}.actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.row{display:flex;gap:12px;align-items:center}.muted{color:var(--muted);font-size:12px;line-height:1.6}.check{display:flex;gap:9px;align-items:center;font-size:13px;margin:13px 0}.check input{width:16px;height:16px}.user-cards,.trip-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.user-card,.trip-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:22px}.user-card h3{margin:15px 0 5px}.trip-card .top{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.trip-card h3{font-size:17px;line-height:1.5;margin-bottom:6px}.trip-meta{display:grid;grid-template-columns:1fr 1fr;gap:14px;background:#f7f8f3;padding:14px;border-radius:8px;margin:19px 0}.trip-meta small{display:block;font-size:10px;color:var(--muted);margin-bottom:5px}.trip-meta strong{font-size:13px}.trip-card .field{margin-top:12px}.section-title{font-size:11px;text-transform:uppercase;letter-spacing:1.5px;color:#819084;margin:22px 0 13px;font-weight:650}dialog{border:0;border-radius:15px;padding:0;width:min(780px,calc(100vw - 28px));max-height:90vh;color:#243b35;box-shadow:0 20px 90px #18332340}dialog::backdrop{background:#152c2960;backdrop-filter:blur(3px)}.modal-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding:23px 27px}.modal-body{padding:25px 27px}.modal-foot{display:flex;gap:10px;justify-content:flex-end;padding:20px 27px;border-top:1px solid var(--line);background:#fafbf8}.item-row{display:grid;grid-template-columns:2fr .8fr 1fr 34px;gap:9px;align-items:end;margin-bottom:12px}.item-row label{font-size:10px;color:var(--muted);display:block;margin-bottom:6px}.summary{background:#f1f5ea;border-radius:9px;padding:17px;font-size:12px;line-height:1.8;margin-top:16px}.summary strong{font-size:17px}.total-row{display:flex;justify-content:space-between;gap:12px}.form-error{color:#ad4e3e;font-size:12px;padding:10px 0;min-height:18px}.login{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.login-left{background:var(--green);padding:70px;display:flex;flex-direction:column;justify-content:center;color:white}.login-left .brand{margin:0 0 70px}.login-left h1{font-size:48px;max-width:450px;line-height:1.15}.login-left p{color:#bac9bf;font-size:15px;line-height:1.9;max-width:390px}.login-left .line-art{margin-top:45px;width:170px;height:80px;color:#b6ce86}.login-right{display:flex;align-items:center;justify-content:center;padding:40px}.login-box{width:350px}.login-box h1{font-size:28px}.login-box form{display:grid;gap:18px;margin:30px 0}.login-box .btn{padding:14px}.note{background:#f6f8f1;padding:13px;border-radius:8px;margin:9px 0;font-size:13px;line-height:1.7;white-space:pre-wrap}.note small{display:block;color:var(--muted);font-size:10px;margin-top:5px}.detail-trips{margin-top:18px}.detail-trip{padding:14px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:15px;align-items:center}.detail-trip small{display:block;color:var(--muted);font-size:11px;margin-top:5px}.price{font-variant-numeric:tabular-nums;white-space:nowrap}#toast{position:fixed;bottom:24px;right:24px;padding:14px 21px;border-radius:9px;background:#173c32;color:white;font-size:13px;box-shadow:0 8px 30px #173c3230;z-index:100;display:none}.mobile-brand{display:none}.settings-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:22px}.card-foot{padding:15px 24px;color:var(--muted);font-size:11px;border-top:1px solid var(--line)}.link-button{background:transparent;border:0;color:#31583e;font:inherit;font-weight:650;text-align:left;padding:0;text-decoration:underline;text-decoration-color:#c4d4bf;text-underline-offset:4px}.login-tip{border-top:1px solid var(--line);padding-top:20px}.route-status{font-size:11px;line-height:1.6;color:#637853;margin-top:8px}.route-status:empty{display:none}
@media(min-width:1600px){.content{padding-top:46px}}@media(max-width:1150px){.content{padding:28px}.topbar{padding:0 28px}.stats{grid-template-columns:repeat(2,1fr)}.user-cards,.trip-cards{grid-template-columns:repeat(2,1fr)}.grid2{grid-template-columns:1fr 1fr}td,th{padding-left:17px;padding-right:17px}}@media(max-width:800px){.shell{display:block}.sidebar{position:static;width:100%;padding:14px 16px}.sidebar .brand{margin:0 0 15px;font-size:18px}.sidebar nav{display:flex;gap:5px;overflow-x:auto}.nav{padding:9px 12px;white-space:nowrap;font-size:12px}.nav svg{display:none}.sidebar .foot{display:none}.topbar{height:65px;padding:0 20px}.profile small{display:none}.crumb{font-size:11px}.content{padding:24px 17px}.heading{align-items:flex-start}h1{font-size:25px}.heading .btn{font-size:11px;padding:10px;white-space:nowrap}.grid2,.settings-grid{grid-template-columns:1fr}.user-cards,.trip-cards{grid-template-columns:1fr}.stats{gap:10px}.stat{padding:16px}.stat strong{font-size:27px}.login{grid-template-columns:1fr}.login-left{padding:32px}.login-left .brand{margin-bottom:30px}.login-left h1{font-size:29px}.login-left p,.login-left .line-art{display:none}.login-right{padding:32px 24px}.formgrid{gap:13px}.item-row{grid-template-columns:1.5fr .7fr .8fr 24px;gap:6px}.item-row input,.item-row select{padding:9px 6px;font-size:12px}.modal-body{padding:20px 18px}.modal-head,.modal-foot{padding:18px}.toolbar{padding:0 17px 17px}.card-head{padding:20px 17px}.pad{padding:20px}.btn.small{padding:8px 10px}.detail-trip{flex-wrap:wrap}.row{flex-wrap:wrap}}
.mark svg{width:21px;height:21px}.line-art svg{width:100%;height:100%}.activity svg{width:17px;height:17px;flex-shrink:0}.trip-actions{margin-top:18px}.route-box>svg{right:15px;top:22px;bottom:auto;width:45px;height:45px;opacity:.45}.route-box h2{padding-right:40px}
.order-dates{white-space:nowrap;font-variant-numeric:tabular-nums}.order-date-details{display:grid;grid-template-columns:1fr 1fr;gap:16px;background:#f5f7f0;padding:17px;border-radius:9px;margin-top:20px}.order-date-details span{display:block;color:#78847d;font-size:11px;margin-bottom:7px}.order-date-details strong{font-size:13px;font-weight:600}input[readonly]{background:#f5f6f2;color:#697a6b}@media(max-width:480px){.order-date-details{grid-template-columns:1fr}}

.invoice-box{border:1px solid var(--line);border-radius:9px;padding:18px;margin:22px 0}.invoice-box .formgrid{margin:18px 0}.invoice-box p{font-size:13px;line-height:1.7;margin-bottom:0}[hidden]{display:none!important}.badge.deleted{background:#f4e9e6;color:#a45144}.modal-foot{flex-wrap:wrap}

.route-buttons{display:flex;flex-direction:column;align-items:flex-start;gap:8px}
.signin-page{min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:24px;background:#f5f6f2}.signin-card{width:min(100%,360px);padding:28px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 12px 40px #173c320a}.signin-form{display:grid;gap:20px}.signin-form label{font-size:14px}.signin-form input{min-height:48px;font-size:16px}.signin-form .btn{min-height:48px;font-size:15px}.signin-form .form-error{padding:0;min-height:0}.signin-form .form-error:empty{display:none}

.order-change-history{margin-top:28px}.change-entry{border:1px solid var(--line);border-radius:8px;padding:16px;margin:12px 0;font-size:13px}.change-header{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.change-header time{color:var(--muted);font-size:12px}.change-field{margin-top:12px;overflow-wrap:anywhere}.change-field>strong{font-size:12px}.change-field>div{margin-top:5px;white-space:pre-wrap;line-height:1.6}.change-field span:first-child{color:#78847d}

.trip-open{width:100%;margin-top:18px}.driver-contact{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0}.trip-step{margin-bottom:18px}
.driver-workday{max-width:700px;display:grid;gap:20px}.driver-course{background:white;border:1px solid var(--line);border-radius:18px;padding:24px}.driver-course.current-course{border-top:5px solid var(--green)}.driver-course-top{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:20px}.driver-course-top>span:first-child{font-size:10px;letter-spacing:1px;font-weight:750;color:#6c8067}.driver-course h2{font-size:26px;line-height:1.3;margin-bottom:10px}.driver-course .trip-meta strong{font-size:16px}.driver-main-action{width:100%;min-height:50px}.driver-details{font-size:12px;margin-top:8px}.driver-instruction{background:#f6f8f1;padding:14px;border-radius:10px;font-size:12px}.driver-instruction p{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.6;margin-bottom:0}.driver-queue{background:white;border:1px solid var(--line);border-radius:14px;overflow:hidden}.driver-next{display:flex;justify-content:space-between;gap:15px;align-items:center;width:100%;border:0;border-top:1px solid var(--line);padding:18px 24px;background:#fff;text-align:left;color:var(--green)}.driver-next:hover{background:#f6f8f1}.driver-next small{display:block;color:var(--muted);font-size:12px;margin-top:7px}.driver-next svg{width:20px;height:20px;flex-shrink:0}.driver-course .empty{padding:30px 5px}.driver-course .driver-contact>.btn{flex:1}@media(max-width:480px){.driver-course{padding:20px}.driver-course h2{font-size:24px}.driver-course .driver-contact{display:grid;grid-template-columns:1fr}.driver-next{padding:18px}}