:root{font-family:Inter,system-ui,-apple-system,sans-serif;color:#e8e8ec}*{box-sizing:border-box}body{margin:0;background:#1a1028 url(/BOSQUE_COMP2_DIA_edited.png) no-repeat center center fixed;background-size:cover}body:before{content:"";position:fixed;inset:0;background:#120a1eb8;z-index:0;pointer-events:none}#root{position:relative;z-index:1}section{touch-action:auto;pointer-events:auto}.page{touch-action:auto;pointer-events:auto}.page{max-width:1200px;margin:0 auto;padding:16px}.header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px}.nav{display:flex;gap:12px}.nav a{text-decoration:none;color:#c8c0d8;padding:6px 10px;border-radius:6px;font-weight:600;transition:color .2s}.nav a:hover{color:#fff}.nav a.active{background:#ffffff1f;color:#fff}h1,h2{margin:0 0 12px}.video-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px;max-height:520px;overflow:auto;scrollbar-color:rgba(124,108,255,.3) transparent}.video-item{display:flex;justify-content:space-between;align-items:center;padding:12px;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:#ffffff12;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);gap:12px;color:#e0dce6}.video-item.selected{border-color:#7c6cff;box-shadow:0 0 0 2px #7c6cff4d}.video-info{display:flex;flex-direction:column;gap:6px}.tag-row{display:flex;flex-wrap:wrap;gap:6px}.tag{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border-radius:999px;font-size:.8rem;font-weight:600;background:#7c6cff2e;color:#c4baff}.tag.muted{background:#ffffff14;color:#9a93a8}.tag.success{background:#1b5e2033;color:#66d96e}.tag.warning{background:#ff980026;color:#ffb74d}.tag.error{background:#b3261e33;color:#ff8a82}.title{font-weight:600}.meta{font-size:.9rem;color:#9a93a8}.player-shell{position:relative;padding-top:56.25%;border-radius:8px;overflow:hidden;border:1px solid rgba(255,255,255,.1);background:#000}.player-shell iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.player-pause-overlay{position:absolute;inset:0;background:#000000f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:1;pointer-events:none;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.player-pause-message{text-align:center;color:#fff;padding:2rem;pointer-events:none;touch-action:none}.player-pause-message p{font-size:1.5rem;margin:0 0 .5rem;font-weight:600}.player-pause-message small{font-size:.9rem;opacity:.8}.primary,.secondary{cursor:pointer;border:none;border-radius:6px;padding:8px 12px;font-weight:600;transition:background .2s,transform .1s}.primary{background:#7c6cff;color:#fff}.primary:hover{background:#6b5ce6}.secondary{background:#7c6cff26;color:#c4baff;border:1px solid rgba(124,108,255,.3)}.secondary:hover{background:#7c6cff40}.user-area{display:flex;align-items:center;gap:8px}.user-chip{padding:8px 12px;border-radius:20px;background:#ffffff1a;color:#d4cfe0;font-weight:600;display:flex;align-items:center;gap:8px}.user-chip.clickable{cursor:pointer;transition:background .2s}.user-chip.clickable:hover{background:#ffffff2e}.campaign-selector{position:relative}.campaign-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;background:#7c6cff;color:#fff;border-radius:12px;font-size:.75rem;font-weight:500}.dropdown-arrow{font-size:.6rem;margin-left:2px}.campaign-dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:220px;background:#1e1630f2;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:12px;box-shadow:0 4px 20px #0006;border:1px solid rgba(255,255,255,.1);z-index:1000;overflow:hidden}.dropdown-header{padding:10px 14px;font-size:.75rem;font-weight:600;color:#9a93a8;text-transform:uppercase;letter-spacing:.5px;background:#ffffff0a;border-bottom:1px solid rgba(255,255,255,.08)}.dropdown-item{display:flex;align-items:center;gap:8px;padding:12px 14px;cursor:pointer;transition:background .15s}.dropdown-item:hover{background:#ffffff14}.dropdown-item.active{background:#7c6cff26}.dropdown-item.disabled{opacity:.5;pointer-events:none}.campaign-name{flex:1;font-weight:500;color:#d4cfe0}.campaign-tier{font-size:.7rem;padding:2px 6px;background:#ffffff1a;color:#9a93a8;border-radius:8px}.checkmark{color:#7c6cff;font-weight:700}.error{margin-top:12px;padding:10px 12px;border-radius:6px;background:#b3261e26;color:#ff8a82;border:1px solid rgba(179,38,30,.3)}.notice{margin-top:12px;padding:10px 12px;border-radius:6px}.notice.success{background:#1b5e2026;color:#66d96e;border:1px solid rgba(27,94,32,.3)}.notice.error{background:#b3261e26;color:#ff8a82;border:1px solid rgba(179,38,30,.3)}.admin-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px;margin-top:12px}.card{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:12px;display:flex;flex-direction:column;gap:8px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.field{display:flex;flex-direction:column;gap:4px;font-weight:600;color:#d4cfe0}.field input,.field select,.field textarea{padding:8px;border:1px solid rgba(255,255,255,.15);border-radius:6px;font-family:inherit;background:#ffffff0f;color:#e0dce6}.field textarea{resize:vertical;min-height:60px}.field small{font-size:.8rem;font-weight:400;color:#9a93a8;margin-top:-2px}.field input:disabled,.field select:disabled{background:#ffffff08;color:#6a6378;cursor:not-allowed}.row{display:flex;gap:8px}.modal-backdrop{position:fixed;inset:0;background:#0a0514b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:16px;z-index:50}.modal{background:#1e1630f2;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:16px;max-width:420px;width:100%;box-shadow:0 12px 30px #00000080;display:flex;flex-direction:column;gap:12px;color:#e0dce6}.tiers{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:6px}.tier-check{display:flex;align-items:center;gap:6px;font-weight:600;color:#d4cfe0}.tier-check input[type=checkbox]{accent-color:#7c6cff}.upload-overlay{position:fixed;inset:0;background:#0a0514b3;display:flex;align-items:center;justify-content:center;padding:16px;z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.upload-modal{background:#1e1630f2;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:24px;max-width:480px;width:100%;box-shadow:0 16px 40px #00000080;display:flex;flex-direction:column;gap:16px}.upload-modal h3{margin:0;font-size:1.25rem;color:#e0dce6}.upload-modal p{margin:0;color:#9a93a8;font-size:.95rem}.progress-container{display:flex;flex-direction:column;gap:8px}.progress-bar{width:100%;height:32px;background:#ffffff1a;border-radius:16px;overflow:hidden;position:relative}.progress-fill{height:100%;background:linear-gradient(90deg,#7c6cff,#a78bfa);border-radius:16px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:.875rem;transition:width .3s ease;min-width:48px;padding:0 8px}.progress-text{text-align:center;font-size:.875rem;color:#9a93a8;font-weight:500}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.player-security-warning{user-select:none;-webkit-user-select:none}