/* HQ Supplier Hub Pro 2.4.0 — Supplier Dashboard */
.hqsh-dashboard-v24{
    display:flex;
    min-height:820px;
    background:#f7f8fc;
    color:#171827;
    border-radius:22px;
    overflow:hidden;
    box-shadow:0 18px 55px rgba(20,22,45,.10);
    font-family:inherit;
}
.hqsh-dashboard-v24 .hqsh-sidebar{
    width:248px;
    flex:0 0 248px;
    background:#17121d;
    color:#fff;
    padding:24px 16px;
    display:flex;
    flex-direction:column;
    box-sizing:border-box;
}
.hqsh-dashboard-v24 .hqsh-brand{
    display:flex;
    align-items:center;
    gap:11px;
    padding:2px 9px 22px;
}
.hqsh-dashboard-v24 .hqsh-brand-mark{
    width:40px;
    height:40px;
    border-radius:12px;
    background:linear-gradient(135deg,#ff2d78,#ff6b9f);
    display:flex;
    align-items:center;
    justify-content:center;
    font-weight:900;
    color:#fff;
    box-shadow:0 8px 20px rgba(255,45,120,.25);
}
.hqsh-dashboard-v24 .hqsh-brand strong,
.hqsh-dashboard-v24 .hqsh-brand span{
    display:block;
}
.hqsh-dashboard-v24 .hqsh-brand strong{font-size:15px}
.hqsh-dashboard-v24 .hqsh-brand span{font-size:11px;color:#aaa1b2;margin-top:3px}

.hqsh-dashboard-v24 .hqsh-store-mini{
    display:flex;
    align-items:center;
    gap:10px;
    padding:11px;
    margin:0 0 18px;
    border:1px solid rgba(255,255,255,.08);
    border-radius:13px;
    background:rgba(255,255,255,.035);
}
.hqsh-dashboard-v24 .hqsh-store-mini-avatar{
    width:36px;
    height:36px;
    flex:0 0 36px;
    border-radius:10px;
    background:linear-gradient(135deg,#ff2d78,#7d3cff);
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    font-size:12px;
    font-weight:800;
    overflow:hidden;
}
.hqsh-dashboard-v24 .hqsh-store-mini-avatar img{
    width:100%;
    height:100%;
    object-fit:cover;
}
.hqsh-dashboard-v24 .hqsh-store-mini strong{
    display:block;
    font-size:10px;
    color:#fff;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    max-width:155px;
}
.hqsh-dashboard-v24 .hqsh-store-mini span{
    display:block;
    font-size:8px;
    color:#9c95a5;
    margin-top:3px;
}

.hqsh-dashboard-v24 .hqsh-nav{display:flex;flex-direction:column;gap:4px}
.hqsh-dashboard-v24 .hqsh-nav-item{
    display:flex;
    align-items:center;
    gap:12px;
    color:#aaa4b1;
    text-decoration:none;
    padding:12px;
    border-radius:11px;
    font-size:12px;
    font-weight:600;
    transition:.18s ease;
}
.hqsh-dashboard-v24 .hqsh-nav-item:hover{
    background:#241d2b;
    color:#fff;
    transform:translateX(2px);
}
.hqsh-dashboard-v24 .hqsh-nav-item.active{
    background:linear-gradient(90deg,#e91e63,#c2185b);
    color:#fff;
    box-shadow:0 8px 18px rgba(233,30,99,.18);
}
.hqsh-dashboard-v24 .hqsh-nav-icon{
    width:22px;
    text-align:center;
    font-size:17px;
}
.hqsh-dashboard-v24 .hqsh-nav-item em{
    margin-left:auto;
    background:#fff;
    color:#d81b5d;
    font-style:normal;
    font-size:10px;
    min-width:18px;
    height:18px;
    border-radius:20px;
    text-align:center;
    line-height:18px;
}
.hqsh-dashboard-v24 .hqsh-sidebar-bottom{
    margin-top:auto;
    border-top:1px solid #302936;
    padding-top:15px;
}
.hqsh-dashboard-v24 .hqsh-help,
.hqsh-dashboard-v24 .hqsh-logout{
    display:flex;
    gap:9px;
    align-items:center;
    color:#aaa4b1;
    text-decoration:none;
    font-size:11px;
    padding:9px;
}
.hqsh-dashboard-v24 .hqsh-help span{
    border:1px solid #716979;
    width:19px;
    height:19px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
}
.hqsh-dashboard-v24 .hqsh-logout{color:#ff9abb}

.hqsh-dashboard-v24 .hqsh-main{flex:1;min-width:0}
.hqsh-dashboard-v24 .hqsh-main-inner{padding:30px 34px}
.hqsh-dashboard-v24 .hqsh-mobile-head{display:none}
.hqsh-dashboard-v24 .hqsh-topbar{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:20px;
    margin-bottom:24px;
}
.hqsh-dashboard-v24 .hqsh-eyebrow,
.hqsh-dashboard-v24 .hqsh-section-title>div>span,
.hqsh-dashboard-v24 .hqsh-panel-head span{
    font-size:9px;
    letter-spacing:1.7px;
    font-weight:800;
    color:#a19aa8;
}
.hqsh-dashboard-v24 .hqsh-topbar h1{
    font-size:27px;
    line-height:1.2;
    margin:5px 0;
}
.hqsh-dashboard-v24 .hqsh-topbar p{
    margin:0;
    color:#8b8792;
    font-size:12px;
}
.hqsh-dashboard-v24 .hqsh-user{
    display:flex;
    align-items:center;
    gap:10px;
}
.hqsh-dashboard-v24 .hqsh-avatar{
    width:44px;
    height:44px;
    border-radius:50%;
    background:linear-gradient(135deg,#ff2d78,#7d3cff);
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    font-weight:800;
    overflow:hidden;
    box-shadow:0 6px 18px rgba(125,60,255,.18);
}
.hqsh-dashboard-v24 .hqsh-avatar img{
    width:100%;
    height:100%;
    object-fit:cover;
}
.hqsh-dashboard-v24 .hqsh-user strong{display:block;font-size:11px}
.hqsh-dashboard-v24 .hqsh-user span{
    display:block;
    font-size:9px;
    margin-top:3px;
}
.hqsh-dashboard-v24 .hqsh-user .is-verified{color:#2da66a}
.hqsh-dashboard-v24 .hqsh-user .is-pending{color:#d8931e}

.hqsh-dashboard-v24 .hqsh-hero{
    position:relative;
    min-height:190px;
    border-radius:20px;
    overflow:hidden;
    background:linear-gradient(115deg,#19131f,#2b1529 48%,#6d1642);
    padding:28px 32px;
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-bottom:27px;
}
.hqsh-dashboard-v24 .hqsh-hero-copy{position:relative;z-index:2;max-width:590px}
.hqsh-dashboard-v24 .hqsh-pill{
    font-size:9px;
    letter-spacing:1.4px;
    color:#ff9bbb;
    font-weight:800;
}
.hqsh-dashboard-v24 .hqsh-hero h2{
    color:#fff;
    font-size:28px;
    line-height:1.15;
    margin:10px 0 8px;
}
.hqsh-dashboard-v24 .hqsh-hero p{
    color:#d7cbd1;
    font-size:12px;
    line-height:1.6;
    max-width:520px;
    margin:0 0 18px;
}
.hqsh-dashboard-v24 .hqsh-hero-buttons{
    display:flex;
    align-items:center;
    gap:14px;
    flex-wrap:wrap;
}
.hqsh-dashboard-v24 .hqsh-primary{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    background:#fff;
    color:#d81b5d!important;
    text-decoration:none;
    padding:11px 16px;
    border-radius:9px;
    font-size:11px;
    font-weight:800;
}
.hqsh-dashboard-v24 .hqsh-primary.small{padding:9px 13px}
.hqsh-dashboard-v24 .hqsh-hero-link{
    color:#fff!important;
    text-decoration:none;
    font-size:10px;
    font-weight:700;
    opacity:.9;
}
.hqsh-dashboard-v24 .hqsh-hero-art{width:250px;height:170px;position:relative}
.hqsh-dashboard-v24 .hqsh-art-card{
    position:absolute;
    right:20px;
    top:13px;
    width:155px;
    height:115px;
    background:rgba(255,255,255,.11);
    border:1px solid rgba(255,255,255,.22);
    border-radius:16px;
    padding:16px;
    box-sizing:border-box;
    backdrop-filter:blur(8px);
    transform:rotate(5deg);
    color:#fff;
}
.hqsh-dashboard-v24 .hqsh-art-card span{font-size:8px;color:#ffb3ca;letter-spacing:1px}
.hqsh-dashboard-v24 .hqsh-art-card strong{display:block;font-size:16px;line-height:1.1;margin:9px 0}
.hqsh-dashboard-v24 .hqsh-art-card small{font-size:8px;color:#ddd}
.hqsh-dashboard-v24 .hqsh-orb{position:absolute;border-radius:50%}
.hqsh-dashboard-v24 .orb-one{width:105px;height:105px;background:rgba(255,48,126,.35);right:70px;top:30px}
.hqsh-dashboard-v24 .orb-two{width:75px;height:75px;background:rgba(126,61,255,.35);right:5px;bottom:10px}

.hqsh-dashboard-v24 .hqsh-section-title{
    display:flex;
    justify-content:space-between;
    align-items:flex-end;
    margin-bottom:12px;
}
.hqsh-dashboard-v24 .hqsh-section-title h3{
    margin:4px 0 0;
    font-size:17px;
}
.hqsh-dashboard-v24 .hqsh-section-title>a{
    color:#d81b5d;
    text-decoration:none;
    font-size:10px;
    font-weight:700;
}

.hqsh-dashboard-v24 .hqsh-metrics{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:13px;
    margin-bottom:18px;
}
.hqsh-dashboard-v24 .hqsh-metric{
    background:#fff;
    border:1px solid #eeeef3;
    border-radius:15px;
    padding:16px;
    display:flex;
    align-items:center;
    gap:12px;
    min-width:0;
}
.hqsh-dashboard-v24 .hqsh-metric-icon{
    width:40px;
    height:40px;
    border-radius:11px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-weight:800;
    font-size:17px;
    flex:0 0 40px;
}
.hqsh-dashboard-v24 .hqsh-metric-icon.pink{background:#fff0f5;color:#e91e63}
.hqsh-dashboard-v24 .hqsh-metric-icon.green{background:#edf9f2;color:#2aa567}
.hqsh-dashboard-v24 .hqsh-metric-icon.amber{background:#fff8e9;color:#dc971d}
.hqsh-dashboard-v24 .hqsh-metric-icon.blue{background:#eef5ff;color:#4b83dc}
.hqsh-dashboard-v24 .hqsh-metric span{display:block;color:#8f8b95;font-size:9px}
.hqsh-dashboard-v24 .hqsh-metric strong{
    display:block;
    font-size:18px;
    margin:3px 0;
    overflow:hidden;
    text-overflow:ellipsis;
}
.hqsh-dashboard-v24 .hqsh-metric small{color:#aaa5ae;font-size:8px}

.hqsh-dashboard-v24 .hqsh-performance-grid,
.hqsh-dashboard-v24 .hqsh-dashboard-columns{
    display:grid;
    grid-template-columns:1.25fr 1fr;
    gap:16px;
    margin-bottom:16px;
}
.hqsh-dashboard-v24 .hqsh-dashboard-columns.lower{
    grid-template-columns:1.25fr 1fr;
}
.hqsh-dashboard-v24 .hqsh-panel{
    background:#fff;
    border:1px solid #eeeef3;
    border-radius:17px;
    padding:20px;
    min-width:0;
}
.hqsh-dashboard-v24 .hqsh-panel-head{
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    gap:10px;
    margin-bottom:14px;
}
.hqsh-dashboard-v24 .hqsh-panel-head h3{
    margin:4px 0 0;
    font-size:15px;
}
.hqsh-dashboard-v24 .hqsh-panel-head>a{
    font-size:9px;
    color:#d81b5d;
    text-decoration:none;
    font-weight:700;
    white-space:nowrap;
}
.hqsh-dashboard-v24 .hqsh-health-score{
    font-size:16px;
    color:#d81b5d;
}
.hqsh-dashboard-v24 .hqsh-progress{
    height:8px;
    background:#f0edf2;
    border-radius:20px;
    overflow:hidden;
    margin:12px 0 10px;
}
.hqsh-dashboard-v24 .hqsh-progress span{
    display:block;
    height:100%;
    background:linear-gradient(90deg,#ff2d78,#7d3cff);
    border-radius:20px;
}
.hqsh-dashboard-v24 .hqsh-muted{
    color:#98939c;
    font-size:10px;
    line-height:1.55;
    margin:0;
}
.hqsh-dashboard-v24 .hqsh-health-items{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:8px;
    margin-top:14px;
}
.hqsh-dashboard-v24 .hqsh-health-items>div{
    display:flex;
    align-items:center;
    gap:8px;
    padding:9px;
    border:1px solid #f0eff3;
    border-radius:10px;
}
.hqsh-dashboard-v24 .hqsh-health-items b{
    width:23px;
    height:23px;
    border-radius:50%;
    background:#f5f3f6;
    color:#aaa4ad;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:9px;
}
.hqsh-dashboard-v24 .hqsh-health-items .done b{
    background:#edf9f2;
    color:#2aa567;
}
.hqsh-dashboard-v24 .hqsh-health-items span{
    font-size:9px;
    color:#77727c;
}
.hqsh-dashboard-v24 .hqsh-outline{
    display:block;
    text-align:center;
    border:1px solid #edc0d0;
    color:#d81b5d!important;
    border-radius:9px;
    text-decoration:none;
    padding:10px;
    margin-top:11px;
    font-size:10px;
    font-weight:800;
}
.hqsh-dashboard-v24 .hqsh-success-line,
.hqsh-dashboard-v24 .hqsh-verified-line{
    margin-top:12px;
    padding:9px;
    background:#edf9f2;
    border-radius:8px;
    color:#278b58;
    font-size:9px;
}
.hqsh-dashboard-v24 .hqsh-status-card{
    display:flex;
    gap:12px;
    padding:15px;
    background:#faf9fb;
    border-radius:12px;
}
.hqsh-dashboard-v24 .hqsh-status-check{
    width:34px;
    height:34px;
    border-radius:50%;
    background:#fff8e9;
    color:#d8931e;
    display:flex;
    align-items:center;
    justify-content:center;
    font-weight:900;
    flex:0 0 34px;
}
.hqsh-dashboard-v24 .hqsh-status-check.verified{
    background:#edf9f2;
    color:#2aa567;
}
.hqsh-dashboard-v24 .hqsh-status-card strong{font-size:11px}
.hqsh-dashboard-v24 .hqsh-status-card p{
    font-size:9px;
    line-height:1.55;
    color:#96919b;
    margin:5px 0 0;
}
.hqsh-dashboard-v24 .hqsh-account-row{
    display:flex;
    justify-content:space-between;
    align-items:center;
    border-top:1px solid #f0eff3;
    margin-top:13px;
    padding-top:12px;
    font-size:9px;
    color:#8d8791;
}
.hqsh-dashboard-v24 .hqsh-account-row strong{font-size:9px}
.hqsh-dashboard-v24 .status-active{color:#2aa567}
.hqsh-dashboard-v24 .status-pending{color:#d8931e}
.hqsh-dashboard-v24 .status-suspended{color:#d44d62}

.hqsh-dashboard-v24 .hqsh-product-list{
    display:flex;
    flex-direction:column;
}
.hqsh-dashboard-v24 .hqsh-product-row{
    display:flex;
    align-items:center;
    gap:10px;
    padding:9px 2px;
    border-top:1px solid #f2f1f4;
    text-decoration:none;
    color:inherit;
}
.hqsh-dashboard-v24 .hqsh-product-row:first-child{border-top:0}
.hqsh-dashboard-v24 .hqsh-product-image{
    width:42px;
    height:42px;
    flex:0 0 42px;
    border-radius:10px;
    background:#f6f4f7;
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:hidden;
}
.hqsh-dashboard-v24 .hqsh-product-image img{
    width:100%;
    height:100%;
    object-fit:cover;
}
.hqsh-dashboard-v24 .hqsh-product-image span{
    font-size:9px;
    font-weight:900;
    color:#d81b5d;
}
.hqsh-dashboard-v24 .hqsh-product-info{
    flex:1;
    min-width:0;
}
.hqsh-dashboard-v24 .hqsh-product-info strong{
    display:block;
    font-size:10px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.hqsh-dashboard-v24 .hqsh-product-info small{
    display:block;
    font-size:9px;
    color:#8d8791;
    margin-top:3px;
}
.hqsh-dashboard-v24 .hqsh-product-status{
    padding:5px 7px;
    border-radius:20px;
    font-size:8px;
    font-weight:800;
    background:#f3f1f4;
    color:#77727c;
}
.hqsh-dashboard-v24 .hqsh-product-status.status-publish{
    background:#edf9f2;
    color:#278b58;
}
.hqsh-dashboard-v24 .hqsh-product-status.status-pending{
    background:#fff8e9;
    color:#d8931e;
}
.hqsh-dashboard-v24 .hqsh-product-status.status-draft{
    background:#f0eef3;
    color:#77727c;
}
.hqsh-dashboard-v24 .hqsh-product-row i{
    color:#aaa4ad;
    font-style:normal;
    font-size:12px;
}
.hqsh-dashboard-v24 .hqsh-actions{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:8px;
}
.hqsh-dashboard-v24 .hqsh-actions a{
    display:flex;
    align-items:center;
    gap:9px;
    border:1px solid #f0eff3;
    border-radius:11px;
    padding:10px;
    text-decoration:none;
    color:inherit;
    transition:.18s ease;
}
.hqsh-dashboard-v24 .hqsh-actions a:hover{
    border-color:#f1b3c9;
    transform:translateY(-1px);
}
.hqsh-dashboard-v24 .hqsh-actions b{
    width:31px;
    height:31px;
    border-radius:9px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:14px;
    flex:0 0 31px;
}
.hqsh-dashboard-v24 .hqsh-actions b.pink{background:#fff0f5;color:#e91e63}
.hqsh-dashboard-v24 .hqsh-actions b.purple{background:#f4f0ff;color:#7444d8}
.hqsh-dashboard-v24 .hqsh-actions b.blue{background:#eef5ff;color:#4b83dc}
.hqsh-dashboard-v24 .hqsh-actions b.green{background:#edf9f2;color:#2aa567}
.hqsh-dashboard-v24 .hqsh-actions b.orange{background:#fff4e9;color:#dc7b1d}
.hqsh-dashboard-v24 .hqsh-actions b.teal{background:#eaf9f7;color:#1b9b91}
.hqsh-dashboard-v24 .hqsh-actions span{min-width:0}
.hqsh-dashboard-v24 .hqsh-actions strong{display:block;font-size:9px}
.hqsh-dashboard-v24 .hqsh-actions small{
    display:block;
    color:#a19ca5;
    font-size:8px;
    margin-top:2px;
}
.hqsh-dashboard-v24 .hqsh-actions i{
    margin-left:auto;
    color:#aaa;
    font-style:normal;
}

.hqsh-dashboard-v24 .hqsh-activity{
    display:flex;
    align-items:center;
    gap:12px;
    padding:11px 2px;
    border-top:1px solid #f2f1f4;
}
.hqsh-dashboard-v24 .hqsh-activity:first-child{border-top:0}
.hqsh-dashboard-v24 .hqsh-activity-dot{
    width:8px;
    height:8px;
    border-radius:50%;
    background:#e91e63;
    box-shadow:0 0 0 5px #fff0f5;
    flex:0 0 8px;
}
.hqsh-dashboard-v24 .hqsh-activity strong{font-size:10px}
.hqsh-dashboard-v24 .hqsh-activity p{
    font-size:9px;
    color:#96919b;
    margin:3px 0 0;
}
.hqsh-dashboard-v24 .hqsh-activity time{
    margin-left:auto;
    color:#aaa5ae;
    font-size:8px;
    white-space:nowrap;
}
.hqsh-dashboard-v24 .hqsh-notification-list{
    display:flex;
    flex-direction:column;
}
.hqsh-dashboard-v24 .hqsh-notification-row{
    display:flex;
    align-items:center;
    gap:9px;
    padding:10px 2px;
    border-top:1px solid #f2f1f4;
    text-decoration:none;
    color:inherit;
}
.hqsh-dashboard-v24 .hqsh-notification-row:first-child{border-top:0}
.hqsh-dashboard-v24 .hqsh-notification-row>b{
    color:#e91e63;
    font-size:9px;
}
.hqsh-dashboard-v24 .hqsh-notification-row span{
    flex:1;
    min-width:0;
}
.hqsh-dashboard-v24 .hqsh-notification-row strong{
    display:block;
    font-size:9px;
}
.hqsh-dashboard-v24 .hqsh-notification-row small{
    display:block;
    color:#96919b;
    font-size:8px;
    margin-top:3px;
}
.hqsh-dashboard-v24 .hqsh-notification-row i{
    color:#aaa4ad;
    font-style:normal;
}
.hqsh-dashboard-v24 .hqsh-empty{
    text-align:center;
    color:#aaa5ae;
    padding:28px 10px;
    font-size:10px;
}
.hqsh-dashboard-v24 .hqsh-empty.compact{padding:20px 10px}
.hqsh-dashboard-v24 .hqsh-empty strong{
    display:block;
    color:#55515a;
    font-size:11px;
    margin:8px 0 4px;
}
.hqsh-dashboard-v24 .hqsh-empty p{
    max-width:340px;
    margin:0 auto 12px;
    line-height:1.5;
}
.hqsh-dashboard-v24 .hqsh-empty-icon{
    width:34px;
    height:34px;
    margin:0 auto;
    border-radius:50%;
    background:#fff0f5;
    color:#e91e63;
    display:flex;
    align-items:center;
    justify-content:center;
    font-weight:900;
}
.hqsh-dashboard-v24 .hqsh-footer{
    display:flex;
    justify-content:space-between;
    color:#aaa5ae;
    font-size:8px;
    padding:13px 2px;
}

@media(max-width:1100px){
    .hqsh-dashboard-v24 .hqsh-sidebar{width:215px;flex-basis:215px}
    .hqsh-dashboard-v24 .hqsh-main-inner{padding:25px}
    .hqsh-dashboard-v24 .hqsh-metrics{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:850px){
    .hqsh-dashboard-v24 .hqsh-performance-grid,
    .hqsh-dashboard-v24 .hqsh-dashboard-columns,
    .hqsh-dashboard-v24 .hqsh-dashboard-columns.lower{
        grid-template-columns:1fr;
    }
}
@media(max-width:760px){
    .hqsh-dashboard-v24{
        display:block;
        border-radius:14px;
        min-height:0;
    }
    .hqsh-dashboard-v24 .hqsh-sidebar{display:none}
    .hqsh-dashboard-v24 .hqsh-mobile-head{
        height:60px;
        background:#17121d;
        color:#fff;
        display:flex;
        align-items:center;
        gap:10px;
        padding:0 14px;
    }
    .hqsh-dashboard-v24 .hqsh-mobile-head .hqsh-brand-mark{
        width:34px;
        height:34px;
        border-radius:9px;
    }
    .hqsh-dashboard-v24 .hqsh-mobile-head strong{font-size:12px}
    .hqsh-dashboard-v24 .hqsh-mobile-head span{
        display:block;
        color:#9f98a7;
        font-size:8px;
        margin-top:2px;
    }
    .hqsh-dashboard-v24 .hqsh-mobile-bell{
        margin-left:auto;
        color:#ff9abb!important;
        text-decoration:none;
        position:relative;
        font-size:12px;
    }
    .hqsh-dashboard-v24 .hqsh-mobile-bell b{
        position:absolute;
        top:-8px;
        right:-9px;
        min-width:15px;
        height:15px;
        line-height:15px;
        text-align:center;
        background:#fff;
        color:#d81b5d;
        border-radius:20px;
        font-size:8px;
    }
    .hqsh-dashboard-v24 .hqsh-main-inner{padding:17px 12px}
    .hqsh-dashboard-v24 .hqsh-topbar{
        align-items:flex-start;
        flex-direction:column;
    }
    .hqsh-dashboard-v24 .hqsh-topbar h1{font-size:22px}
    .hqsh-dashboard-v24 .hqsh-user{width:100%}
    .hqsh-dashboard-v24 .hqsh-hero{
        padding:23px 20px;
        min-height:235px;
    }
    .hqsh-dashboard-v24 .hqsh-hero h2{font-size:22px}
    .hqsh-dashboard-v24 .hqsh-hero-art{display:none}
    .hqsh-dashboard-v24 .hqsh-metrics{
        grid-template-columns:1fr 1fr;
        gap:9px;
    }
    .hqsh-dashboard-v24 .hqsh-metric{padding:12px}
    .hqsh-dashboard-v24 .hqsh-metric-icon{
        width:34px;
        height:34px;
        flex-basis:34px;
    }
    .hqsh-dashboard-v24 .hqsh-metric strong{font-size:16px}
    .hqsh-dashboard-v24 .hqsh-actions{grid-template-columns:1fr}
    .hqsh-dashboard-v24 .hqsh-footer{
        flex-direction:column;
        gap:5px;
    }
    .hqsh-dashboard-v24 .hqsh-activity time{display:none}
}
@media(max-width:430px){
    .hqsh-dashboard-v24 .hqsh-metrics{grid-template-columns:1fr}
    .hqsh-dashboard-v24 .hqsh-hero h2{font-size:20px}
    .hqsh-dashboard-v24 .hqsh-panel{padding:15px}
    .hqsh-dashboard-v24 .hqsh-health-items{grid-template-columns:1fr}
    .hqsh-dashboard-v24 .hqsh-product-status{display:none}
}


/* HQ Supplier Hub 2.4.1 — Dedicated Supplier Login */
.hqsh-login-page{
    width:100%;
    min-height:620px;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:35px 15px;
    box-sizing:border-box;
    background:linear-gradient(135deg,#faf7fa,#f5f4fa);
}
.hqsh-login-card{
    width:min(440px,100%);
    background:#fff;
    border:1px solid #eeeaf0;
    border-radius:22px;
    padding:34px;
    box-sizing:border-box;
    box-shadow:0 20px 55px rgba(35,22,42,.10);
}
.hqsh-login-logo{
    width:52px;
    height:52px;
    margin:0 auto 16px;
    border-radius:15px;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    font-weight:900;
    background:linear-gradient(135deg,#ff2d78,#7d3cff);
}
.hqsh-login-heading{text-align:center}
.hqsh-login-heading span{
    color:#d81b5d;
    font-size:9px;
    font-weight:900;
    letter-spacing:1.7px;
}
.hqsh-login-heading h2{
    margin:7px 0 5px;
    font-size:25px;
}
.hqsh-login-heading p{
    color:#8d8792;
    font-size:11px;
    margin:0 0 20px;
}
.hqsh-login-error,
.hqsh-login-success{
    border-radius:10px;
    padding:11px 12px;
    font-size:10px;
    line-height:1.5;
    margin-bottom:15px;
}
.hqsh-login-error{background:#fff0f2;color:#bd334f}
.hqsh-login-success{background:#edf9f2;color:#278b58}
.hqsh-login-form label{
    display:block;
    color:#5d5862;
    font-size:10px;
    font-weight:700;
    margin-bottom:13px;
}
.hqsh-login-form input[type="text"],
.hqsh-login-form input[type="password"]{
    width:100%;
    height:45px;
    margin-top:6px;
    border:1px solid #e7e3e9;
    border-radius:10px;
    background:#fbfafc;
    padding:0 12px;
    box-sizing:border-box;
    outline:none;
}
.hqsh-login-form input:focus{
    border-color:#e91e63;
    box-shadow:0 0 0 3px rgba(233,30,99,.08);
}
.hqsh-login-remember{
    display:flex!important;
    align-items:center;
    gap:7px;
    font-weight:500!important;
}
.hqsh-login-remember input{margin:0}
.hqsh-login-form button{
    width:100%;
    border:0;
    border-radius:10px;
    height:46px;
    background:linear-gradient(90deg,#e91e63,#c2185b);
    color:#fff;
    font-weight:800;
    font-size:11px;
    cursor:pointer;
    box-shadow:0 9px 22px rgba(233,30,99,.18);
}
.hqsh-login-links{
    display:flex;
    justify-content:space-between;
    gap:12px;
    margin-top:18px;
}
.hqsh-login-links a{
    color:#d81b5d!important;
    text-decoration:none;
    font-size:9px;
    font-weight:700;
}
@media(max-width:500px){
    .hqsh-login-card{padding:25px 18px;border-radius:16px}
    .hqsh-login-page{padding:18px 10px;min-height:550px}
}

/* V2.4.1 Final dashboard metric enhancements */
.hqsh-dashboard-v24 .hqsh-metrics{
    grid-template-columns:repeat(3,minmax(0,1fr));
}
.hqsh-dashboard-v24 .hqsh-metric strong{
    word-break:break-word;
}
@media (max-width:1100px){
    .hqsh-dashboard-v24 .hqsh-metrics{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width:700px){
    .hqsh-dashboard-v24 .hqsh-metrics{grid-template-columns:1fr;}
}

/* ===== HQ SUPPLIER HUB V2.4.1 — BEAUTIFUL DASHBOARD UI ===== */
.hqsh-dashboard-v24{
    --hqsh-primary:#6d28d9;
    --hqsh-primary-2:#8b5cf6;
    --hqsh-text:#172033;
    --hqsh-muted:#667085;
    --hqsh-border:#e7e9f2;
    --hqsh-bg:#f6f7fb;
    max-width:1500px;
    margin:24px auto;
    color:var(--hqsh-text);
}
.hqsh-dashboard-v24 *{box-sizing:border-box}
.hqsh-dashboard-v24 .hqsh-topbar{
    background:linear-gradient(135deg,#4c1d95 0%,#6d28d9 52%,#8b5cf6 100%);
    border-radius:22px;
    padding:28px 30px;
    margin-bottom:20px;
    box-shadow:0 14px 40px rgba(76,29,149,.18);
    color:#fff;
}
.hqsh-dashboard-v24 .hqsh-topbar h1,
.hqsh-dashboard-v24 .hqsh-topbar h2,
.hqsh-dashboard-v24 .hqsh-topbar p{color:#fff}
.hqsh-dashboard-v24 .hqsh-topbar p{opacity:.88}
.hqsh-dashboard-v24 .hqsh-head{
    display:flex!important;
    align-items:center;
    justify-content:space-between;
    gap:18px;
}
.hqsh-top-actions{margin-left:auto;display:flex;align-items:center;gap:10px}
.hqsh-top-logout{
    display:inline-flex!important;
    align-items:center;
    gap:8px;
    padding:11px 18px;
    border-radius:12px;
    background:rgba(255,255,255,.16);
    border:1px solid rgba(255,255,255,.28);
    color:#fff!important;
    text-decoration:none!important;
    font-weight:700;
    transition:transform .2s ease,background .2s ease;
}
.hqsh-top-logout:hover{transform:translateY(-1px);background:rgba(255,255,255,.25)}
.hqsh-dashboard-v24 .hqsh-metrics{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:18px;
    margin:20px 0;
}
.hqsh-dashboard-v24 .hqsh-metric{
    position:relative;
    overflow:hidden;
    display:flex!important;
    align-items:center;
    gap:16px;
    min-height:142px;
    padding:22px;
    background:#fff;
    border:1px solid var(--hqsh-border);
    border-radius:20px;
    box-shadow:0 8px 25px rgba(16,24,40,.06);
    transition:transform .2s ease,box-shadow .2s ease;
}
.hqsh-dashboard-v24 .hqsh-metric:after{
    content:"";
    position:absolute;
    width:90px;height:90px;
    right:-28px;top:-28px;
    border-radius:50%;
    background:rgba(109,40,217,.06);
}
.hqsh-dashboard-v24 .hqsh-metric:hover{
    transform:translateY(-3px);
    box-shadow:0 14px 32px rgba(16,24,40,.1);
}
.hqsh-dashboard-v24 .hqsh-metric-icon{
    width:54px;height:54px;
    min-width:54px;
    display:grid;
    place-items:center;
    border-radius:16px;
    font-size:23px;
    font-weight:800;
    font-style:normal;
}
.hqsh-dashboard-v24 .hqsh-metric-icon.pink{background:#fce7f3}
.hqsh-dashboard-v24 .hqsh-metric-icon.green{background:#dcfce7}
.hqsh-dashboard-v24 .hqsh-metric-icon.amber{background:#fef3c7}
.hqsh-dashboard-v24 .hqsh-metric-icon.blue{background:#dbeafe}
.hqsh-dashboard-v24 .hqsh-metric span,
.hqsh-dashboard-v24 .hqsh-metric small{display:block;color:var(--hqsh-muted)}
.hqsh-dashboard-v24 .hqsh-metric span{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}
.hqsh-dashboard-v24 .hqsh-metric strong{display:block;font-size:28px;line-height:1.2;margin:6px 0;color:#111827}
.hqsh-dashboard-v24 .hqsh-metric small{font-size:12px}
.hqsh-dashboard-v24 .hqsh-card,
.hqsh-dashboard-v24 .hqsh-panel{
    background:#fff;
    border:1px solid var(--hqsh-border);
    border-radius:20px;
    box-shadow:0 8px 25px rgba(16,24,40,.05);
}
.hqsh-dashboard-v24 .hqsh-table{
    width:100%;
    border-collapse:separate!important;
    border-spacing:0;
    overflow:hidden;
}
.hqsh-dashboard-v24 .hqsh-table th{
    background:#f8f9fc;
    color:#475467;
    font-size:12px;
    text-transform:uppercase;
    letter-spacing:.05em;
    font-weight:800;
}
.hqsh-dashboard-v24 .hqsh-table td,
.hqsh-dashboard-v24 .hqsh-table th{
    padding:15px 16px!important;
    border-bottom:1px solid #eef0f5!important;
}
.hqsh-dashboard-v24 .hqsh-table tbody tr:hover{background:#fafaff}
.hqsh-dashboard-v24 .hqsh-btn,
.hqsh-dashboard-v24 button,
.hqsh-dashboard-v24 input[type=submit]{
    border-radius:11px!important;
}
.hqsh-dashboard-v24 .hqsh-sidebar{
    border-radius:20px;
    overflow:hidden;
    box-shadow:0 8px 25px rgba(16,24,40,.07);
}
.hqsh-dashboard-v24 .hqsh-sidebar a{
    transition:background .18s ease,color .18s ease,transform .18s ease;
}
.hqsh-dashboard-v24 .hqsh-sidebar a:hover{transform:translateX(2px)}
.hqsh-dashboard-v24 .hqsh-sidebar a:last-child{
    margin-top:10px;
    color:#b42318!important;
    background:#fff1f0!important;
}
@media(max-width:1050px){
    .hqsh-dashboard-v24 .hqsh-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:700px){
    .hqsh-dashboard-v24{margin:12px auto}
    .hqsh-dashboard-v24 .hqsh-topbar{padding:20px;border-radius:18px}
    .hqsh-dashboard-v24 .hqsh-head{align-items:flex-start}
    .hqsh-top-logout{padding:9px 12px}
    .hqsh-dashboard-v24 .hqsh-metrics{grid-template-columns:1fr;gap:12px}
    .hqsh-dashboard-v24 .hqsh-metric{min-height:120px;padding:18px}
}

/* ===== V2.4.1 REDESIGNED SUPPLIER DASHBOARD ===== */
.hqsh-dashboard-v24{max-width:1540px!important;margin:20px auto!important;color:#172033;background:#f5f7fb!important}
.hqsh-dashboard-v24 .hqsh-new-hero{min-height:150px;border-radius:24px;padding:28px 32px;display:flex;align-items:center;justify-content:space-between;gap:20px;background:linear-gradient(120deg,#312e81,#6d28d9 55%,#8b5cf6);box-shadow:0 16px 45px rgba(67,35,140,.2);color:#fff;margin-bottom:20px}
.hqsh-dashboard-v24 .hqsh-breadcrumb{font-size:11px;font-weight:800;letter-spacing:.12em;opacity:.75;margin-bottom:8px}
.hqsh-dashboard-v24 .hqsh-new-hero h1{font-size:30px!important;line-height:1.15;margin:0 0 8px!important;color:#fff!important}
.hqsh-dashboard-v24 .hqsh-new-hero p{margin:0;color:#ede9fe;font-size:14px}
.hqsh-dashboard-v24 .hqsh-hero-actions{display:flex;align-items:center;gap:10px}
.hqsh-dashboard-v24 .hqsh-status{padding:9px 13px;border-radius:999px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.24);font-size:12px;font-weight:800}
.hqsh-dashboard-v24 .hqsh-top-logout{display:inline-flex!important;align-items:center;gap:7px;padding:11px 16px!important;border-radius:12px!important;background:#fff!important;color:#5b21b6!important;text-decoration:none!important;font-weight:800}
.hqsh-dashboard-v24 .hqsh-new-layout{display:grid;grid-template-columns:225px minmax(0,1fr);gap:20px;align-items:start}
.hqsh-dashboard-v24 .hqsh-new-sidebar{background:#fff;border:1px solid #e7e9f2;border-radius:20px;padding:14px;box-shadow:0 8px 26px rgba(16,24,40,.06);position:sticky;top:20px}
.hqsh-dashboard-v24 .hqsh-brand-mini{font-size:17px;font-weight:900;padding:12px 12px 18px;color:#5b21b6}.hqsh-dashboard-v24 .hqsh-brand-mini span{color:#172033;font-weight:700}
.hqsh-dashboard-v24 .hqsh-new-sidebar nav{display:flex;flex-direction:column;gap:5px}
.hqsh-dashboard-v24 .hqsh-new-sidebar nav a{display:flex!important;align-items:center;gap:11px;padding:12px 13px;border-radius:12px;text-decoration:none!important;color:#475467!important;font-weight:700;font-size:13px;transition:.18s}
.hqsh-dashboard-v24 .hqsh-new-sidebar nav a:hover{background:#f7f4ff!important;color:#5b21b6!important;transform:translateX(2px)}
.hqsh-dashboard-v24 .hqsh-new-sidebar nav a.active{background:#f1eafe!important;color:#5b21b6!important}
.hqsh-dashboard-v24 .hqsh-new-sidebar nav a:last-child{margin-top:12px;background:#fff1f0!important;color:#b42318!important}
.hqsh-dashboard-v24 .hqsh-nav-icon{width:28px;text-align:center;font-size:16px}
.hqsh-dashboard-v24 .hqsh-new-main{min-width:0}
.hqsh-dashboard-v24 .hqsh-kpi-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.hqsh-dashboard-v24 .hqsh-kpi{min-height:126px;background:#fff;border:1px solid #e7e9f2;border-radius:18px;padding:18px;display:flex;align-items:center;gap:14px;box-shadow:0 7px 24px rgba(16,24,40,.05)}
.hqsh-dashboard-v24 .hqsh-kpi .icon{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:#f1eafe;color:#6d28d9;font-weight:900;font-size:19px;flex:none}
.hqsh-dashboard-v24 .hqsh-kpi small{display:block;text-transform:uppercase;letter-spacing:.06em;font-size:10px;color:#667085;font-weight:900}
.hqsh-dashboard-v24 .hqsh-kpi strong{display:block;font-size:23px;line-height:1.2;color:#101828;margin:5px 0}
.hqsh-dashboard-v24 .hqsh-kpi em{font-style:normal;color:#98a2b3;font-size:11px}
.hqsh-dashboard-v24 .hqsh-content-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:15px;margin-top:15px}
.hqsh-dashboard-v24 .hqsh-content-grid.lower{grid-template-columns:1fr 1fr}
.hqsh-dashboard-v24 .hqsh-modern-panel{background:#fff;border:1px solid #e7e9f2;border-radius:20px;padding:21px;box-shadow:0 7px 24px rgba(16,24,40,.05)}
.hqsh-dashboard-v24 .panel-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:17px}
.hqsh-dashboard-v24 .panel-title h2{font-size:17px!important;margin:0 0 4px!important;color:#172033!important}
.hqsh-dashboard-v24 .panel-title p{font-size:11px;margin:0;color:#98a2b3}
.hqsh-dashboard-v24 .panel-pill{font-size:10px;font-weight:900;color:#067647;background:#ecfdf3;padding:7px 10px;border-radius:999px}
.hqsh-dashboard-v24 .sales-number{font-size:34px;font-weight:900;color:#111827;margin:12px 0 18px}
.hqsh-dashboard-v24 .sales-bar,.hqsh-dashboard-v24 .health-track{height:9px;background:#eeeafa;border-radius:999px;overflow:hidden}
.hqsh-dashboard-v24 .sales-bar i,.hqsh-dashboard-v24 .health-track i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#6d28d9,#a78bfa)}
.hqsh-dashboard-v24 .sales-meta{display:flex;justify-content:space-between;margin-top:11px;font-size:11px;color:#667085}
.hqsh-dashboard-v24 .health-row{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #f0f1f5;font-size:12px}.hqsh-dashboard-v24 .health-row strong{color:#111827}
.hqsh-dashboard-v24 .health-track{margin:17px 0}.hqsh-dashboard-v24 .hqsh-text-link{font-size:12px;font-weight:800;color:#6d28d9;text-decoration:none}
.hqsh-dashboard-v24 .product-row{display:flex;align-items:center;gap:12px;padding:13px 0;border-top:1px solid #f0f1f5}.hqsh-dashboard-v24 .product-avatar{width:38px;height:38px;border-radius:11px;background:#f5f3ff;color:#6d28d9;display:grid;place-items:center;font-weight:900;flex:none}.hqsh-dashboard-v24 .product-info{min-width:0;flex:1}.hqsh-dashboard-v24 .product-info strong{display:block;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hqsh-dashboard-v24 .product-info small{display:block;color:#98a2b3;font-size:10px;margin-top:3px}.hqsh-dashboard-v24 .product-row>b{font-size:10px;color:#667085;white-space:nowrap}.hqsh-dashboard-v24 .product-row.low .product-avatar{background:#fff1f0;color:#b42318}.hqsh-dashboard-v24 .product-row.low>b{color:#b42318}.hqsh-dashboard-v24 .empty-state{padding:24px 5px;text-align:center;color:#98a2b3;font-size:12px}
@media(max-width:1100px){.hqsh-dashboard-v24 .hqsh-new-layout{grid-template-columns:1fr}.hqsh-dashboard-v24 .hqsh-new-sidebar{position:static}.hqsh-dashboard-v24 .hqsh-new-sidebar nav{display:grid;grid-template-columns:repeat(4,1fr)}}
@media(max-width:800px){.hqsh-dashboard-v24 .hqsh-kpi-grid{grid-template-columns:repeat(2,1fr)}.hqsh-dashboard-v24 .hqsh-content-grid,.hqsh-dashboard-v24 .hqsh-content-grid.lower{grid-template-columns:1fr}.hqsh-dashboard-v24 .hqsh-new-hero{align-items:flex-start;flex-direction:column}.hqsh-dashboard-v24 .hqsh-hero-actions{width:100%;justify-content:space-between}}
@media(max-width:600px){.hqsh-dashboard-v24 .hqsh-new-hero{padding:22px;border-radius:18px}.hqsh-dashboard-v24 .hqsh-new-hero h1{font-size:24px!important}.hqsh-dashboard-v24 .hqsh-kpi-grid{grid-template-columns:1fr}.hqsh-dashboard-v24 .hqsh-new-sidebar nav{grid-template-columns:repeat(2,1fr)}}

/* ===== V2.4.1 FEATURE UPGRADE ===== */
.hqsh-dashboard-v24 .feature-row{margin-top:15px}
.hqsh-dashboard-v24 .hqsh-status-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.hqsh-dashboard-v24 .hqsh-status-grid>div{background:#f8f9fc;border:1px solid #eef0f5;border-radius:14px;padding:14px}
.hqsh-dashboard-v24 .hqsh-status-grid span{display:block;font-size:10px;color:#667085;font-weight:800;text-transform:uppercase;letter-spacing:.04em}
.hqsh-dashboard-v24 .hqsh-status-grid strong{display:block;font-size:23px;margin-top:5px;color:#172033}
.hqsh-dashboard-v24 .completion-number{font-size:22px;color:#6d28d9}
.hqsh-dashboard-v24 .completion-track{height:10px;border-radius:999px;background:#eeeafa;overflow:hidden;margin:24px 0 12px}
.hqsh-dashboard-v24 .completion-track i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#6d28d9,#a78bfa)}
.hqsh-dashboard-v24 .completion-help{font-size:11px;color:#667085;margin:0 0 8px}
.hqsh-dashboard-v24 .quick-actions-panel{margin-top:15px}
.hqsh-dashboard-v24 .hqsh-quick-actions{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
.hqsh-dashboard-v24 .hqsh-quick-actions a{display:flex;flex-direction:column;gap:6px;padding:16px;border:1px solid #e7e9f2;border-radius:15px;background:#fbfbfd;text-decoration:none!important;color:#172033!important;transition:.18s}
.hqsh-dashboard-v24 .hqsh-quick-actions a:hover{transform:translateY(-2px);background:#f7f4ff;border-color:#ddd0ff}
.hqsh-dashboard-v24 .hqsh-quick-actions span{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:#f1eafe;color:#6d28d9;font-size:17px;font-weight:900}
.hqsh-dashboard-v24 .hqsh-quick-actions b{font-size:12px}
.hqsh-dashboard-v24 .hqsh-quick-actions small{font-size:10px;color:#98a2b3}
@media(max-width:1000px){.hqsh-dashboard-v24 .hqsh-quick-actions{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){.hqsh-dashboard-v24 .hqsh-status-grid{grid-template-columns:repeat(2,1fr)}.hqsh-dashboard-v24 .hqsh-quick-actions{grid-template-columns:repeat(2,1fr)}}
@media(max-width:450px){.hqsh-dashboard-v24 .hqsh-quick-actions{grid-template-columns:1fr}}

/* ===== HQ SUPPLIER HUB V3.0.0 ===== */
.hqsh-dashboard-v24 .v3-analytics{margin-top:15px}
.hqsh-dashboard-v24 .v3-chart{height:250px;display:flex;align-items:flex-end;gap:14px;padding:20px 8px 0;border-top:1px solid #f0f1f5}
.hqsh-dashboard-v24 .v3-bar-col{height:100%;flex:1;min-width:0;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:7px}
.hqsh-dashboard-v24 .v3-bar-wrap{width:100%;height:175px;display:flex;align-items:flex-end;justify-content:center;background:#faf9ff;border-radius:10px 10px 4px 4px;overflow:hidden}
.hqsh-dashboard-v24 .v3-bar-wrap i{width:62%;display:block;border-radius:9px 9px 3px 3px;background:linear-gradient(180deg,#8b5cf6,#6d28d9);min-height:8px}
.hqsh-dashboard-v24 .v3-bar-col small{font-size:10px;color:#667085}
.hqsh-dashboard-v24 .v3-bar-value{font-size:9px;color:#98a2b3;white-space:nowrap;overflow:hidden;max-width:100%;text-overflow:ellipsis}
.hqsh-dashboard-v24 .v3-alert{display:flex;align-items:center;gap:11px;padding:12px 0;border-top:1px solid #f0f1f5}
.hqsh-dashboard-v24 .v3-alert>span{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#fff1f0;color:#b42318;font-weight:900}
.hqsh-dashboard-v24 .v3-alert div{flex:1;min-width:0}
.hqsh-dashboard-v24 .v3-alert strong,.hqsh-dashboard-v24 .v3-alert small{display:block}
.hqsh-dashboard-v24 .v3-alert strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hqsh-dashboard-v24 .v3-alert small{font-size:10px;color:#98a2b3;margin-top:3px}
.hqsh-dashboard-v24 .v3-alert a{font-size:10px;font-weight:800;color:#6d28d9;text-decoration:none}
.hqsh-dashboard-v24 .v3-tools{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.hqsh-dashboard-v24 .v3-tools a{display:flex;align-items:center;gap:9px;padding:13px;border:1px solid #e7e9f2;border-radius:13px;text-decoration:none!important;color:#344054!important;background:#fbfbfd}
.hqsh-dashboard-v24 .v3-tools a:hover{background:#f7f4ff;border-color:#ddd0ff}
.hqsh-dashboard-v24 .v3-tools b{width:32px;height:32px;display:grid;place-items:center;border-radius:9px;background:#f1eafe;color:#6d28d9}
.hqsh-dashboard-v24 .v3-tools span{font-size:11px;font-weight:800}
@media(max-width:700px){.hqsh-dashboard-v24 .v3-chart{gap:5px}.hqsh-dashboard-v24 .v3-bar-wrap{height:145px}.hqsh-dashboard-v24 .v3-bar-wrap i{width:75%}}

/* ===== HQ SUPPLIER HUB V4.0.0 ===== */
.hqsh-analytics-page{max-width:1200px!important;margin:25px auto!important}
.hqsh-analytics-page .hqsh-modern-panel{padding:26px}
.hqsh-analytics-page .panel-title h2{font-size:22px!important}
.hqsh-analytics-page .panel-title p{font-size:12px}
.hqsh-dashboard-v24 .v4-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0}
.hqsh-dashboard-v24 .v4-summary>div{padding:16px;border-radius:15px;background:#faf9ff;border:1px solid #eeeafa}
.hqsh-dashboard-v24 .v4-summary small{display:block;color:#667085;font-size:10px;text-transform:uppercase;font-weight:800;letter-spacing:.05em}
.hqsh-dashboard-v24 .v4-summary strong{display:block;margin-top:6px;font-size:23px;color:#172033}
.hqsh-dashboard-v24 .v4-chart{height:310px;display:flex;align-items:flex-end;gap:5px;padding:20px 5px 0;border-top:1px solid #eef0f5;overflow-x:auto}
.hqsh-dashboard-v24 .v4-col{height:100%;flex:1;min-width:22px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:5px}
.hqsh-dashboard-v24 .v4-bar{height:225px;width:100%;display:flex;align-items:flex-end;justify-content:center}
.hqsh-dashboard-v24 .v4-bar i{width:70%;display:block;min-height:4px;border-radius:7px 7px 2px 2px;background:linear-gradient(180deg,#a78bfa,#6d28d9)}
.hqsh-dashboard-v24 .v4-col small{font-size:8px;color:#98a2b3;white-space:nowrap}
.hqsh-dashboard-v24 .v4-tip{font-size:8px;color:#667085;max-width:55px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:600px){.hqsh-dashboard-v24 .v4-summary{grid-template-columns:1fr}.hqsh-analytics-page .hqsh-modern-panel{padding:18px}}