*{box-sizing:border-box}body,html{padding:0;margin:0}body{font-family:Inter,PingFang SC,Microsoft YaHei,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:radial-gradient(1200px 600px at 10% -10%,rgba(34,197,94,.1),transparent 60%),radial-gradient(1000px 500px at 110% 0,rgba(59,130,246,.08),transparent 50%),#f4f7fb;color:#0f172a;min-height:100vh}a{color:#16a34a;text-decoration:none}a:hover{text-decoration:underline}button{font-family:inherit;border:none;cursor:pointer;background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;border-radius:10px;padding:9px 18px;font-size:14px;font-weight:600;box-shadow:0 6px 16px -6px rgba(22,163,74,.45);transition:all .2s ease}button:hover{transform:translateY(-1px);box-shadow:0 10px 22px -8px rgba(22,163,74,.55);filter:brightness(1.03)}input,select,textarea{font-family:inherit;font-size:14px;border:1px solid #d0d7e2;border-radius:10px;padding:9px 12px;background:#fff;color:#0f172a;outline:none;transition:border-color .2s,box-shadow .2s}input:focus,select:focus,textarea:focus{border-color:#22c55e;box-shadow:0 0 0 4px rgba(34,197,94,.15)}.admin{display:grid;grid-template-columns:232px 1fr}.admin,.side{min-height:100vh}.side{background:linear-gradient(180deg,#0f172a,#111c34);color:#cbd5e1;padding:28px 18px;position:relative;top:0;height:auto;overflow:visible;border-right:1px solid rgba(255,255,255,.06);box-shadow:2px 0 20px rgba(15,23,42,.08)}.side h2{color:#fff;font-size:20px;margin:0 8px 28px;letter-spacing:.5px;font-weight:700;gap:8px}.side a,.side h2{display:flex;align-items:center}.side a{gap:10px;padding:11px 14px;border-radius:10px;margin:4px 0;color:#cbd5e1;font-size:14px;font-weight:500;transition:all .18s ease;text-decoration:none}.side a:hover{background:rgba(255,255,255,.08);color:#fff;text-decoration:none}.side a:first-of-type{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;box-shadow:0 8px 18px -6px rgba(34,197,94,.5)}.main{padding:36px 40px 48px;max-width:1480px;width:100%}.main h1{font-size:28px;font-weight:800;color:#0f172a;margin:0 0 6px;letter-spacing:-.3px}.top{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:8px}.top small{color:#64748b;font-size:13px;font-weight:500;letter-spacing:.3px}.top h1{margin:2px 0 0}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:18px;gap:18px;margin:26px 0 28px}.card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:22px;box-shadow:0 8px 24px -12px rgba(15,23,42,.12);transition:all .2s ease}.card:hover{transform:translateY(-2px);box-shadow:0 16px 32px -14px rgba(15,23,42,.18);border-color:#cbd5e1}.card b{color:#64748b;font-size:14px;font-weight:600}.card strong{font-size:34px;font-weight:800;display:block;margin-top:10px;color:#0f172a;line-height:1.2}.table{background:#fff;border:1px solid #e2e8f0;border-radius:16px;overflow:hidden;box-shadow:0 8px 24px -12px rgba(15,23,42,.12)}.table>div{border-bottom:1px solid #eef2f7;background:#fafcff}table{width:100%;border-collapse:collapse}td,th{padding:15px 16px;text-align:left;border-bottom:1px solid #eef2f7;font-size:14px;vertical-align:middle}th{color:#64748b;font-weight:600;font-size:13px;letter-spacing:.2px;text-transform:uppercase}tbody tr:hover,th{background:#f8fafc}tbody tr:last-child td{border-bottom:none}.ok{color:#16a34a;background:rgba(34,197,94,.12)}.ok,.warn{padding:3px 10px;border-radius:999px;font-size:13px;font-weight:600;display:inline-block}.warn{color:#b45309;background:rgba(245,158,11,.14)}.danger{color:#dc2626;background:rgba(239,68,68,.12);padding:3px 10px;border-radius:999px;font-weight:600;display:inline-block}.danger,pre{font-size:13px}pre{background:#0f172a;color:#e2e8f0;border-radius:12px;padding:18px;overflow:auto;line-height:1.6}@media (max-width:1100px){.cards{grid-template-columns:repeat(2,1fr)}}@media (max-width:800px){.admin{grid-template-columns:190px 1fr}.side{display:block;padding:18px 10px}.side h2{font-size:16px;margin:0 6px 18px}.side a{padding:9px 10px;font-size:13px}.main{padding:24px 18px}.cards{grid-template-columns:1fr}}