:root{--bg:#090b10;--panel:#11151d;--panel2:#181d27;--text:#f5f7fa;--muted:#8d96a6;--accent:#ff6b00}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif}.layout{display:flex;min-height:100vh}.sidebar{width:230px;background:#0d1016;padding:24px 14px;position:fixed;inset:0 auto 0 0}.brand{font-size:22px;font-weight:900;letter-spacing:.5px;margin:4px 12px 34px}.brand span,.mobile-brand span{color:var(--accent)}.nav{display:block;width:100%;border:0;background:transparent;color:#aab2c0;text-align:left;padding:14px 15px;border-radius:10px;margin:5px 0;font-size:15px;cursor:pointer}.nav:hover,.nav.active{background:var(--panel2);color:#fff}.logout{margin-top:30px;text-decoration:none}.main{margin-left:230px;width:calc(100% - 230px);padding:0 32px 50px}.topbar{height:76px;display:flex;align-items:center;justify-content:flex-end;border-bottom:1px solid #171b23}.user{color:var(--muted)}.mobile-brand{display:none}.page{display:none;padding-top:28px}.page.active{display:block}.hero{min-height:310px;border-radius:18px;background:linear-gradient(90deg,#161b25,rgba(22,27,37,.55)),radial-gradient(circle at 80% 40%,#5c270c,transparent 40%);display:flex;align-items:center;padding:42px;margin-bottom:34px}.hero span{color:var(--accent);font-weight:800;letter-spacing:2px}.hero h1{font-size:42px;max-width:650px;margin:12px 0}.hero p{color:var(--muted);font-size:17px}.quick{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.quick button{padding:26px;border:1px solid #222936;background:var(--panel);color:#fff;border-radius:14px;font-size:16px;text-align:left;cursor:pointer}.section-head{display:flex;align-items:center;justify-content:space-between;gap:15px}.section-head select{background:var(--panel);color:#fff;border:1px solid #2a303c;padding:11px;border-radius:9px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:18px;margin-top:24px}.card{background:var(--panel);border-radius:13px;overflow:hidden;cursor:pointer;border:1px solid transparent}.card:hover{border-color:#333b49;transform:translateY(-2px)}.thumb{width:100%;aspect-ratio:16/10;object-fit:cover;background:#161b23}.poster{aspect-ratio:2/3}.card-info{padding:12px}.title{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sub{font-size:12px;color:var(--muted);margin-top:5px}.modal{position:fixed;inset:0;background:rgba(0,0,0,.9);display:flex;align-items:center;justify-content:center;padding:20px;z-index:20}.hidden{display:none}.player-box{width:min(1100px,100%);position:relative}.player-box video{width:100%;max-height:75vh;background:#000;border-radius:12px}.close{position:absolute;right:0;top:-44px;border:0;background:transparent;color:#fff;font-size:35px;cursor:pointer}.alert{background:#3a1717;color:#ffb1b1;padding:10px;border-radius:8px;margin-bottom:15px}.login-page{display:grid;place-items:center;min-height:100vh;background:radial-gradient(circle at 50% 20%,#241207,#090b10 45%)}.login-card{width:min(400px,92vw);background:#11151d;border:1px solid #242a34;border-radius:18px;padding:35px;box-shadow:0 25px 70px #0008}.login-card h1{margin:0 0 5px}.login-card p{color:var(--muted)}.login-card input{width:100%;padding:14px;margin:7px 0;background:#0b0e14;color:#fff;border:1px solid #272d38;border-radius:9px}.login-card button{width:100%;padding:14px;margin-top:10px;background:var(--accent);color:#fff;border:0;border-radius:9px;font-weight:800;cursor:pointer}@media(max-width:800px){.sidebar{width:70px;padding:20px 8px}.sidebar .brand{font-size:0}.sidebar .brand:after{content:'W';font-size:23px}.nav{font-size:0;text-align:center}.nav:first-letter{font-size:20px}.main{margin-left:70px;width:calc(100% - 70px);padding:0 16px}.topbar{justify-content:space-between}.mobile-brand{display:block;font-weight:900}.hero h1{font-size:30px}.quick{grid-template-columns:1fr}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.section-head{align-items:flex-start;flex-direction:column}}