@import"https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;500;600&family=Poppins:wght@500;600;700&display=swap";:root{font-family:Open Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#e2e8f0;background-color:#0b1020}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(circle at 15% -10%,rgba(59,130,246,.24),transparent 35%),radial-gradient(circle at 85% 0%,rgba(249,115,22,.2),transparent 30%),linear-gradient(180deg,#0b1020,#0a0f1d);color:#e2e8f0}#app{min-height:100vh;padding:24px}.app-shell{max-width:1240px;margin:0 auto;display:grid;gap:14px}.shell-header{background:#0f172ab8;border:1px solid rgba(148,163,184,.2);border-radius:14px;padding:16px 20px;display:flex;justify-content:space-between;align-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.shell-brand{display:flex;align-items:center;gap:12px}.shell-mark{width:10px;height:28px;border-radius:999px;background:linear-gradient(180deg,#3b82f6,#06b6d4)}.shell-subtitle{margin:0;font-size:12px;color:#94a3b8}.shell-header h1{margin:4px 0 0;font-family:Poppins,sans-serif;font-size:24px;color:#f8fafc}.shell-nav{display:flex;gap:10px}.nav-item{text-decoration:none;color:#cbd5e1;border:1px solid rgba(148,163,184,.35);background:#1e293ba6;border-radius:999px;padding:8px 14px;font-size:13px;transition:all .2s ease}.nav-item:hover{border-color:#3b82f68c;color:#e2e8f0}.nav-item.active{background:linear-gradient(90deg,#3b82f673,#06b6d466);border-color:#3b82f6bf;color:#fff}.creator-page{display:grid;gap:18px}.panel{background:#0f172ac2;border:1px solid rgba(148,163,184,.22);border-radius:14px;padding:22px}.upload-panel{border-color:#3b82f659;box-shadow:inset 0 0 0 1px #3b82f626}.panel-title-row{display:flex;justify-content:space-between;align-items:center;gap:12px}.panel-title-row h2{margin:0;font-family:Poppins,sans-serif;font-size:20px;color:#f8fafc}.status-chip,.count-tag{font-size:12px;padding:5px 10px;border-radius:999px;border:1px solid transparent}.status-info{color:#93c5fd;border-color:#93c5fd66;background:#1e3a8a61}.status-success{color:#6ee7b7;border-color:#6ee7b766;background:#064e3b59}.status-error{color:#fda4af;border-color:#fda4af59;background:#7f1d1d59}.count-tag{color:#cbd5e1;border-color:#94a3b859;background:#1e293ba6}.upload-grid{margin-top:18px;display:grid;grid-template-columns:1fr 1fr;gap:16px}.field-group{display:flex;flex-direction:column;gap:8px}.field-label{font-size:13px;color:#cbd5e1}input[type=text]{width:100%;background:#0f172a;border:1px solid #334155;border-radius:10px;padding:11px 12px;color:#e2e8f0;font-size:14px}input[type=text]::placeholder{color:#64748b}input[type=text]:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f638}.native-file-input{display:none}.file-dropzone{background:linear-gradient(180deg,#0f172ae6,#082f4973);border:1px dashed rgba(56,189,248,.55);border-radius:12px;padding:14px;display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;transition:border-color .2s ease,background-color .2s ease}.file-dropzone:hover{border-color:#60a5fae6;background:linear-gradient(180deg,#0f172af2,#0c4a6e80)}.file-main strong{display:block;color:#f8fafc;font-size:14px}.file-main p{margin:5px 0 0;color:#94a3b8;font-size:12px}.file-action{border-radius:999px;padding:6px 12px;border:1px solid rgba(59,130,246,.65);color:#bfdbfe;font-size:12px}.action-row{margin-top:18px;display:flex}.upload-btn{border:none;border-radius:10px;padding:11px 22px;background:linear-gradient(90deg,#3b82f6,#06b6d4);color:#f8fafc;font-size:14px;font-weight:600;cursor:pointer;transition:filter .2s ease}.upload-btn:hover{filter:brightness(1.08)}.upload-btn:disabled{cursor:not-allowed;opacity:.65}.table-shell{margin-top:14px;border:1px solid rgba(71,85,105,.5);border-radius:10px;overflow:auto}table{width:100%;border-collapse:collapse;min-width:760px}th,td{text-align:left;padding:12px;border-bottom:1px solid rgba(71,85,105,.4);font-size:13px}th{color:#93c5fd;background:#1e293bd9;font-weight:600}td{color:#cbd5e1}.video-title{color:#f8fafc;font-weight:600}.empty{text-align:center;color:#94a3b8;padding:20px}.history-layout{display:grid;grid-template-columns:1.2fr 1.8fr;gap:16px}.history-list-panel,.history-player-panel{border:1px solid rgba(148,163,184,.22);border-radius:12px;padding:14px;background:#0f172a94}.history-search{margin-top:12px}.history-message{margin:10px 0 0;font-size:13px;color:#fda4af}.history-list{margin:12px 0 0;padding:0;list-style:none;display:grid;gap:8px;max-height:520px;overflow:auto}.history-item{border:1px solid rgba(71,85,105,.45);border-radius:10px;padding:10px 12px;cursor:pointer;transition:border-color .2s ease,background-color .2s ease}.history-item:hover{border-color:#3b82f6a6}.history-item.active{border-color:#3b82f6e6;background:#1e3a8a38}.history-item-title{color:#f8fafc;font-size:14px;font-weight:600}.history-item-meta{margin-top:6px;display:flex;justify-content:space-between;color:#94a3b8;font-size:12px}.history-empty,.history-empty-player{padding:18px 10px;color:#94a3b8;text-align:center}.player-wrapper{margin-top:10px;display:grid;gap:12px}.history-player{width:100%;border-radius:10px;background:#000}.player-meta h3{margin:0;color:#f8fafc;font-size:16px}.player-meta p{margin:6px 0 0;color:#94a3b8;font-size:13px}@media(max-width:1000px){.shell-header{flex-direction:column;align-items:flex-start;gap:10px}.upload-grid,.history-layout{grid-template-columns:1fr}}