*{box-sizing:border-box;margin:0;padding:0}body{color:#e0e0e0;background:#1a1a1a;min-height:100vh;padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.promo-container{max-width:1200px;margin:0 auto}@keyframes slideDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes cardSlideIn{0%{opacity:0;transform:translateY(40px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes pulse{0%,to{box-shadow:0 0 10px #ffd7004d}50%{box-shadow:0 0 20px #ffd70099}}@keyframes shine{0%{left:-100%}to{left:100%}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.promo-header{text-align:center;margin-bottom:4px;padding-top:20px;animation:.8s ease-out slideDown}.promo-logo{color:gold;letter-spacing:2px;text-shadow:0 0 20px #ffd7004d;margin-bottom:10px;font-size:32px;font-weight:900}.promo-tagline{color:#888;letter-spacing:3px;text-transform:uppercase;margin-bottom:30px;font-size:12px}.promo-heading{color:#fff;margin-bottom:10px;font-size:28px}.promo-subtitle{color:#999;font-size:14px}.filter-tabs{border-bottom:1px solid #333;gap:2px;margin-bottom:40px;padding-bottom:5px;display:flex;overflow-x:auto}.tab-btn{color:#999;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;padding:8px 10px;font-size:14px;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.tab-btn:hover{color:gold;transform:translateY(-2px)}.tab-btn.active{color:gold;border-bottom-color:gold}.promos-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:25px;margin-bottom:40px;display:grid}.promo-card{background:linear-gradient(135deg,#252525 0%,#1f1f1f 100%);border:1px solid #333;border-radius:12px;padding:24px;transition:all .4s cubic-bezier(.34,1.56,.64,1);animation:.6s ease-out backwards cardSlideIn;position:relative;overflow:hidden}.promo-card:before{content:"";background:var(--status-color,gold);height:3px;position:absolute;top:0;left:0;right:0}.promo-card:after{content:"";background:linear-gradient(90deg,#0000,#ffffff1a,#0000);width:100%;height:100%;animation:.6s ease-in-out shine;position:absolute;top:0;left:-100%}.promo-card:hover:after{animation:.6s ease-in-out shine}.promo-card:hover{border-color:gold;transform:translateY(-8px);box-shadow:0 12px 32px #ffd70026}.status-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:20px;margin-bottom:15px;padding:6px 12px;font-size:11px;font-weight:600;display:inline-block}.status-upcoming{color:#64a6ff;--status-color:#64a6ff;background:#6496ff26}.status-active{color:#4caf50;--status-color:#4caf50;background:#4caf5026;animation:2s ease-in-out infinite pulse}.status-processed{color:#ff9800;--status-color:#ff9800;background:#ff980026}.status-pending{color:#ffc107;--status-color:#ffc107;background:#ffc1072e}.promo-title{color:#fff;margin-bottom:12px;font-size:18px;font-weight:700}.promo-dates{background:#ffd7000d;border-left:3px solid gold;border-radius:4px;margin-bottom:18px;padding:12px}.date-label{color:#999;margin-bottom:4px}.date-value{color:#fff;font-weight:600}.promo-info{margin-bottom:18px}.info-row{border-bottom:1px solid #2a2a2a;justify-content:space-between;padding:8px 0;font-size:13px;transition:padding .3s;display:flex}.info-label{color:#888}.info-value{color:gold;font-weight:600}.status-badge.status-active{animation:2s ease-in-out infinite pulse}.stats-section{border-top:1px solid #333;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:20px;padding-top:30px;display:grid}.stat-card{text-align:center;background:#252525;border:1px solid #333;border-radius:8px;padding:20px;transition:all .3s}.stat-card:hover{border-color:gold;transform:translateY(-4px);box-shadow:0 8px 16px #ffd7001a}.stat-number{color:gold;margin-bottom:8px;font-size:32px;font-weight:900}.stat-label{color:#888;text-transform:uppercase;letter-spacing:1px;font-size:12px}@media (max-width:768px){.promos-grid{grid-template-columns:1fr}.promo-heading{font-size:24px}.promo-subtitle{font-size:8px}}.btn-icon{color:gold;cursor:pointer;background:0 0;border:1px solid #ffd70066;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;transition:all .25s;display:flex}.btn-icon:hover{color:#000;background:gold;transform:translateY(-2px)}.btn-outline{color:gold;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;background:0 0;border:1px solid gold;border-radius:10px;padding:10px 18px;font-size:12px;font-weight:600;transition:all .25s}.btn-outline:hover{background:#ffd70026;transform:translateY(-2px)}.btn-solid{color:#000;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;background:gold;border:none;border-radius:10px;padding:10px 18px;font-size:12px;font-weight:700;transition:all .25s}.btn-solid:hover{background:#ffea5c;transform:translateY(-2px)}.promo-actions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:18px;display:flex}.room-dropdown{z-index:50;background:#1a1a1a;border:1px solid #ffffff26;border-radius:10px;min-width:180px;padding:6px;position:absolute;bottom:120%;right:0;box-shadow:0 10px 30px #0006}.room-item-only{color:gold;cursor:pointer;border-radius:6px;padding:8px 10px;font-size:13px;transition:background .2s}.room-item-only:hover{background:#ffffff14}
.promo-stats-wrapper{width:100%;margin-bottom:18px}@media (min-width:769px){.promo-stats-wrapper .stats-section{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}}@media (max-width:768px){.promo-stats-wrapper .stats-section{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:4px;padding-top:20px;display:flex;overflow-x:auto}.promo-stats-wrapper .stats-section::-webkit-scrollbar{display:none}.promo-stats-wrapper .stat-card{scroll-snap-align:start;background:linear-gradient(145deg,#252525,#1e1e1e);border:1px solid #3a3a3a;border-radius:12px;flex:none;min-width:120px;max-width:140px;padding:8px 4px}.promo-stats-wrapper .stat-card:first-child{margin-left:0}.promo-stats-wrapper .stat-number{margin-bottom:2px;font-size:18px;font-weight:800}.promo-stats-wrapper .stat-label{letter-spacing:.5px;font-size:10px;line-height:1.3}}@media (max-width:480px){.promo-stats-wrapper .stat-card{min-width:150px;max-width:140px;padding:8px 4px}.promo-stats-wrapper .stat-number{font-size:20px}.promo-stats-wrapper .stat-label{font-size:9px}}
.view-modal-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:9999;background:#000000bf;justify-content:center;align-items:center;padding:24px;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.view-modal-overlay .view-modal{background:#0d0d0d;border:1px solid #ffc80040;border-radius:20px;flex-direction:column;width:100%;max-width:850px;max-height:90vh;animation:.25s ease-out scaleIn;display:flex;overflow:hidden;box-shadow:0 0 40px #ffc80026}.view-modal-overlay .view-header{background:#ffd7000d;border-bottom:1px solid #ffc80033;justify-content:space-between;align-items:flex-start;gap:12px;padding:28px 32px;display:flex}.view-modal-overlay .view-title{color:gold;word-break:break-word;margin:0;font-size:26px;font-weight:700}.view-modal-overlay .view-close-btn{border-radius:8px;flex-shrink:0;padding:6px;transition:all .2s}.view-modal-overlay .view-close-btn:hover{background:#ffd7001f;transform:scale(1.08)}.view-modal-overlay .view-close-icon{color:gold}.view-modal-overlay .view-status{text-transform:uppercase;border-radius:8px;margin-top:10px;padding:6px 14px;font-size:12px;font-weight:700;display:inline-block}.view-modal-overlay .status-processed{color:#22c55e;background:#22c55e26}.view-modal-overlay .status-active{color:#facc15;background:#facc1526}.view-modal-overlay .status-upcoming{color:#60a5fa;background:#3b82f626}.view-modal-overlay .status-default{color:#f43f5e;background:#f43f5e26}.view-modal-overlay .view-content{flex-direction:column;flex:1;gap:24px;padding:32px;display:flex;overflow-y:auto}.view-modal-overlay .view-section{background:#ffd7000a;border:1px solid #ffd7001a;border-radius:16px;padding:24px}.view-modal-overlay .view-section-title{color:gold;align-items:center;gap:10px;margin-bottom:18px;font-size:16px;font-weight:700;display:flex}.view-modal-overlay .view-row{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:8px;padding:8px 0;font-size:14px;display:flex}.view-modal-overlay .view-row-label{color:#b3b3b3;font-weight:500}.view-modal-overlay .view-row-value{color:#fff;text-align:right;word-break:break-word;max-width:60%;margin-left:auto;font-weight:600}@media (max-width:600px){.view-modal-overlay .view-row{flex-direction:column;align-items:flex-start}.view-modal-overlay .view-row-value{text-align:left;max-width:100%;margin-left:0}}.view-modal-overlay .view-table-wrapper{overflow-x:auto}.view-modal-overlay .view-table{border-collapse:collapse;width:100%;font-size:14px}.view-modal-overlay .view-table th{text-align:left;color:#d1d1d1;white-space:nowrap;border-bottom:1px solid #ffd70026;padding:12px;font-weight:600}.view-modal-overlay .view-table td{color:#eee;border-bottom:1px solid #ffd70014;padding:12px}.view-modal-overlay .view-table tr:nth-child(2n){background:#ffffff08}.view-modal-overlay .view-table .right{text-align:right}.view-modal-overlay .view-table .center{text-align:center}.view-modal-overlay .amount-gold{color:gold;font-weight:700}.view-modal-overlay .win-paid{color:#22c55e;background:#22c55e26;border-radius:6px;padding:4px 10px;font-size:12px}.view-modal-overlay .win-unpaid{color:#facc15;background:#facc1526;border-radius:6px;padding:4px 10px;font-size:12px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@media (max-width:768px){.view-modal-overlay{padding:12px}.view-modal-overlay .view-modal{border-radius:16px;max-width:100%}.view-modal-overlay .view-header{padding:20px 18px}.view-modal-overlay .view-title{font-size:20px}.view-modal-overlay .view-content{gap:18px;padding:18px}.view-modal-overlay .view-section{padding:16px}.view-modal-overlay .view-section-title{margin-bottom:12px;font-size:14px}.view-modal-overlay .view-row,.view-modal-overlay .view-table{font-size:13px}}@media (max-width:480px){.view-modal-overlay .view-header{flex-direction:column;align-items:flex-start;gap:8px}.view-modal-overlay .view-close-btn{align-self:flex-end}}