@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@300;400;500;600&display=swap');
*{box-sizing:border-box}body{margin:0;background:#101010;color:#eee;font-family:'Raleway',Arial,sans-serif}
a{color:inherit;text-decoration:none}button,input,select{font:inherit}
.header{background:#050505;border-bottom:1px solid #292929;padding:18px 4vw;display:flex;align-items:center;justify-content:space-between;gap:20px}
.header img{height:62px;width:auto}.wrap{max-width:1220px;margin:auto;padding:40px 4vw 70px}.muted{color:#888}.btn{border:1px solid #666;background:#eee;color:#111;border-radius:6px;padding:12px 16px;font-weight:600;cursor:pointer}.btn.dark{background:#191919;color:#eee}.btn.danger{background:#2a1515;color:#e3b0b0;border-color:#633}
.field{margin:15px 0}.field label{display:block;color:#aaa;font-size:12px;margin-bottom:8px}.field input,.field select{width:100%;padding:13px;background:#101010;border:1px solid #444;color:#fff;border-radius:5px;font-size:16px}
.card{border:1px solid #292929;background:#151515;border-radius:8px}.login{max-width:520px;margin:8vh auto;padding:32px;text-align:center}.login img{width:175px;max-width:55%}.login h1{font-weight:400}.error{color:#cf9898}.ok{color:#9fc4a5}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.thumb{border:0;padding:0;background:#171717;aspect-ratio:4/3;overflow:hidden;border-radius:5px;position:relative}.thumb img{width:100%;height:100%;object-fit:cover;display:block}.thumb span{position:absolute;left:10px;bottom:8px;font-size:11px;text-shadow:0 1px 5px #000}
.hero{display:flex;justify-content:space-between;align-items:end;gap:18px;flex-wrap:wrap;margin-bottom:25px}.hero h1{font-weight:400;margin:5px 0}.actions{display:flex;gap:8px;flex-wrap:wrap}
.table{width:100%;border-collapse:collapse}.table th,.table td{padding:13px 12px;border-bottom:1px solid #292929;text-align:left}.table th{font-size:11px;color:#777;text-transform:uppercase;letter-spacing:.08em}.status{font-size:11px;border-radius:20px;padding:5px 9px}.active{border:1px solid #46614b;color:#a9c7ad}.inactive{border:1px solid #665b3f;color:#d1bf8b}
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:22px}.stat{padding:18px}.stat strong{font-size:25px;font-weight:400;display:block;margin-top:6px}
@media(max-width:800px){.grid{grid-template-columns:repeat(2,1fr)}.stats{grid-template-columns:1fr}.table{display:block;overflow:auto}.header img{height:50px}}