:root { --green:#1fc76a; --bg:#f4f6f8; --text:#1d1d1f; }
* { box-sizing: border-box; }
body { margin:0; font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", sans-serif; background: var(--bg); color: var(--text); }
a { color:#1aa85a; text-decoration:none; }
.layout { display:flex; min-height:100vh; }
.sider { width:220px; background:#143d2a; color:#fff; padding:24px 0; }
.sider .logo { padding:0 24px 20px; font-weight:700; }
.sider a { display:block; padding:12px 24px; color:#d7efe2; }
.sider a.on, .sider a:hover { background:#1fc76a; color:#fff; }
.main { flex:1; }
.top { height:56px; background:#fff; display:flex; align-items:center; justify-content:space-between; padding:0 24px; border-bottom:1px solid #eee; }
.content { padding:24px; }
.cards { display:flex; gap:16px; }
.stat { background:#fff; border-radius:12px; padding:20px 28px; min-width:140px; }
.stat b { font-size:28px; display:block; }
.toolbar { margin-bottom:16px; }
.btn, button { background:var(--green); color:#fff; border:0; border-radius:8px; padding:8px 16px; cursor:pointer; display:inline-block; }
table { width:100%; background:#fff; border-collapse:collapse; border-radius:12px; overflow:hidden; }
th, td { padding:12px; border-bottom:1px solid #f0f0f0; text-align:left; font-size:14px; }
.thumb { width:64px; height:64px; object-fit:cover; border-radius:8px; background:#fafafa; }
.thumb-wide { width:140px; height:60px; object-fit:cover; border-radius:8px; }
.form { background:#fff; padding:24px; border-radius:12px; max-width:560px; display:flex; flex-direction:column; gap:8px; }
.form input, .form select { height:40px; border:1px solid #e5e5e5; border-radius:8px; padding:0 12px; }
.preview-banner { width:351px; max-width:100%; height:150px; object-fit:cover; border-radius:12px; display:block; margin-bottom:8px; }
.muted { color:#888; }
.code { background:#fff; border-radius:12px; padding:16px; overflow:auto; font-size:12px; line-height:1.5; max-height:420px; }
.table { margin-top:8px; }
.login-body { min-height:100vh; display:flex; align-items:center; justify-content:center; background:linear-gradient(#d8f8d8, #f4f6f8); }
.login-card { width:360px; background:#fff; padding:32px; border-radius:16px; display:flex; flex-direction:column; gap:8px; }
.login-card h1 { margin:0; font-size:22px; }
.login-card p { margin:0 0 12px; color:#888; }
.inline { display:inline; }
button.link { background:none; color:#1aa85a; padding:0; border:0; cursor:pointer; font-size:14px; }