/* The Imports Mart v19.12.2 — buyer account command centre. */
.site-route-account{background:#f7f8fd}
.account-v122-hero{position:relative;isolation:isolate;overflow:hidden;padding:34px 0 31px;background:linear-gradient(125deg,#17205b 0%,#323da0 55%,#e32270 100%);color:#fff}
.account-v122-hero:before,.account-v122-hero:after{content:"";position:absolute;z-index:-1;border:1px solid rgba(255,255,255,.14);border-radius:50%}
.account-v122-hero:before{right:5%;top:-145px;width:330px;height:330px;box-shadow:0 0 0 42px rgba(255,255,255,.035)}
.account-v122-hero:after{left:-100px;bottom:-170px;width:270px;height:270px;box-shadow:0 0 0 34px rgba(255,255,255,.03)}
.account-v122-hero-grid{display:grid;grid-template-columns:1fr auto;align-items:center;gap:25px}
.account-v122-kicker{display:inline-flex;align-items:center;gap:8px;color:#ffd4e5;font-size:10px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.account-v122-kicker:before{content:"";width:25px;height:2px;border-radius:3px;background:#ff8fba}
.account-v122-hero h1{margin:7px 0 7px;color:#fff;font-size:36px;letter-spacing:-.035em}
.account-v122-hero p{margin:0;color:rgba(255,255,255,.78)}
.account-v122-avatar{display:grid;place-items:center;width:86px;height:86px;border:1px solid rgba(255,255,255,.28);border-radius:25px;background:rgba(255,255,255,.14);box-shadow:0 16px 34px rgba(10,13,55,.24);font-size:29px;font-weight:950;backdrop-filter:blur(8px)}
.account-v122-section{padding-top:25px}
.account-v122-overview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px}
.account-v122-stat{--stat:#3542a5;--soft:#eef0ff;position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:42px 1fr;align-items:center;gap:11px;min-height:91px;padding:14px;border:1px solid #e0e3f0;border-radius:16px;background:#fff;box-shadow:0 8px 22px rgba(39,49,131,.07)}
.account-v122-stat:after{content:"";position:absolute;z-index:-1;right:-27px;top:-34px;width:92px;height:92px;border:17px solid color-mix(in srgb,var(--stat) 9%,transparent);border-radius:50%}
.account-v122-stat--pink{--stat:#e62673;--soft:#fff0f6}.account-v122-stat--green{--stat:#168b68;--soft:#e9f8f2}.account-v122-stat--amber{--stat:#d88b14;--soft:#fff5e4}
.account-v122-stat-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:var(--soft);color:var(--stat);font-size:20px}
.account-v122-stat span{display:block;color:#7c829b;font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.055em}
.account-v122-stat strong{display:block;overflow:hidden;margin-top:3px;color:#192363;font-size:21px;line-height:1.1;text-overflow:ellipsis;white-space:nowrap}
.account-v122-layout{grid-template-columns:270px minmax(0,1fr);gap:19px;align-items:start}
.account-v122-nav{position:sticky;top:18px;padding:8px;border-radius:18px;overflow:visible}
.account-v122-nav-head{display:flex;align-items:center;gap:10px;padding:13px 12px 15px;border-bottom:1px solid #eceef6}
.account-v122-nav-head span{display:grid;place-items:center;width:37px;height:37px;border-radius:11px;background:linear-gradient(135deg,#273183,#5562ca);color:#fff;font-weight:950}
.account-v122-nav-head strong,.account-v122-nav-head small{display:block}.account-v122-nav-head strong{color:#1c286b}.account-v122-nav-head small{margin-top:2px;color:#8a90a5;font-size:10px}
.account-v122-nav a{display:grid;grid-template-columns:32px 1fr auto;align-items:center;gap:9px;margin-top:3px;padding:9px 10px;border:0;border-radius:11px;color:#343c6e;font-size:12px}
.account-v122-nav a:hover{background:#f4f2ff;color:#273183}
.account-v122-nav a.active{background:linear-gradient(135deg,#edf0ff,#fff1f7);color:#273183;box-shadow:inset 3px 0 #ee2b78}
.account-v122-nav-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:#f0f2fa;font-size:15px}
.account-v122-nav a.active .account-v122-nav-icon{background:#fff;color:#e32270;box-shadow:0 3px 9px rgba(39,49,131,.09)}
.account-v122-badge{display:grid;place-items:center;min-width:21px;height:21px;padding:0 6px;border-radius:99px;background:#ee2b78;color:#fff;font-size:9px;font-weight:900}
.account-v122-signout{padding:8px 4px 2px}.account-v122-signout .button{width:100%;margin:0!important}
.account-v122-content{min-width:0}
.account-v122-content>.card,.account-v122-content .card{border-color:#e1e4f1;border-radius:18px;box-shadow:0 9px 26px rgba(39,49,131,.065)}
.account-v122-content>.card>.card-body{padding:23px}
.account-v122-content h2{color:#1d286d;letter-spacing:-.02em}
.account-v122-credit{position:relative;overflow:hidden;margin-bottom:15px;border:0;background:linear-gradient(125deg,#168b68,#20ae83);color:#fff;box-shadow:0 11px 25px rgba(22,139,104,.19)}
.account-v122-credit:after{content:"£";position:absolute;right:17px;top:-23px;color:rgba(255,255,255,.12);font-size:90px;font-weight:950}
.account-v122-content .table-wrap{border:1px solid #e5e7f1;border-radius:13px}.account-v122-content .table th{background:#f5f6fb;color:#2a347b}
@media(max-width:1000px){.account-v122-overview{grid-template-columns:repeat(2,minmax(0,1fr))}.account-v122-layout{grid-template-columns:1fr}.account-v122-nav{position:static;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.account-v122-nav-head,.account-v122-signout{grid-column:1/-1}.account-v122-nav a{grid-template-columns:28px 1fr;padding:8px}.account-v122-nav a .account-v122-badge{position:absolute}.account-v122-nav-icon{width:28px;height:28px}}
@media(max-width:650px){.account-v122-hero{padding:26px 0}.account-v122-hero h1{font-size:29px}.account-v122-avatar{width:66px;height:66px;border-radius:20px;font-size:23px}.account-v122-overview{grid-template-columns:1fr 1fr;gap:8px}.account-v122-stat{grid-template-columns:35px 1fr;min-height:79px;padding:10px;gap:8px}.account-v122-stat-icon{width:35px;height:35px}.account-v122-stat strong{font-size:17px}.account-v122-nav{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding:7px}.account-v122-nav-head,.account-v122-signout{display:none}.account-v122-nav a{flex:0 0 auto;display:flex;min-width:max-content;scroll-snap-align:start}.account-v122-layout{gap:12px}.account-v122-content>.card>.card-body{padding:17px}}
@media(max-width:390px){.account-v122-hero-grid{grid-template-columns:1fr}.account-v122-avatar{display:none}.account-v122-overview{grid-template-columns:1fr}.account-v122-stat{min-height:70px}}
@media(prefers-reduced-motion:reduce){.account-v122-nav a{transition:none}}