@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap);body{margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.promotions-container{align-items:center;background:#fff;display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:20px;position:relative}.circle{animation:float 20s infinite;background:#e66d3308;border-radius:50%;position:absolute}.circle-1{animation-delay:0s;height:400px;right:-100px;top:-150px;width:400px}.circle-1,.circle-2{background:#e66d3305}.circle-2{animation-delay:5s;bottom:-100px;height:300px;left:-100px;width:300px}.circle-3{animation-delay:10s;background:#e66d3305;bottom:50%;height:200px;right:20%;width:200px}@keyframes float{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-30px) scale(1.05)}}.login-box{animation:slideUp .6s ease-out;background:#fff;border:1px solid #e66d331a;border-radius:32px;box-shadow:0 30px 70px #e66d3326;max-width:460px;padding:48px;position:relative;width:100%;z-index:10}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.brand-section{gap:12px;margin-bottom:40px}.brand-section,.logo-wrapper{align-items:center;display:flex}.logo-wrapper{background:#e66d33;border-radius:16px;box-shadow:0 15px 25px #e66d3340;height:52px;justify-content:center;width:52px}.logo-icon{stroke:#fff;fill:none;height:30px;width:30px}.brand-name{color:#e66d33;font-size:32px;font-weight:700}.brand-name span{color:#333;font-weight:300}.login-header{margin-bottom:32px}.login-header h2{color:#333;font-size:28px;font-weight:700;margin-bottom:8px}.login-header p{color:#666;font-size:15px;line-height:1.6}.login-form{display:flex;flex-direction:column;gap:24px;margin-bottom:32px}.input-wrapper{align-items:flex-start;display:flex;gap:12px;position:relative}.input-icon{align-items:center;background:#fef6f2;border:1px solid #e66d331a;border-radius:14px;display:flex;flex-shrink:0;height:44px;justify-content:center;width:44px}.input-icon svg{stroke:#e66d33}.input-group{display:flex;flex:1 1;flex-direction:column;gap:6px}.input-group label{color:#e66d33;font-size:13px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.input-group input{background:#fff;border:2px solid #f0f0f0;border-radius:16px;color:#333;font-size:15px;padding:12px 16px;transition:all .3s ease;width:100%}.input-group input::placeholder{color:#aaa;font-weight:300}.input-group input:focus{border-color:#e66d33;box-shadow:0 0 0 4px #e66d331a;outline:none}.input-group input.error{border-color:#ff4d4f}.input-group input:disabled{background-color:#fafafa;cursor:not-allowed;opacity:.7}.error-message{align-items:center;animation:shake .5s ease-in-out;background:#fff2f0;border:1px solid #ffccc7;border-radius:16px;color:#ff4d4f;display:flex;font-size:14px;gap:10px;margin-top:8px;padding:12px 16px}.error-message svg{stroke:#ff4d4f;flex-shrink:0}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}.login-button{align-items:center;background:#e66d33;border:none;border-radius:18px;box-shadow:0 10px 25px #e66d334d;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:12px;justify-content:center;margin-top:8px;overflow:hidden;padding:18px 24px;position:relative;transition:all .3s ease}.login-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.login-button:hover:before{left:100%}.login-button:hover:not(:disabled){background:#d55d24;box-shadow:0 20px 35px #e66d3366;transform:translateY(-3px)}.login-button:active:not(:disabled){transform:translateY(0)}.login-button:disabled{box-shadow:none;cursor:not-allowed;opacity:.6}.login-button.loading{cursor:wait}.arrow-icon{stroke:#fff;transition:transform .3s ease}.login-button:hover .arrow-icon{transform:translateX(5px)}.spinner{animation:spin 1s linear infinite;border:3px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:20px;width:20px}.demo-section{background:#fef9f5;border:1px solid #e66d331a;border-radius:24px;margin-bottom:24px;padding:24px}.demo-title{color:#e66d33;font-size:14px;font-weight:600;letter-spacing:.5px;margin-bottom:16px;text-transform:uppercase}.demo-cards{display:flex;flex-direction:column;gap:12px}.demo-card{align-items:center;background:#fff;border:1px solid #e66d3326;border-radius:18px;display:flex;gap:12px;padding:14px 18px;transition:all .3s ease}.demo-card:hover{border-color:#e66d33;box-shadow:0 8px 20px #e66d331a;transform:translateX(8px)}.demo-label{color:#666;font-size:13px;font-weight:500;min-width:70px}.demo-value{background:#fef6f2;border:1px solid #e66d331a;border-radius:12px;color:#e66d33;flex:1 1;font-family:Courier New,monospace;font-size:14px;font-weight:600;padding:8px 12px}.copy-btn{align-items:center;background:none;border:none;border-radius:10px;color:#e66d33;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .2s ease}.copy-btn:hover{background:#fef6f2;transform:scale(1.1)}.copy-btn svg{stroke:#e66d33}.login-footer{border-top:1px solid #e66d331a;color:#999;font-size:13px;padding-top:20px;text-align:center}@media (max-width:480px){.login-box{padding:32px 24px}.brand-name{font-size:26px}.logo-wrapper{height:44px;width:44px}.logo-icon{height:24px;width:24px}.login-header h2{font-size:24px}.login-header p{font-size:14px}.demo-card{flex-wrap:wrap;padding:16px}.demo-label{margin-bottom:4px;min-width:100%}.demo-value{width:calc(100% - 44px)}.input-wrapper{align-items:stretch;flex-direction:column}.input-icon{height:44px;margin-bottom:-8px;width:100%}}.login-box:before{background:linear-gradient(90deg,#0000,#e66d33,#0000);border-radius:4px 4px 0 0;content:"";height:4px;left:20px;position:absolute;right:20px;top:0}:focus-visible{outline:2px solid #e66d33}body{font-family:Inter,sans-serif}.promotions-deta{background:#fff;color:#333;min-height:100vh;position:relative}.promotions-deta:before{background:linear-gradient(90deg,#0000,#e66d33,#0000);content:"";display:none;height:4px;left:0;position:fixed;right:0;top:0;z-index:100}.screen-header{align-items:center;background:#fff;border-bottom:2px solid #e66d331a;box-shadow:0 4px 20px #e66d330d;display:flex;justify-content:space-between;padding:20px 40px;position:-webkit-sticky;position:sticky;top:0;z-index:50}.screen-info h1{color:#e66d33;font-size:24px;font-weight:700;margin-bottom:5px}.screen-info p{color:#666;font-size:14px}.back-btn{align-items:center;background:#fff;border:2px solid #e66d33;border-radius:30px;color:#e66d33;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 24px;transition:all .3s ease}.back-btn:hover{background:#e66d33;box-shadow:0 10px 20px #e66d3333;color:#fff;transform:translateY(-2px)}.display-area{background:#f8f8f8;height:100vh;overflow:hidden;position:relative;width:100%}.media-player{align-items:center;background:#000;display:flex;height:100%;justify-content:center;width:100%}.campaign-media{box-shadow:0 20px 40px #0003;max-height:100%;max-width:100%;object-fit:contain}.campaign-info{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:linear-gradient(0deg,#000000e6,#0000);border-left:4px solid #e66d33;border-radius:20px;bottom:40px;left:40px;padding:24px 32px;position:absolute;right:40px;z-index:10}.campaign-info h2{color:#fff;font-size:36px;font-weight:700;margin-bottom:8px}.campaign-info p{color:#ffffffe6;font-size:18px;margin-bottom:16px}.campaign-stats{display:flex;flex-wrap:wrap;gap:12px}.badge{border-radius:30px;box-shadow:0 4px 10px #0003;font-size:14px;font-weight:600;letter-spacing:.5px;padding:6px 16px;text-transform:uppercase}.badge.priority{color:#fff}.badge.priority,.badge.priority.high{background:#e66d33}.badge.priority.low{background:#45b7d1}.badge.duration{background:#fff3;border:1px solid #ffffff4d}.badge.duration,.badge.type{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);color:#fff}.badge.type{background:#e66d334d;border:1px solid #e66d3380}.campaign-queue{background:#fff;border-radius:40px 40px 0 0;box-shadow:0 -10px 30px #e66d331a;margin-top:-30px;padding:30px 40px;position:relative;z-index:30}.campaign-queue h3{align-items:center;color:#e66d33;display:flex;font-size:20px;font-weight:700;gap:10px;margin-bottom:24px}.campaign-queue h3:before{background:#e66d33;border-radius:4px;content:"";height:24px;width:4px}.queue-list{display:flex;flex-direction:column;gap:12px;max-height:300px;overflow-y:auto;padding-right:10px}.queue-list::-webkit-scrollbar{width:6px}.queue-list::-webkit-scrollbar-track{background:#f0f0f0;border-radius:10px}.queue-list::-webkit-scrollbar-thumb{background:#e66d33;border-radius:10px}.queue-list::-webkit-scrollbar-thumb:hover{background:#d55d24}.queue-item{align-items:center;background:#fafafa;border:2px solid #0000;border-radius:16px;cursor:pointer;display:flex;overflow:hidden;padding:16px 20px;position:relative;transition:all .3s ease}.queue-item:before{background:#0000;bottom:0;content:"";left:0;position:absolute;top:0;transition:all .3s ease;width:4px}.queue-item:hover{background:#fff;border-color:#e66d3333;box-shadow:0 8px 20px #e66d331a;transform:translateX(8px)}.queue-item:hover:before{background:#e66d33}.queue-item.active{background:linear-gradient(135deg,#e66d33,#f08a5a);border-color:#0000;box-shadow:0 10px 25px #e66d334d;color:#fff}.queue-item.active:before{background:#fff;width:6px}.queue-item.next{background:#fff5f0;border-color:#e66d33}.queue-index{align-items:center;background:#e66d331a;border-radius:12px;color:#e66d33;display:flex;font-weight:700;height:36px;justify-content:center;margin-right:16px;transition:all .3s ease;width:36px}.queue-item.active .queue-index{background:#fff3;color:#fff}.queue-info{flex:1 1}.queue-info strong{display:block;font-size:16px;font-weight:600;margin-bottom:4px}.queue-info span{align-items:center;display:flex;font-size:13px;gap:4px;opacity:.7}.priority-badge{border-radius:30px;font-size:12px;font-weight:700;letter-spacing:.5px;margin-right:12px;padding:4px 12px;text-transform:uppercase}.priority-badge.high{background:#e66d33;color:#fff}.priority-badge.low{background:#45b7d1;color:#fff}.playing-indicator{animation:pulse 2s infinite;background:#fff3}.next-indicator,.playing-indicator{align-items:center;border-radius:30px;display:flex;font-size:12px;font-weight:600;gap:4px;padding:6px 12px}.next-indicator{background:#e66d33;color:#fff}.no-campaigns{align-items:center;background:linear-gradient(135deg,#fff5f0,#fff);display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:20px;text-align:center}.no-campaigns h2{color:#e66d33;font-size:32px;font-weight:700;margin-bottom:10px}.no-campaigns p{color:#666;font-size:18px;margin-bottom:30px}.no-campaigns .back-btn{background:#e66d33;border:none;border-radius:40px;box-shadow:0 10px 25px #e66d334d;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:14px 32px;transition:all .3s ease}.no-campaigns .back-btn:hover{background:#d55d24;box-shadow:0 15px 35px #e66d3366;transform:translateY(-3px)}.loading-spinner{align-items:center;color:#e66d33;display:flex;font-size:18px;height:100%;justify-content:center;position:relative}.loading-spinner:after{animation:spin 1s linear infinite;border:4px solid #e66d3333;border-radius:50%;border-top-color:#e66d33;content:"";height:40px;margin-left:15px;width:40px}@media (max-width:768px){.screen-header{flex-direction:column;gap:15px;padding:15px 20px;text-align:center}.screen-info h1{font-size:20px}.screen-info p{font-size:12px}.back-btn{justify-content:center;width:100%}.campaign-info{bottom:20px;left:20px;padding:20px;right:20px}.campaign-info h2{font-size:24px}.campaign-info p{font-size:16px}.campaign-stats{gap:8px}.badge{font-size:12px;padding:4px 12px}.campaign-queue{padding:20px}.queue-item{flex-wrap:wrap;padding:12px 16px}.queue-index{height:30px;width:30px}.queue-index,.queue-info strong{font-size:14px}.queue-info span{font-size:11px}.priority-badge{font-size:10px;margin-right:8px;padding:3px 8px}.next-indicator,.playing-indicator{font-size:10px;justify-content:center;margin-top:8px;padding:4px 8px;width:100%}}.glow-effect{box-shadow:0 0 20px #e66d334d}:focus-visible{outline:3px solid #e66d33;outline-offset:2px}::selection{background:#e66d33;color:#fff}.back-button{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#e66d33e6;border:2px solid #ffffff4d;border-radius:40px;box-shadow:0 4px 15px #0003;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;left:20px;opacity:0;padding:0 10px;pointer-events:none;position:fixed;top:20px;transform:translateX(-5px);transition:all .3s ease}.back-button.visible{opacity:1;pointer-events:auto;transform:translateX(0)}.back-button svg{transition:transform .3s ease}.back-button{z-index:1000}@media (max-width:768px){.back-button{font-size:14px;left:15px;padding:5px 10px;top:15px}.back-button svg{height:20px;width:20px}}.wake-lock-indicator{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000b3;border:1px solid #fff3;border-radius:30px;font-size:16px;padding:8px 12px;position:fixed;right:120px;top:20px;z-index:1000}.wake-lock-indicator,.wake-lock-indicator.active{animation:pulse 2s infinite;color:#4caf50}.wake-lock-indicator.inactive{color:#ff4d4f}@keyframes pulse{0%,to{opacity:.8}50%{opacity:1}}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.App{min-height:100vh;width:100%}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#764ba2,#667eea)}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.fade-enter{opacity:0}.fade-enter-active{opacity:1;transition:opacity .3s ease-in}.fade-exit{opacity:1}.fade-exit-active{opacity:0;transition:opacity .3s ease-in}
/*# sourceMappingURL=main.abae6a3d.css.map*/