body {
  font-family: Tahoma, Arial, sans-serif;
  background: #f5f7fb;
  margin: 0;
  padding: 20px;
}

.card {
  max-width: 1100px;
  margin: 30px auto;
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 6px 18px rgba(0,0,0,0.08);
  padding: 20px;
}

h1,h2 { text-align: center; }

label { display:block; margin:12px 0 6px; font-weight:600; }
input[type=text], input[type=password], textarea, select {
  width:100%; padding:10px; border:1px solid #ddd; border-radius:6px; font-size:15px;
}
textarea { min-height:80px; resize: vertical; }

.tabs { list-style: none; padding: 0; display: flex; border-bottom: 2px solid #ddd; margin-bottom: 20px; }
.tabs li { margin-right: 15px; }
.tabs a { text-decoration:none; padding:10px 18px; display:inline-block; border-radius:8px 8px 0 0; background:#f1f1f1; color:#333; font-weight:600; }
.tabs a:hover, .tabs a.active { background:#007bff; color:#fff; }

table { width:100%; border-collapse: collapse; font-size:14px; }
table th, table td { padding:10px; border:1px solid #ddd; text-align:center; vertical-align:top; }
table th { background:#f7f7f7; }
td { word-wrap: break-word; max-width:250px; overflow:auto; }

.btn { background:#007bff; color:#fff; border:none; padding:6px 12px; border-radius:6px; cursor:pointer; font-weight:600; }
.btn:hover { background:#0056b3; }

.toast { position: fixed; left: 50%; transform:translateX(-50%); top: 20px; padding:12px 18px; border-radius:8px; color:#fff; font-weight:600; z-index:9999; display:none; }
.toast.success { background:#28a745; }
.toast.error { background:#dc3545; }