@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");:root{--font-primary:"Inter",sans-serif;--bg-color:#f9f8f6;--bg-subtle:#fdfdfc;--surface-color:#fff;--primary-color:#0f766e;--primary-hover-color:#0d6962;--danger-color:#ef4444;--danger-hover-color:#dc2626;--text-primary:#1f2937;--text-secondary:#6b7280;--border-color:#e5e7eb;--border-radius-md:8px;--border-radius-lg:16px;--shadow-sm:0 1px 2px 0 rgba(0,0,0,.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-primary);background-color:var(--bg-color);color:var(--text-primary);line-height:1.6}.container{max-width:1400px;margin:0 auto;padding:2rem}header{flex-direction:column;padding-bottom:2rem;border-bottom:1px solid var(--border-color);margin-bottom:2rem}header,header h1{display:flex;align-items:center;gap:1rem}header h1{font-size:clamp(.9rem,2.8vw,2.5rem);font-weight:700;color:var(--text-primary)}header h1 .logo{font-size:2.5rem;color:var(--primary-color)}.stats{display:flex;gap:1.5rem;color:var(--text-secondary);font-weight:500}.stats span{padding:.5rem 1rem;border-radius:var(--border-radius-md);border:1px solid var(--border-color)}.controls,.stats span{background-color:var(--bg-subtle)}.controls{display:flex;flex-wrap:wrap;align-items:center;gap:1.5rem;margin-bottom:2rem;padding:1rem;border-radius:var(--border-radius-lg);border:1px solid var(--border-color);box-shadow:var(--shadow-sm)}.controls .buttons{display:flex;gap:1rem}.filters,.sorting{display:flex;align-items:center;gap:.75rem}.filters .filter-select,.sorting .btn-sort{font-family:var(--font-primary);background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--border-radius-md);padding:.6rem 1rem;font-size:.9rem;color:var(--text-secondary);transition:all .2s ease}.filters .filter-select:hover,.sorting .btn-sort:hover{border-color:var(--primary-color);color:var(--text-primary)}.sorting .btn-sort{cursor:pointer}.sorting .btn-sort.active{background-color:var(--primary-color);color:#fff;border-color:var(--primary-color)}.btn{font-family:var(--font-primary);padding:.75rem 1.5rem;border:none;border-radius:var(--border-radius-md);font-weight:600;font-size:.95rem;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:.5rem}.btn-primary{background-color:var(--primary-color);color:#fff}.btn-primary:hover{background-color:var(--primary-hover-color)}.btn-secondary{background-color:var(--bg-subtle);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{background-color:var(--border-color)}.btn-presentation{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;text-decoration:none;box-shadow:0 4px 8px rgba(102,126,234,.3)}.btn-presentation:hover{transform:translateY(-2px);box-shadow:0 6px 12px rgba(102,126,234,.4);text-decoration:none;color:#fff}.checkbox-container{display:flex;align-items:center;gap:.5rem;font-weight:500;color:var(--text-secondary)}.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:1.5rem;gap:1.5rem}.media-item{background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);overflow:hidden;transition:transform .2s ease,box-shadow .2s ease;cursor:pointer}.media-item:hover{transform:translateY(-5px);box-shadow:var(--shadow-md)}.media-content{position:relative;height:220px;background:#000}.media-content video{width:100%;height:100%;object-fit:contain}.quick-actions{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);display:flex;gap:10px;opacity:0;transition:opacity .3s ease}.media-item:hover .quick-actions{opacity:1}.quick-btn{width:36px;height:36px;border:none;border-radius:50%;font-size:18px;cursor:pointer;color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-md);transition:transform .2s ease}.quick-btn:hover{transform:scale(1.1)}.quick-approve{background-color:var(--primary-color)}.quick-reject{background-color:var(--danger-color)}.media-info{padding:1rem}.media-info h4{font-size:1.1rem;font-weight:600;margin-bottom:.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.media-info p{color:var(--text-secondary);font-size:.9rem;margin-bottom:.5rem}.status-info,.voting-info{font-weight:500}.voting-info{color:var(--primary-color)}.status-indicator{position:absolute;top:10px;right:10px;width:12px;height:12px;border-radius:50%;border:2px solid #fff}.status-pending{background-color:#fbbf24}.status-approved{background-color:var(--primary-color)}.status-rejected{background-color:var(--danger-color)}.bandwidth-indicator{position:absolute;top:10px;left:10px;color:#fff;padding:.25rem .5rem;border-radius:var(--border-radius-md);font-size:.75rem;font-weight:600;z-index:5}.bandwidth-indicator,.modal{background-color:rgba(17,24,39,.6)}.modal{display:flex;align-items:flex-start;justify-content:center;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);overflow-y:auto;padding:2rem 0}.modal-content{background-color:var(--surface-color);margin:0 auto;border-radius:var(--border-radius-lg);width:90%;max-width:1200px;position:relative;box-shadow:var(--shadow-md);overflow:hidden}.modal-body{padding:2rem}.modal-header h2{font-size:1.8rem;font-weight:700;margin-bottom:.5rem}.modal-meta{gap:1rem;margin-bottom:1.5rem}.close,.modal-meta{display:flex;color:var(--text-secondary)}.close{position:absolute;top:15px;right:15px;width:30px;height:30px;border-radius:50%;background-color:var(--bg-subtle);border:1px solid var(--border-color);cursor:pointer;align-items:center;justify-content:center;font-size:20px;transition:all .2s ease}.close:hover{background-color:var(--border-color);color:var(--text-primary)}.comparison-view{display:grid;grid-template-columns:1fr 1fr;grid-gap:2rem;gap:2rem;margin-bottom:2rem}.comparison-view h3{font-size:1.2rem;font-weight:600;margin-bottom:1rem}.generated-video video,.original-image img{width:100%;height:auto;max-width:100%;display:block;border-radius:var(--border-radius-md)}.modal-prompt{background-color:var(--bg-subtle);padding:1rem;border-radius:var(--border-radius-md);margin-bottom:2rem;border:1px solid var(--border-color)}.action-buttons{display:flex;justify-content:center;gap:1rem}.btn-approve{background-color:var(--primary-color);color:#fff}.btn-approve:hover{background-color:var(--primary-hover-color)}.btn-reject{background-color:var(--danger-color);color:#fff}.btn-reject:hover{background-color:var(--danger-hover-color)}.btn-skip{background-color:var(--bg-subtle);color:var(--text-primary);border:1px solid var(--border-color)}.btn-skip:hover{background-color:var(--border-color)}.btn-reroll{background-color:#f59e0b;color:#fff}.btn-reroll:hover{background-color:#d97706}.btn-active{box-shadow:0 0 0 3px rgba(15,118,110,.3);border:2px solid var(--primary-color);font-weight:700}.btn-reject.btn-active{box-shadow:0 0 0 3px rgba(239,68,68,.3);border:2px solid var(--danger-color)}.pagination{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:2rem}.pagination .page-info{color:var(--text-secondary);font-weight:500}@media (max-width:768px){.container{padding:1rem}.controls{flex-direction:column;align-items:stretch;gap:1rem}.controls .buttons,.filters,.sorting{flex-direction:column;width:100%;gap:.5rem}.controls .buttons .btn,.filters .filter-select,.sorting .btn-sort{width:100%;justify-content:center}.modal-content{width:95%;padding:1.5rem 1rem;overflow-x:hidden}.modal-file-info,.modal-header h2,.modal-prompt p{word-break:break-word}.modal-body{padding:1rem}.comparison-view{grid-template-columns:1fr}.quick-actions{opacity:1}}.rec-dot{color:#ef4444;font-size:1.5em;vertical-align:middle;font-weight:700;margin-bottom:.5em}@keyframes rec-blink{0%,to{opacity:1}50%{opacity:.5}}.shorts-lab{color:var(--primary-color);font-weight:600;font-size:1.1em;letter-spacing:.5px}