:root{--red:#e3141b;--ink:#121722;--soft:#f4f5f7;--line:#dfe2e6}*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:var(--soft);color:var(--ink)}.admin-side{position:fixed;left:0;top:0;bottom:0;width:240px;background:#111722;color:#fff;padding:26px 18px}.admin-side img{width:200px;background:#fff;padding:8px}.admin-side nav{display:flex;flex-direction:column;margin-top:35px}.admin-side a{color:#fff;text-decoration:none;padding:13px;border-bottom:1px solid #ffffff18}.admin-main{margin-left:240px;padding:28px}.admin-main>header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.admin-main h1{margin:0}.panel{background:#fff;padding:22px;margin-bottom:22px;border:1px solid var(--line)}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:22px}.stats article{background:#fff;padding:25px;border-left:4px solid var(--red)}.stats strong{display:block;font-size:36px}.stats span{color:#777}.action{background:var(--red);color:#fff;text-decoration:none;padding:12px 18px;border:0;display:inline-block;margin-bottom:16px;font-weight:700}.panel table{width:100%;border-collapse:collapse}.panel th,.panel td{text-align:left;padding:12px;border-bottom:1px solid var(--line);font-size:13px}.actions{display:flex;gap:10px;align-items:center}.actions form{display:inline}.actions a,button{color:var(--red);background:none;border:0;cursor:pointer}.form label{display:block;font-size:13px;font-weight:700;margin-bottom:16px}.form input,.form select,.form textarea{display:block;width:100%;padding:11px;border:1px solid var(--line);margin-top:6px;font:inherit}.form textarea{min-height:100px}.form textarea.long{min-height:330px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:20px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.check input{display:inline;width:auto}.login-page{display:grid;place-items:center;min-height:100vh;background:#eef0f2}.login-box{width:min(420px,92vw);background:#fff;padding:35px;box-shadow:0 20px 60px #0002}.login-box img{width:100%;max-height:90px;object-fit:contain}.login-box label{display:block;margin:18px 0}.login-box input{display:block;width:100%;padding:13px;border:1px solid var(--line);margin-top:7px}.login-box button{width:100%;background:var(--red);color:#fff;padding:14px;font-weight:800}.error{background:#ffe5e5;color:#8d0000;padding:12px}@media(max-width:850px){.admin-side{position:static;width:auto}.admin-side nav{flex-direction:row;flex-wrap:wrap;margin-top:15px}.admin-main{margin:0;padding:15px}.stats,.grid2,.grid3{grid-template-columns:1fr}.panel{overflow:auto}}

.admin-side{overflow:auto}.admin-side nav{padding-bottom:30px}.admin-preview{max-width:260px;max-height:220px;object-fit:cover;border:1px solid var(--line);display:block;margin:8px 0 18px}.admin-preview.wide{max-width:700px;max-height:280px}.thumb{width:120px;height:68px;object-fit:cover;border-radius:3px}.avatar{width:52px;height:52px;object-fit:cover;border-radius:50%}.hint{font-size:12px;color:#777}.checks{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0}.checks label{font-weight:400;margin:0;background:#f6f7f8;padding:11px}.form hr{border:0;border-top:1px solid var(--line);margin:28px 0}.form h2{margin-top:0}.stats{grid-template-columns:repeat(3,1fr)}
@media(max-width:850px){.checks{grid-template-columns:1fr}.admin-preview.wide{max-width:100%}}
