body{font-family:Arial,sans-serif;margin:0;background:#f6f7f9;color:#111}.topbar{height:56px;background:#111;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 24px}.topbar a{color:#fff;margin-left:16px;text-decoration:none}.container{max-width:1180px;margin:32px auto;padding:0 20px}.card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:20px;box-shadow:0 1px 2px rgba(0,0,0,.04)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.form{max-width:420px;display:grid;gap:14px}label{display:grid;gap:6px}input,button{padding:10px;border-radius:8px;border:1px solid #ccc}button{background:#111;color:#fff;cursor:pointer}table{width:100%;border-collapse:collapse;background:#fff;border-radius:12px;overflow:hidden}th,td{padding:12px;border-bottom:1px solid #eee;text-align:left}.alert{background:#fee2e2;border:1px solid #fecaca;padding:12px;border-radius:10px;margin:12px 0}