@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;--bg:#0b0d12;--panel:#12151d;--panel2:#191d27;--line:#252a36;--text:#f4f6fb;--muted:#9199aa;--accent:#a4f56c;--accent2:#c5ff9d;--danger:#ff777e;--radius:18px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans',sans-serif}button,input,textarea,select{font:inherit}button{cursor:pointer}.topbar{height:72px;position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:30px;padding:0 28px;background:rgba(11,13,18,.94);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;background:none;border:0;color:var(--text);font-family:Manrope,sans-serif;font-size:17px;font-weight:800;letter-spacing:.08em;white-space:nowrap}.brand b{color:var(--accent)}.brand-mark{display:grid;place-items:center;width:34px;height:34px;background:var(--accent);color:#10140d;border-radius:11px;font-size:15px}.search{height:42px;max-width:550px;flex:1;display:flex;margin:auto;background:#171a23;border:1px solid #292e3a;border-radius:13px;overflow:hidden}.search input{min-width:0;flex:1;padding:0 15px;color:var(--text);background:none;border:0;outline:none}.search button{width:48px;background:transparent;border:0;border-left:1px solid #292e3a;color:#cbd1dc;font-size:25px}.top-actions{display:flex;align-items:center;gap:12px}.btn{border:0;border-radius:12px;padding:11px 16px;font-weight:700;transition:.18s}.btn-primary{background:var(--accent);color:#11170c}.btn-primary:hover{background:var(--accent2);transform:translateY(-1px)}.btn-quiet{background:#1a1e28;color:var(--text);border:1px solid #2b303c}.btn-quiet:hover{background:#242a36}.avatar{width:38px;height:38px;border-radius:50%;border:1px solid #4a5645;background:#273522;color:var(--accent);font-weight:800;font-size:17px}.layout{display:grid;grid-template-columns:220px minmax(0,1fr);min-height:calc(100vh - 72px)}.sidebar{padding:25px 14px;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:7px}.nav-item{display:flex;align-items:center;gap:13px;width:100%;padding:12px 14px;text-align:left;border:0;border-radius:12px;background:none;color:#aeb5c3;font-size:14px}.nav-item span:first-child{width:20px;text-align:center;font-size:19px}.nav-item:hover,.nav-item.active{background:#1b2220;color:var(--accent)}.side-divider{height:1px;background:var(--line);margin:15px 5px}.side-label,.eyebrow{font-size:10px;letter-spacing:.16em;font-weight:800;color:#9ba4b4}.side-label{padding:0 14px}.sidebar-bottom{margin-top:auto;padding:16px 12px;border-top:1px solid var(--line)}.brand-mini{display:grid;place-items:center;width:28px;height:28px;background:var(--accent);color:#10140d;border-radius:9px;font-weight:900}.sidebar-bottom p{margin:12px 0 4px;font-weight:700}.sidebar-bottom small{color:var(--muted);font-size:11px}.count{margin-left:auto;color:var(--accent);font-size:12px}.main-content{min-width:0;padding:28px clamp(18px,3.5vw,52px) 50px}.welcome{min-height:225px;display:flex;align-items:center;justify-content:space-between;gap:20px;overflow:hidden;position:relative;padding:32px 38px;border:1px solid #282e38;border-radius:24px;background:radial-gradient(ellipse at 78% 30%,#263526 0,transparent 38%),linear-gradient(110deg,#181d25,#10131a)}.welcome h1{max-width:570px;margin:12px 0;font:800 clamp(27px,3vw,42px)/1.12 Manrope,sans-serif;letter-spacing:-.04em}.welcome h1 span{color:var(--accent)}.welcome p{max-width:490px;margin:0;color:#a8b0bf;line-height:1.6;font-size:14px}.welcome-art{position:relative;width:220px;height:160px;flex-shrink:0}.orb{position:absolute;border-radius:50%;filter:blur(1px)}.orb-one{width:145px;height:145px;right:20px;top:4px;background:linear-gradient(140deg,#d1ff9c,#4e9d55);box-shadow:0 0 70px #a4f56c24}.orb-two{width:95px;height:95px;right:0;bottom:0;background:linear-gradient(140deg,#282f40,#11151d);border:1px solid #69765e}.play-large{position:absolute;right:62px;top:47px;display:grid;place-items:center;width:66px;height:66px;background:#11170de8;color:var(--accent);border:1px solid #d4ffb06b;border-radius:21px;font-size:23px;box-shadow:0 10px 35px #0008}.floating-chip{position:absolute;padding:7px 10px;background:#141920;border:1px solid #424b3b;border-radius:8px;color:var(--accent);font-size:9px;letter-spacing:.12em;font-weight:800}.chip-one{top:9px;left:0}.chip-two{bottom:7px;left:22px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin:35px 0 18px}.section-heading h2{font:750 22px Manrope,sans-serif;margin:7px 0 0;letter-spacing:-.03em}.filters{display:flex;flex-wrap:wrap;gap:7px}.filter{padding:8px 13px;border-radius:10px;background:#171a22;border:1px solid #282d39;color:#aeb5c2;font-size:12px}.filter.active,.filter:hover{background:var(--accent);color:#11170c;border-color:var(--accent)}.video-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px 18px}.video-card{min-width:0;cursor:pointer}.thumb{aspect-ratio:16/9;position:relative;display:grid;place-items:center;overflow:hidden;border-radius:14px;background:linear-gradient(135deg,#252c39,#131820);border:1px solid #2b303b}.thumb::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 70% 25%,#a4f56c35,transparent 32%),linear-gradient(130deg,transparent,#080a1022)}.thumb-icon{position:relative;display:grid;place-items:center;width:48px;height:48px;border-radius:16px;background:#10140dd9;color:var(--accent);font-size:18px;transition:.2s}.video-card:hover .thumb-icon{transform:scale(1.08)}.duration{position:absolute;bottom:8px;right:8px;padding:4px 6px;border-radius:5px;background:#050608d9;font-size:10px}.video-info{display:flex;gap:11px;padding-top:12px}.creator-avatar{width:36px;height:36px;flex-shrink:0;border-radius:50%;display:grid;place-items:center;background:#253421;color:var(--accent);font-weight:800}.video-copy{min-width:0;flex:1}.video-copy h3{margin:0 0 7px;font-size:14px;line-height:1.45;font-weight:700;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.video-copy p{margin:0 0 4px;color:var(--muted);font-size:11px}.video-meta{color:#788192!important}.loading,.empty-state{grid-column:1/-1;padding:45px 20px;text-align:center;color:var(--muted);border:1px dashed #303643;border-radius:16px}.empty-state h3{color:var(--text);margin:0 0 8px}.notice{margin:15px 0;padding:12px 15px;border:1px solid #4a583e;border-radius:12px;background:#1a2418;color:#d4f6c0;font-size:13px}.notice.error{background:#2b181d;border-color:#573039;color:#ffb5ba}.hidden{display:none!important}.moderation-panel{margin-top:55px;padding-top:15px;border-top:1px solid var(--line)}.badge{display:inline-block;margin-top:7px;padding:5px 7px;border-radius:6px;background:#3c3020;color:#ffd18a;font-size:10px}.card-actions{display:flex;gap:8px;margin-top:10px}.card-actions button{flex:1;padding:8px;border-radius:9px;border:1px solid var(--line);background:#1b2029;color:var(--text);font-size:11px}.card-actions .approve{background:var(--accent);color:#11170c;border-color:var(--accent)}.dialog{width:min(520px,calc(100% - 24px));max-height:90vh;padding:0;border:1px solid #333947;border-radius:22px;background:#11141b;color:var(--text);box-shadow:0 25px 100px #000a}.dialog::backdrop{background:#05070bd9;backdrop-filter:blur(7px)}.dialog-card{position:relative;padding:32px;display:flex;flex-direction:column;gap:14px}.dialog-card h2,.player-meta h2{font:800 25px Manrope,sans-serif;margin:0;letter-spacing:-.03em}.muted{color:var(--muted);font-size:13px;line-height:1.6;margin:0}.dialog-close{position:absolute;right:15px;top:13px;border:0;background:none;color:#aab1bf;font-size:27px;z-index:2}.dialog-card label{display:flex;flex-direction:column;gap:7px;font-size:12px;color:#c3cad5;font-weight:600}.dialog-card input,.dialog-card textarea,.dialog-card select{width:100%;padding:12px 13px;background:#191d26;color:var(--text);border:1px solid #303644;border-radius:10px;outline:none}.dialog-card input:focus,.dialog-card textarea:focus,.dialog-card select:focus{border-color:#8fca62}.dialog-card input[type=file]{font-size:12px}.full{width:100%}.text-button{background:none;border:0;color:var(--accent);font-size:12px}.form-status{font-size:12px;color:var(--accent);min-height:0;margin:0}.form-status.error{color:#ff9da3}.upload-note{padding:10px 12px;background:#1a1e26;border-radius:9px;color:#929aaa;font-size:11px;line-height:1.5}.progress{height:7px;background:#292e39;border-radius:9px;overflow:hidden}.progress span{display:block;width:0;height:100%;background:var(--accent);transition:width .2s}.progress-wrap small{display:block;margin-top:6px;color:var(--muted)}.player-dialog{width:min(1050px,calc(100% - 24px))}.player-card{position:relative;padding:15px}.player-card video{display:block;width:100%;max-height:65vh;background:#050608;border-radius:12px}.player-meta{padding:20px 8px 10px}.player-meta h2{margin:8px 0}.player-meta p{margin-bottom:10px}.footer{display:flex;justify-content:space-between;gap:20px;padding:20px 28px;border-top:1px solid var(--line);color:#7f8796;font-size:11px}.footer span:last-child{color:#a4f56c}.sidebar .nav-item:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media(max-width:1100px){.video-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.filters{max-width:430px}.welcome-art{width:170px;transform:scale(.9);transform-origin:right center}}@media(max-width:760px){.topbar{height:62px;padding:0 14px;gap:12px}.brand{font-size:13px;gap:7px}.brand-mark{width:30px;height:30px}.search{max-width:none}.search input{padding:0 9px;font-size:12px}.search button{width:36px}.top-actions{gap:7px}.top-actions .btn{font-size:0;padding:10px}.top-actions .btn:after{content:'＋';font-size:17px}.avatar{width:34px;height:34px}.layout{grid-template-columns:1fr}.sidebar{position:sticky;top:62px;z-index:4;flex-direction:row;overflow:auto;padding:8px 10px;background:#0d0f15;border-right:0;border-bottom:1px solid var(--line);gap:5px}.sidebar .nav-item{width:auto;white-space:nowrap;padding:9px 12px;font-size:12px}.sidebar .nav-item span:first-child{font-size:15px;width:auto}.sidebar .side-divider,.sidebar .side-label,.sidebar-bottom{display:none}.main-content{padding:18px 14px 35px}.welcome{padding:25px 22px;min-height:190px}.welcome-art{position:absolute;right:-38px;opacity:.5;transform:scale(.75)}.welcome>div:first-child{position:relative;z-index:1}.welcome h1{font-size:29px;max-width:370px}.welcome p{max-width:340px;font-size:12px}.section-heading{align-items:start;flex-direction:column;margin-top:27px}.filters{max-width:none}.video-grid{gap:20px 12px}.video-copy h3{font-size:12px}.video-info{gap:8px}.creator-avatar{width:30px;height:30px}.footer{padding:18px 14px}.dialog-card{padding:28px 20px}.player-card{padding:8px}.player-meta{padding:15px 5px}}@media(max-width:430px){.brand span:last-child{display:none}.video-grid{grid-template-columns:1fr}.thumb{aspect-ratio:16/8}.welcome-art{right:-65px}.filters{gap:5px}.filter{padding:7px 9px;font-size:11px}}