body{color:#0f172a;background:linear-gradient(#f8fafc,#fff);margin:0;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}.container{max-width:1100px;margin:0 auto;padding:24px}.card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:20px;box-shadow:0 8px 30px #0f172a0d}.grid{gap:20px;display:grid}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}@media (max-width:900px){.grid-2,.grid-3{grid-template-columns:1fr}}input,select,textarea,button{width:100%;font:inherit;border:1px solid #e2e8f0;border-radius:14px;padding:12px 14px}textarea{min-height:120px}button{color:#fff;cursor:pointer;background:#0f172a;border:none}button.secondary{color:#0f172a;background:#fff;border:1px solid #e2e8f0}.badge{color:#1d4ed8;background:#eff6ff;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:700;display:inline-block}.header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;display:flex}.small{color:#475569;font-size:14px}pre.code{color:#e2e8f0;background:#020617;border-radius:16px;padding:16px;overflow:auto}img.preview{border-radius:16px;max-width:100%;max-height:320px;display:block}.nav a{color:#475569;margin-left:16px;text-decoration:none}.stat{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:16px}