*{box-sizing:border-box}body{color:#111827;background:#f4f6f8;margin:0;font-family:Arial,Helvetica,sans-serif}.header{color:#fff;background:#0f172a;justify-content:space-between;align-items:center;padding:18px 28px;display:flex}.header h1{margin:0;font-size:24px}.header p{color:#cbd5e1;margin:4px 0 0}.container{max-width:1200px;margin:24px auto;padding:0 18px}.grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.card{background:#fff;border-radius:12px;padding:18px;box-shadow:0 4px 14px #0f172a14}.card h3{color:#475569;margin:0 0 8px;font-size:14px}.big{font-size:30px;font-weight:700}.two{grid-template-columns:1fr 1fr;gap:16px;margin-top:16px;display:grid}.button{color:#fff;cursor:pointer;background:#2563eb;border:0;border-radius:8px;padding:11px 14px;font-weight:600}.button.secondary{background:#059669}input,select,textarea{border:1px solid #cbd5e1;border-radius:8px;width:100%;margin:7px 0 12px;padding:10px}label{color:#334155;font-size:13px;font-weight:700}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid #e2e8f0;padding:10px;font-size:14px}th{color:#475569;background:#f8fafc}.badge{color:#1e40af;background:#dbeafe;border-radius:999px;padding:4px 8px;font-size:12px;font-weight:700}.nav{flex-wrap:wrap;gap:10px;margin-bottom:16px;display:flex}.nav span{background:#fff;border-radius:999px;padding:10px 14px;box-shadow:0 2px 8px #0f172a0f}@media (max-width:850px){.grid,.two{grid-template-columns:1fr}}