/* Scoped to the customer account dashboard. */
.account-dashboard{padding:38px 0 56px;background:#f7f7fb;color:#192238}
.account-dashboard *{box-sizing:border-box}
.account-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:26px}
.account-eyebrow{font-size:11px;letter-spacing:2px;color:#79678f;font-weight:700}
.account-heading h1{font-size:28px;font-weight:750;margin:7px 0}
.account-heading p,.account-welcome p{color:#72798a;margin:0;line-height:1.8}
.account-link{font-size:14px;color:var(--primary-color,#6d28d9);font-weight:600}
.account-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:26px;align-items:start}
.account-navigation{background:white;border:1px solid #ebe7f3;border-radius:20px;padding:24px 16px;box-shadow:0 6px 24px #24204a05}
.account-dashboard .customer-auth{text-align:center;padding:0 0 18px;border-bottom:1px solid #eeeaf4;margin-bottom:14px}
.account-dashboard .customer-img img{width:76px!important;height:76px!important;object-fit:cover;border-radius:50%;border:4px solid #f1ebfd;margin:0 auto 10px;display:block}
.account-dashboard .customer-name p{margin:3px 0;font-weight:650;overflow-wrap:anywhere}
.account-dashboard .customer-name small{color:#8b8197;font-weight:400}
.account-dashboard .sidebar-menu ul{list-style:none;padding:0;margin:0}
.account-dashboard .sidebar-menu a{display:flex;align-items:center;gap:10px;padding:12px 14px;margin:4px 0;border-radius:10px;font-size:14px;color:#5c6173;text-decoration:none}
.account-dashboard .sidebar-menu a.active,.account-dashboard .sidebar-menu a:hover{background:#f1eafb;color:var(--primary-color,#6d28d9)}
.account-dashboard .sidebar-menu svg{width:18px;height:18px}
.account-main{min-width:0;display:grid;gap:22px}
.account-welcome{display:flex;gap:20px;align-items:center;justify-content:space-between;background:linear-gradient(110deg,#f0e9ff,#fff);border:1px solid #e9e0f7;border-radius:20px;padding:28px}
.account-welcome h2{font-size:25px;font-weight:750;margin:6px 0 10px;overflow-wrap:anywhere}
.account-welcome>div>span{color:#796490;font-size:13px}
.account-button{flex-shrink:0;background:var(--primary-color,#6d28d9);color:#fff!important;padding:12px 18px;border-radius:10px;font-size:13px;text-decoration:none}
.account-shortcuts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.account-shortcuts>a{display:flex;gap:14px;align-items:center;border:1px solid #eae6f0;border-radius:16px;padding:20px;background:white;color:#20293e;text-decoration:none}
.account-shortcuts>a>span:last-child{margin-left:auto;color:#8776a0}
.account-shortcuts strong{display:block;font-size:16px}
.account-shortcuts small{display:block;color:#858294;margin-top:5px}
.account-shortcut-icon{background:#f2edfa;color:#7040b8;display:grid;place-items:center;width:42px;height:42px;border-radius:12px;font-size:23px;flex-shrink:0}
.account-details{background:white;border:1px solid #eae6f0;border-radius:20px;padding:26px}
.account-details header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px}
.account-details h2{font-size:19px;font-weight:700;margin:0}
.account-details header span{font-size:10px;letter-spacing:1px;color:#9990a4}
.account-details dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 32px;margin:0}
.account-details dl>div{padding:20px 0;border-bottom:1px solid #f0edf5;min-width:0}
.account-details dt{color:#8a8294;font-size:12px;font-weight:400;margin-bottom:7px}
.account-details dd{font-size:15px;margin:0;line-height:1.7;overflow-wrap:anywhere}
.account-dashboard a:focus-visible{outline:3px solid #a78bfa;outline-offset:3px}
@media(max-width:900px){.account-layout{grid-template-columns:210px minmax(0,1fr);gap:18px}.account-welcome{flex-direction:column;align-items:flex-start}.account-shortcuts{grid-template-columns:1fr}}
@media(max-width:600px){.account-dashboard{padding:24px 0 32px}.account-heading{align-items:flex-start}.account-heading h1{font-size:24px}.account-link{font-size:12px}.account-layout{grid-template-columns:1fr}.account-navigation{padding:18px}.account-dashboard .customer-auth{display:none}.account-dashboard .sidebar-menu ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px}.account-dashboard .sidebar-menu a{padding:10px 8px;font-size:12px}.account-welcome,.account-details{padding:22px}.account-details dl{grid-template-columns:1fr}.account-details header span{display:none}.account-shortcuts{gap:12px}}

.customer-section{padding:36px 0 52px!important;background:#f7f7fb;min-height:55vh}.customer-section .customer-sidebar{background:#fff;border:1px solid #ebe5f2;border-radius:18px;padding:22px 16px;margin-bottom:20px}.customer-section .customer-auth{text-align:center;padding-bottom:18px;border-bottom:1px solid #eee}.customer-section .customer-img img{display:block;width:72px!important;height:72px!important;border-radius:50%;object-fit:cover;margin:0 auto 12px}.customer-section .customer-name p{margin:4px;font-weight:600}.customer-section .sidebar-menu ul{padding:10px 0 0;list-style:none}.customer-section .sidebar-menu a{display:flex;align-items:center;gap:10px;padding:12px;border-radius:10px;color:#666078;font-size:14px}.customer-section .sidebar-menu a.active,.customer-section .sidebar-menu a:hover{background:#f2ebff;color:#6d28d9}.customer-section .sidebar-menu svg{width:18px;height:18px}.customer-section .customer-content{background:#fff;border:1px solid #ebe5f2;border-radius:18px;padding:28px;min-width:0}.customer-section .account-title{font-size:23px;font-weight:700;padding-bottom:18px;border-bottom:1px solid #eee;margin-bottom:22px}.customer-section label{font-size:13px;color:#746b83;margin-bottom:8px}.customer-section .form-control,.customer-section select{border:1px solid #e3ddeb;border-radius:10px;min-height:46px;padding:10px 12px;background:#fcfbfe;max-width:100%}.customer-section button[type=submit],.customer-section .submit-btn{background:#6d28d9;color:white;border:0;border-radius:10px;padding:12px 22px}.customer-section img{max-width:100%}.customer-section .backend_img{width:80px;height:80px;object-fit:cover;border-radius:12px}.customer-section .table th{background:#f7f3fc;font-size:12px;padding:14px 10px}.customer-section .table td{padding:14px 10px;vertical-align:middle;font-size:13px}.customer-section .table-responsive{max-width:100%;overflow-x:auto}.auth-section{padding:40px 0;background:#f7f7fb}.auth-section .form-content{background:white;border:1px solid #eee5f5;border-radius:20px;padding:30px}.auth-section .auth-title{font-size:24px;font-weight:700}.auth-section .form-control{border-radius:10px;padding:12px;min-height:46px}.auth-section .submit-btn{background:#6d28d9;color:white;border:0;padding:12px 22px;border-radius:10px}@media(max-width:767px){.customer-section .col-sm-3,.customer-section .col-sm-9{width:100%;max-width:100%;flex:0 0 100%}.customer-section .customer-content{padding:18px}.customer-section .sidebar-menu ul{display:grid;grid-template-columns:1fr 1fr}.customer-section .customer-auth{display:none}.customer-section .sidebar-menu a{font-size:12px;padding:10px}.customer-section{padding-top:20px!important}}