.promotion-manager{position:relative;overflow:hidden;margin-top:20px;padding:24px!important;background:linear-gradient(145deg,#151d21,#0d1316)!important}.promotion-manager:before{content:"";position:absolute;right:-140px;top:-170px;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,#b8ff0012,transparent 67%);pointer-events:none}.promotion-manager>header{position:relative;display:flex;align-items:center;justify-content:space-between;padding-bottom:18px;border-bottom:1px solid #344149}.promotion-manager>header small{color:var(--lime);font-size:7px;font-weight:900;letter-spacing:.16em}.promotion-manager>header h2{margin:4px 0;font-size:25px}.promotion-manager>header p{margin:0;color:#9ba7ad;font-size:11px}.promotion-manager>header>b{padding:7px 10px;border:1px solid #b8ff0033;border-radius:99px;background:#b8ff000c;color:#c9ff3f;font-size:8px}
.promotion-create{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-top:18px;padding:19px;border:1px solid #3b4a52;border-radius:20px;background:linear-gradient(145deg,#141c20,#0d1418);box-shadow:inset 0 1px #ffffff0b}.promotion-create .wide{grid-column:span 3}.promotion-create label{display:grid;gap:7px;color:#c5cdd1;font-size:9px;font-weight:800}.promotion-create input,.promotion-create select,.promotion-create textarea{width:100%;min-height:43px;padding:12px 13px;border:1px solid #40505a;border-radius:11px;background:#091014;color:#f3f6f7;font-size:10px;transition:.2s}.promotion-create textarea{min-height:68px;resize:vertical}.promotion-create input:focus,.promotion-create select:focus,.promotion-create textarea:focus{outline:0;border-color:#aef000;box-shadow:0 0 0 3px #b8ff0015}.promotion-create small{color:#819098;font-size:7px;line-height:1.45}.promotion-create [hidden]{display:none!important}.promotion-form-intro{display:flex;align-items:center;gap:11px;padding:12px 14px;border:1px solid #b8ff002d;border-radius:13px;background:linear-gradient(90deg,#b8ff000d,transparent)}.promotion-form-intro>i{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#b8ff0018;color:var(--lime);font-style:normal}.promotion-form-intro b,.promotion-form-intro small{display:block}.promotion-form-intro b{font-size:11px}
.promotion-user-picker{padding:14px;border:1px solid #4b5c66;border-radius:14px;background:#10181c}.promotion-user-picker>span b,.promotion-user-picker>span small{display:block}.promotion-user-search{position:relative;margin-top:10px}.promotion-user-search>div{position:absolute;z-index:20;top:calc(100% + 6px);left:0;right:0;padding:6px;border:1px solid #4b5b64;border-radius:12px;background:#11191e;box-shadow:0 18px 45px #000c}.promotion-user-search button{width:100%;display:grid;grid-template-columns:32px 1fr 18px;align-items:center;gap:9px;padding:7px;border:0;border-radius:9px;background:transparent;color:#edf2f4;text-align:left}.promotion-user-search button:hover{background:#202b30}.promotion-user-search button>span,.promotion-selected-users button>span{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:#b8ff0016;color:var(--lime);font-weight:900}.promotion-user-search b,.promotion-user-search small{display:block}.promotion-user-search button>i{color:var(--lime);font-size:17px}.promotion-user-search p{padding:9px;margin:0;color:#87959c;font-size:9px}.promotion-selected-users{display:flex;flex-wrap:wrap;gap:7px;margin-top:9px}.promotion-selected-users>small{padding:8px 2px}.promotion-selected-users button{display:flex;align-items:center;gap:7px;padding:5px 8px 5px 5px;border:1px solid #40505a;border-radius:10px;background:#192228;color:#eef2f4}.promotion-selected-users button b,.promotion-selected-users button small{display:block;text-align:left}.promotion-selected-users button i{color:#85939a;font-style:normal}
.promotion-form-guidance{display:flex;align-items:center;gap:10px;padding:11px 13px;border:1px solid #3a494f;border-radius:12px;background:#182126}.promotion-form-guidance>i{width:8px;height:8px;border-radius:50%;background:var(--lime);box-shadow:0 0 12px #b8ff00}.promotion-form-guidance b,.promotion-form-guidance small{display:block}.promotion-form-footer{display:flex;align-items:center;justify-content:space-between}.promotion-active{display:flex!important;align-items:center;gap:8px}.promotion-active input{width:auto;min-height:0}.promotion-active span b,.promotion-active span small{display:block}.promotion-form-footer>.btn{min-width:210px;height:44px;border-radius:12px}
.promotion-list{display:grid;gap:11px;margin-top:18px}.promotion-list article{display:grid;grid-template-columns:8px minmax(0,1fr) 92px 112px;align-items:center;gap:15px;padding:16px;border:1px solid #40505a;border-radius:16px;background:linear-gradient(145deg,#182126,#11181c);box-shadow:inset 0 1px #ffffff0a;transition:.2s}.promotion-list article:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--promotion-color),#40505a 55%)}.promotion-list article>i{width:7px;height:54px;border-radius:99px;background:var(--promotion-color);box-shadow:0 0 14px var(--promotion-color)}.promotion-card-tags{display:flex;gap:6px;margin-bottom:7px}.promotion-card-tags em{padding:4px 7px;border:1px solid color-mix(in srgb,var(--promotion-color),transparent 70%);border-radius:99px;background:color-mix(in srgb,var(--promotion-color),transparent 90%);color:color-mix(in srgb,var(--promotion-color),white 20%);font-size:7px;font-style:normal;font-weight:900}.promotion-card-copy>b{display:block;color:#f4f6f7;font-size:13px}.promotion-card-copy>p{margin:5px 0 0;color:#b3bdc2;font-size:9px;line-height:1.5}.promotion-card-copy>small{display:block;margin-top:6px;color:#84939a;font-size:7px}.promotion-card-metric{padding:10px;border-inline:1px solid #344149;text-align:center}.promotion-card-metric b,.promotion-card-metric small{display:block}.promotion-card-metric b{font-size:16px}.promotion-card-metric small{color:#8e9ba1;font-size:7px}.promotion-list button{width:100%;padding:9px;border:1px solid #46545c;border-radius:8px;background:#20292e;color:#eef3f5;font-size:8px}.promotion-list article.disabled{opacity:.58}.promotion-empty{padding:25px;text-align:center;color:#75828a}
.member-promotions{position:relative;overflow:hidden;margin-bottom:24px;border:1px solid #526159;border-radius:18px;background:linear-gradient(145deg,#18231e,#0d1517);box-shadow:0 18px 55px #0007}.member-promotions:before{content:"";position:absolute;right:-100px;top:-150px;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,#b8ff001c,transparent 68%)}.member-promotions>header{position:relative;display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid #3a4842}.member-promotions>header small{display:flex;align-items:center;gap:6px;color:var(--lime);font-size:7px;font-weight:900;letter-spacing:.14em}.member-promotions>header small i{width:6px;height:6px;border-radius:50%;background:var(--lime);box-shadow:0 0 10px var(--lime)}.member-promotions>header b{display:block;margin-top:6px;font-size:16px}.member-promotions>header p{margin:4px 0 0;color:#94a19b;font-size:9px}.member-promotions>header>em{padding:6px 9px;border-radius:99px;background:var(--lime);color:#111;font-size:8px;font-style:normal;font-weight:900}.member-promotions>div{position:relative;display:grid;gap:9px;padding:14px}.member-promotions article{display:grid;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:14px;padding:16px;border:1px solid color-mix(in srgb,var(--offer-color),transparent 68%);border-radius:16px;background:linear-gradient(110deg,color-mix(in srgb,var(--offer-color),#121a17 92%),#101719)}.member-offer-icon{width:52px;height:52px;display:grid;place-items:center;border-radius:15px;background:color-mix(in srgb,var(--offer-color),transparent 82%);color:var(--offer-color);font-style:normal}.member-offer-icon b{font-size:20px;animation:offerSpark 2.4s ease-in-out infinite}.member-offer-copy>small,.member-offer-copy>b{display:block}.member-offer-copy>small{color:var(--offer-color);font-size:6px;font-weight:900}.member-offer-copy>b{margin-top:4px;font-size:14px}.member-offer-copy>p{margin:5px 0 0;color:#aeb9b3;font-size:9px;line-height:1.5}.member-offer-meta{display:flex;gap:5px;margin-top:9px}.member-offer-meta em{padding:4px 6px;border:1px solid color-mix(in srgb,var(--offer-color),transparent 76%);border-radius:6px;color:color-mix(in srgb,var(--offer-color),white 22%);font-size:6px;font-style:normal;font-weight:900}.member-promotions form button{display:flex;align-items:center;gap:14px;padding:11px 13px;border:0;border-radius:11px;background:var(--offer-color);color:#10140d;font-size:8px;font-weight:900;transition:.2s}.member-promotions form button:hover{transform:translateY(-2px)}
.premium-pill.has-promotion{position:relative;border-color:#d7ff72!important;box-shadow:0 0 24px #b8ff0022}.premium-promo-indicator{position:absolute;z-index:4;right:-11px;top:-10px;display:flex;align-items:center;gap:4px;padding:4px 6px;border:1px solid #dfff75;border-radius:99px;background:#b8ff00;color:#132000;font-size:7px;font-style:normal;font-weight:950;box-shadow:0 5px 15px #0008}.premium-promo-indicator i,.social-menu-offer i{width:4px;height:4px;border-radius:50%;background:currentColor;animation:offerDot 1.5s infinite}.profile-subscription-link.has-offer{border-color:#b8ff0055!important;background:linear-gradient(90deg,#b8ff0011,transparent)!important}.profile-subscription-link.has-offer>em{color:#caff3e!important}.social-menu a:has(.social-menu-offer){grid-template-columns:35px minmax(0,1fr) auto 14px!important}.social-menu-offer{display:flex;align-items:center;gap:4px;padding:4px 6px;border:1px solid #b8ff004d;border-radius:99px;background:#b8ff0012;color:#b8ff00;font-size:6px;font-style:normal;font-weight:950}.social-menu a:has(.social-menu-offer)>b{display:none}
@keyframes offerSpark{50%{transform:scale(1.14) rotate(8deg)}}@keyframes offerDot{50%{opacity:.3;transform:scale(.7)}}@media(max-width:850px){.promotion-create{grid-template-columns:1fr 1fr}.promotion-create .wide{grid-column:span 2}.promotion-list article{grid-template-columns:7px 1fr 76px}.promotion-list article form{grid-column:2/-1}}@media(max-width:560px){.promotion-create{grid-template-columns:1fr}.promotion-create .wide{grid-column:auto}.promotion-form-footer{align-items:stretch;flex-direction:column;gap:12px}.member-promotions article{grid-template-columns:44px 1fr}.member-promotions form{grid-column:1/-1}.member-promotions button{width:100%;justify-content:space-between}.member-offer-meta{display:none}}