.order-page,.track-page{max-width:1120px;margin:auto;padding:56px 24px 90px}.order-heading h1{font-size:42px}.order-form{display:grid;gap:20px}.form-card,.track-result,.success-card{background:#fff;border:1px solid #e4e9ef;border-radius:20px;padding:28px;box-shadow:0 14px 45px #16273a12}.form-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.form-grid label,.status-form label{display:grid;gap:7px;font-size:13px}.form-grid input,.form-grid select,.form-card textarea,.track-form input,.status-form input,.status-form select{box-sizing:border-box;width:100%;padding:12px;border:1px solid #ccd5df;border-radius:9px}.wide{grid-column:span 2}.section-title,.item-head,.submit-row,.result-head,.success-actions{display:flex;justify-content:space-between;align-items:center;gap:20px}.material-item{padding:22px 0;border-top:1px solid #e6ebf0}.item-head{margin-bottom:16px}.remove-item{border:0;background:none;color:#cb4f43}.notice{padding:13px;border-radius:9px;margin-bottom:18px;background:#fff0ed;color:#b23b31}.success-page{min-height:100vh;display:grid;place-items:center}.success-card{max-width:600px;text-align:center}.success-icon{font-size:50px;color:#16865b}.order-number{margin:26px 0;padding:18px;background:#f1f6f8;border-radius:12px}.order-number span{display:block}.order-number strong{font-size:30px}.success-actions{justify-content:center}.track-form{display:grid;grid-template-columns:1fr 1fr auto;gap:12px;margin-bottom:24px}.customer-status{padding:8px 14px;background:#fff1cf;border-radius:20px}.timeline{display:flex;margin:34px 0}.timeline-step{position:relative;flex:1;text-align:center;color:#9aa5af;font-size:12px}.timeline-step i{display:block;width:16px;height:16px;margin:auto auto 10px;border-radius:50%;background:#dce2e7}.timeline-step.done i{background:#1d8e69}.timeline-step.done{color:#176f54}.item-list article,.log-list li{display:flex;justify-content:space-between;padding:14px 0;border-bottom:1px solid #e7ebef}.service-note,.status-form{margin-top:20px;padding:18px;background:#f5f8fa;border-radius:10px}.status-form{display:grid;grid-template-columns:1fr 2fr 1fr auto;align-items:end;gap:14px}@media(max-width:800px){.form-grid{grid-template-columns:1fr 1fr}.track-form,.status-form{grid-template-columns:1fr}}@media(max-width:520px){.form-grid{grid-template-columns:1fr}.wide{grid-column:auto}}
