.orders-hero{position:relative;min-height:190px;padding:34px 38px;margin-bottom:15px;display:flex;justify-content:space-between;align-items:center;overflow:hidden;border-radius:16px;background:linear-gradient(125deg,#07152d,#17365d 65%,#275782);color:#fff;box-shadow:0 18px 42px rgba(7,21,45,.17)}.orders-hero:before{content:"";position:absolute;left:-90px;top:-145px;width:320px;height:320px;border:1px solid rgba(255,255,255,.09);border-radius:50%;box-shadow:0 0 0 45px rgba(255,255,255,.025)}.orders-hero>div:first-child{position:relative;z-index:2}.orders-hero span{font-size:9px;color:#b9c8dc}.orders-hero h2{font-size:27px;margin:8px 0 5px}.orders-hero p{font-size:9px;color:#c1ccda;margin:0}.orders-hero-icon{position:relative;z-index:2;width:88px;height:88px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.22);border-radius:22px;background:rgba(255,255,255,.09)}.orders-hero-icon svg{width:54px;height:54px;fill:none;stroke:#dbe7f5;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.orders-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:15px}.orders-summary article{min-height:105px;padding:17px;display:flex;align-items:center;gap:14px;border:1px solid #e1e5eb;border-radius:12px;background:#fff;box-shadow:0 8px 23px rgba(15,23,42,.045)}.orders-summary article>i{width:42px;height:42px;display:grid;place-items:center;flex:0 0 auto;border-radius:11px;background:#edf2f8;color:#17365d;font-style:normal;font-size:18px}.orders-summary article:nth-child(2)>i{background:#fff3d1;color:#956900}.orders-summary article:nth-child(3)>i{background:#e7f8f0;color:#13734f}.orders-summary span{font-size:8px;color:#7d8794}.orders-summary p{display:flex;align-items:baseline;gap:5px;margin:6px 0 0}.orders-summary strong{font-size:21px}.orders-summary small{font-size:8px;color:#7f8894}.orders-pro-panel{overflow:hidden;background:#fff;border:1px solid #e1e5eb;border-radius:14px;box-shadow:0 10px 28px rgba(15,23,42,.045)}.orders-pro-panel>header{padding:20px 23px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e7eaef}.orders-pro-panel header span{font-size:8px;color:#89919c}.orders-pro-panel h2{font-size:16px;margin:3px 0}.orders-pro-panel header p{font-size:8px;color:#89919c;margin:0}.orders-pro-panel header>b{padding:7px 11px;border-radius:16px;background:#eef2f7;color:#17365d;font-size:8px}.orders-pro-panel .account-invoice-row{grid-template-columns:75px minmax(150px,1fr) 100px 145px 85px 70px;padding:16px 22px;transition:.2s}.orders-pro-panel .account-invoice-row:not(.account-invoice-row--head):hover{background:#f7faff;transform:translateX(-2px)}.orders-pro-panel .account-invoice-row--head{background:#f7f9fc;color:#788391}.orders-pro-panel .account-invoice-row>span:first-child{font-weight:800;color:#17365d}.orders-pro-panel .account-invoice-row>span:nth-child(3){color:#6e7a89}.orders-pro-panel .account-invoice-row>span:nth-child(4){font-weight:800}.orders-pro-panel .account-invoice-row b{background:#e7f5ef;color:#16714f}.orders-pro-panel .account-invoice-row>a{border:0;background:#07152d;color:#fff;border-radius:7px}.orders-pro-panel .account-invoice-row>a:hover{background:#1c426d}
@media(max-width:900px){.orders-summary{grid-template-columns:1fr 1fr}.orders-summary article:first-child{grid-column:1/-1}.orders-pro-panel .account-invoice-row{min-width:0}.orders-pro-panel .account-invoice-row:not(.account-invoice-row--head){box-shadow:0 7px 20px rgba(15,23,42,.05)}.orders-hero{padding:28px}.orders-hero-icon{width:72px;height:72px}}@media(max-width:520px){.orders-hero{min-height:175px;padding:24px 20px}.orders-hero h2{font-size:22px}.orders-hero p{max-width:75%;line-height:1.9}.orders-hero-icon{position:absolute;left:18px;width:60px;height:60px;opacity:.7}.orders-hero-icon svg{width:38px}.orders-summary{gap:8px}.orders-summary article{min-height:95px;padding:13px;gap:9px}.orders-summary article>i{width:34px;height:34px}.orders-summary strong{font-size:17px}.orders-pro-panel>header{padding:17px}}
