.order-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.order-head a{color:#17649a}.order-head div{display:flex;gap:10px;align-items:center}.order-pill{background:#e3f2ff;color:#075f9d;padding:8px 12px;border-radius:20px;font-weight:700}.order-grid{display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:22px}.order-main{display:grid;gap:18px}.order-card{background:#fff;border:1px solid #d7e1eb;border-radius:18px;padding:24px;box-shadow:0 10px 30px rgba(11,35,64,.04)}.order-card h1{font-size:32px;margin:8px 0 22px}.order-card h2{margin:0 0 18px}.order-card h3{margin:24px 0 12px}.order-title>p{color:#0879ed;font-weight:800;letter-spacing:.12em;font-size:12px}.order-meta,.finance-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.order-meta span,.finance-grid span{background:#f3f7fa;border-radius:12px;padding:14px}.order-meta small,.finance-grid small{display:block;color:#637b98;margin-bottom:6px}.order-table{overflow:auto}.order-table table{width:100%;border-collapse:collapse}.order-table th,.order-table td{text-align:left;padding:13px;border-bottom:1px solid #e2eaf1}.order-table small{display:block;color:#70829a}.finance-grid{grid-template-columns:repeat(3,1fr)}.finance-grid .total{background:#eaf4ff}.finance-grid .net{background:#e4f6ec;color:#08723e}.delivery{display:grid;grid-template-columns:1fr 1fr;gap:20px;line-height:1.7}.order-history>div{display:flex;gap:14px;padding-bottom:18px}.order-history i{width:10px;height:10px;background:#1689e8;border-radius:50%;margin-top:5px;flex:none}.order-history p{margin:5px 0}.order-history small{color:#71829a}.order-manage{align-self:start;position:sticky;top:110px}.order-manage form{display:grid;gap:13px}.order-manage label{display:grid;gap:6px;font-weight:700}.order-manage input,.order-manage select,.order-manage textarea{width:100%;padding:12px;border:1px solid #cbd9e6;border-radius:10px;font:inherit}.order-manage .two,.order-manage .three{display:grid;grid-template-columns:1fr 1fr;gap:10px}.order-manage .three{grid-template-columns:2fr .7fr 1.2fr}.order-manage button{width:100%}@media(max-width:1100px){.order-grid{grid-template-columns:1fr}.order-manage{position:static}.order-meta,.finance-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.order-head{align-items:flex-start;gap:12px}.order-meta,.finance-grid,.delivery{grid-template-columns:1fr}.order-manage .two,.order-manage .three{grid-template-columns:1fr}}