body{font-family:Arial,sans-serif;background:#f3f4f6;margin:0;color:#111827} .container{max-width:1200px;margin:0 auto;padding:20px} .topbar{background:#111827;color:#fff} .nav{display:flex;align-items:center;justify-content:space-between} .nav a{color:#fff;margin-left:14px;text-decoration:none} .card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 1px 3px rgba(0,0,0,.08)} .grid{display:grid;gap:20px} .grid-2{grid-template-columns:repeat(2,minmax(0,1fr))} .grid-4{grid-template-columns:repeat(4,minmax(0,1fr))} .kpi{font-size:34px;font-weight:700} table{width:100%;border-collapse:collapse} th,td{padding:10px;border-bottom:1px solid #e5e7eb;text-align:left} input,select,button{padding:10px;border-radius:8px;border:1px solid #d1d5db} button{background:#111827;color:#fff;cursor:pointer} .mt-20{margin-top:20px}.mb-20{margin-bottom:20px}code{background:#eef2ff;padding:2px 6px;border-radius:6px}