.promotion-card-option{width:100%;height:100%;background-color:#fff;border-radius:5px;-webkit-box-shadow:0 1.6px 3.6px 0 rgba(0,0,0,.13),0 .3px .9px 0 rgba(0,0,0,.11);box-shadow:0 1.6px 3.6px 0 rgba(0,0,0,.13),0 .3px .9px 0 rgba(0,0,0,.11);overflow:hidden;position:relative}.delete-icon-container{left:3px}.delete-icon-container,.icon-top-left-container{top:0;font-size:20px;position:absolute;z-index:1}.icon-top-left-container{left:2px;padding:1cap}.icon-top-right-container{top:0;right:2px;font-size:20px;position:absolute;z-index:1090;padding:1cap}.promotion-label{border:1px solid #ddd;border-radius:100px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding:2cap;padding-left:5cap;padding-right:5cap}.time-picker-header{height:35px;overflow:hidden;border:1px solid #ebedef;background-color:#f6f6f6}.vue__time-picker,.vue__time-picker input.display-time{width:10em}@media only screen and (max-width:600px){.vue__time-picker,.vue__time-picker input.display-time{width:5em}}.json-display{font-family:monospace;background-color:#f8f9fa;padding:10px;border:1px solid #ced4da;border-radius:4px;white-space:pre-wrap;word-break:break-word}.condition-type-option,.condition-type-option:hover{margin-right:1cap;font-size:medium;background-color:#f9f9f9;border:2px solid #eee;border-radius:5px;white-space:nowrap;text-align:center;padding:8px}.condition-type-option-selected{margin-right:1cap;font-size:medium;background-color:var(--success);border:2px solid var(--success);color:#fff;border-radius:5px;white-space:nowrap;text-align:center;padding:8px}.scrollable-container{overflow-x:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;white-space:nowrap;-webkit-overflow-scrolling:touch;max-width:100%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}@media (max-width:700px){.scrollable-container{-webkit-box-pack:unset;-ms-flex-pack:unset;justify-content:unset}}.img-inputbox{width:200px;aspect-ratio:16/9;border-radius:4px;background-color:#eee;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer;overflow:hidden}.badge-priority-first{left:-8px}.badge-priority-first,.badge-priority-last{position:absolute;top:-8px;font-size:12px;color:#fff;padding:2px 6px;border-radius:30px;background-color:var(--success);border:1px solid #fff}.badge-priority-last{right:-8px}.promotion-card{width:100%;height:100%;background-color:#fff;border-radius:10px;-webkit-box-shadow:0 1.6px 3.6px 0 rgba(0,0,0,.13),0 .3px .9px 0 rgba(0,0,0,.11);box-shadow:0 1.6px 3.6px 0 rgba(0,0,0,.13),0 .3px .9px 0 rgba(0,0,0,.11);overflow:hidden;position:relative;cursor:pointer;-webkit-transition:-webkit-transform .2s ease,-webkit-box-shadow .2s ease;transition:-webkit-transform .2s ease,-webkit-box-shadow .2s ease;transition:transform .2s ease,box-shadow .2s ease;transition:transform .2s ease,box-shadow .2s ease,-webkit-transform .2s ease,-webkit-box-shadow .2s ease}.promotion-card:hover{-webkit-transform:translateY(-3px);transform:translateY(-3px);-webkit-box-shadow:0 8px 24px rgba(0,0,0,.12);box-shadow:0 8px 24px rgba(0,0,0,.12)}.limited-text-two{-webkit-line-clamp:2}.limited-text-one,.limited-text-two{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.limited-text-one{-webkit-line-clamp:1;line-height:1.5}.priority-btn{background-color:#f9f9f9;border:2px solid #eee;border-radius:5px;color:var(--dark)}.priority-btn,.priority-btn-selected,.priority-btn-selected:hover{width:120px;padding:2cap;margin-right:1cap;font-size:16px;margin-bottom:1cap}.priority-btn-selected,.priority-btn-selected:hover{background-color:var(--success);border:2px solid var(--success);border-radius:5px;color:#fff}.scope-btn{background-color:#f9f9f9;border:2px solid #eee;border-radius:5px;color:var(--dark)}.scope-btn,.scope-btn-selected,.scope-btn-selected:hover{padding:2cap;margin-right:1cap;font-size:16px;margin-bottom:1cap}.scope-btn-selected,.scope-btn-selected:hover{background-color:var(--success);border:2px solid var(--success);border-radius:5px;color:#fff}.bundle-card{width:150px;aspect-ratio:1/1;border:1px solid #ddd}.fixed-price-card{width:100%}.promotion-card-container{width:100%;overflow-x:auto;white-space:nowrap;padding:10px;padding-bottom:0}.badge-container{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:5px;margin-top:5px}.input-icon-right{margin-left:-1px!important;border-top-left-radius:0!important;border-bottom-left-radius:0!important;border-top-right-radius:.25rem!important;border-bottom-right-radius:.25rem!important;border-right:.25rem!important;border:1px solid #ced4da!important}.badge-custom-select{padding:.25em .4em;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25rem;color:#4f5d73;background-color:#ebedef;border:none}.input-icon-middle{border-top-left-radius:0!important;border-bottom-left-radius:0!important;border-left:none!important}.feature-box{width:100%;background-color:var(--success);border-radius:15px;color:#fff;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:3cap;text-align:left;height:100%;margin:0cap}.feature-box,.promo-header{display:-webkit-box;display:-ms-flexbox;display:flex}.promo-header{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:12px;margin-bottom:16px}.promo-header-left{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:200px}.promo-title{font-size:1.5rem;font-weight:700;margin-bottom:4px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.promo-header-right,.promo-title{display:-webkit-box;display:-ms-flexbox;display:flex}.promo-header-right{gap:8px;-ms-flex-wrap:wrap;flex-wrap:wrap}.promo-btn-create{color:#fff!important;font-weight:600;padding:8px 20px}.promo-btn-create,.promo-btn-sort{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;white-space:nowrap;border-radius:8px}.promo-btn-sort{padding:8px 16px}.promo-stats{display:-webkit-box;display:-ms-flexbox;display:flex;gap:12px;margin-bottom:20px;-ms-flex-wrap:wrap;flex-wrap:wrap}.promo-stat-item{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:120px;background:#f8f9fa;border-radius:12px;padding:14px 18px;text-align:center;border:1px solid #ebedef;-webkit-transition:background .2s;transition:background .2s}.promo-stat-item:hover{background:#f0f0f0}.promo-stat-item--selected{border-width:2px;border-color:#3182ce;-webkit-box-shadow:0 0 0 3px rgba(49,130,206,.15);box-shadow:0 0 0 3px rgba(49,130,206,.15)}.promo-stat-item--active.promo-stat-item--selected{border-color:var(--success);-webkit-box-shadow:0 0 0 3px rgba(40,167,69,.15);box-shadow:0 0 0 3px rgba(40,167,69,.15)}.promo-stat-item--expired.promo-stat-item--selected{border-color:#e65100;-webkit-box-shadow:0 0 0 3px rgba(230,81,0,.15);box-shadow:0 0 0 3px rgba(230,81,0,.15)}.promo-stat-item--active{background:#e8f5e9;border-color:#c8e6c9}.promo-stat-item--expired{background:#fff3e0;border-color:#ffe0b2}.promo-stat-num{font-size:1.75rem;font-weight:700;color:#2d3748;line-height:1.2}.promo-stat-item--active .promo-stat-num{color:var(--success)}.promo-stat-item--expired .promo-stat-num{color:#e65100}.promo-stat-label{font-size:.82rem;color:#718096;margin-top:2px}.promo-filters{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:12px;margin-bottom:20px}.promo-filters,.promo-status-tabs{display:-webkit-box;display:-ms-flexbox;display:flex}.promo-status-tabs{gap:6px;-ms-flex-wrap:nowrap;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.promo-status-tabs::-webkit-scrollbar{display:none}.promo-tab{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:7px 16px;font-size:14px;border:2px solid #e2e8f0;background:#fff;color:#4a5568;border-radius:20px;cursor:pointer;-webkit-transition:all .2s;transition:all .2s;white-space:nowrap;font-weight:500}.promo-tab:hover{background:#f0f0f0}.promo-tab--active{background:var(--success)!important;color:#fff!important;border-color:var(--success)!important}.promo-tab--expired-btn:hover{background:#fff3e0}.promo-tab--active-expired{background:#e65100!important;color:#fff!important;border-color:#e65100!important}.promo-tab-count{margin-left:6px;background:rgba(0,0,0,.1);padding:1px 8px;border-radius:10px;font-size:12px;font-weight:600}.promo-tab--active-expired .promo-tab-count,.promo-tab--active .promo-tab-count{background:hsla(0,0%,100%,.3)}.promo-type-filter{min-width:200px}.promo-type-filter .custom-select-sm{border-radius:8px;border-color:#e2e8f0}.promo-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}@media (max-width:1300px){.promo-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:992px){.promo-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:576px){.promo-grid{grid-template-columns:repeat(2,1fr)}}.promo-card-wrapper{cursor:pointer}.promo-card-wrapper--expired{opacity:.6;-webkit-filter:grayscale(30%);filter:grayscale(30%);-webkit-transition:opacity .2s,-webkit-filter .2s;transition:opacity .2s,-webkit-filter .2s;transition:opacity .2s,filter .2s;transition:opacity .2s,filter .2s,-webkit-filter .2s}.promo-card-wrapper--expired:hover{opacity:.85;-webkit-filter:grayscale(10%);filter:grayscale(10%)}.promo-card{background:#fff;border-radius:12px;-webkit-box-shadow:0 2px 8px rgba(0,0,0,.08);box-shadow:0 2px 8px rgba(0,0,0,.08);overflow:hidden;height:100%;-webkit-transition:-webkit-transform .2s ease,-webkit-box-shadow .2s ease;transition:-webkit-transform .2s ease,-webkit-box-shadow .2s ease;transition:transform .2s ease,box-shadow .2s ease;transition:transform .2s ease,box-shadow .2s ease,-webkit-transform .2s ease,-webkit-box-shadow .2s ease;position:relative}.promo-card:hover{-webkit-transform:translateY(-3px);transform:translateY(-3px);-webkit-box-shadow:0 8px 24px rgba(0,0,0,.12);box-shadow:0 8px 24px rgba(0,0,0,.12)}.promo-card-badges{position:absolute;top:10px;left:10px;z-index:2;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:4px}.promo-badge{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:4px;padding:3px 10px;border-radius:20px;font-size:12px;font-weight:600;backdrop-filter:blur(6px)}.promo-badge--active{background:hsla(0,0%,100%,.92);color:var(--success)}.promo-badge--inactive{background:hsla(0,0%,100%,.92);color:var(--danger)}.promo-badge--expired{background:#dc3545;color:#fff}.promo-badge--grab{background:hsla(0,0%,100%,.92);padding:2px 6px}.promo-card-usage{position:absolute;top:10px;right:10px;z-index:2;background:var(--success);color:#fff;font-size:11px;font-weight:600;padding:3px 10px;border-radius:20px}.promo-card-img{position:relative;aspect-ratio:16/9;overflow:hidden}.promo-card-img img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.promo-card:hover .promo-card-img img{-webkit-transform:scale(1.03);transform:scale(1.03)}.promo-card-expired-overlay{position:absolute;inset:0;background:rgba(0,0,0,.45);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.promo-card-expired-overlay span{color:#fff;font-size:16px;font-weight:700;padding:4px 16px;border:2px solid #fff;border-radius:6px}.promo-card-info{padding:12px 14px 14px}.promo-card-title{font-size:15px;font-weight:600;margin-bottom:8px;color:#2d3748}.promo-card-meta{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:5px}.promo-card-meta,.promo-card-meta-row{display:-webkit-box;display:-ms-flexbox;display:flex}.promo-card-meta-row{-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px;font-size:13px;color:#718096}.promo-card-meta-row i{font-size:13px;width:16px;text-align:center;-ms-flex-negative:0;flex-shrink:0}.promo-card-date span{font-size:12px}.promo-empty-filter{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:60px 20px}