.login-container{display:flex;min-height:100vh;background-color:#1a1a1a;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.login-left{flex:1;padding:40px;display:flex;flex-direction:column;justify-content:center;max-width:500px}.login-header{margin-bottom:60px}.logo{display:flex;align-items:center;gap:12px}.logo-icon{width:40px;height:40px;background-color:#2563eb;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px;border-radius:4px}.logo-text{display:flex;flex-direction:column}.logo-title{color:#fff;font-size:24px;font-weight:600;margin:0}.logo-subtitle{color:#9ca3af;font-size:14px;margin:0}.login-form-container{max-width:400px}.login-title{color:#fff;font-size:32px;font-weight:600;margin:0 0 40px}.login-form{display:flex;flex-direction:column;gap:24px}.input-container{position:relative}.form-input{width:100%;padding:12px 40px 12px 12px;background-color:#2d2d2d;border:1px solid #404040;border-radius:8px;color:#fff;font-size:16px;outline:none;transition:border-color .2s}.input-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:#ef4444;font-size:16px;font-weight:700}.password-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;color:#6b7280;font-size:16px;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s;display:flex;align-items:center;justify-content:center;width:24px;height:24px}.password-toggle:hover{color:#9ca3af;background-color:#ffffff1a}.password-toggle:focus{outline:none;color:#2563eb;background-color:#2563eb1a}.error-message{color:#ef4444;font-size:14px;margin-top:-8px}.login-button{background-color:#8b5cf6;color:#fff;border:none;border-radius:8px;padding:16px 24px;font-size:16px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:background-color .2s;margin-top:8px}.login-button:hover:not(:disabled){background-color:#7c3aed}.login-button:disabled{opacity:.6;cursor:not-allowed}.button-icon{font-size:18px;font-weight:700}.login-links{display:flex;align-items:center;gap:8px;margin-top:24px;font-size:14px}.link{color:#9ca3af;text-decoration:none;transition:color .2s}.link:hover{color:#fff}.link-separator{color:#6b7280}.login-right{flex:1;background-color:#2d2d2d;display:flex;align-items:center;justify-content:center;padding:40px}.info-panel{max-width:400px;color:#fff}.info-title{font-size:24px;font-weight:700;margin:0 0 16px;color:#fff}.info-description{font-size:16px;color:#d1d5db;line-height:1.6;margin:0 0 24px}.info-features{list-style:none;padding:0;margin:0}.info-features li{color:#d1d5db;font-size:16px;line-height:1.6;margin-bottom:8px;position:relative;padding-left:20px}.info-features li:before{content:"•";color:#8b5cf6;font-weight:700;position:absolute;left:0}@media (max-width: 768px){.login-container{flex-direction:column}.login-right{order:-1;min-height:300px}.login-left{padding:20px}}.user-settings-modal{max-width:none!important;width:80vw!important;max-height:90vh;overflow-y:auto;margin:20px;background:linear-gradient(145deg,#1a1a1a,#2d2d2d);border:1px solid #404040;box-shadow:0 25px 50px #00000080;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.modal-content.user-settings-modal{width:80vw!important;max-width:none!important}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.loading-spinner{width:40px;height:40px;border:4px solid #374151;border-top:4px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.loading-container p{color:#9ca3af;font-size:16px;margin:0}.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.error-container p{color:#ef4444;font-size:16px;margin:0}.user-settings{padding:0;display:grid;grid-template-columns:1fr 1fr;gap:24px;min-height:500px}.settings-section{background:linear-gradient(145deg,#2a2a2a,#1f1f1f);border:1px solid #404040;border-radius:16px;margin-bottom:0;overflow:hidden;box-shadow:0 8px 32px #0000004d;transition:all .3s ease;height:fit-content}.settings-section:hover{transform:translateY(-2px);box-shadow:0 12px 40px #0006}.section-header{background:linear-gradient(135deg,#6366f1,#8b5cf6);padding:20px 24px;border-bottom:1px solid #404040;position:relative;overflow:hidden}.section-header:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);pointer-events:none}.section-header h4{color:#fff;margin:0;font-size:18px;font-weight:700;display:flex;align-items:center;gap:12px;position:relative;z-index:1;text-shadow:0 2px 4px rgba(0,0,0,.3)}.section-content{padding:24px}.personal-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.personal-info-grid .info-row{margin-bottom:0}.info-row{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.info-row:last-child{margin-bottom:0}.info-label{color:#d1d5db;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.info-value{color:#f3f4f6;font-size:15px;font-weight:500;padding:12px 16px;background:linear-gradient(145deg,#374151,#2d3748);border-radius:8px;border:1px solid #4b5563;box-shadow:inset 0 2px 4px #0000001a}.form-input{background:linear-gradient(145deg,#374151,#2d3748);border:1px solid #4b5563;border-radius:8px;color:#f3f4f6;font-size:15px;font-weight:500;padding:12px 16px;transition:all .3s ease;box-shadow:inset 0 2px 4px #0000001a}.form-input:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a,inset 0 2px 4px #0000001a;background:linear-gradient(145deg,#404040,#374151)}.form-input::placeholder{color:#9ca3af}.status-badge{padding:8px 16px;border-radius:20px;font-size:12px;font-weight:700;text-transform:uppercase;display:inline-block;width:fit-content;letter-spacing:.5px;box-shadow:0 2px 8px #0003;transition:all .3s ease}.status-badge.active{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:1px solid #10b981;box-shadow:0 4px 12px #10b9814d}.status-badge.inactive{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:1px solid #ef4444;box-shadow:0 4px 12px #ef44444d}.plan-info-grid{display:flex;flex-direction:column;gap:20px}.current-plan-card{border-radius:20px;padding:28px;margin-bottom:24px;box-shadow:0 12px 40px #0006;position:relative;overflow:hidden;transition:all .3s ease;border:2px solid transparent}.current-plan-card:hover{transform:translateY(-4px);box-shadow:0 16px 50px #00000080}.current-plan-card.standard{background:linear-gradient(135deg,#1e40af,#3b82f6,#60a5fa);border:2px solid #60a5fa;box-shadow:0 12px 40px #3b82f666}.current-plan-card.pro{background:linear-gradient(135deg,#d97706,#f59e0b,#fbbf24);border:2px solid #fbbf24;box-shadow:0 12px 40px #f59e0b80}.current-plan-card.personalizado{background:linear-gradient(135deg,#7c3aed,#a855f7,#c084fc);border:2px solid #c084fc;box-shadow:0 12px 40px #a855f780}.current-plan-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);pointer-events:none}.current-plan-header{display:flex;align-items:center;gap:16px;margin-bottom:16px;position:relative;z-index:1}.plan-icon{font-size:32px;width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.plan-icon.standard{background:#fff3;box-shadow:0 4px 16px #3b82f64d}.plan-icon.pro{background:#ffffff40;box-shadow:0 4px 16px #f59e0b66;animation:goldGlow 2s ease-in-out infinite alternate}.plan-icon.personalizado{background:#fff3;box-shadow:0 4px 16px #a855f766;animation:purplePulse 2s ease-in-out infinite}@keyframes goldGlow{0%{box-shadow:0 4px 16px #f59e0b66}to{box-shadow:0 6px 24px #f59e0b99}}@keyframes purplePulse{0%,to{transform:scale(1);box-shadow:0 4px 16px #a855f766}50%{transform:scale(1.05);box-shadow:0 6px 24px #a855f799}}.plan-details{flex:1;display:flex;flex-direction:column;gap:8px}.plan-status{display:flex;align-items:center;gap:8px}.status-text{color:#ffffffe6;font-size:14px;font-weight:500}.status-indicator{width:8px;height:8px;border-radius:50%;animation:pulse 2s infinite}.current-plan-card.standard .status-indicator{background:#60a5fa;box-shadow:0 0 8px #60a5fa99}.current-plan-card.pro .status-indicator{background:#fbbf24;box-shadow:0 0 8px #fbbf24cc;animation:goldPulse 2s infinite}.current-plan-card.personalizado .status-indicator{background:#c084fc;box-shadow:0 0 8px #c084fccc;animation:purplePulse 2s infinite}@keyframes goldPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.2)}}.plan-card{background:#374151;border:1px solid #4b5563;border-radius:8px;padding:16px}.plan-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.plan-label,.current-plan-card .plan-label{color:#ffffffe6;font-size:16px;font-weight:600}.plan-badge{padding:8px 16px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;display:inline-block}.current-plan-card .plan-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-weight:700;letter-spacing:.5px}.current-plan-card.standard .plan-badge{background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.3)}.current-plan-card.pro .plan-badge{background:#0003;color:#fbbf24;border:1px solid rgba(251,191,36,.5);text-shadow:0 0 8px rgba(251,191,36,.5)}.current-plan-card.personalizado .plan-badge{background:#ffffff26;color:#e9d5ff;border:1px solid rgba(201,132,252,.5);text-shadow:0 0 8px rgba(168,85,247,.5)}.plan-badge.iniciante{background:#3b82f633;color:#3b82f6;border:1px solid rgba(59,130,246,.3)}.plan-badge.intermediario{background:#10b98133;color:#10b981;border:1px solid rgba(16,185,129,.3)}.plan-badge.avancado{background:#a855f733;color:#a855f7;border:1px solid rgba(168,85,247,.3)}.plan-badge.premium{background:#f59e0b33;color:#f59e0b;border:1px solid rgba(245,158,11,.3)}.limits-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;width:100%}.limit-item{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 6px;background:linear-gradient(145deg,#2d3748,#1a202c);border-radius:6px;border:1px solid #4a5568;text-align:center;transition:all .3s ease;box-shadow:0 2px 8px #0003}.limit-item:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0000004d;border-color:#6366f1}.limit-icon{font-size:12px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#374151,#2d3748);border-radius:6px;box-shadow:0 2px 4px #0003;border:1px solid #4a5568}.limit-info{display:flex;flex-direction:column;gap:2px;width:100%}.limit-label{color:#9ca3af;font-size:8px;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.limit-value{color:#f3f4f6;font-size:12px;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.3)}.limit-progress{width:100%;height:4px;background:#374151;border-radius:2px;overflow:hidden;margin-top:4px;box-shadow:inset 0 1px 2px #0003}.limit-bar{height:100%;background:linear-gradient(90deg,#6366f1,#10b981,#f59e0b);border-radius:2px;transition:width .5s ease;box-shadow:0 1px 2px #0003}.save-button{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:12px;padding:14px 28px;font-size:15px;font-weight:700;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:10px;box-shadow:0 4px 16px #10b9814d;text-transform:uppercase;letter-spacing:.5px}.save-button:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);transform:translateY(-2px);box-shadow:0 8px 24px #10b98166}.save-button:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:0 2px 8px #10b98133}.cancel-button{background:linear-gradient(145deg,#374151,#2d3748);color:#d1d5db;border:1px solid #4b5563;border-radius:12px;padding:14px 28px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:10px;text-transform:uppercase;letter-spacing:.5px}.cancel-button:hover{background:linear-gradient(145deg,#404040,#374151);transform:translateY(-2px);box-shadow:0 8px 20px #0000004d;border-color:#6b7280}@media (max-width: 768px){.user-settings{grid-template-columns:1fr;gap:20px}.personal-info-grid,.limits-grid{grid-template-columns:1fr}.limit-item{flex-direction:row;text-align:left}.limit-icon{width:40px;height:40px;font-size:20px}.limit-progress{width:80px;margin-top:0}}@media (max-width: 480px){.user-settings-modal{width:100vw;height:100vh;max-height:100vh;margin:0;border-radius:0}.current-plan-header{flex-direction:column;align-items:flex-start;gap:12px}.plan-status{align-self:flex-end}.limit-item{flex-direction:column;align-items:center;gap:8px;text-align:center}.limit-progress{width:100%;margin-top:8px}.info-row{gap:12px}.section-content{padding:16px}}@media (min-width: 481px) and (max-width: 767px){.user-settings-modal{width:85vw;margin:10px}.limits-grid{grid-template-columns:1fr}.current-plan-header{flex-wrap:wrap;gap:12px}}@media (min-width: 768px){.limits-grid{grid-template-columns:repeat(2,1fr)}.current-plan-header{flex-direction:row;align-items:center}.user-settings-modal{width:80vw}}@media (min-width: 1024px){.limits-grid{grid-template-columns:repeat(2,1fr)}.user-settings-modal{width:80vw;max-width:1400px}}@media (min-width: 1400px){.user-settings-modal{width:80vw;max-width:1600px}}.footer{background:linear-gradient(180deg,#1a1a1acc,#1a1a1a66,#1a1a1a1a);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid rgba(45,45,45,.3);padding:24px 0;margin-top:auto;width:100%;position:relative;overflow:hidden}.footer:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(37,99,235,.3) 50%,transparent 100%)}.footer-content{display:flex;justify-content:center;align-items:center;max-width:1200px;margin:0 auto;padding:0 20px;position:relative;z-index:1}.footer-link{background:#2563eb1a;border:1px solid rgba(37,99,235,.2);color:#9ca3af;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;text-decoration:none;padding:10px 20px;border-radius:25px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);position:relative;overflow:hidden}.footer-link:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s ease}.footer-link:hover{color:#2563eb;background:#2563eb33;border-color:#2563eb66;transform:translateY(-2px);box-shadow:0 4px 15px #2563eb33}.footer-link:hover:before{left:100%}.footer-link:focus{outline:none;color:#2563eb;background:#2563eb33;border-color:#2563eb66;box-shadow:0 0 0 3px #2563eb1a}@media (max-width: 768px){.footer{padding:20px 0;background:linear-gradient(180deg,#1a1a1ae6,#1a1a1a80,#1a1a1a33)}.footer-content{padding:0 16px}.footer-link{font-size:13px;padding:8px 16px;border-radius:20px}}.dashboard-container{min-height:100vh;background-color:#1a1a1a;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.dashboard-content{padding:0 40px 40px;max-width:1400px;margin:0 auto}.welcome-section{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;padding:32px;background:linear-gradient(135deg,#1a1a1a,#2d2d2d);border-radius:16px;border:1px solid #404040;position:relative;overflow:hidden}.welcome-section:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#8b5cf6,#3b82f6,#10b981);border-radius:16px 16px 0 0}.welcome-content{flex:1}.welcome-title{font-size:32px;font-weight:700;color:#fff;margin:0 0 8px;background:linear-gradient(135deg,#fff,#e5e7eb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.welcome-subtitle{font-size:16px;color:#9ca3af;margin:0;font-weight:400}.system-status{display:flex;gap:24px;align-items:center}.status-item{display:flex;flex-direction:column;align-items:center;gap:4px}.status-label{font-size:12px;color:#9ca3af;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.status-value{font-size:14px;font-weight:600;color:#fff}.status-value.online{color:#10b981}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px;margin-bottom:32px}.stat-card{background:linear-gradient(135deg,#2d2d2d,#1a1a1a);border-radius:16px;padding:24px;border:1px solid #404040;position:relative;overflow:hidden;transition:all .3s ease;cursor:pointer}.stat-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #0000004d;border-color:#8b5cf6}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;border-radius:16px 16px 0 0}.stat-card.primary:before{background:linear-gradient(90deg,#8b5cf6,#3b82f6)}.stat-card.success:before{background:linear-gradient(90deg,#10b981,#059669)}.stat-card.warning:before{background:linear-gradient(90deg,#f59e0b,#d97706)}.stat-card.info:before{background:linear-gradient(90deg,#3b82f6,#1d4ed8)}.stat-card{display:flex;align-items:center;gap:16px}.stat-icon{font-size:32px;width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border-radius:12px;border:1px solid rgba(255,255,255,.1)}.stat-content{flex:1}.stat-number{font-size:36px;font-weight:800;color:#fff;margin:0 0 4px;line-height:1}.stat-label{font-size:14px;color:#9ca3af;font-weight:500;margin:0 0 8px}.stat-change{font-size:12px;font-weight:600;padding:4px 8px;border-radius:6px;display:inline-block}.stat-change.positive{background:#10b9811a;color:#10b981;border:1px solid rgba(16,185,129,.2)}.stat-change.neutral{background:#9ca3af1a;color:#9ca3af;border:1px solid rgba(156,163,175,.2)}.main-grid{display:grid;grid-template-columns:2fr 1fr;grid-template-rows:auto auto;gap:24px;margin-bottom:32px}.content-card{background:linear-gradient(135deg,#2d2d2d,#1a1a1a);border-radius:16px;border:1px solid #404040;overflow:hidden;transition:all .3s ease}.content-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0003;border-color:#8b5cf6}.card-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #404040;background:#ffffff05}.card-title{display:flex;align-items:center;gap:12px;font-size:18px;font-weight:600;color:#fff;margin:0}.card-icon{font-size:20px}.card-badge{background:linear-gradient(135deg,#8b5cf6,#3b82f6);color:#fff;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600;min-width:24px;text-align:center}.refresh-btn{background:none;border:none;color:#9ca3af;font-size:16px;cursor:pointer;padding:8px;border-radius:6px;transition:all .2s}.refresh-btn:hover{background:#ffffff1a;color:#fff;transform:rotate(180deg)}.card-content{padding:24px}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center}.loading-spinner{width:32px;height:32px;border:3px solid #404040;border-top:3px solid #8b5cf6;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.loading-state p{color:#9ca3af;font-size:14px;margin:0}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center}.empty-state h3{color:#fff;font-size:18px;font-weight:600;margin:0 0 8px}.empty-state p{color:#9ca3af;font-size:14px;margin:0 0 24px;line-height:1.5}.cta-button{background:linear-gradient(135deg,#8b5cf6,#3b82f6);color:#fff;border:none;border-radius:8px;padding:12px 24px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.cta-button:hover{transform:translateY(-2px);box-shadow:0 8px 24px #8b5cf64d}.displays-grid{display:flex;flex-direction:column;gap:16px}.display-card{background:#ffffff05;border:1px solid #404040;border-radius:12px;padding:20px;transition:all .3s ease}.display-card:hover{background:#ffffff0d;border-color:#8b5cf6;transform:translateY(-2px)}.display-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.display-info{display:flex;align-items:center;gap:12px}.display-icon{width:40px;height:40px;background:#8b5cf61a;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:18px;border:1px solid rgba(139,92,246,.2)}.display-details{flex:1}.display-name{color:#fff;font-size:16px;font-weight:600;margin:0 0 4px}.display-location{color:#9ca3af;font-size:12px;margin:0}.status-badge{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-badge.online{background:#10b9811a;color:#10b981;border:1px solid rgba(16,185,129,.2)}.status-badge.offline{background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.2)}.status-dot{width:6px;height:6px;border-radius:50%;background:currentColor}.display-content{background:#ffffff05;border-radius:8px;padding:16px;border:1px solid #404040}.content-info{display:flex;align-items:center;gap:8px;margin-bottom:8px}.content-label{color:#9ca3af;font-size:12px;font-weight:500}.content-title{color:#fff;font-size:14px;font-weight:600}.type-badge{background:linear-gradient(135deg,#8b5cf6,#3b82f6);color:#fff;padding:4px 8px;border-radius:6px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.activity-list{display:flex;flex-direction:column;gap:16px}.activity-item{display:flex;align-items:center;gap:12px;padding:12px;background:#ffffff05;border-radius:8px;border:1px solid #404040;transition:all .2s ease}.activity-item:hover{background:#ffffff0d;border-color:#8b5cf6}.activity-icon{font-size:16px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border-radius:6px;border:1px solid rgba(255,255,255,.1)}.activity-content{flex:1}.activity-text{display:flex;flex-direction:column;gap:2px}.activity-action{color:#fff;font-size:14px;font-weight:500}.activity-display{color:#9ca3af;font-size:12px}.activity-time{color:#6b7280;font-size:11px;font-weight:500}.system-info{display:flex;flex-direction:column;gap:16px}.info-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #404040}.info-label{color:#9ca3af;font-size:14px;font-weight:500}.info-value{color:#fff;font-size:14px;font-weight:600}.info-value.success{color:#10b981}.status-indicator{padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-indicator.online{background:#10b9811a;color:#10b981;border:1px solid rgba(16,185,129,.2)}.quick-actions{display:flex;flex-direction:column;gap:12px}.action-btn{display:flex;align-items:center;gap:12px;padding:16px;border:none;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;text-align:left}.action-btn.primary{background:linear-gradient(135deg,#8b5cf6,#3b82f6);color:#fff}.action-btn.primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px #8b5cf64d}.action-btn.secondary{background:#ffffff0d;color:#fff;border:1px solid #404040}.action-btn.secondary:hover{background:#ffffff1a;border-color:#8b5cf6;transform:translateY(-2px)}.action-icon{font-size:18px;width:24px;text-align:center}.action-text{flex:1}.content-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.content-title{color:#fff;font-size:20px;font-weight:600;margin:0}.refresh-button{display:flex;align-items:center;gap:8px;padding:8px 16px;background-color:#404040;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s}.refresh-button:hover{background-color:#525252}.refresh-icon{font-size:16px}.content-body{min-height:200px;display:flex;align-items:center;justify-content:center}.empty-state{color:#9ca3af;font-size:16px;margin:0}@media (max-width: 1200px){.main-grid{grid-template-columns:1fr;grid-template-rows:auto auto auto auto}}@media (max-width: 1024px){.stats-grid{grid-template-columns:repeat(2,1fr)}.welcome-section{flex-direction:column;gap:20px;text-align:center}.system-status{justify-content:center}}@media (max-width: 768px){.dashboard-content{padding:0 20px 20px}.top-nav{padding:16px 20px}.main-nav{padding:16px 20px;flex-wrap:wrap}.welcome-section{padding:24px;margin-bottom:24px}.welcome-title{font-size:24px}.stats-grid{grid-template-columns:1fr;gap:16px;margin-bottom:24px}.stat-card{padding:20px}.stat-number{font-size:28px}.main-grid{gap:16px}.content-card{border-radius:12px}.card-header{padding:16px 20px}.card-content{padding:20px}.nav-right{flex-direction:column;gap:8px}.user-info{text-align:center}.user-dropdown{right:-10px;min-width:140px}.user-dropdown-item{padding:10px 12px;font-size:13px}.display-card{padding:16px}.display-header{flex-direction:column;align-items:flex-start;gap:12px}.status-badge{align-self:flex-end}.activity-item{padding:10px}.action-btn{padding:14px}}.displays-list{display:flex;flex-direction:column;gap:16px;padding:0;width:100%}.display-item{background-color:#1a1a1a;border:1px solid #404040;border-radius:12px;padding:20px;transition:all .3s ease;position:relative;overflow:hidden;width:100%;box-sizing:border-box}.display-item:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000004d;border-color:#8b5cf6}.display-item:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#8b5cf6,#3b82f6);border-radius:12px 12px 0 0}.display-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px;gap:16px}.display-header-horizontal{display:flex;align-items:center;gap:24px;padding:0;margin:0;width:100%;min-height:60px}.display-left{display:flex;align-items:center;min-width:0;flex:0 0 200px;max-width:200px}.display-center{display:flex;align-items:center;flex:1;min-width:0;justify-content:center}.display-right{display:flex;flex-direction:column;align-items:flex-end;gap:12px;flex:0 0 160px;min-width:160px;max-width:200px}.display-title-section{display:flex;align-items:flex-start;gap:12px;flex:1;min-width:0}.display-icon{width:40px;height:40px;background-color:#2d2d2d;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:20px;border:1px solid #404040}.display-name{color:#fff;font-size:18px;font-weight:600;margin:0 0 4px;line-height:1.2;word-wrap:break-word;overflow-wrap:break-word}.display-location{color:#9ca3af;font-size:12px;margin:0;font-weight:400}.status-indicator{display:flex;align-items:center;gap:4px;padding:4px 8px;border-radius:16px;font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:.5px;flex-shrink:0;white-space:nowrap;min-width:fit-content;max-width:100%;overflow:visible}.status-indicator.online{background-color:#22c55e1a;color:#22c55e;border:1px solid rgba(34,197,94,.3)}.status-indicator.offline{background-color:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.status-dot{width:6px;height:6px;border-radius:50%;display:inline-block}.status-dot.online{background-color:#22c55e;box-shadow:0 0 8px #22c55e80}.status-dot.offline{background-color:#ef4444;box-shadow:0 0 8px #ef444480}.display-content{background-color:#2d2d2d;border-radius:8px;padding:16px;margin:16px 0;border:1px solid #404040}.display-content-horizontal{background-color:#2d2d2d;border-radius:8px;padding:16px 20px;border:1px solid #404040;text-align:center;min-width:300px;flex:1;max-width:500px}.content-label{color:#9ca3af;font-size:12px;font-weight:500;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.content-title{color:#fff;font-size:16px;font-weight:600;margin-bottom:8px;line-height:1.3}.content-type{display:flex;align-items:center;gap:8px}.type-badge{background-color:#8b5cf6;color:#fff;padding:4px 8px;border-radius:12px;font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.display-info{margin-top:16px;padding-top:16px;border-top:1px solid #404040}.view-display-button{background-color:#8b5cf6;color:#fff;border:none;border-radius:8px;padding:8px 16px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap}.view-display-button:hover{background-color:#7c3aed;transform:translateY(-1px);box-shadow:0 4px 12px #8b5cf64d}.view-display-button:active{transform:translateY(0)}.empty-state{text-align:center;padding:60px 20px;color:#9ca3af;font-size:16px;background-color:#1a1a1a;border-radius:12px;border:2px dashed #404040}@media (max-width: 768px){.displays-list{gap:12px}.display-item{padding:16px}.display-name{font-size:16px}.display-header-horizontal{flex-direction:column;align-items:stretch;gap:16px;min-height:auto}.display-left{flex:1;max-width:none;justify-content:flex-start}.display-center{justify-content:flex-start;min-width:auto;max-width:none}.display-right{align-items:flex-start;flex-direction:row;justify-content:space-between;flex:1;min-width:auto;max-width:none}.status-indicator{font-size:9px;padding:3px 6px;flex-shrink:1;min-width:auto}.display-content-horizontal{min-width:auto;max-width:none}}@media (max-width: 480px){.displays-list{gap:8px}.display-item{padding:12px}.display-name{font-size:14px}.display-icon{width:32px;height:32px;font-size:16px}.display-content-horizontal{min-width:auto;padding:8px 12px}.content-title{font-size:14px}.view-display-button{padding:6px 12px;font-size:11px}.display-header-horizontal{gap:12px}}.displays-container{min-height:100vh;background-color:#1a1a1a;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.displays-header{display:flex;justify-content:space-between;align-items:center;padding:20px 0;background-color:#1a1a1a;margin-bottom:40px}.displays-header h1{font-size:32px;font-weight:600;margin:0;color:#fff}.header-actions{display:flex;align-items:center;gap:20px}.view-toggle{display:flex;background-color:#2d2d2d;border-radius:8px;padding:4px;border:1px solid #404040}.toggle-button{background:none;border:none;color:#9ca3af;padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.toggle-button.active{background-color:#8b5cf6;color:#fff}.toggle-button:hover:not(.active){color:#fff;background-color:#404040}.displays-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:24px}.displays-grid.simple-mode{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.displays-grid:not(.simple-mode){grid-template-columns:repeat(auto-fill,minmax(500px,1fr));gap:24px}.display-card{background-color:#2d2d2d;border-radius:12px;padding:24px;border:1px solid #404040;transition:transform .2s,box-shadow .2s;position:relative;text-align:left}.display-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000004d}.display-card.in-use{border:2px solid #10b981;background:linear-gradient(135deg,#2d2d2d,#1f2937);box-shadow:0 0 20px #10b98133;animation:card-pulse 3s ease-in-out infinite}@keyframes card-pulse{0%{box-shadow:0 0 20px #10b98133}50%{box-shadow:0 0 30px #10b98166}to{box-shadow:0 0 20px #10b98133}}.display-card.in-use:before{content:"● EM USO";position:absolute;top:12px;left:12px;background-color:#10b981;color:#fff;padding:6px 10px;border-radius:6px;font-size:11px;font-weight:700;letter-spacing:.5px;animation:pulse-glow 2s ease-in-out infinite;box-shadow:0 0 15px #10b98199;z-index:10}@keyframes pulse-glow{0%{transform:scale(1);box-shadow:0 0 15px #10b98199}50%{transform:scale(1.05);box-shadow:0 0 25px #10b981cc}to{transform:scale(1);box-shadow:0 0 15px #10b98199}}.display-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px;gap:12px}.display-header h3{font-size:18px;font-weight:600;margin:0;color:#fff;flex:1;padding-top:8px;line-height:1.3}.display-card.in-use .display-header h3{padding-top:35px}.display-actions{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.config-button,.view-button{padding:6px 10px;border:none;border-radius:6px;font-size:11px;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap}.config-button{background-color:#404040;color:#fff}.config-button:hover{background-color:#525252}.view-button{background-color:#2563eb;color:#fff}.view-button:hover{background-color:#1d4ed8}.display-info{display:flex;flex-direction:column;gap:12px}.display-info-simple{display:flex;flex-direction:column;gap:16px;padding:16px 0}.simple-view{min-height:auto}.complete-view{min-height:auto;width:100%;display:flex;flex-direction:column}.complete-view .display-header{margin-bottom:20px}.complete-view .display-info{flex:1;display:flex;flex-direction:column;gap:12px}.complete-view .info-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #404040;width:100%}.complete-view .info-row:last-child{border-bottom:none}.complete-view .info-row .label{color:#9ca3af;font-size:12px;font-weight:500;flex:0 0 auto;min-width:140px}.complete-view .info-row span:not(.label){color:#fff;font-size:12px;text-align:right;flex:1;margin-left:16px}.complete-view .status{padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500;text-align:center;min-width:80px}.complete-view .status-em-uso{background-color:#10b981;color:#fff}.complete-view .status-disponivel{background-color:#6b7280;color:#fff}.complete-view .status-online{background-color:#10b981;color:#fff}.complete-view .status-offline{background-color:#ef4444;color:#fff}.complete-view .status-cache-available{background-color:#10b981;color:#fff}.complete-view .status-cache-preparing{background-color:#f59e0b;color:#fff}.simple-view .display-header{margin-bottom:16px}.simple-view .display-actions{flex-direction:column;gap:6px;margin-bottom:16px}.simple-view .config-button,.simple-view .view-button{width:auto;justify-content:center;padding:6px;font-size:14px;min-width:32px;height:32px}.simple-view .pause-display-btn{width:auto;padding:6px;font-size:14px;min-width:32px;height:32px}.content-preview{color:#d1d5db;font-size:12px;font-style:italic;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block}.current-content-title{color:#d1d5db;font-size:14px;font-weight:500;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;text-align:right}.simple-view .info-row.content-row{flex-direction:row;align-items:center;justify-content:space-between;padding:8px 0;text-align:left}.info-row{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #404040;text-align:left}.info-row span:not(.label){text-align:right;flex:0 0 auto}.label{font-weight:500;color:#9ca3af;text-align:left;font-size:12px;flex:1}.status{padding:4px 8px;border-radius:4px;font-size:12px;font-weight:600;text-transform:uppercase;text-align:right;display:inline-block}.status-em-uso{background-color:#10b981;color:#fff}.status-disponivel{background-color:#ef4444;color:#fff}.status-online{background-color:#f59e0b;color:#fff}.status-offline{background-color:#ef4444;color:#fff}.status-default{background-color:#6b7280;color:#fff}.last-ping-text{color:#9ca3af;font-size:12px;font-style:italic;text-align:right}.code-text{color:#d1d5db;font-size:12px;font-family:Courier New,monospace;text-align:right;background-color:#1a1a1a;padding:4px 8px;border-radius:4px;border:1px solid #404040}.display-title-section{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.grupo-name-small{color:#8b5cf6;font-size:11px;font-weight:500;background-color:#8b5cf61a;padding:2px 6px;border-radius:4px;border:1px solid rgba(139,92,246,.2);margin-top:2px;text-transform:uppercase;letter-spacing:.5px}.status-promo-header{background-color:#2563eb;color:#fff;padding:4px 12px;border-radius:6px;font-size:12px;font-weight:600;animation:pulse-promo 2s infinite;text-transform:uppercase;letter-spacing:.5px}@keyframes pulse-promo{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.05)}}.display-content{margin-top:20px;padding-top:20px;border-top:1px solid #404040}.content-text{margin:8px 0 0;color:#d1d5db;font-size:14px;line-height:1.5;max-height:100px;overflow-y:auto}.modal-body .content-preview{display:flex;flex-direction:column;flex:1;min-height:0;gap:0}.content-preview h4{color:#fff;font-size:16px;font-weight:600;margin:0 0 12px}.content-preview p{color:#d1d5db;font-size:14px;line-height:1.6;margin:0 0 20px}.content-link{margin-bottom:20px}.content-link a{color:#8b5cf6;text-decoration:none;word-break:break-all;display:block;background-color:#1a1a1a;padding:12px;border-radius:6px;border:1px solid #404040;margin-top:8px}.content-link a:hover{text-decoration:underline}.content-name{color:#d1d5db;font-size:14px;font-weight:500;padding:12px;background-color:#1a1a1a;text-align:center;border-top:1px solid #404040;margin:0}.content-url{margin-bottom:20px}.url-link{color:#8b5cf6;text-decoration:none;word-break:break-all;display:block;background-color:#1a1a1a;padding:12px;border-radius:6px;border:1px solid #404040;margin-top:8px;font-size:14px}.url-link:hover{text-decoration:underline;background-color:#2d2d2d}.mini-player-section{margin:0;padding:0}.mini-player-container{margin:0;position:relative;background-color:#000;border-radius:8px;overflow:hidden;border:2px solid #404040;display:flex;flex-direction:column;flex:1;min-height:0}.mini-player{width:100%;flex:1;border:none;display:block;min-height:200px}.unsupported-content{text-align:center;padding:40px 20px;background-color:#1a1a1a;border-radius:8px;border:1px solid #404040;margin-top:16px}.unsupported-icon{font-size:48px;margin-bottom:16px}.unsupported-content p{color:#9ca3af;margin:8px 0;font-size:14px}.unsupported-content p:first-of-type{color:#f59e0b;font-weight:500}.no-content{text-align:center;padding:40px 20px;background-color:#1a1a1a;border-radius:8px;border:1px solid #404040;margin-top:16px}.no-content-icon{font-size:48px;margin-bottom:16px;opacity:.5}.no-content p{color:#9ca3af;margin:8px 0;font-size:14px}.content-info{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:20px;padding-top:20px;border-top:1px solid #404040}.info-item{color:#d1d5db;font-size:14px}.info-item strong{color:#fff;display:block;margin-bottom:4px}.config-form .form-group{display:flex;flex-direction:column;gap:8px}.config-form .form-label{color:#fff;font-size:14px;font-weight:500}.config-form .form-input{width:100%;padding:12px;background-color:#1a1a1a;border:1px solid #404040;border-radius:8px;color:#fff;font-size:16px;outline:none;transition:border-color .2s}.config-form .form-input:focus{border-color:#8b5cf6}.config-form .form-input::placeholder{color:#6b7280}.pause-section{background-color:#1a1a1a;border:1px solid #404040;border-radius:8px;padding:16px;margin:16px 0}.pause-info h4{color:#f59e0b;font-size:16px;font-weight:600;margin:0 0 8px}.pause-info p{color:#9ca3af;font-size:14px;margin:0 0 16px;line-height:1.5}.pause-button{background-color:#f59e0b;color:#fff;border:none;border-radius:8px;padding:12px 20px;font-size:14px;font-weight:600;cursor:pointer;transition:background-color .2s;width:100%}.pause-button:hover:not(:disabled){background-color:#d97706}.pause-button:disabled{opacity:.6;cursor:not-allowed}.pause-display-btn{background-color:#ef4444;color:#fff;border:none;border-radius:6px;padding:6px 10px;font-size:11px;font-weight:500;cursor:pointer;transition:background-color .2s;display:flex;align-items:center;gap:4px}.pause-display-btn:hover{background-color:#dc2626}.pause-display-btn:active{background-color:#b91c1c}.pause-warning{text-align:center;padding:20px 0}.pause-warning .warning-icon{font-size:48px;margin-bottom:16px;color:#f59e0b}.pause-warning p{margin:12px 0;color:#e5e7eb;font-size:16px}.pause-warning .display-name{font-weight:600;color:#3b82f6;font-size:18px}.pause-warning .warning-text{color:#9ca3af;font-size:14px;line-height:1.5}.content-section{background:#2a2a2a;border:1px solid #404040;border-radius:8px;padding:20px;margin-top:20px}.content-info h4{color:#3b82f6;margin:0 0 8px;font-size:16px;font-weight:600}.content-info p{color:#9ca3af;margin:0 0 16px;font-size:14px}.content-button{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:6px;padding:12px 20px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s;display:flex;align-items:center;gap:8px}.content-button:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.content-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.content-selection h4{color:#e5e7eb;margin:0 0 20px;font-size:18px;font-weight:600}.content-type-buttons{display:flex;gap:12px;margin-bottom:24px;flex-wrap:wrap}.content-type-btn{background:#374151;color:#e5e7eb;border:1px solid #4b5563;border-radius:8px;padding:12px 16px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s;display:flex;align-items:center;gap:8px;min-width:120px;justify-content:center}.content-type-btn:hover{background:#4b5563;border-color:#6b7280}.content-type-btn.active{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border-color:#3b82f6}.playlist-selection{background:#1f2937;border:1px solid #374151;border-radius:8px;padding:16px;margin-top:16px}.playlist-selection h5{color:#e5e7eb;margin:0 0 12px;font-size:14px;font-weight:600}.playlist-select{width:100%;background:#374151;color:#e5e7eb;border:1px solid #4b5563;border-radius:6px;padding:10px 12px;font-size:14px;cursor:pointer}.playlist-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.content-info{background:#1f2937;border:1px solid #374151;border-radius:8px;padding:16px;margin-top:16px;text-align:center}.content-info p{color:#9ca3af;margin:0;font-size:14px}.content-set-button{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:6px;padding:12px 20px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s}.content-set-button:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.content-set-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.file-upload-section{background:#1f2937;border:1px solid #374151;border-radius:8px;padding:16px;margin-top:16px}.file-upload-section h5{color:#e5e7eb;margin:0 0 12px;font-size:14px;font-weight:600}.file-upload-area{position:relative;margin-bottom:16px}.file-upload-label{display:inline-block;background:#374151;color:#e5e7eb;border:2px dashed #4b5563;border-radius:8px;padding:20px;text-align:center;cursor:pointer;transition:all .3s;width:100%;font-size:14px;font-weight:500}.file-upload-label:hover{background:#4b5563;border-color:#6b7280}.preview-container{margin-top:16px;text-align:center}.preview-image,.preview-video{max-width:100%;max-height:200px;border-radius:8px;box-shadow:0 4px 12px #0000004d}.file-name{color:#9ca3af;font-size:12px;margin-top:8px;word-break:break-all}.content-selection-section{background:#1f2937;border:1px solid #374151;border-radius:8px;padding:16px;margin-top:16px}.content-selection-section h5{color:#e5e7eb;margin:0 0 12px;font-size:14px;font-weight:600}.content-select{width:100%;background:#374151;color:#e5e7eb;border:1px solid #4b5563;border-radius:6px;padding:10px 12px;font-size:14px;cursor:pointer}.content-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.delete-display-button{background-color:#ef4444;color:#fff;border:none;border-radius:6px;padding:6px 10px;font-size:11px;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:4px}.delete-display-button:hover:not(:disabled){background-color:#dc2626;transform:translateY(-1px)}.delete-display-button:disabled{opacity:.6;cursor:not-allowed}.display-name{color:#fff!important;font-weight:600!important;font-size:16px!important}.add-info{background-color:#1a1a1a;border:1px solid #404040;border-radius:8px;padding:16px;margin-top:16px;display:flex;gap:12px;align-items:flex-start}.info-icon{font-size:20px;flex-shrink:0;margin-top:2px}.info-text{flex:1}.info-text p{color:#9ca3af;font-size:13px;line-height:1.5;margin:0 0 8px}.info-text p:last-child{margin-bottom:0}@media (max-width: 768px){.top-nav{padding:16px 20px}.main-nav{padding:16px 20px;flex-wrap:wrap}.nav-right{flex-direction:column;gap:8px}.user-info{text-align:center}.user-dropdown{right:-10px;min-width:140px}.user-dropdown-item{padding:10px 12px;font-size:13px}.content-wrapper{padding:0 20px 20px}.displays-grid,.displays-grid.simple-mode{grid-template-columns:1fr}.displays-grid:not(.simple-mode){grid-template-columns:1fr}.header-actions{flex-direction:column;gap:12px;align-items:stretch}.view-toggle{justify-content:center}.display-header{flex-direction:column;gap:8px}.display-actions{width:100%;justify-content:flex-start;gap:8px}.simple-view .display-actions{flex-direction:row;gap:8px}.simple-view .config-button,.simple-view .view-button{width:auto;flex:1;padding:6px 10px;font-size:11px}.info-row{flex-direction:column;align-items:flex-start;gap:4px}.label{min-width:auto}.modal-content{width:95%;margin:20px}.modal-actions{flex-direction:column;gap:12px}.modal-actions-right{flex-direction:column;width:100%;margin-left:0}.cancel-button,.save-button{width:100%}.delete-display-button{width:100%;justify-content:center;padding:8px 12px;font-size:12px}.mini-player{min-height:150px}.modal-content{width:95%;max-width:350px}.modal-body,.modal-header{padding:12px}.modal-header h3{font-size:14px}.content-info{grid-template-columns:1fr}.unsupported-content,.no-content{padding:20px 10px}.unsupported-icon,.no-content-icon{font-size:36px}.view-modal-content{width:95vw;height:90vh;margin:20px}.view-modal-header{padding:12px 16px}.view-modal-header h3{font-size:16px}.view-modal-body{padding:16px}.no-media-icon{font-size:48px}.no-media-text{font-size:16px}.pause-display-btn{padding:4px 8px;font-size:10px}}.grupo-controls{margin-bottom:24px;display:flex;justify-content:flex-start}.grupo-filter{display:flex;align-items:center;gap:12px;background-color:#2d2d2d;border-radius:8px;padding:8px 12px;border:1px solid #404040}.grupo-select{background-color:#1a1a1a;color:#fff;border:1px solid #404040;border-radius:6px;padding:8px 12px;font-size:14px;cursor:pointer;min-width:150px}.grupo-select:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}.add-grupo-button{background-color:#8b5cf6;color:#fff;border:none;border-radius:6px;padding:8px 12px;font-size:16px;font-weight:600;cursor:pointer;transition:background-color .2s;min-width:40px;height:40px;display:flex;align-items:center;justify-content:center}.add-grupo-button:hover{background-color:#7c3aed}.grupo-actions{display:flex;gap:6px;align-items:center}.add-grupo-button,.remove-grupo-button{background-color:#2563eb;color:#fff;border:none;border-radius:6px;padding:6px 10px;font-size:11px;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap;display:flex;align-items:center;gap:4px}.add-grupo-button:hover{background-color:#1d4ed8;transform:translateY(-1px)}.remove-grupo-button{background-color:#ef4444}.remove-grupo-button:hover{background-color:#dc2626;transform:translateY(-1px)}.grupo-section{background-color:#1a1a1a;border:1px solid #404040;border-radius:8px;padding:16px;margin:16px 0}.grupo-info h4{color:#8b5cf6;font-size:16px;font-weight:600;margin:0 0 8px}.grupo-info p{color:#9ca3af;font-size:14px;margin:0 0 16px;line-height:1.5}.grupo-management{display:flex;flex-direction:column;gap:16px}.current-grupo{display:flex;flex-direction:column;gap:8px}.grupo-display{background-color:#2d2d2d;border:1px solid #404040;border-radius:6px;padding:12px;min-height:40px;display:flex;align-items:center}.grupo-info-display{display:flex;align-items:center;gap:12px;width:100%}.grupo-name{color:#fff;font-weight:500;font-size:14px}.grupo-code{color:#9ca3af;font-size:12px;font-family:Courier New,monospace;background-color:#1a1a1a;padding:2px 6px;border-radius:4px;border:1px solid #404040}.no-grupo{color:#9ca3af;font-style:italic;font-size:14px}.add-to-grupo{display:flex;flex-direction:column;gap:8px}.grupo-select-container{display:flex;gap:8px;align-items:center}.grupo-select-container select{flex:1}.add-to-grupo-button{background-color:#8b5cf6;color:#fff;border:none;border-radius:6px;padding:8px 16px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s;white-space:nowrap}.add-to-grupo-button:hover:not(:disabled){background-color:#7c3aed}.add-to-grupo-button:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 768px){.grupo-controls{margin-bottom:16px}.grupo-filter{flex-direction:column;gap:8px;width:100%}.grupo-select{width:100%;min-width:auto}.manage-grupos-button{width:100%;justify-content:center}.grupo-actions{flex-direction:column;width:100%;gap:8px}.add-grupo-button,.remove-grupo-button{width:100%;justify-content:center;padding:8px 12px;font-size:12px}.grupo-select-container{flex-direction:column;gap:8px}.add-to-grupo-button{width:100%}}.manage-grupos-button{background-color:#8b5cf6;color:#fff;border:none;border-radius:6px;padding:8px 16px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s;white-space:nowrap;display:flex;align-items:center;gap:8px}.manage-grupos-button:hover{background-color:#7c3aed}.grupo-management-modal{background-color:#2d2d2d;border-radius:12px;width:80vw;max-width:800px;max-height:80vh;overflow-y:auto;border:1px solid #404040}.grupos-list{padding:0}.grupos-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #404040}.grupos-header h4{color:#fff;font-size:18px;font-weight:600;margin:0}.add-grupo-btn{background-color:#8b5cf6;color:#fff;border:none;border-radius:6px;padding:8px 16px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s}.add-grupo-btn:hover{background-color:#7c3aed}.empty-grupos{text-align:center;padding:40px 20px;color:#9ca3af}.empty-icon{font-size:48px;margin-bottom:16px;opacity:.5}.empty-grupos p{font-size:16px;margin-bottom:20px}.create-first-grupo-btn{background-color:#8b5cf6;color:#fff;border:none;border-radius:8px;padding:12px 24px;font-size:16px;font-weight:600;cursor:pointer;transition:background-color .2s}.create-first-grupo-btn:hover{background-color:#7c3aed}.grupos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.grupo-card{background-color:#1a1a1a;border:1px solid #404040;border-radius:8px;padding:16px;transition:transform .2s,box-shadow .2s}.grupo-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.grupo-info{margin-bottom:12px}.grupo-info h5{color:#fff;font-size:16px;font-weight:600;margin:0 0 8px}.grupo-code{display:block;color:#8b5cf6;font-size:12px;font-family:Courier New,monospace;background-color:#2d2d2d;padding:4px 8px;border-radius:4px;border:1px solid #404040;margin-bottom:8px;width:fit-content}.grupo-date{display:block;color:#9ca3af;font-size:12px}.grupo-actions{display:flex;gap:8px;justify-content:flex-end}.edit-grupo-btn,.delete-grupo-btn{background:none;border:none;padding:6px;border-radius:4px;cursor:pointer;transition:background-color .2s;font-size:16px}.edit-grupo-btn{color:#3b82f6}.edit-grupo-btn:hover{background-color:#3b82f61a}.delete-grupo-btn{color:#ef4444}.delete-grupo-btn:hover{background-color:#ef44441a}.edit-info{background-color:#1a1a1a;border:1px solid #404040;border-radius:8px;padding:16px;margin-top:16px}.edit-info .info-text p{color:#9ca3af;font-size:14px;margin:0 0 8px;line-height:1.5}.edit-info .info-text p:last-child{margin-bottom:0}.warning-list{color:#9ca3af;font-size:14px;margin:12px 0 0;padding-left:20px}.warning-list li{margin-bottom:4px}.grupo-name{color:#8b5cf6!important;font-weight:600!important;font-size:16px!important}.manage-displays-btn{background:none;border:none;padding:6px;border-radius:4px;cursor:pointer;transition:background-color .2s;font-size:16px;color:#10b981}.manage-displays-btn:hover{background-color:#10b9811a}.manage-displays-modal{background-color:#2d2d2d;border-radius:12px;width:90vw;max-width:1000px;max-height:80vh;overflow-y:auto;border:1px solid #404040}.displays-management{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:0}.displays-section{background-color:#1a1a1a;border:1px solid #404040;border-radius:8px;padding:16px}.section-header{margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #404040}.section-header h4{color:#fff;font-size:16px;font-weight:600;margin:0}.displays-list{display:flex;flex-direction:column;gap:8px;max-height:400px;overflow-y:auto}.display-item{display:flex;justify-content:space-between;align-items:center;background-color:#2d2d2d;border:1px solid #404040;border-radius:6px;padding:12px;transition:background-color .2s}.display-item:hover{background-color:#374151}.display-info{display:flex;flex-direction:column;gap:4px;flex:1}.display-name{color:#fff;font-size:14px;font-weight:500}.display-local{color:#9ca3af;font-size:12px}.add-display-btn,.remove-display-btn{background:none;border:none;padding:8px;border-radius:4px;cursor:pointer;transition:all .2s;font-size:16px;min-width:32px;height:32px;display:flex;align-items:center;justify-content:center}.add-display-btn{color:#10b981}.add-display-btn:hover{background-color:#10b9811a;transform:scale(1.1)}.remove-display-btn{color:#ef4444}.remove-display-btn:hover{background-color:#ef44441a;transform:scale(1.1)}.empty-displays{text-align:center;padding:40px 20px;color:#9ca3af}.empty-displays .empty-icon{font-size:32px;margin-bottom:12px;opacity:.5}.empty-displays p{font-size:14px;margin:0}@media (max-width: 768px){.manage-displays-modal{width:95vw;margin:20px}.displays-management{grid-template-columns:1fr;gap:16px}.displays-list{max-height:300px}.display-item{flex-direction:column;gap:8px;align-items:stretch}.display-info{text-align:center}.add-display-btn,.remove-display-btn{width:100%;justify-content:center}}@media (max-width: 768px){.grupo-management-modal{width:95vw;margin:20px}.grupos-header{flex-direction:column;gap:12px;align-items:stretch}.add-grupo-btn{width:100%}.grupos-grid{grid-template-columns:1fr}.grupo-actions{justify-content:center}}.promo-modal{background-color:#2d2d2d;border-radius:12px;width:90%;max-width:600px;max-height:90vh;overflow-y:auto;border:1px solid #404040;box-shadow:0 20px 40px #00000080}.promo-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #404040}.promo-modal-header h2{color:#fff;margin:0;font-size:20px;font-weight:600}.promo-modal-body{padding:24px}.promo-form{display:flex;flex-direction:column;gap:20px}.form-group label{color:#fff;font-size:14px;font-weight:500}.form-group input{background-color:#404040;border:1px solid #525252;border-radius:8px;padding:12px;color:#fff;font-size:14px;transition:border-color .2s}.form-group input:focus{outline:none;border-color:#8b5cf6}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.image-upload{display:flex;flex-direction:column;gap:12px}.image-upload input[type=file]{display:none}.upload-button{background-color:#8b5cf6;color:#fff;padding:12px 16px;border-radius:8px;text-align:center;cursor:pointer;transition:background-color .2s;font-size:14px;font-weight:500}.upload-button:hover{background-color:#7c3aed}.image-preview{display:flex;justify-content:center;margin-top:12px}.image-preview img{max-width:200px;max-height:200px;border-radius:8px;object-fit:cover}.display-selection h3{color:#fff;margin:0 0 8px;font-size:18px;font-weight:600}.display-selection p{color:#9ca3af;margin:0 0 20px;font-size:14px}.displays-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}.display-option{background-color:#404040;border:2px solid transparent;border-radius:8px;padding:16px;cursor:pointer;transition:all .2s}.display-option:hover{background-color:#525252}.display-option.selected{border-color:#8b5cf6;background-color:#4c1d95}.display-info h4{color:#fff;margin:0 0 4px;font-size:14px;font-weight:600}.display-info p{color:#9ca3af;margin:0;font-size:12px}.display-status{margin-top:8px}.status{display:inline-block;padding:4px 8px;border-radius:12px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status.available{background-color:#ef4444;color:#fff}.status.in-use{background-color:#10b981;color:#fff}.promo-modal-footer{padding:20px 24px;border-top:1px solid #404040}.step-actions{display:flex;justify-content:space-between;gap:12px}.cancel-button,.back-button{background-color:#404040;color:#fff;border:none;border-radius:8px;padding:12px 20px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s}.cancel-button:hover,.back-button:hover{background-color:#525252}.next-button,.save-button{background-color:#8b5cf6;color:#fff;border:none;border-radius:8px;padding:12px 20px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s}.next-button:hover,.save-button:hover{background-color:#7c3aed}.save-button:disabled{background-color:#6b7280;cursor:not-allowed}@media (max-width: 768px){.promo-modal{width:95%;margin:20px}.form-row,.displays-grid{grid-template-columns:1fr}.step-actions{flex-direction:column}}.checkbox-group{display:flex;align-items:center;gap:12px;margin:16px 0}.checkbox-group input[type=checkbox]{width:18px;height:18px;accent-color:#8b5cf6;cursor:pointer}.checkbox-label{color:#e5e7eb;font-size:14px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:8px;-webkit-user-select:none;user-select:none}.checkbox-label:hover{color:#f3f4f6}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.gerenciar-promo-modal{background-color:#2d2d2d;border-radius:12px;width:90%;max-width:800px;max-height:90vh;overflow-y:auto;border:1px solid #404040;box-shadow:0 20px 40px #00000080}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #404040}.modal-header h2{color:#fff;margin:0;font-size:20px;font-weight:600}.close-button{background:none;border:none;color:#9ca3af;font-size:20px;cursor:pointer;padding:4px;border-radius:4px;transition:background-color .2s}.loading{text-align:center;color:#9ca3af;padding:40px;font-size:16px}.empty-state{text-align:center;color:#9ca3af;padding:40px}.empty-state p{margin:0;font-size:16px}.promos-list{display:flex;flex-direction:column;gap:16px}.promo-item{display:flex;align-items:center;background-color:#404040;border-radius:12px;padding:20px;border:1px solid #525252;transition:transform .2s,box-shadow .2s;gap:20px}.promo-item:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000004d}.promo-logo{width:80px;height:80px;border-radius:12px;overflow:hidden;background-color:#2d2d2d;display:flex;align-items:center;justify-content:center;flex-shrink:0}.promo-logo img{width:100%;height:100%;object-fit:cover}.default-logo{width:100%;height:100%;background-color:#525252;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;color:#fff}.promo-content{flex:1;display:flex;flex-direction:column;gap:8px}.promo-title{color:#fff;font-size:18px;font-weight:600;margin:0}.promo-prices{display:flex;gap:12px;align-items:center}.price-from{color:#9ca3af;font-size:14px;text-decoration:line-through}.price-to{color:#10b981;font-size:16px;font-weight:600}.promo-quantity{display:flex;align-items:center;gap:12px}.quantity-label{color:#d1d5db;font-size:14px}.quantity-controls{display:flex;align-items:center;gap:8px}.quantity-btn{width:32px;height:32px;border:none;border-radius:6px;font-size:18px;font-weight:700;cursor:pointer;transition:background-color .2s;display:flex;align-items:center;justify-content:center}.quantity-btn.minus{background-color:#ef4444;color:#fff}.quantity-btn.minus:hover{background-color:#dc2626}.quantity-btn.plus{background-color:#10b981;color:#fff}.quantity-btn.plus:hover{background-color:#059669}.quantity-value{background-color:#2d2d2d;color:#d1d5db;padding:8px 12px;border-radius:6px;font-size:14px;font-weight:600;min-width:40px;text-align:center;border:1px solid #525252}.promo-date{color:#9ca3af;font-size:12px}.promo-side{display:flex;flex-direction:column;align-items:flex-end;gap:12px}.promo-actions{display:flex;gap:8px;align-items:center}.promo-id{color:#9ca3af;font-size:12px;font-weight:500}.delete-btn{background-color:#ef4444;color:#fff;border:none;border-radius:6px;padding:8px 12px;font-size:12px;font-weight:500;cursor:pointer;transition:background-color .2s}.delete-btn:hover{background-color:#dc2626}.edit-btn{background-color:#6b7280;color:#fff;border:none;border-radius:6px;padding:8px 12px;font-size:16px;font-weight:700;cursor:pointer;transition:background-color .2s;display:flex;align-items:center;justify-content:center;min-width:40px;height:32px}.edit-btn:hover{background-color:#4b5563}.edit-promo-modal{background-color:#2d2d2d;border-radius:12px;width:90%;max-width:600px;max-height:90vh;overflow-y:auto;border:1px solid #404040;box-shadow:0 20px 40px #00000080}.promo-edit-info{display:flex;align-items:center;gap:20px;padding:20px;background-color:#404040;border-radius:12px;margin-bottom:24px}.promo-edit-logo{width:80px;height:80px;border-radius:12px;overflow:hidden;background-color:#2d2d2d;display:flex;align-items:center;justify-content:center;flex-shrink:0}.promo-edit-logo img{width:100%;height:100%;object-fit:cover}.promo-edit-details h3{color:#fff;margin:0 0 8px;font-size:18px;font-weight:600}.promo-edit-prices{display:flex;gap:12px;align-items:center;margin-bottom:8px}.promo-edit-id{color:#9ca3af;font-size:12px;font-weight:500}.displays-section{margin-bottom:24px}.displays-section h4{color:#fff;margin:0 0 8px;font-size:16px;font-weight:600}.displays-section p{color:#9ca3af;margin:0 0 16px;font-size:14px}.displays-list{display:flex;flex-direction:column;gap:12px}.display-item{display:flex;align-items:center;justify-content:space-between;padding:16px;background-color:#404040;border-radius:8px;border:1px solid #525252;transition:all .2s}.display-item:hover{background-color:#4a4a4a}.display-item.active{border-color:#10b981;background-color:#064e3b}.display-info{flex:1}.display-name{color:#fff;font-size:16px;font-weight:600;margin-bottom:4px}.display-location{color:#9ca3af;font-size:14px;margin-bottom:4px}.display-status{font-size:12px;font-weight:500;padding:2px 8px;border-radius:4px;display:inline-block}.display-status.in-use{background-color:#ef4444;color:#fff}.display-status.available{background-color:#10b981;color:#fff}.toggle-btn{background-color:#6b7280;color:#fff;border:none;border-radius:6px;padding:8px 16px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s;min-width:100px}.toggle-btn:hover{background-color:#4b5563}.toggle-btn.active{background-color:#10b981}.toggle-btn.active:hover{background-color:#059669}.toggle-btn:disabled{opacity:.5;cursor:not-allowed}.no-displays{text-align:center;padding:40px;color:#9ca3af}.no-displays p{margin:0;font-size:14px}.modal-actions{display:flex;justify-content:flex-end;padding:20px 24px;border-top:1px solid #404040}.cancel-button{background-color:#6b7280;color:#fff;border:none;border-radius:6px;padding:10px 20px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s}.cancel-button:hover{background-color:#4b5563}.cancel-button:disabled{opacity:.5;cursor:not-allowed}.edit-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.edit-header h3{margin:0;flex:1}.edit-toggle-btn{background-color:#6b7280;color:#fff;border:none;border-radius:6px;padding:8px 12px;font-size:16px;cursor:pointer;transition:background-color .2s;display:flex;align-items:center;justify-content:center;min-width:40px;height:40px}.edit-toggle-btn:hover{background-color:#4b5563}.edit-input{background-color:#2d2d2d;border:1px solid #525252;border-radius:6px;color:#fff;padding:8px 12px;font-size:14px;width:100%;transition:border-color .2s}.edit-input:focus{outline:none;border-color:#10b981}.promo-title-input{font-size:18px;font-weight:600;padding:12px 16px}.edit-label{display:block;color:#d1d5db;font-size:14px;font-weight:500;margin-bottom:8px}.edit-prices-section{display:flex;flex-direction:column;gap:16px}.edit-price-group{display:flex;flex-direction:column;gap:8px}.price-input{max-width:200px}.edit-actions{display:flex;gap:12px;margin-top:20px;padding-top:20px;border-top:1px solid #525252}.cancel-edit-btn{background-color:#6b7280;color:#fff;border:none;border-radius:6px;padding:10px 20px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s;flex:1}.cancel-edit-btn:hover{background-color:#4b5563}.cancel-edit-btn:disabled{opacity:.5;cursor:not-allowed}.save-edit-btn{background-color:#10b981;color:#fff;border:none;border-radius:6px;padding:10px 20px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s;flex:1}.save-edit-btn:hover{background-color:#059669}.save-edit-btn:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.gerenciar-promo-modal{width:95%;margin:20px}.promo-item{flex-direction:column;align-items:flex-start;gap:16px}.promo-side{align-items:flex-start;width:100%}.promo-actions{width:100%;justify-content:space-between}.quantity-controls{flex-wrap:wrap}.edit-promo-modal{width:95%;margin:20px}.promo-edit-info{flex-direction:column;text-align:center}.display-item{flex-direction:column;align-items:flex-start;gap:12px}.toggle-btn{width:100%}.edit-header{flex-direction:column;align-items:flex-start;gap:8px}.edit-prices-section{gap:12px}.price-input{max-width:100%}.modal-actions{flex-direction:column;gap:12px}.modal-actions button{width:100%}.edit-actions{flex-direction:column;gap:8px}.cancel-edit-btn,.save-edit-btn{width:100%}}.delete-confirmation-modal{background-color:#2d2d2d;border-radius:12px;width:90%;max-width:500px;border:1px solid #404040;box-shadow:0 20px 40px #00000080}.delete-warning{text-align:center;padding:20px 0}.warning-icon{font-size:48px;margin-bottom:16px;animation:pulse 2s infinite}.delete-warning p{color:#e5e7eb;font-size:16px;margin:0 0 20px;font-weight:500}.promo-to-delete{background-color:#404040;border-radius:12px;padding:20px;margin:20px 0;display:flex;align-items:center;gap:16px;border:1px solid #525252}.promo-preview{width:80px;height:80px;border-radius:8px;overflow:hidden;background-color:#2d2d2d;display:flex;align-items:center;justify-content:center;flex-shrink:0}.promo-preview img{width:100%;height:100%;object-fit:cover}.no-image-placeholder{font-size:32px;color:#9ca3af}.promo-details{flex:1;text-align:left}.promo-details h4{color:#fff;margin:0 0 8px;font-size:16px;font-weight:600}.promo-details p{color:#9ca3af;margin:0 0 4px;font-size:14px}.warning-text{color:#fbbf24!important;font-size:14px!important;font-weight:500!important;margin-top:16px!important;padding:12px;background-color:#fbbf241a;border-radius:8px;border:1px solid rgba(251,191,36,.2)}.delete-button{background-color:#ef4444;color:#fff;border:none;border-radius:8px;padding:12px 24px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px}.delete-button:hover{background-color:#dc2626;transform:translateY(-1px);box-shadow:0 4px 12px #ef44444d}.delete-button:active{transform:translateY(0)}.delete-button:disabled{background-color:#6b7280;cursor:not-allowed;transform:none;box-shadow:none}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.notification-content{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;padding:16px 20px;border-radius:12px;box-shadow:0 8px 25px #3b82f64d;display:flex;align-items:center;gap:12px;min-width:320px;max-width:400px;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.notification-message{font-size:14px;font-weight:500;line-height:1.4;flex:1}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.anuncios-container{min-height:100vh;background-color:#1a1a1a;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.anuncios-header{padding:20px 0;background-color:#1a1a1a;margin-bottom:40px}.header-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.search-container{max-width:500px}.search-input-wrapper{position:relative;display:flex;align-items:center}.search-input{width:100%;padding:12px 16px 12px 44px;background-color:#2d2d2d;border:1px solid #404040;border-radius:8px;color:#fff;font-size:14px;transition:all .2s}.search-input:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}.search-input::placeholder{color:#9ca3af}.search-icon{position:absolute;left:16px;color:#9ca3af;font-size:16px;pointer-events:none}.anuncios-header h1{font-size:32px;font-weight:600;margin:0;color:#fff}.title-and-count{display:flex;flex-direction:column;align-items:flex-start}.anuncios-count{font-size:14px;color:#9ca3af;margin:4px 0 0;font-weight:400}.limit-warning{text-align:center;padding:20px 0}.limit-warning .warning-icon{font-size:48px;margin-bottom:16px}.limit-warning p{margin:12px 0;color:#d1d5db;line-height:1.5}.limit-info{background-color:#374151;padding:12px 16px;border-radius:8px;margin:16px 0;border-left:4px solid #f59e0b}.limit-info strong{color:#f59e0b}.limit-text{font-size:14px;color:#9ca3af;font-style:italic}.header-actions{display:flex;align-items:flex-start;gap:20px}.filter-section{display:flex;flex-direction:column;gap:12px}.filter-toggle{display:flex;background-color:#2d2d2d;border-radius:8px;padding:4px;border:1px solid #404040}.filter-button{background:none;border:none;color:#9ca3af;padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap}.filter-button.active{background-color:#8b5cf6;color:#fff}.filter-button:hover:not(.active){color:#fff;background-color:#404040}.subheader-buttons{display:flex;gap:8px;align-items:center}.subheader-button{background-color:#1a1a1a;color:#9ca3af;border:1px solid #404040;border-radius:6px;padding:6px 12px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:6px;white-space:nowrap}.subheader-button:hover{background-color:#404040;color:#fff;border-color:#6b7280}.promo-button:hover{border-color:#f59e0b;color:#f59e0b}.qr-button:hover{border-color:#10b981;color:#10b981}.conteudos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px}.conteudo-card{background-color:#2d2d2d;border-radius:12px;padding:16px;border:1px solid #404040;transition:transform .2s,box-shadow .2s;overflow:hidden}.conteudo-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000004d}.conteudo-preview{width:100%;height:180px;background-color:#1a1a1a;border-radius:8px;overflow:hidden;margin-bottom:16px;position:relative;display:flex;align-items:center;justify-content:center}.clickable-preview{cursor:pointer;transition:transform .2s,box-shadow .2s}.clickable-preview:hover{transform:scale(1.02);box-shadow:0 4px 15px #0000004d}.preview-container{width:100%;height:100%;position:relative}.preview-media{width:100%;height:100%;object-fit:cover;border-radius:8px}.preview-fallback{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#1a1a1a;color:#9ca3af}.preview-fallback.hidden{display:none}.fallback-icon{font-size:32px;margin-bottom:8px}.fallback-text{font-size:12px;text-align:center}.preview-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#1a1a1a;color:#9ca3af;border:2px dashed #404040;border-radius:8px}.placeholder-icon{font-size:32px;margin-bottom:8px}.placeholder-text{font-size:12px;text-align:center}.conteudo-info{display:flex;flex-direction:column;gap:12px}.conteudo-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.conteudo-actions{display:flex;align-items:center;gap:8px}.conteudo-titulo{font-size:16px;font-weight:600;margin:0;color:#fff;flex:1;line-height:1.3}.tipo-badge{padding:4px 8px;border-radius:4px;font-size:11px;font-weight:600;text-transform:uppercase;white-space:nowrap}.tipo-imagem{background-color:#10b981;color:#fff}.tipo-video{background-color:#f59e0b;color:#fff}.tipo-qrcode{background-color:#7c3aed;color:#fff}.tipo-default{background-color:#6b7280;color:#fff}.actions-button{background:none;border:none;color:#9ca3af;font-size:18px;cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .2s;display:flex;align-items:center;justify-content:center;width:32px;height:32px}.actions-dropdown{position:absolute;bottom:100%;right:0;background-color:#2d2d2d;border:1px solid #404040;border-radius:6px;box-shadow:0 4px 12px #0006;z-index:9999;min-width:100px;opacity:0;visibility:hidden;transform:translateY(10px);transition:all .2s;margin-bottom:8px;overflow:hidden}.actions-dropdown.show{opacity:1;visibility:visible;transform:translateY(0)}.action-item{display:flex;align-items:center;gap:6px;width:100%;padding:6px 10px;background:none;border:none;color:#d1d5db;font-size:12px;cursor:pointer;transition:background-color .2s;text-align:left;white-space:nowrap}.action-item.delete-action{color:#ef4444}.action-item.delete-action:hover{background-color:#2d1b1b}.conteudo-details{display:flex;flex-direction:column;gap:8px}.detail-row{display:flex;justify-content:space-between;align-items:center;padding:4px 0;border-bottom:1px solid #404040}.detail-row:last-child{border-bottom:none}.detail-label{font-weight:500;color:#9ca3af;font-size:12px}.detail-value{color:#d1d5db;font-size:12px}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000c;display:flex;justify-content:center;align-items:center;z-index:9999}.view-media-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:#1a1a1a;border-radius:8px;overflow:hidden}.view-media{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;border-radius:8px}.view-no-media{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#9ca3af;text-align:center}.no-media-icon{font-size:64px;margin-bottom:16px}.no-media-text{font-size:18px;font-weight:500}.modal-body{padding:16px}.modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:20px;padding:16px;border-top:1px solid #404040}.cancel-button:disabled,.save-button:disabled,.delete-button:disabled{opacity:.6;cursor:not-allowed}.content-name{color:#fff!important;font-weight:600!important;font-size:16px!important}.add-modal{width:500px;max-width:90vw}.media-type-selection{text-align:center;padding:20px}.media-type-selection h4{color:#fff;font-size:18px;font-weight:600;margin:0 0 24px}.media-type-buttons{display:flex;gap:20px;justify-content:center}.media-type-button{background-color:#2d2d2d;border:2px solid #404040;border-radius:12px;padding:24px;cursor:pointer;transition:all .2s;display:flex;flex-direction:column;align-items:center;gap:12px;min-width:120px}.media-type-button:hover{background-color:#404040;border-color:#8b5cf6;transform:translateY(-2px)}.media-type-icon{font-size:32px}.media-type-label{color:#fff;font-size:14px;font-weight:600}.upload-form{display:flex;flex-direction:column;gap:20px}.file-upload-area{position:relative}.file-input{position:absolute;opacity:0;width:0;height:0}.file-upload-label{display:block;width:100%;min-height:120px;border:2px dashed #404040;border-radius:8px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;padding:20px}.file-upload-label:hover{border-color:#8b5cf6;background-color:#1a1a1a}.file-placeholder{text-align:center;color:#9ca3af}.upload-icon{font-size:32px;margin-bottom:8px}.upload-text{font-size:16px;font-weight:500;margin-bottom:4px;color:#fff}.upload-hint{font-size:12px;color:#6b7280}.file-selected{text-align:center;color:#fff}.file-icon{font-size:24px;margin-bottom:8px}.file-name{font-size:14px;font-weight:500;margin-bottom:4px;word-break:break-all}.file-size{font-size:12px;color:#9ca3af}.file-preview{margin-top:16px}.file-preview h4{color:#fff;font-size:14px;font-weight:600;margin:0 0 12px}.file-preview .preview-container{width:100%;height:200px;background-color:#1a1a1a;border-radius:8px;overflow:hidden;display:flex;align-items:center;justify-content:center}.preview-image,.preview-video{max-width:100%;max-height:100%;object-fit:contain;border-radius:4px}.back-button{background-color:#6b7280;color:#fff;border:none;border-radius:8px;padding:12px 20px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s}.back-button:hover:not(:disabled){background-color:#9ca3af}.back-button:disabled{opacity:.6;cursor:not-allowed}.qr-modal{width:400px;max-width:90vw}.qr-instruction{color:#9ca3af;font-size:14px;margin-bottom:20px;text-align:left}.clear-button{background-color:#404040;color:#fff;border:none;border-radius:8px;padding:12px 20px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s}.clear-button:hover:not(:disabled){background-color:#525252}.generate-button{background-color:#10b981;color:#fff;border:none;border-radius:8px;padding:12px 20px;font-size:14px;font-weight:600;cursor:pointer;transition:background-color .2s}.generate-button:hover:not(:disabled){background-color:#059669}.generate-button:disabled{opacity:.6;cursor:not-allowed}.generate-button:disabled:hover{background-color:#10b981}.qr-result{text-align:center}.qr-success-message{color:#10b981;font-size:16px;font-weight:600;margin-bottom:20px}.qr-info{display:flex;flex-direction:column;align-items:center;gap:16px}.qr-id{color:#d1d5db;font-size:14px}.qr-id strong{color:#8b5cf6;font-weight:600}.qr-code-preview{background-color:#fff;padding:16px;border-radius:12px;box-shadow:0 4px 12px #0000004d}.qr-image{max-width:300px;max-height:400px;width:auto;height:auto;display:block;border-radius:8px}.download-button{background-color:#3b82f6;color:#fff;border:none;border-radius:8px;padding:12px 20px;font-size:14px;font-weight:600;cursor:pointer;transition:background-color .2s;display:flex;align-items:center;gap:8px}.download-button:hover:not(:disabled){background-color:#2563eb}.new-qr-button{background-color:#8b5cf6;color:#fff;border:none;border-radius:8px;padding:12px 20px;font-size:14px;font-weight:600;cursor:pointer;transition:background-color .2s;display:flex;align-items:center;gap:8px}.new-qr-button:hover:not(:disabled){background-color:#7c3aed}@media (max-width: 768px){.top-nav{padding:16px 20px}.main-nav{padding:16px 20px;flex-wrap:wrap}.nav-right{flex-direction:column;gap:8px}.user-info{text-align:center}.user-dropdown{right:-10px;min-width:140px}.user-dropdown-item{padding:10px 12px;font-size:13px}.content-wrapper{padding:0 20px 20px}.conteudos-grid{grid-template-columns:1fr}.filter-section{gap:8px}.subheader-buttons{flex-direction:row;gap:6px;justify-content:center}.subheader-button{flex:1;justify-content:center;padding:8px 12px;font-size:11px}.filter-toggle{justify-content:center}.conteudo-header{flex-direction:column;gap:8px}.conteudo-titulo{font-size:14px}.conteudo-preview{height:150px}.conteudo-actions{flex-direction:column;align-items:flex-end;gap:8px}.actions-dropdown{right:-10px;min-width:140px}.modal-content{width:95%;margin:20px}.cancel-button,.save-button,.delete-button{width:100%}.view-modal-content{width:95vw;height:90vh;margin:20px}.view-modal-header{padding:12px 16px}.view-modal-header h3{font-size:16px}.view-modal-body{padding:16px}.no-media-icon{font-size:48px}.no-media-text{font-size:16px}.add-modal{width:95%;margin:20px}.media-type-buttons{flex-direction:column;gap:12px}.media-type-button{min-width:auto;padding:20px}.file-upload-label{min-height:100px;padding:16px}.file-preview .preview-container{height:150px}.modal-actions{flex-direction:column}.back-button,.save-button{width:100%}.conteudo-thumbnail,.conteudo-placeholder{width:150px;height:90px}.conteudo-details{text-align:left}.header-top{flex-direction:column;align-items:stretch;gap:16px}.title-and-count{align-items:stretch}.anuncios-count{font-size:12px;margin:2px 0 0}.search-container{max-width:none}.header-actions{flex-direction:column;gap:12px;align-items:stretch}.pagination-controls{margin-top:30px;padding:16px 0}.pagination-info{font-size:13px;text-align:center}.pagination-buttons{flex-wrap:wrap;justify-content:center;gap:8px}.pagination-button{padding:8px 12px;font-size:13px}.pagination-pages{flex-wrap:wrap;justify-content:center;gap:3px}.pagination-page{padding:6px 10px;font-size:13px;min-width:36px}}.playlist-selection-form{display:flex;flex-direction:column;gap:20px}.conteudo-info{background-color:#1a1a1a;border:1px solid #404040;border-radius:8px;padding:16px}.conteudo-info h4{color:#fff;font-size:14px;font-weight:600;margin:0 0 12px}.conteudo-preview{display:flex;flex-direction:column;gap:12px}.conteudo-media{display:flex;justify-content:center}.conteudo-thumbnail{width:200px;height:120px;border-radius:8px;overflow:hidden;background-color:#2d2d2d;position:relative}.conteudo-video,.conteudo-image{width:100%;height:100%;object-fit:cover}.conteudo-fallback{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:#2d2d2d;color:#9ca3af}.conteudo-fallback.hidden{display:none}.fallback-icon{font-size:24px}.conteudo-placeholder{width:200px;height:120px;display:flex;align-items:center;justify-content:center;background-color:#2d2d2d;color:#9ca3af;border:2px dashed #404040;border-radius:8px}.placeholder-icon{font-size:24px}.conteudo-details{text-align:center}.conteudo-name{color:#fff;font-size:16px;font-weight:500}.conteudo-type{color:#9ca3af;font-size:12px;text-transform:uppercase;font-weight:500}.form-select{width:100%;padding:12px 16px;background-color:#1a1a1a;border:1px solid #404040;border-radius:8px;color:#fff;font-size:14px;transition:all .2s}.form-select:focus{outline:none;border-color:#8b5cf6}.form-select:disabled{opacity:.5;cursor:not-allowed}.no-playlists{text-align:center;color:#9ca3af;padding:20px;background-color:#1a1a1a;border:1px solid #404040;border-radius:8px}.no-playlists-icon{font-size:32px;margin-bottom:12px}.no-playlists-text{font-size:16px;font-weight:500;margin-bottom:4px;color:#fff}.no-playlists-hint{font-size:14px;color:#6b7280}.no-results{text-align:center;padding:60px 20px;color:#9ca3af}.no-results-icon{font-size:64px;margin-bottom:16px}.no-results-text{font-size:18px;font-weight:500;margin-bottom:8px;color:#fff}.no-results-hint{font-size:14px;color:#6b7280}.notification{position:fixed;top:20px;right:20px;z-index:10000;animation:slideInRight .5s cubic-bezier(.68,-.55,.265,1.55)}.notification-content{background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:16px 20px;border-radius:12px;box-shadow:0 8px 25px #10b9814d;display:flex;align-items:center;gap:12px;min-width:320px;max-width:400px;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.notification-icon{font-size:24px;flex-shrink:0;animation:bounce .6s ease-in-out}.notification-message{font-size:15px;font-weight:600;line-height:1.4;text-shadow:0 1px 2px rgba(0,0,0,.1)}@keyframes slideInRight{0%{transform:translate(100%) scale(.8);opacity:0}50%{transform:translate(-10px) scale(1.05);opacity:.9}to{transform:translate(0) scale(1);opacity:1}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-5px)}60%{transform:translateY(-3px)}}.pagination-controls{display:flex;flex-direction:column;align-items:center;gap:16px;margin-top:40px;padding:20px 0}.pagination-info{color:#9ca3af;font-size:14px;font-weight:500}.pagination-buttons{display:flex;align-items:center;gap:12px}.pagination-button{background-color:#2d2d2d;color:#fff;border:1px solid #404040;border-radius:8px;padding:10px 16px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:6px}.pagination-button:hover:not(:disabled){background-color:#404040;border-color:#8b5cf6;color:#8b5cf6}.pagination-button:disabled{opacity:.5;cursor:not-allowed;background-color:#1a1a1a;border-color:#2d2d2d;color:#6b7280}.pagination-pages{display:flex;gap:4px;align-items:center}.pagination-page{background-color:#2d2d2d;color:#9ca3af;border:1px solid #404040;border-radius:6px;padding:8px 12px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;min-width:40px;text-align:center}.pagination-page:hover:not(.active){background-color:#404040;color:#fff;border-color:#6b7280}.pagination-page.active{background-color:#8b5cf6;color:#fff;border-color:#8b5cf6}.pagination-page.active:hover{background-color:#7c3aed;border-color:#7c3aed}.promo-menu{position:relative;display:inline-block}.promo-dropdown{position:absolute;top:100%;left:0;background-color:#2d2d2d;border:1px solid #404040;border-radius:8px;box-shadow:0 4px 12px #0006;z-index:1000;min-width:200px;margin-top:8px;overflow:hidden}.promo-dropdown-item{display:flex;align-items:center;gap:8px;width:100%;padding:12px 16px;background:none;border:none;color:#d1d5db;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s;text-align:left}.promo-dropdown-item:hover{background-color:#404040;color:#fff}@media (max-width: 768px){.notification{top:10px;right:10px;left:10px}.notification-content{min-width:auto;max-width:none}.promo-dropdown{left:50%;transform:translate(-50%);min-width:180px}}.playlists-container{min-height:100vh;background-color:#1a1a1a;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.nav-right{display:flex;align-items:center;gap:16px}.user-info{text-align:right}.user-menu{position:relative;display:inline-block}.user-avatar{width:40px;height:40px;background-color:#2d2d2d;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;border:none;cursor:pointer;transition:background-color .2s}.user-avatar:hover{background-color:#404040}.user-dropdown{position:absolute;top:100%;right:0;background-color:#2d2d2d;border:1px solid #404040;border-radius:8px;box-shadow:0 4px 12px #0006;z-index:1000;min-width:160px;margin-top:8px;overflow:hidden}.user-dropdown-item{display:flex;align-items:center;gap:8px;width:100%;padding:12px 16px;background:none;border:none;color:#d1d5db;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s;text-align:left}.user-dropdown-item.logout:hover{background-color:#2d1b1b}.construction-message{text-align:center;padding:40px 20px}.construction-icon{font-size:64px;margin-bottom:20px}.construction-message h4{color:#fff;font-size:24px;font-weight:600;margin:0 0 16px}.construction-message p{color:#d1d5db;font-size:16px;line-height:1.6;margin:0}.main-nav{display:flex;gap:8px;padding:20px 40px;background-color:#1a1a1a}.nav-tab{display:flex;align-items:center;gap:8px;padding:12px 20px;background-color:#2d2d2d;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.nav-tab:hover{background-color:#404040}.nav-tab.active{background-color:#8b5cf6;color:#fff}.content-wrapper{padding:0 40px 40px}.playlists-header{display:flex;justify-content:space-between;align-items:center;padding:20px 0;background-color:#1a1a1a;margin-bottom:40px}.playlists-header h1{font-size:32px;font-weight:600;margin:0;color:#fff}.create-button{background-color:#8b5cf6;color:#fff;border:none;border-radius:8px;padding:12px 24px;font-size:16px;font-weight:600;cursor:pointer;transition:background-color .2s}.create-button:hover{background-color:#7c3aed}.loading{display:flex;justify-content:center;align-items:center;height:200px;font-size:18px;color:#9ca3af}.playlists-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:24px;padding-bottom:60px}.playlist-card{background:linear-gradient(135deg,#2d2d2d,#1f2937);border-radius:16px;padding:24px;border:1px solid rgba(64,64,64,.3);transition:transform .4s cubic-bezier(.25,.46,.45,.94),box-shadow .4s cubic-bezier(.25,.46,.45,.94),border-color .3s ease;cursor:pointer;position:relative;overflow:visible;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1;isolation:isolate;contain:layout style}.playlist-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#2563eb1a,#8b5cf60d);opacity:0;transition:opacity .5s cubic-bezier(.25,.46,.45,.94);z-index:1;pointer-events:none}.playlist-card:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at center,rgba(37,99,235,.1) 0%,transparent 70%);opacity:0;transition:opacity .6s cubic-bezier(.25,.46,.45,.94);z-index:1;pointer-events:none}.playlist-card:hover{transform:translateY(-6px) scale(1.005);box-shadow:0 16px 32px #00000040,0 0 0 1px #2563eb4d,inset 0 1px #ffffff1a;border-color:#2563eb66;z-index:10}.playlist-card.dropdown-open{transform:none!important;box-shadow:0 4px 12px #0003,0 0 0 1px #2563eb33;border-color:#2563eb4d;z-index:10}.playlist-card.dropdown-open:hover{transform:none!important;box-shadow:0 4px 12px #0003,0 0 0 1px #2563eb33}.playlist-card:hover:before{opacity:1}.playlist-card:hover:after{opacity:1}.playlist-card:hover .playlist-header h3{color:#60a5fa;text-shadow:0 0 20px rgba(96,165,250,.3)}.playlist-card:hover .info-row .value{color:#e5e7eb;text-shadow:0 0 10px rgba(229,231,235,.2)}.playlist-card:hover .info-row .label{color:#9ca3af;text-shadow:0 0 8px rgba(156,163,175,.3)}.info-row .label,.info-row .value{transition:all .4s cubic-bezier(.25,.46,.45,.94)}.playlist-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px;gap:12px;position:relative;z-index:2}.playlist-header h3{font-size:18px;font-weight:600;margin:0;color:#fff;flex:1;line-height:1.3;transition:all .4s cubic-bezier(.25,.46,.45,.94)}.playlist-actions{display:flex;align-items:center;gap:8px}.actions-menu{position:relative;display:inline-block}.actions-button{background:none;border:none;color:#9ca3af;font-size:18px;cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .3s cubic-bezier(.25,.46,.45,.94);display:flex;align-items:center;justify-content:center;width:32px;height:32px}.actions-button:hover{background-color:#404040;color:#fff}.actions-dropdown{position:absolute;bottom:calc(100% + 8px);right:0;background-color:#2d2d2d;border:1px solid #404040;border-radius:6px;box-shadow:0 4px 12px #0006;z-index:10001;min-width:120px;opacity:0;visibility:hidden;transform:translateY(10px);transition:all .3s cubic-bezier(.25,.46,.45,.94);overflow:hidden;pointer-events:none}.actions-dropdown.show{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}.action-item{display:flex;align-items:center;gap:6px;width:100%;padding:8px 12px;background:none;border:none;color:#d1d5db;font-size:12px;cursor:pointer;transition:background-color .2s;text-align:left;white-space:nowrap}.action-item:hover{background-color:#404040}.action-item.delete{color:#ef4444}.action-item.delete:hover{background-color:#2d1b1b}.playlist-info{display:flex;flex-direction:column;gap:12px;position:relative;z-index:2}.info-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #404040}.info-row:last-child{border-bottom:none}.label{font-weight:500;color:#9ca3af;font-size:14px}.value{color:#d1d5db;font-size:14px;text-align:right}.empty-state{text-align:center;padding:80px 20px;color:#9ca3af}.empty-state p{font-size:18px;margin-bottom:24px}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000c;display:flex;justify-content:center;align-items:center;z-index:1000}.view-modal-content{background-color:#2d2d2d;border-radius:12px;width:80vw;height:80vh;max-width:1200px;max-height:800px;overflow:hidden;border:1px solid #404040;display:flex;flex-direction:column}.view-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:1px solid #404040;flex-shrink:0}.view-modal-header h3{font-size:20px;font-weight:600;margin:0;color:#fff}.view-modal-body{flex:1;display:flex;align-items:center;justify-content:center;padding:20px;overflow:hidden}.playlist-content-placeholder{text-align:center;color:#9ca3af}.placeholder-icon{font-size:64px;margin-bottom:16px}.placeholder-text{font-size:18px;font-weight:500;margin-bottom:8px;color:#fff}.placeholder-hint{font-size:14px;color:#6b7280}.loading-items{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#9ca3af;padding:40px}.loading-spinner{width:40px;height:40px;border:3px solid #404040;border-top:3px solid #8b5cf6;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.empty-playlist{text-align:center;color:#9ca3af;padding:40px}.empty-icon{font-size:64px;margin-bottom:16px}.empty-text{font-size:18px;font-weight:500;margin-bottom:8px;color:#fff}.empty-hint{font-size:14px;color:#6b7280}.playlist-content{width:100%;height:100%;display:flex;flex-direction:column}.playlist-items-header{margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid #404040}.playlist-items-header h4{color:#fff;font-size:18px;font-weight:600;margin:0}.playlist-items-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:12px}.playlist-item{display:flex;align-items:center;gap:16px;padding:12px;background-color:#1a1a1a;border:1px solid #404040;border-radius:8px;transition:all .2s}.playlist-item:hover{background-color:#2d2d2d;border-color:#6b7280}.item-thumbnail{width:60px;height:40px;flex-shrink:0;border-radius:4px;overflow:hidden;background-color:#2d2d2d;display:flex;align-items:center;justify-content:center}.thumbnail-container{width:100%;height:100%;position:relative}.thumbnail-media{width:100%;height:100%;object-fit:cover}.thumbnail-fallback{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:#2d2d2d;color:#9ca3af}.thumbnail-fallback.hidden{display:none}.fallback-icon{font-size:16px}.thumbnail-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:#2d2d2d;color:#9ca3af;border:1px dashed #404040}.placeholder-icon{font-size:16px}.item-info{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0}.item-name{color:#fff;font-size:14px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-type{color:#9ca3af;font-size:12px;text-transform:uppercase;font-weight:500}.item-description{color:#d1d5db;font-size:12px;line-height:1.4;max-height:2.8em;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.item-order{flex-shrink:0;display:flex;align-items:center;gap:8px}.order-display{display:flex;align-items:center;gap:8px}.order-number{background-color:#8b5cf6;color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:600;min-width:24px;text-align:center}.edit-order-btn{background:none;border:none;color:#9ca3af;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s;font-size:12px}.edit-order-btn:hover{background-color:#404040;color:#fff}.remove-item-btn{background:none;border:none;color:#ef4444;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s;font-size:12px}.remove-item-btn:hover{background-color:#ef4444;color:#fff}.order-edit{display:flex;align-items:center;gap:8px}.order-input{width:50px;padding:4px 6px;background-color:#1a1a1a;border:1px solid #404040;border-radius:4px;color:#fff;font-size:12px;text-align:center}.order-input:focus{outline:none;border-color:#8b5cf6}.order-actions{display:flex;gap:4px}.save-order-btn,.cancel-order-btn{background:none;border:none;cursor:pointer;padding:4px;border-radius:4px;font-size:12px;transition:all .2s}.save-order-btn{color:#10b981}.save-order-btn:hover{background-color:#10b981;color:#fff}.cancel-order-btn{color:#ef4444}.cancel-order-btn:hover{background-color:#ef4444;color:#fff}.modal-content{background-color:#2d2d2d;border-radius:12px;width:400px;max-width:90vw;max-height:80vh;overflow-y:auto;border:1px solid #404040}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid #404040}.modal-header h3{font-size:16px;font-weight:600;margin:0;color:#fff}.close-button{background:none;border:none;color:#9ca3af;font-size:24px;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .2s}.close-button:hover{background-color:#404040;color:#fff}.modal-body{padding:16px;display:flex;flex-direction:column;flex:1;min-height:0}.config-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-label{color:#fff;font-size:14px;font-weight:500}.form-input{width:100%;padding:12px;background-color:#1a1a1a;border:1px solid #404040;border-radius:8px;color:#fff;font-size:16px;outline:none;transition:border-color .2s}.form-input:focus{border-color:#8b5cf6}.form-input::placeholder{color:#6b7280}.modal-actions{display:flex;gap:20px;justify-content:space-between;align-items:center;margin-top:20px;padding-top:20px;border-top:1px solid #404040}.modal-actions-right{display:flex;gap:12px;align-items:center;margin-left:auto}.cancel-button{background-color:#404040;color:#fff;border:none;border-radius:8px;padding:12px 20px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s}.cancel-button:hover:not(:disabled){background-color:#525252}.save-button{background-color:#8b5cf6;color:#fff;border:none;border-radius:8px;padding:12px 20px;font-size:14px;font-weight:600;cursor:pointer;transition:background-color .2s}.save-button:hover:not(:disabled){background-color:#7c3aed}.cancel-button:disabled,.save-button:disabled{opacity:.6;cursor:not-allowed}.delete-playlist-button{background-color:#ef4444;color:#fff;border:none;border-radius:6px;padding:6px 10px;font-size:11px;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:4px}.delete-playlist-button:hover:not(:disabled){background-color:#dc2626;transform:translateY(-1px)}.delete-playlist-button:disabled{opacity:.6;cursor:not-allowed}.delete-warning{text-align:center;padding:20px}.delete-warning p{color:#d1d5db;margin:8px 0;font-size:14px}.playlist-name{color:#fff!important;font-weight:600!important;font-size:16px!important}.warning-text{color:#f59e0b!important;font-size:12px!important}.delete-button{background-color:#ef4444;color:#fff;border:none;border-radius:8px;padding:12px 20px;font-size:14px;font-weight:600;cursor:pointer;transition:background-color .2s}.delete-button:hover:not(:disabled){background-color:#dc2626}.delete-button:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 768px){.top-nav{padding:16px 20px}.main-nav{padding:16px 20px;flex-wrap:wrap}.nav-right{flex-direction:column;gap:8px}.user-info{text-align:center}.user-dropdown{right:-10px;min-width:140px}.user-dropdown-item{padding:10px 12px;font-size:13px}.content-wrapper{padding:0 20px 20px}.playlists-grid{grid-template-columns:1fr}.playlists-header{flex-direction:column;gap:16px;align-items:stretch}.create-button{width:100%;justify-content:center}.playlist-header{flex-direction:column;gap:8px}.playlist-actions{width:100%;justify-content:flex-end}.info-row{flex-direction:column;align-items:flex-start;gap:4px}.label{min-width:auto}.value{text-align:left}.modal-content{width:95%;margin:20px}.modal-actions{flex-direction:column;gap:12px}.modal-actions-right{flex-direction:column;width:100%;margin-left:0}.cancel-button,.save-button{width:100%}.delete-playlist-button{width:100%;justify-content:center;padding:8px 12px;font-size:12px}.view-modal-content{width:95vw;height:90vh;margin:20px}.view-modal-header{padding:12px 16px}.view-modal-header h3{font-size:16px}.view-modal-body{padding:16px}.placeholder-icon{font-size:48px}.placeholder-text{font-size:16px}.playlist-item{flex-direction:column;align-items:flex-start;gap:12px}.item-thumbnail{width:100%;height:80px}.item-info{width:100%}.item-order,.order-edit{width:100%;justify-content:space-between}.order-input{width:80px}.order-actions{gap:8px}.actions-dropdown{bottom:calc(100% + 4px);right:-10px;min-width:100px}}.remove-warning{text-align:center;padding:20px}.warning-icon{font-size:48px;margin-bottom:16px}.warning-text p{color:#fff;font-size:16px;margin-bottom:16px}.item-to-remove{background-color:#1a1a1a;border:1px solid #404040;border-radius:8px;padding:12px;margin-top:12px}.item-to-remove strong{color:#fff;font-size:14px;display:block;margin-bottom:4px}.item-to-remove .item-type{color:#9ca3af;font-size:12px;text-transform:uppercase}@media (max-width: 768px){.notification{top:10px;right:10px;left:10px}.notification-content{min-width:auto;max-width:none}}.agendamentos-container{min-height:100vh;background-color:#1a1a1a;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.top-nav{display:flex;justify-content:space-between;align-items:center;padding:20px 40px;background-color:#1a1a1a;border-bottom:1px solid #2d2d2d}.nav-left .logo{display:flex;align-items:center;gap:12px}.nav-left .logo-icon{width:40px;height:40px;background-color:#2563eb;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px;border-radius:4px}.nav-left .logo-text{display:flex;flex-direction:column}.nav-left .logo-title{color:#fff;font-size:24px;font-weight:600;margin:0}.nav-left .logo-subtitle{color:#9ca3af;font-size:14px;margin:0}.nav-right{display:flex;align-items:center;gap:20px}.user-info{display:flex;flex-direction:column;align-items:flex-end}.user-email{color:#fff;font-size:14px;font-weight:500}.user-status{color:#9ca3af;font-size:12px}.user-menu{position:relative}.user-avatar{width:40px;height:40px;background-color:#8b5cf6;color:#fff;border:none;border-radius:50%;font-size:16px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s}.user-avatar:hover{background-color:#7c3aed}.user-dropdown{position:absolute;top:100%;right:0;background-color:#2d2d2d;border-radius:8px;box-shadow:0 4px 12px #0000004d;border:1px solid #404040;z-index:1000;min-width:160px;margin-top:8px}.user-dropdown-item{display:flex;align-items:center;gap:8px;width:100%;padding:12px 16px;background:none;border:none;color:#fff;font-size:14px;cursor:pointer;transition:background-color .2s;text-align:left}.user-dropdown-item:hover{background-color:#404040}.user-dropdown-item.logout{color:#ef4444}.user-dropdown-item.logout:hover{background-color:#dc2626;color:#fff}.user-dropdown-item.support{color:#10b981}.user-dropdown-item.support:hover{background-color:#1e3a2e}.main-nav{padding:20px 40px;background-color:#1a1a1a;border-bottom:1px solid #2d2d2d}.nav-tab{padding:12px 24px;background-color:#2d2d2d;color:#9ca3af;border:1px solid #404040;border-radius:8px;cursor:pointer;transition:all .2s;font-size:14px;font-weight:500;display:flex;align-items:center;gap:8px}.nav-icon{font-size:16px}.nav-tab:hover{background-color:#404040;color:#fff}.nav-tab.active{background-color:#8b5cf6;border-color:#8b5cf6;color:#fff}.content-wrapper{padding:40px}.content-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.content-header h2{color:#fff;font-size:28px;font-weight:600;margin:0}.btn-primary{background-color:#8b5cf6;color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s}.btn-primary:hover{background-color:#7c3aed}.btn-secondary{background-color:#2d2d2d;color:#fff;border:1px solid #404040;padding:12px 24px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-secondary:hover{background-color:#404040;border-color:#6b7280}.btn-delete{background-color:#dc2626;color:#fff;border:none;padding:8px 12px;border-radius:6px;font-size:14px;cursor:pointer;transition:background-color .2s}.btn-delete:hover{background-color:#b91c1c}.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:400px;gap:16px}.loading-spinner{width:40px;height:40px;border:4px solid #2d2d2d;border-top:4px solid #8b5cf6;border-radius:50%;animation:spin 1s linear infinite}.agendamentos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:24px}.agendamento-card{background-color:#2d2d2d;border-radius:12px;padding:24px;border:1px solid #404040;transition:all .2s}.agendamento-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000004d;border-color:#8b5cf6}.agendamento-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.agendamento-title{flex:1}.agendamento-header h3{color:#fff;font-size:18px;font-weight:600;margin:0 0 4px}.agendamento-type{color:#8b5cf6;font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.agendamento-content{margin-bottom:16px}.content-preview{width:100%;height:120px;border-radius:8px;overflow:hidden;background-color:#1a1a1a;border:1px solid #404040}.preview-media{width:100%;height:100%;object-fit:cover}.agendamento-info{display:flex;flex-direction:column;gap:8px}.info-row{display:flex;gap:16px}.info-item{flex:1;display:flex;flex-direction:column;gap:4px}.info-label{color:#9ca3af;font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.info-value{color:#fff;font-size:14px;word-break:break-all}.info-value.url{color:#8b5cf6;font-family:monospace;font-size:12px}.empty-state{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.empty-icon{font-size:64px;margin-bottom:16px;opacity:.5}.empty-state h3{color:#fff;font-size:24px;font-weight:600;margin:0 0 8px}.empty-state p{color:#9ca3af;font-size:16px;margin:0}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background-color:#2d2d2d;border-radius:12px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;border:1px solid #404040}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid #404040}.modal-header h2{color:#fff;font-size:20px;font-weight:600;margin:0}.btn-close{background:none;border:none;color:#9ca3af;font-size:24px;cursor:pointer;padding:4px;line-height:1}.btn-close:hover{color:#fff}.modal-body{padding:24px}.form-group{margin-bottom:20px}.form-group label{display:block;color:#fff;font-size:14px;font-weight:500;margin-bottom:8px}.form-group input,.form-group select{width:100%;padding:12px 16px;background-color:#1a1a1a;border:1px solid #404040;border-radius:8px;color:#fff;font-size:14px;transition:border-color .2s}.form-group input:focus,.form-group select:focus{outline:none;border-color:#8b5cf6}.periodo-buttons{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.periodo-btn{padding:8px 16px;background-color:#1a1a1a;color:#9ca3af;border:1px solid #404040;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s}.periodo-btn:hover{background-color:#404040;color:#fff}.periodo-btn.active{background-color:#8b5cf6;border-color:#8b5cf6;color:#fff}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:24px;border-top:1px solid #404040}@media (max-width: 768px){.top-nav,.main-nav{padding:16px 20px}.nav-right{flex-direction:column;gap:8px}.user-info{text-align:center}.content-wrapper{padding:20px}.content-header{flex-direction:column;align-items:flex-start;gap:16px}.agendamentos-grid{grid-template-columns:1fr;gap:16px}.agendamento-card{padding:16px}.modal-content{margin:10px}.modal-header,.modal-body,.modal-footer{padding:16px}.periodo-buttons{justify-content:center}.periodo-btn{flex:1;min-width:0}}@media (max-width: 480px){.nav-left .logo-text{display:none}.main-nav{flex-wrap:wrap}.nav-tab{padding:8px 16px;font-size:12px}.agendamento-header{flex-direction:column;gap:12px;align-items:flex-start}.info-row{flex-direction:column;gap:8px}.content-preview{height:100px}.modal-footer{flex-direction:column}.btn-primary,.btn-secondary{width:100%}.notification{top:10px;right:10px;left:10px}.notification-content{min-width:auto;max-width:none}.delete-modal-content{margin:20px;max-width:calc(100vw - 40px)}.delete-modal-header{padding:20px 20px 16px}.delete-modal-body{padding:20px}.delete-modal-footer{padding:16px 20px 20px;flex-direction:column}.btn-cancel,.btn-delete-confirm{width:100%}}.construction-content{text-align:center;padding:20px}.construction-icon{font-size:48px;margin-bottom:16px}.construction-content h3{color:#fff;font-size:20px;font-weight:600;margin:0 0 8px}.construction-content p{color:#9ca3af;font-size:14px;margin:0}.notification{position:fixed;top:20px;right:20px;z-index:10000;animation:slideInRight .3s ease-out}.notification-content{background-color:#10b981;color:#fff;padding:16px 20px;border-radius:8px;box-shadow:0 4px 12px #0000004d;display:flex;align-items:center;gap:12px;min-width:300px;max-width:400px}.notification-icon{font-size:20px;flex-shrink:0}.notification-message{font-size:14px;font-weight:500;line-height:1.4}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.delete-modal-content{background-color:#2d2d2d;border-radius:16px;width:100%;max-width:400px;max-height:90vh;overflow:hidden;border:1px solid #404040;animation:modalSlideIn .3s ease-out;box-shadow:0 20px 60px #00000080}@keyframes modalSlideIn{0%{transform:scale(.8) translateY(-20px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.delete-modal-header{display:flex;align-items:center;gap:16px;padding:24px 24px 16px;border-bottom:1px solid #404040}.delete-icon{font-size:32px;animation:shake .5s ease-in-out}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.delete-modal-header h2{color:#fff;font-size:20px;font-weight:600;margin:0}.delete-modal-body{padding:24px;text-align:center}.delete-modal-body p{color:#e5e7eb;font-size:16px;margin:0 0 8px;line-height:1.5}.delete-warning{color:#f59e0b!important;font-size:14px!important;font-weight:500}.delete-modal-footer{display:flex;gap:12px;padding:16px 24px 24px;justify-content:flex-end}.btn-cancel{background-color:#404040;color:#fff;border:1px solid #6b7280;padding:12px 24px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-cancel:hover{background-color:#4b5563;border-color:#9ca3af}.btn-delete-confirm{background-color:#dc2626;color:#fff;border:1px solid #dc2626;padding:12px 24px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-delete-confirm:hover{background-color:#b91c1c;border-color:#b91c1c;transform:translateY(-1px);box-shadow:0 4px 12px #dc26264d}.error-general{background-color:#dc2626;color:#fff;padding:12px 16px;border-radius:8px;margin-bottom:20px;display:flex;align-items:center;gap:8px;animation:errorSlideIn .3s ease-out}@keyframes errorSlideIn{0%{transform:translateY(-10px);opacity:0}to{transform:translateY(0);opacity:1}}.error-icon{font-size:16px}.error-text{font-size:14px;font-weight:500}.form-group input.error{border-color:#dc2626;background-color:#dc26261a}.form-group input.error:focus{border-color:#dc2626;box-shadow:0 0 0 3px #dc26261a}.error-message{color:#dc2626;font-size:12px;font-weight:500;margin-top:4px;display:block;animation:errorFadeIn .2s ease-out}@keyframes errorFadeIn{0%{opacity:0;transform:translateY(-2px)}to{opacity:1;transform:translateY(0)}}.cupom-container{min-height:100vh;background:linear-gradient(135deg,#1a1a1a,#2d2d2d);display:flex;align-items:center;justify-content:center;padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.cupom-card{background-color:#2d2d2d;border-radius:16px;padding:60px 40px;max-width:600px;width:100%;box-shadow:0 20px 40px #0000004d;border:1px solid #404040;position:relative;overflow:hidden}.cupom-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#3b82f6,#8b5cf6,#a855f7)}.cupom-content{text-align:center}.cupom-title{font-size:48px;font-weight:700;color:#fff;letter-spacing:2px;text-shadow:0 2px 4px rgba(0,0,0,.3)}.cupom-copyright{position:fixed;bottom:20px;left:50%;transform:translate(-50%);z-index:1000}.cupom-copyright a{color:#ffffff4d;font-size:12px;font-weight:500;letter-spacing:1px;text-decoration:none;transition:color .3s ease;pointer-events:auto;-webkit-user-select:none;user-select:none}.cupom-copyright a:hover{color:#fff9}.cupom-loading{text-align:center;color:#fff}.loading-spinner{width:40px;height:40px;border:4px solid #404040;border-top:4px solid #8b5cf6;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 16px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.cupom-loading p{font-size:16px;color:#9ca3af;margin:0}.cupom-error{text-align:center;color:#fff;max-width:400px}.error-icon{font-size:48px;margin-bottom:16px}.cupom-error h2{font-size:24px;font-weight:600;margin:0 0 12px;color:#ef4444}.cupom-error p{font-size:16px;color:#9ca3af;margin:0 0 16px;line-height:1.5}.error-code{background-color:#404040;color:#fff;padding:8px 16px;border-radius:8px;font-family:monospace;font-size:14px;display:inline-block}@media (max-width: 768px){.cupom-container{padding:16px}.cupom-card{padding:40px 20px}.cupom-title{font-size:36px;letter-spacing:1px}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#1a1a1a;color:#fff}.App{min-height:100vh}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}