*{box-sizing:border-box}body{margin:0;background:#f5f7fb;color:#172554;font-family:Arial,sans-serif}.top{background:#fff;border-bottom:1px solid #e5e7eb;padding:14px 24px;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:5}.brand{font-size:22px;font-weight:800}.nav a{margin-left:14px;text-decoration:none;color:#4338ca;font-weight:700}.wrap{max-width:1250px;margin:25px auto;padding:0 18px}h1{font-size:34px;margin:0 0 8px}h2{margin-top:24px}.card{background:#fff;border-radius:14px;padding:20px;margin-bottom:18px;box-shadow:0 5px 22px rgba(15,23,42,.06)}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.btn{border:0;border-radius:9px;padding:11px 16px;font-weight:700;cursor:pointer;text-decoration:none;display:inline-block}.primary{background:#2563eb;color:#fff}.green{background:#159a5b;color:#fff}.purple{background:#6d3df5;color:#fff}.gray{background:#e5e7eb;color:#111827}.danger{background:#dc2626;color:#fff}.full{width:100%}label{display:block;font-weight:700;margin:10px 0 6px}input,select,textarea{width:100%;padding:11px;border:1px solid #cbd5e1;border-radius:8px;font-size:15px;background:#fff}table{width:100%;border-collapse:collapse;background:#fff}th,td{padding:10px;border-bottom:1px solid #e5e7eb;text-align:left}th{background:#f1f5f9}.actions{display:flex;gap:10px;flex-wrap:wrap;margin:15px 0}.notice{padding:12px;background:#dcfce7;border:1px solid #86efac;border-radius:8px;margin-bottom:15px}.error{padding:12px;background:#fee2e2;border:1px solid #fca5a5;border-radius:8px;margin-bottom:15px}.muted{color:#64748b}.auth{max-width:430px;margin:80px auto;background:#fff;padding:30px;border-radius:16px;box-shadow:0 10px 40px rgba(0,0,0,.08)}.stat{font-size:28px;font-weight:800}@media(max-width:850px){.grid{grid-template-columns:1fr 1fr}.top{display:block}.nav a{display:inline-block;margin:8px 8px 0 0}}@media(max-width:550px){.grid{grid-template-columns:1fr}}