.orders-page{min-height:100vh;background:#fafafa}.orders-main{width:min(1280px,calc(100% - 32px));margin:auto;padding:48px 0 80px}.orders-breadcrumb{display:flex;align-items:center;gap:7px;margin-bottom:28px;color:#71717a;font-size:14px;font-weight:600}.orders-breadcrumb a:hover{color:#047857}.orders-breadcrumb b{color:#18181b}.orders-layout{display:grid;grid-template-columns:280px 1fr;gap:39px}.orders-sidebar{position:sticky;top:212px;height:max-content;overflow:hidden;border:1px solid #e4e4e7;border-radius:24px;background:#fff;box-shadow:0 2px 5px rgba(0,0,0,.03)}.orders-user{display:flex;align-items:center;gap:14px;padding:22px;border-bottom:1px solid #e4e4e7;background:#fafafa}.orders-user>b{display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:#d1fae5;color:#047857;font-size:27px}.orders-user span{display:grid;gap:4px}.orders-user strong{font-size:18px}.orders-user small{color:#71717a;font:13px Outfit,sans-serif}.orders-sidebar nav{display:grid;padding:8px 0}.orders-sidebar nav a,.orders-sidebar>button{display:flex;align-items:center;gap:13px;border:0;border-right:4px solid transparent;background:transparent;padding:14px 22px;color:#52525b;text-align:right;font:600 16px Cairo,sans-serif}.orders-sidebar nav a i,.orders-sidebar>button i{font-size:22px}.orders-sidebar nav a:hover,.orders-sidebar nav a.active{border-right-color:#047857;background:#ecfdf5;color:#047857;font-weight:800}.orders-sidebar>button{width:100%;border-top:1px solid #e4e4e7;color:#dc2626;cursor:pointer}.orders-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.orders-heading h1{margin:0 0 7px;font-size:32px}.orders-heading p{margin:0;color:#71717a;font-size:16px}.orders-heading label{position:relative;min-width:260px}.orders-heading label i{position:absolute;right:15px;top:50%;transform:translateY(-50%);color:#a1a1aa;font-size:21px}.orders-heading input{width:100%;border:1px solid #e4e4e7;border-radius:12px;background:#fff;padding:12px 45px 12px 12px;font:14px Cairo,sans-serif;outline:0}.orders-heading input:focus{border-color:#047857}.orders-tabs{display:flex;gap:4px;overflow:auto;margin:30px 0 24px;border-bottom:1px solid #e4e4e7}.orders-tabs button{flex:0 0 auto;border:0;border-bottom:4px solid transparent;background:transparent;padding:12px 18px;color:#71717a;font:800 15px Cairo,sans-serif;cursor:pointer}.orders-tabs button.active{border-color:#047857;color:#047857}.orders-list{display:grid;gap:20px}.order-card{overflow:hidden;border:1px solid #e4e4e7;border-radius:24px;background:#fff;box-shadow:0 2px 5px rgba(0,0,0,.03)}.order-card>header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 25px;border-bottom:1px solid #f4f4f5;background:#fafafa}.order-card>header>div{display:flex;flex-wrap:wrap;gap:25px}.order-card header span{display:grid;gap:5px;color:#71717a;font-size:12px;font-weight:700}.order-card header span b{color:#18181b;font:800 16px Outfit,sans-serif}.order-card header span i{margin-left:5px;color:#a1a1aa}.order-card header span em{font:12px Cairo,sans-serif}.order-card>header>strong{display:flex;align-items:center;gap:7px;border:1px solid #bfdbfe;border-radius:10px;background:#eff6ff;color:#1d4ed8;padding:8px 12px;font-size:13px}.order-card.delivered>header>strong{border-color:#bbf7d0;background:#ecfdf5;color:#047857}.order-card.cancelled{opacity:.72}.order-card.cancelled>header>strong{border-color:#fecaca;background:#fef2f2;color:#b91c1c}.order-card-body{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:23px 25px}.order-images{display:flex;gap:10px;align-items:center}.order-images img,.order-images>b{width:76px;height:76px;border:1px solid #e4e4e7;border-radius:15px;background:#fafafa;object-fit:cover}.order-images>b{display:grid;place-items:center;border-style:dashed;color:#71717a;font:800 16px Outfit,sans-serif}.order-card-body>div:last-child{display:flex;gap:9px}.order-card-body button{border:0;border-radius:11px;background:#f4f4f5;color:#3f3f46;padding:11px 17px;font:800 14px Cairo,sans-serif;cursor:pointer}.order-card-body button.primary{background:#047857;color:#fff}.order-card.delivered button.primary{background:#18181b}@media(max-width:900px){.orders-layout{grid-template-columns:1fr}.orders-sidebar{position:static}.orders-sidebar nav{grid-template-columns:repeat(2,1fr)}.orders-sidebar>button{display:none}}@media(max-width:600px){.orders-main{width:min(100% - 24px,1280px);padding:30px 0 45px}.orders-heading,.order-card>header,.order-card-body{align-items:stretch;flex-direction:column}.orders-heading label{min-width:0}.orders-sidebar nav{grid-template-columns:1fr}.orders-heading h1{font-size:27px}.orders-heading p{font-size:13px}.order-card>header{padding:18px}.order-card-body{padding:18px}.order-card-body>div:last-child{display:grid;grid-template-columns:1fr 1fr}.order-images img,.order-images>b{width:64px;height:64px}}