*{box-sizing:border-box}:root{--red:#f50012;--panel:#111;--line:#292929;--muted:#aaa}body{margin:0;background:#070707;color:#fff;font-family:Arial,Helvetica,sans-serif}.login-body{min-height:100vh;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at top,rgba(245,0,18,.28),transparent 42%),linear-gradient(180deg,#000,#070707)}.login-box{width:min(430px,94vw);background:rgba(15,15,15,.94);border:1px solid rgba(255,255,255,.14);border-radius:20px;padding:28px}.login-logo{display:block;max-width:320px;width:90%;margin:0 auto 16px}.login-box h1{text-align:center}.login-box p{text-align:center;color:#bbb}.alert{background:#2a0909;border:1px solid #7c1515;color:#ffd3d3;padding:10px;border-radius:10px}.hint,.muted{color:var(--muted);font-size:14px}.layout{display:grid;grid-template-columns:260px 1fr;min-height:100vh}.side{background:#0d0d0d;border-right:1px solid #242424;padding:22px;position:sticky;top:0;height:100vh}.side-logo{max-width:190px;width:100%;display:block;margin-bottom:18px}.brand{font-size:24px;font-weight:900;color:var(--red);margin-bottom:22px}.menu a{display:block;color:#fff;text-decoration:none;padding:13px;border-radius:10px;margin-bottom:8px;background:#151515}.menu a.active,.menu a:hover{background:var(--red)}.main{padding:26px;width:min(1220px,100%)}.top{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:18px}.btn{background:var(--red);color:#fff;text-decoration:none;border:0;border-radius:10px;padding:12px 16px;font-weight:800;cursor:pointer;display:inline-flex;align-items:center;gap:8px}.btn.gray{background:#333}.btn.small{padding:8px 10px;font-size:13px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:18px;margin-bottom:18px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:14px}.stat,.card{background:#151515;border:1px solid #292929;border-radius:14px;padding:18px}.stat strong{font-size:34px;color:var(--red)}label{font-size:13px;color:#bbb}input,select,textarea{width:100%;border-radius:9px;border:1px solid #333;background:#050505;color:#fff;padding:12px;margin-top:5px;margin-bottom:10px;font-size:15px}textarea{min-height:90px;resize:vertical}.full{grid-column:1/-1}.list-item{display:grid;grid-template-columns:64px 1fr auto;gap:14px;align-items:center;border-bottom:1px solid #262626;padding:12px 0}.avatar{width:54px;height:54px;border-radius:999px;background:var(--red);display:grid;place-items:center;font-weight:900}.thumb{width:64px;height:64px;border-radius:12px;object-fit:cover;background:#000}.actions{display:flex;gap:8px;flex-wrap:wrap}.dns-row{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;background:#0b0b0b;border:1px solid #292929;border-radius:12px;padding:12px;margin-top:10px}.dns-value{font-size:18px;font-weight:800;word-break:break-all}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.material-card{background:#151515;border:1px solid #2b2b2b;border-radius:16px;overflow:hidden}.material-preview{height:170px;background:#050505;display:grid;place-items:center}.material-preview img,.material-preview video{width:100%;height:100%;object-fit:cover}.material-body{padding:14px}.tabs{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:14px}.tabs a{color:#fff;text-decoration:none;padding:10px 14px;border-radius:999px;background:#151515}.tabs a.active{background:var(--red)}.toast{position:fixed;left:50%;bottom:22px;transform:translateX(-50%) translateY(25px);background:#101010;color:#fff;border:1px solid var(--red);border-radius:999px;padding:12px 18px;opacity:0;transition:.22s;pointer-events:none;z-index:20}.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}.recommend{background:#1a0d0d;border:1px solid #5c1515;border-radius:12px;padding:14px;color:#ffd6d6;margin:12px 0}@media(max-width:900px){.layout{grid-template-columns:1fr}.side{position:relative;height:auto}.grid,.grid2,.gallery{grid-template-columns:1fr}.list-item{grid-template-columns:54px 1fr}.actions{grid-column:1/-1}.top{flex-direction:column;align-items:flex-start}}