*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,system-ui,sans-serif;font-size:14px;color:#1a1a1a;background:#f3f4f6;display:flex;min-height:100vh}
a{color:#0a7a3f}
.lg{font-weight:800;font-size:15px;display:flex;align-items:center;gap:8px;color:#fff}.lg-c{width:28px;height:28px;background:#0a7a3f;display:inline-flex;align-items:center;justify-content:center;font-weight:900}
.side{width:230px;background:#111;color:#999;display:flex;flex-direction:column;padding:22px 0;position:sticky;top:0;height:100vh}.side .lg{padding:0 22px 22px;border-bottom:1px solid #222}
.side nav{display:flex;flex-direction:column;padding:12px 0;flex:1}.side nav a{color:#999;text-decoration:none;padding:11px 22px;font-weight:500;border-left:3px solid transparent}.side nav a:hover,.side nav a.on{color:#fff;background:#1a1a1a;border-left-color:#0a7a3f}
.side-ft{padding:16px 22px;border-top:1px solid #222;display:flex;flex-direction:column;gap:8px}.side-ft a{color:#777;font-size:12px;text-decoration:none}.side-ft a:hover{color:#fff}
.main{flex:1;display:flex;flex-direction:column;min-width:0}.top{background:#fff;border-bottom:1px solid #e5e7eb;padding:18px 32px;display:flex;justify-content:space-between;align-items:center}.top h1{font-size:20px;font-weight:800}.top span{font-size:12px;color:#777}
.content{padding:28px 32px;flex:1}
.card{background:#fff;border:1px solid #e5e7eb;padding:24px;margin-bottom:20px}.card h2{font-size:15px;font-weight:700;margin-bottom:14px}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px}.stat{background:#fff;border:1px solid #e5e7eb;padding:20px;text-decoration:none;color:#555;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.06em}.stat strong{display:block;font-size:30px;font-weight:800;color:#111;margin-bottom:4px}
label{display:block;font-size:12px;font-weight:600;color:#444;margin-bottom:16px}label input,label select,label textarea{display:block;width:100%;margin-top:5px;padding:9px 11px;border:1px solid #d1d5db;font:inherit;font-size:14px;color:#111;background:#fff}label input:focus,label textarea:focus,label select:focus{outline:none;border-color:#0a7a3f}
.chk{display:flex;align-items:center;gap:8px;padding-top:22px}.chk input{width:auto;margin:0}
.f2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.f3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}
.btns{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.btn{display:inline-block;background:#0a7a3f;color:#fff;border:none;padding:10px 18px;font:inherit;font-weight:600;cursor:pointer;text-decoration:none;font-size:13px}.btn:hover{background:#0f9e52}.btn.ghost{background:#fff;color:#333;border:1px solid #d1d5db}.btn.danger{background:#c0392b}.lnk-danger{background:none;border:none;color:#c0392b;cursor:pointer;font:inherit;padding:0;text-decoration:underline}
table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:10px 8px;border-bottom:1px solid #eee;vertical-align:top;font-size:13px}th{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:#777}tr.unread td{background:#f0faf4}
.tag{display:inline-block;background:#eee;color:#555;padding:2px 8px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.tag.ok{background:#e6f5ec;color:#0a7a3f}
.thumb{display:block;max-width:280px;margin:8px 0;border:1px solid #ddd}.thumb.sq{max-width:120px}.av{width:36px;height:36px;object-fit:cover;background:#ddd;display:block}
.ok{background:#e6f5ec;border-left:4px solid #0a7a3f;padding:12px 16px;margin-bottom:16px}.err{background:#fde8e8;border-left:4px solid #c0392b;padding:12px 16px;margin-bottom:16px}.hint{font-size:13px;color:#666;line-height:1.6;margin-bottom:14px}.hint code{background:#f3f4f6;padding:1px 5px}
.login-bg{background:#111;align-items:center;justify-content:center}.login-box{background:#fff;padding:36px;width:380px}.login-box .lg{color:#111;margin-bottom:20px}.login-box h1{font-size:20px;margin-bottom:20px}.login-box button{width:100%;background:#0a7a3f;color:#fff;border:none;padding:12px;font:inherit;font-weight:600;cursor:pointer}
@media(max-width:900px){body{flex-direction:column}.side{width:100%;height:auto;position:static}.side nav{flex-direction:row;flex-wrap:wrap;padding:8px}.side nav a{padding:8px 12px;border-left:none}.stats{grid-template-columns:1fr 1fr}.f2,.f3{grid-template-columns:1fr}.content{padding:16px}}