.customer-orders{color:#26332f;background:#f5f6f6;min-height:100vh}.customer-orders>header{color:#fff;background:#10251f;justify-content:space-between;align-items:center;height:72px;padding:0 max(22px,50% - 560px);display:flex}.customer-orders>header>a{color:#fff;font-size:24px;font-weight:900;text-decoration:none}.customer-orders>header>a span{color:#ff5c36}.customer-orders>header nav{align-items:center;gap:20px;display:flex}.customer-orders>header nav a,.customer-orders>header nav button{color:#dce9e5;background:0 0;border:0;text-decoration:none}.customer-orders>section{max-width:1120px;margin:auto;padding:40px 22px 80px}.orders-heading small{color:#158368;letter-spacing:1.5px;font-weight:900}.orders-heading h1{margin:8px 0;font-size:34px}.orders-heading p{color:#73817c}.order-tabs{background:#fff;border:1px solid #e1e6e4;margin:28px 0 18px;padding:6px;display:flex;overflow:auto}.order-tabs button{white-space:nowrap;background:0 0;border:0;padding:10px 18px}.order-tabs button.active{color:#fff;background:#173e34}.orders-list{gap:15px;display:grid}.orders-list>article{background:#fff;border:1px solid #e0e5e3;border-radius:9px;overflow:hidden}.orders-list>article>header{background:#f8faf9;justify-content:space-between;padding:15px 18px;display:flex}.orders-list>article>header div{gap:4px;display:grid}.orders-list>article>header span{color:#84908c;font-size:9px}.orders-list a{color:#16765e;text-decoration:none}.order-products{padding:8px 18px}.order-products>div{border-bottom:1px solid #edf0ef;justify-content:space-between;padding:13px 0;font-size:11px;display:flex}.order-products span:first-child{gap:5px;display:grid}.order-products small{color:#87918e}.orders-list>article>footer{justify-content:space-between;align-items:center;padding:16px 18px;display:flex}.orders-list>article>footer>div{flex-wrap:wrap;gap:7px;display:flex}.order-status{color:#53635d;background:#eef2f0;border-radius:14px;padding:6px 9px;font-size:9px;font-weight:800}.order-status.verification{color:#9b690a;background:#fff0cf}.order-status.paid{color:#11785d;background:#e1f5ed}.order-status.logistics{color:#356c9d;background:#e7f0fa}.orders-list footer p{text-align:right;margin:0;display:grid}.orders-list footer strong{font-size:18px}.orders-list details{border-top:1px solid #edf0ef;padding:13px 18px}.orders-list summary{cursor:pointer;color:#18775f;font-size:11px}.orders-list details div{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.orders-list details p{gap:4px;font-size:10px;display:grid}.orders-list code{word-break:break-all}.orders-empty{text-align:center;background:#fff;gap:10px;padding:60px;display:grid}.orders-notice{background:#fff0d3;margin-bottom:14px;padding:12px}@media (max-width:700px){.orders-list>article>footer{align-items:flex-start;gap:15px;display:grid}.orders-list footer p{text-align:left}.orders-list details div{grid-template-columns:1fr}.customer-orders>header nav a:first-child{display:none}}
.orders-layout{grid-template-columns:235px 1fr;align-items:start;gap:22px;display:grid}.orders-main{min-width:0}.orders-side-nav{background:#fff;border:1px solid #e1e6e4;padding:10px;display:grid;position:sticky;top:15px}.orders-side-nav>a{color:#4c5b55;border-bottom:1px solid #edf0ef;align-items:center;gap:12px;padding:13px 10px;text-decoration:none;display:flex}.orders-side-nav>a:hover,.orders-side-nav>a.active{color:#176f59;background:#edf7f3}.orders-side-nav>a>b{background:#f1f5f3;border-radius:8px;place-items:center;width:31px;height:31px;display:grid}.orders-side-nav>a>span{gap:3px;font-size:11px;font-weight:800;display:grid}.orders-side-nav small{color:#8b9792;font-size:8px;font-weight:500}.orders-list>article>header>div:last-child{align-items:center;gap:12px;display:flex}.view-order-button{color:#fff;letter-spacing:.4px;background:#f06428;border:0;border-radius:5px;padding:9px 12px;font-size:9px;font-weight:900}.order-summary-grid{background:#e6ebe8;border-bottom:1px solid #e6ebe8;grid-template-columns:repeat(6,1fr);gap:1px;display:grid}.order-summary-grid>span{background:#fafcfa;gap:6px;min-width:0;padding:13px;display:grid}.order-summary-grid small{color:#87938e;text-transform:uppercase;font-size:8px}.order-summary-grid b,.order-summary-grid strong{text-overflow:ellipsis;font-size:10px;overflow:hidden}.view-order-detail{background:#f5faf8;border:1px solid #cfded8;margin:0 18px 18px}.view-order-detail>header{color:#fff;background:#173d33;justify-content:space-between;align-items:center;padding:16px 18px;display:flex}.view-order-detail h3{margin:4px 0 0}.view-order-detail>header small{color:#ffad82;letter-spacing:1.5px;font-size:8px;font-weight:900}.view-order-detail>header span{color:#cbdad5;font-size:8px}.view-order-detail>div{background:#dfe7e3;grid-template-columns:repeat(2,1fr);gap:1px;display:grid}.view-order-detail p{background:#fff;gap:7px;margin:0;padding:16px;font-size:10px;display:grid}.view-order-detail p b{color:#6f7b76;text-transform:uppercase;font-size:8px}.view-order-detail code{word-break:break-all}.view-order-detail>button{color:#176f59;background:#fff;border:0;margin:14px 18px;font-size:9px;font-weight:800}.customer-orders>footer{color:#83908b;background:#111a17;justify-content:space-between;align-items:center;min-height:66px;padding:0 max(22px,50% - 560px);font-size:9px;display:flex}.customer-orders>footer nav{gap:18px;display:flex}.customer-orders>footer a{color:#b7c1bd;text-decoration:none}@media (max-width:900px){.orders-layout{grid-template-columns:1fr}.orders-side-nav{grid-template-columns:repeat(3,1fr);position:static}.order-summary-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:650px){.orders-side-nav,.order-summary-grid{grid-template-columns:1fr 1fr}.orders-list>article>header{align-items:flex-start;gap:12px;display:grid}.view-order-detail>div{grid-template-columns:1fr}.customer-orders>footer{align-items:flex-start;gap:12px;padding-block:20px;display:grid}}