*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#070707;color:#eee;font:16px Arial,sans-serif;padding-bottom:40px}.top{height:78px;padding:0 22px;display:grid;grid-template-columns:52px 1fr auto;align-items:center;gap:14px;border-bottom:2px solid #e50914;background:#090909;position:sticky;top:0;z-index:20}.logo{font-size:30px;font-weight:900;font-style:italic;white-space:nowrap;text-align:center}.logo i{color:#e50914}.btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid #e50914;border-radius:9px;padding:12px 20px;background:#e50914;color:#fff;font-weight:800;cursor:pointer;text-decoration:none}.btn.small{padding:9px 13px;font-size:13px}.logout-top{min-width:105px}.hamburger{width:46px;height:46px;border:0;background:transparent;padding:8px;display:flex;flex-direction:column;justify-content:center;gap:6px;cursor:pointer}.hamburger span{display:block;width:30px;height:3px;background:#fff;border-radius:3px}.wrap{max-width:980px;margin:auto;padding:30px 24px}.page-title h2{font-size:32px;margin:10px 0}.page-title p{color:#bbb;margin:0 0 24px}.statgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.stat{padding:22px;background:#180606;border:1px solid #5b1111;border-radius:14px;text-align:center}.stat b{display:block;color:#ffc400;font-size:32px;margin-bottom:7px}.panel{background:#101010;border:1px solid #4b1111;border-radius:14px;padding:26px;margin:18px 0}.panel h3{font-size:23px;margin:0 0 20px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:15px 0;border-bottom:1px solid #262626}.row:last-child{border-bottom:0}.row small{display:block;color:#999;margin-top:4px}label{display:block;color:#ddd;margin:14px 0}input,select{width:100%;padding:14px;margin-top:8px;background:#111;color:#fff;border:1px solid #3b3b3b;border-radius:9px;font-size:16px;outline:none}input:focus,select:focus{border-color:#e50914}.muted{color:#999}.notice{padding:14px;border-radius:9px;background:#241008;border:1px solid #653010;color:#ffd36a}.drawer{position:fixed;z-index:50;left:0;top:0;bottom:0;width:min(390px,88vw);background:#0d0d0d;border-right:1px solid #4b1111;box-shadow:18px 0 50px #000;transform:translateX(-105%);transition:transform .25s ease;overflow:auto}.drawer.open{transform:translateX(0)}.drawer-head{height:78px;padding:0 22px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #4b1111}.drawer-head .logo{font-size:24px;text-align:left}.close-btn{background:none;border:0;color:#fff;font-size:38px;line-height:1;cursor:pointer}.nav{padding:16px}.nav a,.nav-logout{display:flex;width:100%;align-items:center;gap:16px;padding:17px 14px;margin:4px 0;border:0;border-radius:10px;background:transparent;color:#eee;text-decoration:none;font-size:18px;text-align:left;cursor:pointer}.nav a.active,.nav a:hover,.nav-logout:hover{background:#2b0b0b;color:#fff}.nav-logout{margin-top:20px;border-top:1px solid #292929;border-radius:0;padding-top:22px}.overlay{position:fixed;inset:0;background:rgba(0,0,0,.68);z-index:40}.overlay[hidden]{display:none}@media(max-width:650px){.top{height:70px;padding:0 10px;grid-template-columns:44px 1fr 82px;gap:4px}.logo{font-size:24px}.logout-top{min-width:0;padding:10px 10px;font-size:13px}.wrap{padding:24px 18px}.page-title h2{font-size:29px}.statgrid{gap:8px}.stat{padding:18px 8px}.stat b{font-size:28px}.panel{padding:20px}.section-head{align-items:flex-start}.section-head h3{font-size:20px}.btn.small{white-space:nowrap}}@media(max-width:420px){.logo{font-size:21px}.logout-top{font-size:12px}.stat{font-size:14px}.stat b{font-size:25px}}