:root{color:#17202a;background:#f4f6f8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.4}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,select,textarea{font:inherit}button{border:0;background:#176b87;color:#fff;padding:9px 14px;border-radius:6px;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.6}a{color:inherit}h1,h2{margin:0;letter-spacing:0}h1{font-size:24px}h2{font-size:17px}.muted{color:#6b7886}.ghost-button,.secondary-button{background:#e9eef2;color:#17202a}.small-button{padding:7px 10px;font-size:13px}.danger-button{background:#bc2f2f}.error-banner{border-left:4px solid #bc2f2f;background:#fff0f0;color:#7a1919;padding:9px 12px;border-radius:6px;font-size:14px}.success-message{border-left:4px solid #2e7d46;background:#edf8f0;color:#185b2d;padding:9px 12px;border-radius:6px;font-size:14px}.hint-panel{background:#f8fafb;border:1px solid #d9e0e6;border-radius:8px;padding:12px 14px;color:#4e5c68}.loading-state,.empty-state{color:#6b7886;padding:16px;background:#fff;border:1px solid #d9e0e6;border-radius:8px}.app-shell{display:grid;grid-template-columns:220px 1fr;min-height:100vh}.sidebar{background:#16232e;color:#eef4f8;padding:18px 14px}.brand{font-weight:700;margin-bottom:22px}.nav-list{display:grid;gap:6px}.nav-list a{padding:10px 12px;border-radius:6px;color:#c9d6df;text-decoration:none}.nav-list a.active,.nav-list a:hover{background:#263a49;color:#fff}.app-main{min-width:0}.topbar{height:56px;display:flex;align-items:center;justify-content:space-between;padding:0 22px;background:#fff;border-bottom:1px solid #d9e0e6}.workspace{padding:22px}.page-stack{display:grid;gap:16px}.page-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.content-grid{display:grid;gap:16px;align-items:start}.active-orders-panel{border:1px solid #d9e0e6;border-radius:8px;background:#f4f6f8;padding:12px}.order-entry-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,320px);gap:16px;align-items:start}.content-grid-addresses{grid-template-columns:minmax(0,1fr) minmax(320px,400px)}.side-panel,.summary-card{display:grid;gap:12px;background:#fff;border:1px solid #d9e0e6;border-radius:8px;padding:14px}.side-panel-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.free-driver-list{display:grid;gap:8px}.free-drivers-compact .free-driver-list{max-height:320px;overflow-y:auto;padding-right:4px}.free-drivers-compact .empty-state{padding:10px}.free-driver-item{display:grid;gap:3px;padding:10px;border:1px solid #edf1f4;border-radius:6px;background:#fbfcfd}.summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.summary-grid>div{display:grid;gap:3px}.toolbar{display:flex;gap:12px;align-items:end;background:#fff;border:1px solid #d9e0e6;border-radius:8px;padding:14px}.compact-toolbar{padding:0;border:0;background:transparent}.address-search-results,.alias-items{display:grid;gap:8px}.address-search-result,.alias-item{display:grid;gap:3px;width:100%;border:1px solid #edf1f4;border-radius:6px;background:#fbfcfd;color:#17202a;padding:10px;text-align:left}.address-search-result:hover{background:#e9eef2}.alias-item{grid-template-columns:minmax(0,1fr) auto;align-items:center}.summary-panel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;background:#fff;border:1px solid #d9e0e6;border-radius:8px;padding:14px}.summary-panel>div{display:grid;gap:4px}.login-page,.center-page{min-height:100vh;display:grid;place-items:center;padding:20px}.login-card,.message-panel{width:min(420px,100%);display:grid;gap:14px;background:#fff;border:1px solid #d9e0e6;border-radius:8px;padding:22px}.row-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.mode-switch{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.mode-switch .is-active{background:#176b87;color:#fff}.tabs{display:flex;flex-wrap:wrap;gap:8px;border-bottom:1px solid #d9e0e6}.tab-button{border-radius:6px 6px 0 0;background:#e9eef2;color:#17202a}.tab-button.is-active{background:#176b87;color:#fff}.modal-backdrop{position:fixed;inset:0;display:grid;place-items:center;background:#00000059;padding:20px}.modal{width:min(560px,100%);background:#fff;border-radius:8px;padding:18px}.modal-header{display:flex;justify-content:space-between;align-items:center}@media(max-width:760px){.app-shell,.order-entry-grid{grid-template-columns:1fr}.sidebar{position:static}.nav-list{grid-template-columns:repeat(2,minmax(0,1fr))}.content-grid-orders,.content-grid-addresses,.summary-grid{grid-template-columns:1fr}}.panel-form{display:grid;gap:14px;background:#fff;border:1px solid #d9e0e6;border-radius:8px;padding:16px}.filter-toolbar{display:grid;grid-template-columns:repeat(6,minmax(130px,1fr));align-items:end}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.order-create-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,300px);gap:14px;align-items:start}.client-lookup-dock{position:sticky;top:72px;min-width:0}label{display:grid;gap:6px;color:#3a4652;font-size:14px}.wide{grid-column:1 / -1}input,select,textarea{width:100%;min-height:38px;border:1px solid #cbd5de;border-radius:6px;padding:8px 10px;background:#fff;color:#17202a}textarea{resize:vertical}.checkbox-label{display:flex;flex-direction:row;align-items:center;gap:8px}.checkbox-label input{width:auto;min-height:0}.compact-select{min-width:150px}.assign-driver-select{width:172px;min-width:172px;max-width:172px}.status-select{width:154px;min-width:154px;max-width:154px}.action-note{display:inline-flex;align-items:center;min-height:36px;color:#6b7886;font-size:13px}.tariff-hint{display:flex;flex-wrap:wrap;align-items:center;gap:8px;color:#6b7886;font-size:13px}.field-label{color:#3a4652;font-size:14px}.tariff-options-panel{display:grid;gap:8px}.option-check-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 12px}.compact-check{min-height:32px;font-size:13px}.day-picker{display:grid;gap:8px}.pickup-time-panel{display:grid;gap:9px;border:1px solid #edf1f4;border-radius:8px;background:#fbfcfd;padding:12px}.segmented-control{display:inline-flex;flex-wrap:wrap;gap:6px;align-items:center}.segmented-control button{background:#e9eef2;color:#17202a}.segmented-control button.is-active{background:#176b87;color:#fff}.tariff-breakdown{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;border:1px solid #d9e0e6;border-radius:8px;background:#f8fafb;padding:12px}.tariff-breakdown>div{display:grid;gap:3px;min-width:0}.address-input-field{display:grid;gap:6px;color:#3a4652;font-size:14px}.address-input-wrapper{position:relative;display:block}.address-suggestions{position:absolute;z-index:20;top:calc(100% + 4px);left:0;right:0;display:grid;overflow:hidden;max-height:260px;overflow-y:auto;border:1px solid #cbd5de;border-radius:8px;background:#fff;box-shadow:0 12px 28px #17202a24}.address-suggestion{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;width:100%;border-radius:0;padding:9px 10px;background:#fff;color:#17202a;text-align:left}.address-suggestion-main,.address-suggestion-side{display:grid;gap:2px;min-width:0}.address-suggestion-side{justify-items:end}.address-suggestion:hover,.address-suggestion.is-active{background:#e9eef2}.address-suggestion-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.address-suggestion-kind,.address-suggestion-meta,.address-suggestion-code{color:#6b7886;font-size:12px;white-space:nowrap}.compact-form{padding:12px}.client-lookup-panel{display:grid;gap:10px;border:1px solid #d9e0e6;border-radius:8px;background:#f8fafb;padding:10px}.client-card-header{display:flex;gap:10px;align-items:center;justify-content:space-between}.client-card-header>div,.client-summary-grid>div{display:grid;gap:3px}.client-summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.client-summary-grid strong,.client-card-header strong{overflow-wrap:anywhere}.client-warning{border-left:4px solid #bc2f2f;border-radius:6px;background:#fff0f0;color:#7a1919;padding:8px 10px;font-size:13px}.client-address-list,.client-orders{display:grid;gap:8px}.client-address-grid{display:grid;grid-template-columns:1fr;gap:8px}.client-address-item{display:grid;gap:7px;border:1px solid #edf1f4;border-radius:6px;background:#fff;padding:9px}.client-address-item>span{overflow-wrap:anywhere}.client-order-list{display:grid;gap:6px}.client-order-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;border:1px solid #edf1f4;border-radius:6px;background:#fff;padding:9px}.client-order-meta{text-align:right}@media(max-width:760px){.order-create-layout{grid-template-columns:1fr}.client-lookup-dock{position:static}.filter-toolbar,.form-grid,.option-check-grid,.tariff-breakdown,.client-summary-grid,.client-address-grid,.client-order-item{grid-template-columns:1fr}.client-order-meta{text-align:left}}.table-wrap{overflow-x:auto;background:#fff;border:1px solid #d9e0e6;border-radius:8px}table{width:100%;border-collapse:collapse;min-width:900px}th,td{padding:7px 8px;border-bottom:1px solid #edf1f4;text-align:left;vertical-align:middle;font-size:14px}.active-orders-panel .table-wrap{max-height:52vh;overflow:auto}.active-orders-panel thead th{position:sticky;z-index:2;top:0}th{color:#4e5c68;font-size:13px;font-weight:700;background:#f8fafb}tr:last-child td{border-bottom:0}tbody tr:hover{background:#fafcfd}tbody tr.is-open-row{background:#f4fbf6}tbody tr.is-open-row:hover{background:#edf8f0}tbody tr.order-row-new,tbody tr.order-row-searching{background:#fffaf0}tbody tr.order-row-new:hover,tbody tr.order-row-searching:hover{background:#fff3d6}tbody tr.order-row-long-unassigned{box-shadow:inset 4px 0 #bc2f2f}tbody tr.order-row-driver_assigned{background:#f8fafc}tbody tr.order-row-driver_accepted,tbody tr.order-row-en_route,tbody tr.order-row-arrived{background:#f0f7ff}tbody tr.order-row-in_progress{background:#f5f1ff}tbody tr.expanded-row,tbody tr.expanded-row:hover{background:#f8fafb}tbody tr.expanded-row td{padding:12px}td:nth-child(2),td:nth-child(3){max-width:260px}.nowrap{white-space:nowrap}.address-cell{max-width:220px;white-space:normal}.compact-order-actions{flex-wrap:nowrap;gap:6px}.compact-order-actions select,.compact-order-actions button{min-height:32px;padding:5px 8px;font-size:12px}.compact-order-actions .small-button{white-space:nowrap}.stacked-cell{display:grid;gap:2px}.count-badge{display:inline-flex;min-width:28px;justify-content:center;padding:3px 8px;border-radius:999px;background:#e7f1ff;color:#145da0}.plate-badge{display:inline-flex;align-items:center;min-height:28px;padding:4px 10px;border:1px solid #2f3a45;border-radius:5px;background:#fff;color:#111820;font-weight:700;letter-spacing:0;white-space:nowrap}.json-preview{max-width:280px;color:#4e5c68;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px;white-space:normal;word-break:break-word}.price-breakdown{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;border:1px solid #d9e0e6;border-radius:8px;background:#fff;padding:12px}.order-details-panel{display:grid;gap:10px;margin-bottom:10px;border:1px solid #d9e0e6;border-radius:8px;background:#fff;padding:12px}.order-details-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.order-details-grid>div{display:grid;gap:4px;min-width:0}.order-details-grid strong{overflow-wrap:anywhere}.price-breakdown-row{display:grid;gap:4px;min-width:0}.price-breakdown-row>span:first-child{color:#6b7886;font-size:12px}.price-breakdown-total strong{color:#145da0;font-size:16px}.price-breakdown-warning strong{color:#a64b00}.price-breakdown-list{display:grid;gap:3px;margin:0;padding:0;list-style:none}.price-breakdown-list li{display:flex;gap:8px;justify-content:space-between}@media(max-width:760px){.order-details-grid,.price-breakdown{grid-template-columns:1fr}}.editable-table input{min-height:34px}.dirty-row{background:#fff9ea}.dirty-row:hover{background:#fff4d6}.inline-input{min-width:110px;padding:6px 8px}.compact-number-input{width:88px;min-width:88px}.wide-inline-input{min-width:220px}.save-all-panel{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;border:1px solid #d9e0e6;border-radius:8px;background:#fff;padding:12px 14px}.row-state{display:grid;gap:3px;min-width:160px}.row-error{color:#9a1f1f;font-size:13px}.row-dirty{color:#946200;font-size:13px}.row-saved{color:#1e6f38;font-size:13px}.status-badge{display:inline-flex;align-items:center;min-height:24px;padding:3px 8px;border-radius:999px;background:#e8edf1;color:#24313d;font-size:13px;white-space:nowrap}.status-success{background:#e6f4ea;color:#196b35}.status-danger{background:#fdeaea;color:#9b1c1c}.status-warning{background:#fff4d8;color:#8a5a00}.status-info{background:#e7f1ff;color:#145da0}.status-active{background:#e8e6ff;color:#3f2e91}.status-neutral{background:#e8edf1;color:#24313d}
