:root{color-scheme:light}*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:radial-gradient(circle at top right,rgba(15,118,110,.09),transparent 32%),linear-gradient(180deg,#edf3f8,#f7fafc);color:#0f172a}.page{padding:8px}.shell{max-width:100%;margin:0 auto;display:grid;gap:8px}.shell-compact{max-width:1280px}.page-header{display:flex;align-items:center;min-height:30px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-bottom:8px}h1{margin:0;font-size:22px;line-height:1.2}h2{margin:0 0 8px;font-size:15px;line-height:1.2}.card{background:#fff;border:1px solid #dbe4ef;border-radius:10px;padding:10px 12px}.compact-card{padding-top:8px;padding-bottom:8px}.highlight{border-color:#7ea7d6;background:#f2f8ff}.grid{display:grid;gap:8px}.fields{display:grid;gap:8px 10px}.two-cols{grid-template-columns:1fr}label{display:grid;gap:4px;font-size:12px;font-weight:600;min-width:0}input,select,button{height:34px;padding:0 9px;border:1px solid #cbd5e1;border-radius:7px;font-size:13px}input,select{width:100%;background:#fff}.checkboxes{display:grid;gap:8px 10px;grid-template-columns:repeat(2,minmax(0,1fr))}.checkboxes label{display:flex;align-items:center;gap:6px;font-size:13px;min-height:24px}.checkboxes input{width:14px;height:14px}.actions{display:flex;justify-content:flex-end;align-items:center;gap:8px;flex-wrap:wrap}button{border:none;background:#0f5f63;color:#fff;cursor:pointer;font-weight:600}button:disabled{background:#9aa9bd;cursor:not-allowed}.city-autocomplete-label{align-content:start}.city-autocomplete{position:relative;min-width:0}.city-autocomplete-dropdown{position:absolute;z-index:1000;top:calc(100% + 4px);left:0;right:0;max-height:240px;overflow-y:auto;background:#fff;border:1px solid #cbd5e1;border-radius:8px;opacity:0;transform:translateY(-4px);pointer-events:none;transition:opacity .14s ease,transform .14s ease;box-shadow:0 12px 28px #0f172a1f}.city-autocomplete-dropdown.is-open{opacity:1;transform:translateY(0);pointer-events:auto}.city-autocomplete-option,.city-autocomplete-add{width:100%;height:auto;min-height:34px;padding:7px 9px;border:0;border-radius:0;background:#fff;color:#0f172a;text-align:left;font-size:13px;font-weight:500}.city-autocomplete-option{display:grid;gap:2px}.city-autocomplete-option.is-active,.city-autocomplete-option:hover,.city-autocomplete-add:hover{background:#edf7f7}.city-autocomplete-primary,.city-autocomplete-secondary{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.city-autocomplete-secondary{color:#475569;font-size:12px;font-weight:400}.city-autocomplete-state{padding:8px 9px;color:#475569;font-size:12px}.city-autocomplete-create{border-top:1px solid #e2e8f0}.city-autocomplete-create-form{display:grid;gap:6px;padding:8px;background:#f8fafc}.city-autocomplete-create-actions{display:flex;justify-content:flex-end}.result-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:6px 10px;margin-bottom:10px}.result-metrics p{margin:0;font-size:13px}.result-actions{margin-top:10px;justify-content:flex-start}.warning{margin-top:8px;margin-bottom:0;padding:8px 10px;border-radius:7px;background:#fff8e6;color:#8a4b00;border:1px solid #f5d487;font-size:12px}.error,.success{margin:0;font-weight:600;font-size:13px}.muted{margin:0;color:#475569;font-size:12px}.error{color:#b91c1c}.success{color:#166534}.sync-result{display:grid;gap:8px;margin-top:8px}.counterparty-panel{min-height:40px;display:grid;grid-template-columns:100px minmax(0,1fr) auto;align-items:center;gap:8px}.counterparty-label,.counterparty-meta{font-size:12px;color:#475569}.counterparty-value{min-width:0;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}table{width:100%;border-collapse:collapse;font-size:12px}th,td{border-bottom:1px solid #dbe4ef;text-align:left;padding:6px 7px;vertical-align:top}th{color:#334155;font-size:11px;font-weight:700}.hero-card{display:grid;gap:10px;padding:14px;border-radius:12px;border:1px solid #cfe0da;background:linear-gradient(135deg,#0f5f6314,#0f172a05),#fff}.hero-copy{display:grid;gap:4px}.hero-eyebrow{font-size:12px;font-weight:700;color:#0f5f63}.hero-subtitle{margin:0;font-size:13px;color:#475569}.hero-meta{display:grid;gap:8px}.hero-meta-card{display:grid;gap:3px;padding:10px;border-radius:10px;background:#ffffffe6;border:1px solid #d9e6e8}.meta-label,.meta-note{font-size:12px;color:#51616d}.meta-value{font-size:14px;line-height:1.3}.accordion-card{background:#fff;border:1px solid #dbe4ef;border-radius:10px;overflow:hidden}.accordion-trigger{width:100%;height:auto;min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border:0;border-radius:0;background:#fff;color:#0f172a;font-size:14px;font-weight:700}.accordion-trigger.is-open{background:#f7fafc}.accordion-body{display:grid;gap:10px;padding:0 12px 12px}.request-grid{grid-template-columns:1fr}.request-grid-compact{align-items:start}.request-field-cargo{min-width:0}.template-row{display:grid;gap:8px}.template-label{font-size:12px;font-weight:700;color:#475569}.template-buttons{display:flex;flex-wrap:wrap;gap:6px}.secondary-button{background:#eef4f8;color:#0f172a;border:1px solid #d2dde8}.secondary-button.is-active{background:#dff3ef;color:#0f5f63;border-color:#9ed1c8}.stage-list,.service-list,.history-list{display:grid;gap:8px}.stage-card,.service-card{display:grid;gap:10px;padding:10px;border:1px solid #dbe4ef;border-radius:10px;background:#fbfdff}.stage-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;flex-wrap:wrap}.stage-card-head h3{margin:0 0 3px;font-size:14px;line-height:1.3}.stage-grid{grid-template-columns:1fr;align-items:start}.stage-cost-field{min-width:0}.stage-actions{display:flex;gap:6px;flex-wrap:wrap}.icon-button{min-width:34px;background:#edf3f8;color:#0f172a;border:1px solid #d2dde8}.danger-button{min-width:auto;background:#fff1f2;color:#b91c1c;border-color:#fecdd3}.service-card{grid-template-columns:repeat(1,minmax(0,1fr));align-items:end}.service-enable{display:flex;align-items:center;gap:8px;min-height:34px}.service-enable input{width:14px;height:14px}.summary-grid{display:grid;gap:8px;grid-template-columns:repeat(1,minmax(0,1fr))}.summary-metric{display:grid;gap:4px;padding:10px;border:1px solid #dbe4ef;border-radius:10px;background:#fbfdff}.summary-metric span{font-size:12px;color:#475569}.summary-metric strong{font-size:15px}.summary-metric-accent{border-color:#9ed1c8;background:#edf9f6}.summary-controls{grid-template-columns:repeat(1,minmax(0,1fr))}.sticky-actions{position:sticky;bottom:0;z-index:5;padding:8px 0 0;background:linear-gradient(180deg,#f7fafc00,#f7fafcfa 22%)}.compact-history-card{padding-top:10px;padding-bottom:10px}.history-item{display:grid;gap:4px;padding:9px 0;border-bottom:1px solid #e2e8f0}.history-item:last-child{border-bottom:0;padding-bottom:0}.history-main,.history-side{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;font-size:12px}@media (min-width: 760px){.two-cols{grid-template-columns:1fr 1fr}.hero-card{grid-template-columns:minmax(0,2fr) minmax(280px,1fr);align-items:start}.request-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.request-grid-compact{grid-template-columns:repeat(3,minmax(0,1fr))}.request-field-cargo{grid-column:span 1}.service-card{grid-template-columns:minmax(180px,1.1fr) repeat(3,minmax(0,1fr))}.stage-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.stage-grid>label:first-child{grid-column:1 / -1}.stage-grid>.city-autocomplete-label,.stage-grid>.stage-cost-field{grid-column:span 1}.summary-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.summary-controls{grid-template-columns:repeat(2,minmax(0,220px))}}@media (min-width: 1100px){.two-cols,.request-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.request-grid-compact{grid-template-columns:repeat(6,minmax(0,1fr))}.request-grid-compact .city-autocomplete-label:nth-child(1){grid-column:span 3}.request-grid-compact .city-autocomplete-label:nth-child(2){grid-column:span 3}.request-field-cargo{grid-column:span 2}}