#promotionHub{max-width:1160px;margin:0 auto;padding:30px 15px 55px}
#promotionHub .promotion-hub-head{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:24px;border-radius:12px;background:linear-gradient(105deg,#087f3b,#0b5f31);color:#fff}
#promotionHub .promotion-hub-head h1{margin:0;color:#fff}
#promotionHub .promotion-hub-head p{margin:7px 0 0}
#promotionHub .promotion-header-view-all{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;min-height:38px;padding:0 15px;border:1px solid #fff;border-radius:7px;background:#fff;color:#087f3b;font-weight:700;text-decoration:none;white-space:nowrap}
#promotionHub .promotion-header-view-all:hover{background:#e7f8ed;color:#075c2d}
#promotionHub .promotion-campaign-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:18px 0}
#promotionHub .promotion-campaign-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 -4px}
#promotionHub .promotion-campaign-tabs button{min-height:36px;padding:0 15px;border:1px solid #cdd8d1;border-radius:18px;background:#fff;color:#1d2d24;font-size:13px;font-weight:700;cursor:pointer}
#promotionHub .promotion-campaign-tabs button.active{border-color:#087f3b;background:#087f3b;color:#fff}
#promotionHub .promotion-campaign{padding:16px;border:1px solid #dfe8e2;border-radius:10px;background:#fff}
#promotionHub .promotion-campaign h2{margin:8px 0;font-size:18px}
#promotionHub .promotion-state{font-size:12px;font-weight:700;color:#087f3b}
#promotionHub .promotion-empty{padding:20px;border:1px dashed #bac9bd;border-radius:9px;color:#607064}
#promotionHub .promotion-legacy-head{display:flex;justify-content:space-between;align-items:end;gap:12px;margin-top:34px}
#promotionHub .promotion-legacy-head h2{margin:0}
#promotionHub .promotion-legacy-list{margin:16px 0;padding:0;list-style:none}
@media(max-width:800px){#promotionHub .promotion-campaign-grid{grid-template-columns:1fr}#promotionHub .promotion-legacy-head,#promotionHub .promotion-journey-head{align-items:flex-start;flex-direction:column}}
#promotionHub .promotion-journey{margin-top:34px}
#promotionHub .promotion-journey-head{display:flex;align-items:end;justify-content:space-between;gap:12px}
#promotionHub .promotion-journey-head h2{margin:0}
#promotionHub .promotion-journey-head p{margin:6px 0 14px;color:#607064}
#promotionHub .promotion-journey-scroll{overflow-x:auto;padding:8px 2px 16px}
#promotionHub .promotion-journey-list{position:relative;display:flex;gap:14px;min-width:max-content;margin:0;padding:8px 14px 0;list-style:none}
#promotionHub .promotion-journey-list:before{content:"";position:absolute;top:20px;left:28px;right:28px;height:3px;background:#d7e6dc}
#promotionHub .promotion-journey-item{position:relative;width:205px;padding-top:27px}
#promotionHub .promotion-journey-dot{position:absolute;z-index:1;top:12px;left:16px;width:18px;height:18px;border:4px solid #fff;border-radius:50%;background:#087f3b;box-shadow:0 0 0 2px #8fbea2}
#promotionHub .promotion-journey-card{min-height:146px;padding:13px;border:1px solid #e6ece8;border-radius:8px;background:#fafdfb}
#promotionHub .promotion-journey-card strong,#promotionHub .promotion-journey-card span{display:block}
#promotionHub .promotion-journey-date{margin-top:7px;color:#526158;font-size:13px}
#promotionHub .promotion-journey-state{margin-top:7px;color:#087f3b;font-size:12px;font-weight:700}
#promotionHub .promotion-view-all{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:0 15px;border:1px solid #087f3b;border-radius:7px;color:#087f3b;font-size:13px;font-weight:700;text-decoration:none;white-space:nowrap}
#promotionHub .promotion-view-all:hover{background:#087f3b;color:#fff}
#promotionHub .promotion-actions{display:flex;gap:7px;margin-top:14px}#promotionHub .promotion-action{border:1px solid #cdd8d1;border-radius:6px;background:#fff;padding:7px 11px;font-size:12px;font-weight:700;color:#1d2d24}#promotionHub .promotion-action.primary{background:#087f3b;border-color:#087f3b;color:#fff}#promotionHub .journey-actions{margin-top:10px;flex-wrap:wrap}#promotionHub .journey-actions .promotion-action{padding:5px 8px;font-size:11px}