body{margin:0;font-family:Arial;background:#f5f5f5}header{display:flex;justify-content:space-between;align-items:center;padding:18px;background:#184b39;color:#fff}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:15px;padding:20px}.card{background:#fff;padding:18px;border-radius:12px;box-shadow:0 3px 10px rgba(0,0,0,.1)}input{margin:20px;padding:10px;width:320px;max-width:90%}table{width:100%;border-collapse:collapse;background:#fff}th,td{padding:10px;border-bottom:1px solid #ddd}button{background:#c59a4a;border:0;padding:10px 16px;border-radius:8px;font-weight:bold;cursor:pointer}