:root{--bg:#f8f7f5;--surface:#fff;--line:#eceae6;--text:#262d33;--muted:#879098;--wine:#783a36;--wine-dark:#5d2927;--warm:#f7f0e9;--peach:#edd4bf;--green:#2e845f;--blue:#5275a3;--amber:#ae7b28;--shadow:0 4px 28px rgba(41,33,28,.035);font-family:'Segoe UI',system-ui,-apple-system,Arial,sans-serif;color:var(--text);font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-size:14px}button,input,select,textarea{font:inherit}button{cursor:pointer}a{text-decoration:none;color:inherit}svg{flex-shrink:0}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3{font-family:'Segoe UI',system-ui,sans-serif;letter-spacing:-.035em}strong,b{font-weight:800}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #b8a08b;outline-offset:2px}
.app-body{background:var(--bg)}.sidebar{position:fixed;left:0;top:0;bottom:0;width:260px;background:#fff;border-right:1px solid #efebe8;z-index:40;display:flex;flex-direction:column}.sidebar-head{padding:30px 24px 30px}.brand{display:flex;align-items:center;gap:11px}.brand-mark{display:flex;width:44px;height:44px;background:#fbf2e7;border:1px solid #f2e4d5;align-items:center;justify-content:center;border-radius:15px;flex-shrink:0}.brand-mark.brand-small{width:35px;height:35px}.brand>span:last-child{display:flex;flex-direction:column;gap:1px}.brand strong{color:#362c2a;font-family:'Segoe UI',system-ui,sans-serif;font-size:20px;font-weight:800;letter-spacing:-.055em}.brand small{font-size:10px;color:#aa8980;letter-spacing:.21em;font-weight:800}.sidebar-scroll{overflow-y:auto;flex:1;padding:0 15px}.nav-label{font-size:10px;font-weight:800;letter-spacing:.15em;color:#b5a9a3;margin:12px 13px 11px}.nav-spacer{margin-top:34px}.nav-link{height:45px;display:flex;align-items:center;gap:13px;margin:3px 0;border-radius:10px;padding:0 13px;color:#6d747b;font-weight:700;font-size:13px;transition:.15s}.nav-link:hover{background:#fbf7f4;color:#7c3c36}.nav-link.active{background:#f8eee9;color:#7c3c36}.nav-link.active:after{content:"";margin-left:auto;width:5px;height:5px;border-radius:50%;background:#a96458}.sidebar-bottom{padding:20px 16px}.help-panel{padding:17px;background:linear-gradient(135deg,#faf2e9,#f8f3ee);border:1px solid #f4e8df;border-radius:12px}.help-symbol{display:flex;color:#8a5348;margin-bottom:8px}.help-panel b{display:block;font-size:12px}.help-panel p{font-size:11.5px;line-height:1.65;color:#94837a;margin:7px 0 0}.sidebar-signout{display:flex;gap:13px;align-items:center;margin:13px 11px 0;padding:12px 6px;color:#99909a;font-weight:700}.sidebar-signout:hover{color:var(--wine)}.app-shell{margin-left:260px;min-height:100vh}.topbar{height:90px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 42px}.topbar-left{display:flex;align-items:center;gap:15px}.topbar-overline{font-size:10px;font-weight:800;letter-spacing:.15em;color:#b28f83;margin-bottom:5px}.topbar-overline span{color:#aaa}.topbar-title{font-family:'Segoe UI',system-ui,sans-serif;font-weight:800;font-size:18px;letter-spacing:-.045em}.topbar-right{display:flex;align-items:center;gap:23px}.topbar-quick{display:flex;gap:8px;align-items:center;color:#865c50;font-weight:800;font-size:12px}.topbar-user{display:flex;align-items:center;gap:10px;padding-left:22px;border-left:1px solid var(--line)}.avatar,.tiny-avatar{width:38px;height:38px;display:grid;place-items:center;background:#eee1d9;border-radius:11px;color:#854c43;font-weight:800}.topbar-user-name{display:flex;flex-direction:column;gap:4px}.topbar-user-name b{font-size:12px}.topbar-user-name small{color:#9a9da0;font-size:11px}.menu-toggle,.sidebar-close{display:none;align-items:center;justify-content:center;border:0;background:transparent;color:#8e6258}.main-content{padding:37px 40px 0}.content-inner{max-width:1560px;margin:auto;min-height:calc(100vh - 190px)}.app-footer{max-width:1560px;margin:50px auto 0;border-top:1px solid #e8e4e0;padding:20px 0;color:#a0a2a5;display:flex;justify-content:space-between;gap:10px;font-size:11px}.app-footer a{color:#a17a67}.page-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin:0 0 25px}.eyebrow{font-size:10px;letter-spacing:.2em;color:#af796a;font-weight:800;margin-bottom:10px}.eyebrow.light{color:#e9bca3}.page-heading h1{font-size:28px;margin:0 0 8px;font-weight:800;line-height:1.27}.page-heading p{color:#92989f;font-size:13px;margin:0;line-height:1.65}.heading-actions{display:flex;gap:10px;flex-shrink:0}.btn{border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:12px 17px;border-radius:10px;font-size:12px;font-weight:800;white-space:nowrap;transition:background .15s,box-shadow .15s,color .15s;min-height:44px}.btn:hover{transform:translateY(-1px)}.btn-primary{color:#fff;background:var(--wine);box-shadow:0 5px 12px rgba(103,45,39,.09)}.btn-primary:hover{background:var(--wine-dark)}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.btn-secondary{color:#655f5e;border-color:#eae3dd;background:#fff}.btn-secondary:hover{background:#f8f4f1}.btn-ghost{color:#969095;background:transparent}.btn-danger-outline{color:#ae5955;background:#fff;border-color:#eac9c8}.btn-add{background:#fcf9f6;border:1px dashed #dcbcb0;color:#8f574a}.btn-add:hover{background:#faeee8}.btn-wide{width:100%}.btn-small{padding:8px 12px;min-height:36px}.surface{background:#fff;border:1px solid var(--line);border-radius:15px;box-shadow:var(--shadow);overflow:hidden}.surface-header{padding:23px 25px 21px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px}.surface-header h2{font-size:15px;font-weight:800;margin:0 0 5px}.surface-header p{font-size:11.5px;color:#a3a6aa;margin:0;line-height:1.5}.surface-header>svg{color:#a3918e}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:22px}.metric-card{padding:20px 22px 18px;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:var(--shadow);min-width:0}.metric-top{display:flex;justify-content:space-between;gap:10px;align-items:center;color:#909398;font-weight:700;font-size:11px}.metric-icon{width:37px;height:37px;border-radius:10px;display:grid;place-items:center;font-style:normal}.metric-icon.peach{background:#fbede7;color:#ba785f}.metric-icon.blue{background:#eaf1fa;color:#587eb2}.metric-icon.green{background:#e6f3eb;color:#48a37b}.metric-icon.gold{background:#faf1df;color:#c09a50}.metric-icon.amber{background:#fff5e1;color:#b88d40}.metric-value{font-size:32px;font-family:'Segoe UI',system-ui,sans-serif;font-weight:800;letter-spacing:-.065em;margin:9px 0 5px;line-height:1.2}.metric-value small{font-size:15px;color:#a7a7a8;letter-spacing:-.02em}.metric-note{color:#b0b1b2;font-size:10.5px;line-height:1.5}.dash-grid{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:21px;align-items:start}.dash-side{display:flex;flex-direction:column;gap:18px}.table-scroll{overflow-x:auto}.data-table{width:100%;border-collapse:collapse;min-width:590px}.data-table th{padding:15px 18px;background:#fff;font-size:9.5px;letter-spacing:.11em;text-align:left;color:#b0a8a3;font-weight:800;white-space:nowrap}.data-table td{padding:18px;border-top:1px solid #f4f2ef;vertical-align:middle;font-size:12px;color:#727b82}.data-table td strong{color:#3a3b3e;font-size:12px}.data-table tr:hover td{background:#fffdfb}.cell-sub{color:#aaaeb1;font-size:10.5px;margin-top:5px}.cell-action{text-align:right}.table-person{display:flex;gap:9px;align-items:center}.tiny-avatar{width:29px;height:29px;border-radius:9px;font-size:11px}.progress-inline{display:flex;gap:10px;align-items:center;min-width:110px}.progress-track{height:6px;border-radius:12px;background:#efe9e5;overflow:hidden;flex:1;min-width:45px}.progress-track>div{height:100%;border-radius:12px;background:linear-gradient(90deg,#c48a69,#824037)}.progress-inline span{font-size:10px;color:#aaa}.badge{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border-radius:7px;font-weight:800;font-size:10px;white-space:nowrap}.badge-dot{width:6px;height:6px;background:currentColor;border-radius:50%}.badge-muted{color:#8c979f;background:#f3f5f7}.badge-green{color:#308b66;background:#e8f5ee}.badge-blue{color:#4d7fab;background:#edf4fb}.badge-amber{color:#a77b31;background:#fff5e5}.badge-red{color:#b55958;background:#fbefed}.icon-link{display:inline-grid;width:28px;height:28px;place-items:center;border:1px solid #eeeae7;border-radius:8px;color:#ac9c97}.icon-link:hover{color:var(--wine)}.chart-surface .surface-header{border-bottom:0}.chart-bars{height:185px;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:11px;padding:10px 22px 19px;align-items:end}.chart-col{height:100%;display:flex;align-items:center;flex-direction:column;justify-content:end;gap:8px;min-width:0}.chart-col strong{height:14px;color:#9b7364;font-size:10px}.chart-col span{color:#acacad;font-size:9px}.chart-bar-space{height:118px;width:100%;display:flex;align-items:end;justify-content:center}.chart-bar-space div{width:75%;max-width:24px;background:#c69d86;border-radius:5px 5px 2px 2px;min-height:3px}.feature-card{padding:25px 23px;background:linear-gradient(145deg,#703331,#492725);color:#fff;border-radius:14px}.feature-symbol{width:43px;height:43px;border:1px solid #a16f60;background:#875044;border-radius:12px;display:grid;place-items:center;color:#fff0e3;margin-bottom:14px}.feature-card h3{font-size:17px;letter-spacing:-.035em;margin-bottom:7px}.feature-card p{font-size:11.5px;line-height:1.7;color:#ddc4ba}.feature-card a{display:flex;align-items:center;gap:8px;color:#f5d8c0;font-weight:800;font-size:11px;margin-top:16px}.empty-state{padding:56px 20px;text-align:center;color:#9da1a5}.empty-icon{display:grid;place-items:center;margin:0 auto 14px;color:#a98b7e}.empty-state h3{font-size:15px;color:#545b61;margin-bottom:7px}.empty-state p{font-size:12px;line-height:1.7}.empty-state .btn{margin-top:9px}.inline-filter{display:flex;align-items:center;gap:8px}.inline-filter input{height:40px;min-width:145px;border:1px solid #eae7e4;border-radius:9px;padding:0 9px;font-size:12px;color:#5a626a}.inline-filter .btn{min-height:40px;padding:9px 12px}.route-layout{display:grid;grid-template-columns:minmax(0,1fr) 305px;gap:21px;align-items:start}.route-main{display:flex;flex-direction:column;gap:20px;min-width:0}.form-section{padding:26px 27px;position:relative}.section-no{color:#e7d3c8;font-family:'Segoe UI',system-ui,sans-serif;font-size:28px;font-weight:800;position:absolute;right:28px;top:23px}.section-title{padding-right:45px;margin-bottom:24px}.section-title h2{font-size:16px;margin:0 0 6px}.section-title p{font-size:11.5px;color:#9fa4a8;line-height:1.6;margin:0}.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.field,.stack-form>label{display:flex;flex-direction:column;gap:8px;color:#626769;font-size:11.5px;font-weight:800;min-width:0}.field span{color:#b47d6d}.field input,.field select,.field textarea,.stack-form input,.stack-form select,.stack-form textarea{appearance:auto;border:1px solid #e8e8e7;color:#3d464d;border-radius:9px;background:#fff;padding:11px 12px;width:100%;font-size:12px;font-weight:600;outline:none;min-height:43px}.field textarea,.stack-form textarea{resize:vertical;line-height:1.5}.field input:focus,.field select:focus,.field textarea:focus,.stack-form input:focus{border-color:#ae7969;box-shadow:0 0 0 3px #f7eee9}.form-section>.field{margin-top:17px}.stop-editor{padding:17px;border:1px solid #ebdfd8;border-radius:11px;background:#fffdfb;margin:0 0 14px}.stop-editor-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.stop-editor-head>div{display:flex;gap:12px;align-items:center}.stop-counter{font-size:9px;letter-spacing:.09em;color:#aa7766;background:#f9ebe3;border-radius:6px;padding:6px}.stop-editor-head strong{font-size:12px}.plain-danger{background:none;border:0;color:#bf8278;font-size:11px;font-weight:700}.stop-items{margin-top:16px}.item-editor{display:grid;grid-template-columns:minmax(0,1fr) 130px 25px;gap:10px;margin-bottom:12px;align-items:end}.item-editor .field{font-size:10.5px}.item-editor .field input,.item-editor .field select{min-height:40px}.item-remove{display:grid;place-items:center;border:0;background:#f7eae5;border-radius:7px;color:#9d7166;height:40px;width:28px}.btn-add-small{padding:7px 12px;min-height:35px;font-size:11px}.summary-panel{padding:25px;position:sticky;top:20px}.summary-panel h3{font-size:19px;margin-bottom:22px}.summary-list{border-top:1px solid var(--line);margin-bottom:25px}.summary-list>div{display:flex;justify-content:space-between;gap:10px;padding:15px 0;border-bottom:1px solid var(--line);font-size:11.5px;color:#999}.summary-list b{font-size:12px;color:#3d4448}.hint{border-radius:10px;background:#f8f4ef;color:#988679;font-size:11px;line-height:1.65;padding:13px 14px;display:flex;gap:10px;align-items:flex-start;margin-bottom:18px}.summary-panel .btn{white-space:normal;text-align:center}.detail-topline{display:flex;justify-content:space-between;align-items:center;background:#fff;border:1px solid var(--line);padding:16px 22px;border-radius:12px;margin-bottom:20px}.detail-topline>div:last-child{display:flex;gap:25px;color:#8e8d8d;font-size:12px}.detail-topline>div>span{display:inline-flex;align-items:center;gap:8px}.detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:20px;align-items:start}.detail-primary,.detail-aside{min-width:0}.detail-aside{display:flex;flex-direction:column;gap:17px}.stops-stack{padding:16px}.delivery-stop{border:1px solid #efebe8;border-radius:12px;margin-bottom:13px;overflow:hidden}.delivery-stop:last-child{margin-bottom:0}.delivery-top{display:flex;align-items:center;gap:12px;padding:16px}.stop-number{width:35px;height:35px;border-radius:10px;background:#f7ebe5;color:#9d6053;display:grid;place-items:center;font-size:11px;font-weight:800}.stop-heading{min-width:0;flex:1}.stop-heading strong{display:block;font-size:12.5px;margin-bottom:5px}.stop-heading small{display:block;color:#aaa;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:10.5px}.delivery-products{border-top:1px solid #f3f0ec;padding:2px 18px 12px}.product-line{display:grid;grid-template-columns:minmax(0,1fr) 100px 100px;gap:7px;padding:9px 0;color:#737b7f;font-size:11px}.product-line:not(.product-heading){border-top:1px solid #f7f5f4}.product-line strong{font-size:11px;color:#3f4d45}.product-heading{font-size:9px;color:#b4aaaa;font-weight:800;letter-spacing:.05em}.delivery-foot{border-top:1px solid #f2eeeb;background:#fffcfa;padding:11px 16px;color:#99918a;font-size:10.5px;display:flex;align-items:center;gap:5px;flex-wrap:wrap}.side-section{padding:23px}.side-section h3{font-size:14px;display:flex;align-items:center;gap:9px;margin-bottom:16px}.side-section h3 svg{color:#ad6f5d}.side-section>p{font-size:12px;line-height:1.8;color:#9b9fa3}.load-header,.load-line{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid #f4f0ee;font-size:11px}.load-header{font-size:9.5px;letter-spacing:.08em;color:#b3a8a4;font-weight:800}.load-line strong{font-size:11px}.load-line span{color:#898d93;text-align:right;flex-shrink:0}.load-confirmed{color:#378867;background:#ebf8f0;font-size:11px;padding:12px;border-radius:9px;display:flex;gap:8px;align-items:center;margin-top:15px}.side-section .hint{margin:15px 0 0}.activity-item{display:flex;gap:12px;position:relative;padding-bottom:22px}.activity-item:last-child{padding-bottom:0}.activity-dot{width:9px;height:9px;border:2px solid #ad7968;box-shadow:0 0 0 4px #f7eee8;background:#fff;border-radius:50%;margin:5px 5px 0 3px;flex-shrink:0}.activity-item:not(:last-child):after{content:"";position:absolute;width:1px;top:19px;bottom:4px;left:7px;background:#eee5dd}.activity-item strong{display:block;font-size:11px;font-weight:700;color:#5b6469;line-height:1.6}.activity-item small{display:block;color:#b6b1ae;font-size:10px;margin-top:5px}.catalog-grid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:20px;align-items:start}.catalog-form{padding:24px}.catalog-form h2{font-size:15px;margin-bottom:6px}.catalog-form>p{font-size:11px;color:#9ba0a5}.stack-form{display:flex;flex-direction:column;gap:16px;margin-top:23px}.catalog-form .hint{margin:0}.table-actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.table-actions form{margin:0}.small-action{font-size:10.5px;color:#905a52;font-weight:800;border:none;background:none;padding:0}.small-action.subtle{color:#a5a6a9}.text-clamp{max-width:220px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.report-toolbar{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:18px}.report-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.negative{color:#b87955}.positive{color:#2c9a6f}.empty-inline{text-align:center;color:#9ea3a7;padding:30px}.top-hint{margin-top:20px}.guide-intro{background:linear-gradient(115deg,#7b3d38,#452624);border-radius:15px;padding:35px 40px;color:#fff;display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.guide-intro h2{font-size:23px;max-width:480px}.guide-intro p{max-width:580px;color:#e6d1c5;font-size:12px;line-height:1.7}.guide-highlight{color:#f4d1b4;margin-right:80px}.guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.guide-step{background:#fff;border:1px solid var(--line);border-radius:13px;padding:25px}.guide-step>span{font-size:10px;color:#bd8d78;letter-spacing:.15em;font-weight:800}.guide-icon{width:48px;height:48px;display:grid;place-items:center;background:#fbf2eb;color:#a56c59;border-radius:13px;margin:18px 0}.guide-step h3{font-size:15px}.guide-step p{line-height:1.8;color:#969da0;font-size:11.5px;margin:0}.guide-note{margin-top:20px;padding:25px}.guide-note h2{font-size:16px}.guide-note p{font-size:12px;line-height:1.75;color:#8e969a}.driver-welcome{background:linear-gradient(120deg,#753632,#4e2928);border-radius:16px;padding:29px 35px;color:white;display:flex;gap:22px;align-items:center;margin-bottom:21px}.driver-welcome-icon{border:1px solid #a16c5d;border-radius:15px;padding:16px;color:#f6d2b9;background:#915146}.driver-welcome span{font-size:10px;letter-spacing:.15em;color:#e5beab;font-weight:800}.driver-welcome h2{font-size:21px;margin:7px 0}.driver-welcome p{font-size:11.5px;color:#dfc5bb;margin:0}.driver-metrics{grid-template-columns:repeat(3,1fr)}.driver-route-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;padding:20px}.driver-route-card{padding:17px 19px;border:1px solid #eae4dd;border-radius:12px;transition:.15s;min-width:0}.driver-route-card:hover{border-color:#c99f90;box-shadow:0 5px 24px #6e403015}.route-card-top,.route-card-foot{display:flex;justify-content:space-between;align-items:center;gap:7px;font-size:10px;color:#9a9ca1}.route-card-top>span:first-child{display:flex;gap:5px;align-items:center}.route-card-main{display:flex;justify-content:space-between;align-items:center;margin:22px 0 18px}.route-card-main strong{font-size:15px}.route-card-main p{color:#a9acae;font-size:10px;margin:6px 0 0}.route-arrow{color:#a76d5e}.driver-route-card .progress-track{margin-bottom:10px}.route-card-foot{font-size:10px}.driver-route-banner{display:flex;justify-content:space-between;align-items:center;border-radius:14px;background:#fff;border:1px solid var(--line);padding:23px 26px;margin-bottom:20px}.driver-route-banner>div:first-child>span{font-size:10px;letter-spacing:.13em;color:#aaa;font-weight:800}.driver-route-banner>div:first-child>div{margin:10px 0}.driver-route-banner p{font-size:11.5px;color:#9fa2a4;margin:0}.banner-stat{text-align:right}.banner-stat strong{display:block;font:800 36px 'Segoe UI',system-ui,sans-serif}.banner-stat small{color:#999;font-size:10px}.load-accept-section{margin-bottom:20px}.load-accept-form{padding:22px 25px}.load-entry-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin-bottom:17px}.load-entry{padding:15px;border:1px solid #ece7e2;border-radius:10px;display:flex;justify-content:space-between;align-items:center;gap:12px}.load-entry strong{display:block;font-size:12px}.load-entry small{display:block;color:#9ca0a3;font-size:10px;margin-top:6px}.load-entry label{font-size:10px;color:#858a8f;font-weight:800;max-width:132px}.load-entry label span{color:#ae877c}.load-entry input{border:1px solid #ded9d4;border-radius:8px;width:100%;height:39px;margin-top:5px;padding:0 9px;outline:none}.driver-stop-list{padding:18px;display:grid;gap:12px}.driver-stop-card{border:1px solid #eeeae6;border-radius:12px;padding:17px;display:flex;align-items:center;justify-content:space-between;gap:20px}.driver-stop-main{display:flex;align-items:flex-start;gap:15px;min-width:0}.driver-stop-order{display:grid;place-items:center;background:#f9f0e9;border-radius:11px;color:#a87363;width:41px;height:41px;font-weight:800;font-size:12px;flex-shrink:0}.driver-stop-data{min-width:0}.driver-stop-data>strong{display:block;font-size:13px;margin:2px 0 8px}.muted-small{font-size:10.5px;color:#a3a7aa;line-height:1.6}.muted-small svg{vertical-align:middle}.stop-product-chips{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}.stop-product-chips span{font-size:10px;background:#f7f5f3;border-radius:7px;padding:6px 8px;color:#777e83}.driver-stop-actions{display:flex;flex-direction:column;align-items:flex-end;gap:11px;flex-shrink:0}.stop-done{color:#3b9d6f;font-size:11px;display:flex;gap:5px;align-items:center}.completion-banner{display:flex;gap:15px;align-items:center;background:#e9f6ed;color:#328565;border-radius:12px;padding:18px 20px;margin-top:20px}.completion-banner h3{font-size:15px;margin:0 0 5px}.completion-banner p{margin:0;font-size:11.5px}.stop-confirm-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:19px;align-items:start}.confirm-location{padding:23px 25px;border-bottom:1px solid var(--line);display:flex;gap:16px;align-items:center}.location-symbol{background:#faf0e9;color:#ae725f;border-radius:12px;width:52px;height:52px;display:grid;place-items:center}.confirm-location h2{font-size:17px;margin:0 0 5px}.confirm-location p{font-size:11px;color:#9ca1a4;margin:0}.confirm-form form{padding:25px}.confirm-products>h3{font-size:14px;margin-bottom:5px}.confirm-products>p{color:#a4a5a7;font-size:11px;margin-bottom:17px}.confirm-product{border:1px solid #efebe7;border-radius:11px;padding:15px;margin-bottom:12px;display:flex;justify-content:space-between;align-items:center;gap:12px}.confirm-product>div>strong{display:block;font-size:12px;margin-bottom:5px}.confirm-product>div>span{color:#a5a7aa;font-size:10.5px}.confirm-product label{display:flex;align-items:center;gap:8px;color:#979a9c;font-weight:800}.confirm-product label input{width:105px;height:43px;text-align:right;padding:0 9px;border:1px solid #dedad5;border-radius:8px;font-weight:800;font-size:17px;color:#633d38}.confirm-secondary{margin:21px 0}.confirm-buttons{display:grid;gap:10px}.confirm-help{display:flex;flex-direction:column;gap:13px}.confirm-help .side-section p{margin-bottom:11px}.profile-grid{display:grid;grid-template-columns:330px minmax(0,1fr);gap:20px;max-width:930px}.profile-avatar{width:70px;height:70px;display:grid;place-items:center;background:#f5e6d9;color:#985f53;font-size:27px;border-radius:17px;margin:30px 0 15px}.profile-grid h3{font-size:17px;margin:0}.profile-grid p{color:#a5a7a9;font-size:12px;margin-top:7px}.profile-grid .stack-form{max-width:460px}.alert{display:flex;gap:10px;align-items:center;border-radius:10px;padding:13px 17px;font-size:12px;font-weight:700;margin-bottom:20px;line-height:1.5}.alert-success{background:#eaf7ee;color:#287b5d;border:1px solid #d6eadd}.alert-error{background:#faecea;color:#a24d4a;border:1px solid #f0cfcd}.alert-close{margin-left:auto;background:none;color:inherit;border:0}.soft-pill{padding:8px 12px;border-radius:7px;background:#faf2ec;color:#976e5f;font-weight:800;font-size:11px}.login-body{background:#f7f5f2;min-height:100vh}.login-layout{display:grid;grid-template-columns:1fr 1fr;min-height:100vh}.login-story{background:linear-gradient(135deg,#793934,#472624);color:#fff;padding:44px 9% 34px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.login-story:before,.login-story:after{content:"";width:550px;height:550px;border-radius:50%;border:1px solid #ffffff16;position:absolute;right:-300px;bottom:-250px;box-shadow:0 0 0 65px #ffffff04,0 0 0 130px #ffffff04;pointer-events:none}.login-topbrand{display:flex;align-items:center;gap:12px;z-index:1}.login-topbrand strong{font-family:'Segoe UI',system-ui,sans-serif;font-size:20px;letter-spacing:-.06em}.login-topbrand strong span{font-size:10px;font-weight:700;letter-spacing:.19em;color:#f0c8ae;margin-left:10px}.login-hero{z-index:1;padding-bottom:48px}.login-hero h1{font-size:clamp(38px,4vw,66px);line-height:1.22;letter-spacing:-.075em;margin:17px 0 21px;font-weight:800}.login-hero h1 em{color:#f0c5a7;font-style:normal}.login-hero>p{font-size:14px;line-height:1.85;color:#e2c9bb;max-width:420px}.login-story-stats{display:flex;gap:27px;margin-top:55px}.login-story-stats span{font-size:11px;color:#e9cbb9;font-weight:700;display:flex;flex-direction:column;gap:9px}.login-story-stats b{font:800 22px 'Segoe UI',system-ui,sans-serif;color:#fff}.login-story-foot{font-size:11px;color:#bd9a8f;z-index:1}.login-form-wrap{display:flex;justify-content:center;align-items:center;padding:42px}.login-card{width:100%;max-width:390px}.soft-icon{width:54px;height:54px;display:grid;place-items:center;border-radius:15px;background:#f3e6dd;color:#915646;margin-bottom:25px}.login-card h2{font-size:30px;letter-spacing:-.06em;margin:0 0 8px}.subtext{color:#9ea2a6;font-size:12px;margin:0}.login-card .stack-form{margin-top:33px;gap:21px}.login-card .stack-form>label{gap:9px}.login-card .stack-form input{height:50px;font-size:13px;padding:13px}.login-card .btn{height:50px;margin-top:9px}.password-wrap{position:relative}.password-wrap input{padding-right:70px!important}.plain-button{background:none;border:none}.pass-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:#997166;font-size:11px;font-weight:800}.login-help{display:flex;gap:8px;align-items:center;justify-content:center;color:#b8a4a0;font-size:10.5px;margin-top:35px}.login-mobile-brand{display:none}.mobile-backdrop{display:none}
@media(max-width:1300px){.sidebar{width:235px}.app-shell{margin-left:235px}.topbar{padding:0 28px}.main-content{padding:30px 26px 0}.dash-grid{grid-template-columns:minmax(0,1fr) 280px}.metric-grid{gap:12px}.metric-card{padding:18px}.detail-grid{grid-template-columns:minmax(0,1fr) 300px}.route-layout{grid-template-columns:minmax(0,1fr) 280px}.driver-route-cards{grid-template-columns:repeat(2,1fr)}}
@media(max-width:1080px){.sidebar{transform:translateX(-102%);transition:transform .18s;width:260px;box-shadow:9px 0 25px #0000000a}.sidebar.open{transform:translateX(0)}.app-shell{margin-left:0}.menu-toggle,.sidebar-close{display:flex}.sidebar-close{position:absolute;right:16px;top:35px}.mobile-backdrop.open{display:block;position:fixed;inset:0;background:#20202055;z-index:39}.topbar{height:76px}.dash-grid,.detail-grid,.route-layout,.catalog-grid{grid-template-columns:minmax(0,1fr)}.dash-side{display:grid;grid-template-columns:1fr 1fr}.summary-panel{position:static}.detail-aside{display:grid;grid-template-columns:1fr 1fr;align-items:start}.detail-aside form{grid-column:1/-1}.catalog-form{order:-1}.profile-grid{grid-template-columns:1fr 1fr}}
@media(max-width:720px){.main-content{padding:22px 15px 0}.topbar{padding:0 16px;height:72px}.topbar-title{font-size:16px}.topbar-overline{font-size:9px}.topbar-quick,.topbar-user-name{display:none}.topbar-user{padding-left:0;border:0}.avatar{width:33px;height:33px}.page-heading{align-items:flex-start;flex-direction:column;gap:14px;margin-bottom:19px}.page-heading h1{font-size:24px}.page-heading p{font-size:12px}.heading-actions{width:100%}.heading-actions .btn{width:100%}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.metric-card{padding:15px}.metric-top{font-size:10px}.metric-icon{width:32px;height:32px}.metric-value{font-size:28px}.metric-value small{font-size:12px}.dash-side,.detail-aside,.report-grid,.guide-grid,.profile-grid,.stop-confirm-layout{grid-template-columns:1fr}.surface-header{padding:19px 17px;align-items:start}.surface-header h2{font-size:14px}.surface-header p{font-size:11px}.app-footer{padding:18px 0;margin-top:25px;flex-direction:column}.inline-filter{flex-wrap:wrap}.inline-filter input{flex:1}.form-section{padding:19px 16px}.field-grid{grid-template-columns:1fr;gap:14px}.item-editor{grid-template-columns:minmax(0,1fr) 88px 25px;gap:6px}.item-editor .field select{font-size:10px}.summary-panel{padding:22px}.detail-topline{align-items:flex-start;gap:12px;flex-direction:column}.detail-topline>div:last-child{gap:12px;flex-wrap:wrap}.delivery-top{flex-wrap:wrap}.delivery-top .badge{margin-left:47px}.product-line{grid-template-columns:minmax(0,1fr) 75px 75px;font-size:10px}.catalog-form{padding:19px}.report-toolbar{align-items:stretch;flex-direction:column}.report-toolbar .btn{justify-content:center}.guide-intro{padding:25px}.guide-highlight{display:none}.guide-grid{grid-template-columns:1fr}.driver-welcome{padding:24px 18px;gap:12px}.driver-welcome-icon{padding:9px}.driver-welcome h2{font-size:17px}.driver-welcome p{font-size:11px}.driver-route-cards{grid-template-columns:1fr;padding:13px}.driver-route-banner{padding:18px}.load-accept-form{padding:14px}.load-entry-list{grid-template-columns:1fr}.driver-stop-card{align-items:stretch;flex-direction:column}.driver-stop-actions{flex-direction:row;justify-content:space-between;align-items:center}.stop-confirm-layout{gap:15px}.confirm-form form{padding:18px}.confirm-location{padding:20px 17px}.login-layout{grid-template-columns:1fr}.login-story{display:none}.login-form-wrap{min-height:100vh;padding:26px 22px}.login-mobile-brand{display:flex;gap:10px;align-items:center;margin-bottom:28px;font-size:18px}.profile-grid{grid-template-columns:1fr}.top-hint{margin-top:14px}}
@media(max-width:390px){.metric-top{align-items:start}.metric-icon{width:27px;height:27px}.metric-value{font-size:25px}.driver-stop-actions{align-items:stretch;flex-direction:column}.driver-stop-actions .btn{width:100%}.delivery-products{padding:2px 9px 12px}.product-line{grid-template-columns:minmax(0,1fr) 60px 60px;font-size:9px}}
@media print{.sidebar,.topbar,.app-footer,.btn,.page-heading .heading-actions,.alert-close,.help-panel{display:none!important}.app-shell{margin:0}.main-content{padding:0}.surface{box-shadow:none;border:1px solid #ddd;break-inside:avoid}.detail-grid{grid-template-columns:1fr}.detail-aside{grid-template-columns:1fr}}