.hqeb-shell{max-width:1180px;margin:30px auto;padding:0 16px;font-family:Arial,sans-serif;color:#1f2937}.hqeb-dashboard-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.hqeb-eyebrow{font-size:12px;font-weight:800;letter-spacing:2px}.hqeb-dashboard-header h1{font-size:32px;margin:5px 0}.hqeb-dashboard-header p{margin:0;color:#6b7280}.hqeb-logout{color:#e91e63;text-decoration:none;font-weight:700}.hqeb-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:24px}.hqeb-stat{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:20px;box-shadow:0 7px 25px rgba(0,0,0,.04)}.hqeb-stat span{display:block;color:#6b7280;font-size:13px;margin-bottom:8px}.hqeb-stat strong{font-size:22px}.hqeb-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:22px}.hqeb-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:22px;box-shadow:0 7px 25px rgba(0,0,0,.04);margin-bottom:18px}.hqeb-section-head{display:flex;justify-content:space-between;align-items:center;margin:0 0 12px}.hqeb-section-head h2{font-size:21px;margin:0}.hqeb-section-head a{color:#e91e63;text-decoration:none}.hqeb-plan-head{display:flex;justify-content:space-between;gap:12px}.hqeb-plan-head h3{margin:5px 0 14px;font-size:19px}.hqeb-plan-id{font-size:11px;color:#9ca3af;font-weight:700}.hqeb-status,.hqeb-mini-status{display:inline-flex;align-items:center;height:28px;padding:0 10px;border-radius:999px;font-size:12px;font-weight:700;background:#f3f4f6}.hqeb-status.active{background:#fff3f7;color:#e91e63}.hqeb-status.fully_paid{background:#ecfdf3;color:#047857}.hqeb-status.pending{background:#fff7ed;color:#c2410c}.hqeb-progress{height:10px;background:#f1f5f9;border-radius:20px;overflow:hidden}.hqeb-progress span{display:block;height:100%;background:#e91e63;border-radius:20px}.hqeb-progress-label{display:flex;justify-content:space-between;margin:8px 0 18px;font-size:12px;color:#6b7280}.hqeb-plan-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.hqeb-plan-grid div{background:#f8fafc;border-radius:11px;padding:12px}.hqeb-plan-grid small{display:block;color:#6b7280;margin-bottom:5px}.hqeb-plan-grid strong{font-size:14px}.hqeb-due{display:flex;justify-content:space-between;align-items:center;padding:13px;margin:14px 0;background:#fff7fa;border-radius:11px}.hqeb-actions{display:flex;align-items:center;gap:10px}.hqeb-pay-form{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.hqeb-btn{display:inline-block;border:0;border-radius:10px;padding:12px 18px;background:#e91e63;color:#fff;text-decoration:none;cursor:pointer;font-weight:700}.hqeb-btn.secondary{background:#374151}.hqeb-message{font-size:13px;color:#b91c1c}.hqeb-transfer{margin-top:15px;border-top:1px solid #eee;padding-top:14px}.hqeb-transfer summary{cursor:pointer;font-weight:700}.hqeb-bank-box{background:#f8fafc;padding:14px;border-radius:11px;margin:12px 0}.hqeb-form{display:grid;gap:11px}.hqeb-form input{padding:12px;border:1px solid #d1d5db;border-radius:9px;box-sizing:border-box;width:100%}.hqeb-form-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.hqeb-success{padding:14px;border-radius:11px;background:#ecfdf3;color:#047857;font-weight:700}.hqeb-table-wrap{overflow:auto}.hqeb-table{width:100%;border-collapse:collapse;font-size:13px}.hqeb-table th,.hqeb-table td{padding:12px;border-bottom:1px solid #eee;text-align:left;white-space:nowrap}.hqeb-table th{color:#6b7280;font-size:11px;text-transform:uppercase}.hqeb-mini-status.paid,.hqeb-mini-status.verified{background:#ecfdf3;color:#047857}.hqeb-mini-status.pending{background:#fff7ed;color:#c2410c}.hqeb-mini-status.rejected{background:#fef2f2;color:#b91c1c}.hqeb-muted{color:#6b7280;text-align:center!important}.hqeb-profile{display:flex;gap:11px;align-items:center;margin-bottom:16px}.hqeb-avatar{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#fff0f5;color:#e91e63;font-weight:800;font-size:18px}.hqeb-profile b,.hqeb-profile small{display:block}.hqeb-profile small{color:#6b7280;margin-top:3px;overflow-wrap:anywhere}.hqeb-link-btn{display:block;border:0;background:none;padding:9px 0;color:#e91e63;cursor:pointer;font-weight:700;text-align:left}.hqeb-steps{padding-left:20px;margin:0}.hqeb-steps li{padding:7px 0}.hqeb-login-required,.hqeb-empty{text-align:center}.hqeb-icon{font-size:30px}.hqeb-modal{display:none;position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:99999;padding:20px;align-items:center;justify-content:center}.hqeb-modal.open{display:flex}.hqeb-modal-inner{width:min(450px,100%);background:#fff;border-radius:16px;padding:24px;position:relative}.hqeb-close{position:absolute;right:12px;top:8px;border:0;background:none;font-size:28px;cursor:pointer}.hqeb-modal h2{margin-top:0}@media(max-width:900px){.hqeb-stat-grid{grid-template-columns:repeat(2,1fr)}.hqeb-layout{grid-template-columns:1fr}.hqeb-plan-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.hqeb-shell{padding:0 10px}.hqeb-dashboard-header{gap:15px}.hqeb-dashboard-header h1{font-size:26px}.hqeb-stat-grid{grid-template-columns:1fr 1fr}.hqeb-stat{padding:15px}.hqeb-stat strong{font-size:17px}.hqeb-card{padding:17px}.hqeb-plan-grid{grid-template-columns:1fr 1fr}.hqeb-form-row{grid-template-columns:1fr}.hqeb-progress-label{display:block}.hqeb-progress-label span{display:block;margin-top:4px}.hqeb-plan-head{align-items:flex-start}.hqeb-status{font-size:10px}}
/* HQ Easy Buy V6.2 customer portal enhancements */
.hqeb-shell{max-width:1180px;margin:30px auto;padding:0 18px;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#172033}.hqeb-topbar{display:flex;justify-content:space-between;align-items:center;padding:14px 0 24px;border-bottom:1px solid #e8ebf2;margin-bottom:28px}.hqeb-brand{display:flex;align-items:center;gap:10px}.hqeb-logo{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;font-weight:900;background:#ff2f92;color:#fff}.hqeb-brand b,.hqeb-brand span{display:block}.hqeb-brand span{font-size:12px;color:#7a8395}.hqeb-user{display:flex;align-items:center;gap:16px;font-size:14px}.hqeb-notify-badge{background:#f6f7fa;padding:8px 11px;border-radius:999px}.hqeb-dashboard-header{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:25px}.hqeb-eyebrow{font-size:11px;font-weight:800;letter-spacing:.12em;color:#ff2f92}.hqeb-dashboard-header h1{margin:4px 0;font-size:34px}.hqeb-dashboard-header p{margin:0;color:#70798c}.hqeb-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:24px}.hqeb-stat{background:#fff;border:1px solid #e9edf4;border-radius:16px;padding:20px;box-shadow:0 5px 20px rgba(20,30,50,.04)}.hqeb-stat span,.hqeb-stat small{display:block;color:#788296;font-size:13px}.hqeb-stat strong{display:block;font-size:24px;margin:8px 0}.hqeb-tabs{display:flex;gap:7px;overflow:auto;padding:7px;background:#f6f7fa;border-radius:14px;margin-bottom:28px}.hqeb-tabs a{white-space:nowrap;text-decoration:none;color:#5f687a;padding:10px 14px;border-radius:10px;font-weight:700;font-size:14px}.hqeb-tabs a:hover{background:#fff;color:#ff2f92}.hqeb-tabs em{font-style:normal;background:#ff2f92;color:#fff;border-radius:99px;padding:2px 6px;font-size:10px}.hqeb-section{margin:30px 0}.hqeb-section-head{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:14px}.hqeb-section-head h2{margin:0;font-size:22px}.hqeb-section-head span{color:#7a8395;font-size:13px}.hqeb-overview-grid,.hqeb-profile-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:16px}.hqeb-card{background:#fff;border:1px solid #e9edf4;border-radius:18px;padding:22px;box-shadow:0 7px 24px rgba(20,30,50,.045)}.hqeb-next{display:flex;justify-content:space-between;align-items:center;padding:14px 0;border-bottom:1px solid #eef0f5}.hqeb-next:last-child{border-bottom:0}.hqeb-next b,.hqeb-next small{display:block}.hqeb-next small{color:#7a8395;margin-top:3px}.hqeb-mini-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:20px}.hqeb-mini-flow span{padding:10px;border-radius:10px;background:#f7f8fb;text-align:center;font-size:12px;font-weight:700}.hqeb-plan{margin-bottom:18px}.hqeb-plan-head{display:flex;justify-content:space-between;align-items:start;gap:20px}.hqeb-plan-id{font-size:11px;font-weight:800;color:#8a93a5}.hqeb-plan h3{margin:4px 0 12px}.hqeb-status,.hqeb-mini-status{display:inline-block;padding:6px 9px;border-radius:999px;font-size:11px;font-weight:800;background:#eef1f6;color:#5d6678}.hqeb-status.active,.hqeb-status.fully_paid,.hqeb-mini-status.paid{background:#e8f8ef;color:#16814b}.hqeb-status.overdue,.hqeb-mini-status.overdue{background:#fff0f0;color:#c73636}.hqeb-status.pending,.hqeb-mini-status.pending{background:#fff7e8;color:#9a6800}.hqeb-progress{height:10px;background:#edf0f5;border-radius:999px;overflow:hidden}.hqeb-progress span{display:block;height:100%;background:#ff2f92;border-radius:inherit}.hqeb-progress-label{display:flex;justify-content:space-between;margin:8px 0 17px;font-size:12px;color:#737d90}.hqeb-plan-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.hqeb-plan-grid div{background:#f8f9fb;padding:12px;border-radius:12px}.hqeb-plan-grid small,.hqeb-plan-grid strong{display:block}.hqeb-plan-grid small{color:#7a8395;font-size:11px;margin-bottom:4px}.hqeb-due{display:flex;justify-content:space-between;align-items:center;margin-top:16px;padding:13px 15px;background:#fff5fa;border:1px solid #ffd7e9;border-radius:12px}.hqeb-actions{display:flex;align-items:center;gap:10px;margin-top:12px}.hqeb-btn{display:inline-block;border:0;border-radius:10px;background:#ff2f92;color:#fff;padding:11px 17px;text-decoration:none;font-weight:800;cursor:pointer}.hqeb-btn.secondary{background:#eef1f6;color:#31394a}.hqeb-message{font-size:13px;color:#697386}.hqeb-transfer,.hqeb-schedule{margin-top:15px;border-top:1px solid #eef0f5;padding-top:12px}.hqeb-transfer summary,.hqeb-schedule summary{cursor:pointer;font-weight:800;font-size:13px}.hqeb-bank-box{margin:12px 0;padding:14px;background:#f7f8fb;border-radius:12px}.hqeb-form-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.hqeb-form input,.hqeb-form select,.hqeb-bank-form input{width:100%;box-sizing:border-box;padding:12px;border:1px solid #dfe4ec;border-radius:10px;margin:5px 0;background:#fff}.hqeb-table-wrap{overflow:auto}.hqeb-table{width:100%;border-collapse:collapse;min-width:760px}.hqeb-table th,.hqeb-table td{text-align:left;padding:13px;border-bottom:1px solid #edf0f5;font-size:13px}.hqeb-table th{color:#697386;font-size:11px;text-transform:uppercase}.hqeb-schedule-list{margin-top:12px}.hqeb-schedule-row{display:grid;grid-template-columns:12px 1fr auto auto;align-items:center;gap:12px;padding:11px 0;border-bottom:1px solid #eef0f5}.hqeb-schedule-dot{width:10px;height:10px;border-radius:50%;background:#c8ced9}.hqeb-schedule-dot.paid{background:#21a66a}.hqeb-schedule-dot.due{background:#ff2f92}.hqeb-schedule-dot.overdue{background:#d83a3a}.hqeb-schedule-row b,.hqeb-schedule-row small{display:block}.hqeb-schedule-row small{color:#7a8395;margin-top:2px}.hqeb-notification{display:flex;gap:14px;align-items:flex-start;margin-bottom:10px}.hqeb-notification.unread{border-left:4px solid #ff2f92;background:#fffafd}.hqeb-notification-icon{width:38px;height:38px;border-radius:12px;background:#f5f6f9;display:grid;place-items:center;flex:none}.hqeb-notification h3{margin:0 0 4px;font-size:15px}.hqeb-notification p{margin:0 0 5px;color:#5e687b;font-size:13px}.hqeb-notification small{color:#8a93a5}.hqeb-read,.hqeb-link-btn{border:0;background:none;color:#ff2f92;font-weight:800;cursor:pointer;padding:5px;margin-left:auto;white-space:nowrap}.hqeb-profile{display:flex;gap:13px;align-items:center;margin-bottom:16px}.hqeb-avatar{width:48px;height:48px;border-radius:50%;background:#ffe1ee;color:#ff2f92;display:grid;place-items:center;font-weight:900}.hqeb-profile b,.hqeb-profile small{display:block}.hqeb-profile small{color:#7a8395;margin-top:3px}.hqeb-modal{display:none;position:fixed;inset:0;background:rgba(14,20,35,.55);z-index:9999;padding:20px}.hqeb-modal.open{display:grid;place-items:center}.hqeb-modal-inner{width:min(480px,100%);background:#fff;border-radius:18px;padding:24px;position:relative}.hqeb-close{position:absolute;right:15px;top:10px;border:0;background:none;font-size:28px;cursor:pointer}.hqeb-empty{text-align:center;padding:45px 20px}.hqeb-muted{color:#7a8395}.hqeb-logout{color:#697386;text-decoration:none;font-weight:700}@media(max-width:850px){.hqeb-stat-grid{grid-template-columns:repeat(2,1fr)}.hqeb-overview-grid,.hqeb-profile-grid{grid-template-columns:1fr}.hqeb-plan-grid{grid-template-columns:repeat(2,1fr)}.hqeb-dashboard-header{align-items:start;flex-direction:column}.hqeb-user>span:nth-child(2){display:none}}@media(max-width:520px){.hqeb-shell{margin:12px auto;padding:0 10px}.hqeb-topbar{margin-bottom:20px}.hqeb-dashboard-header h1{font-size:28px}.hqeb-stat{padding:15px}.hqeb-stat strong{font-size:19px}.hqeb-plan-grid{grid-template-columns:1fr 1fr}.hqeb-form-row{grid-template-columns:1fr}.hqeb-mini-flow{grid-template-columns:1fr 1fr}.hqeb-section-head{align-items:start;flex-direction:column}.hqeb-schedule-row{grid-template-columns:10px 1fr auto}.hqeb-schedule-row .hqeb-mini-status{grid-column:2 / -1;width:max-content}}
.hqeb-fulfillment-card{margin-top:18px}.hqeb-timeline{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:24px 0;position:relative}.hqeb-timeline:before{content:"";position:absolute;top:12px;left:8%;right:8%;height:2px;background:#e5e7eb}.hqeb-timeline-step{position:relative;text-align:center;font-size:12px;color:#94a3b8;z-index:1}.hqeb-timeline-dot{display:block;width:24px;height:24px;margin:0 auto 8px;border-radius:50%;background:#e5e7eb;border:4px solid #fff;box-shadow:0 0 0 1px #e5e7eb}.hqeb-timeline-step.done,.hqeb-timeline-step.current{color:#111827}.hqeb-timeline-step.done .hqeb-timeline-dot,.hqeb-timeline-step.current .hqeb-timeline-dot{background:#ec4899;box-shadow:0 0 0 1px #ec4899}@media(max-width:700px){.hqeb-timeline{grid-template-columns:1fr;gap:12px}.hqeb-timeline:before{top:12px;bottom:12px;left:12px;right:auto;width:2px;height:auto}.hqeb-timeline-step{text-align:left;padding-left:42px}.hqeb-timeline-dot{position:absolute;left:0;top:0;margin:0}}
.hqeb-vendor-wrap{margin:24px 0;padding:24px;background:#fff;border:1px solid #e5e7eb;border-radius:16px}.hqeb-vendor-wrap h2{margin:0 0 6px}.hqeb-vendor-table{overflow:auto;margin-top:18px}.hqeb-vendor-table table{width:100%;border-collapse:collapse}.hqeb-vendor-table th,.hqeb-vendor-table td{padding:12px;border-bottom:1px solid #eee;text-align:left;white-space:nowrap}.hqeb-vendor-empty{padding:18px;border-radius:12px;background:#f8fafc}