@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&display=swap');
body { font-family: 'Poppins', sans-serif; background-color: #f8f9fa; }
.navbar { background: #1f1f1f !important; }
.navbar-brand { font-weight:700; color:#f1c40f !important; }
.card { border:none; border-radius:1rem; overflow:hidden; transition: transform .2s ease, box-shadow .2s ease; }
.card:hover { transform: translateY(-5px); box-shadow:0 8px 20px rgba(0,0,0,.1); }
.card-img-top { object-fit:cover; height:200px; }
.badge { font-size:.75rem; }
.progress-sticky { position: sticky; top: 0; z-index: 1000; }
.progress-bar { font-size:.75rem; background: linear-gradient(90deg, #0d6efd, #6610f2); }
.table-sm tr:nth-child(even) { background-color:#f1f1f1; }
.btn-outline-warning { border-color:#f1c40f; color:#f1c40f; }
.btn-outline-warning:hover { background:#f1c40f; color:#1f1f1f; }


/* Pixel-consistent polish for MineMaps PRO */
h1,h2,h3,h4,h5 { letter-spacing: .2px; }
.card .badge + .badge { margin-left: .35rem; }
.card-title a { color: inherit; }
.card-title a:hover { text-decoration: underline; }
.img-fluid.rounded { border-radius: .75rem; }
.footer, footer { border-top: 1px solid rgba(255,255,255,.08); }


/* ==== DARK THEME ==== */
.dark-theme {
    background-color: #121212;
    color: #e0e0e0;
}

.dark-theme a { color: #90caf9; }
.dark-theme header, 
.dark-theme footer {
    background-color: #1e1e1e;
}

.dark-theme .card, 
.dark-theme .content, 
.dark-theme .container {
    background-color: #1c1c1c;
    color: #e0e0e0;
    border-color: #333;
}

.dark-theme button, 
.dark-theme input, 
.dark-theme select, 
.dark-theme textarea {
    background-color: #2c2c2c;
    color: #fff;
    border: 1px solid #555;
}

/* --- Tema Dark --- */
body {
  background-color: #121212;
  color: #f0f0f0;
  font-family: Arial, sans-serif;
}

h1, h2, h3, h4, h5 {
  color: #00bcd4;
}

.upload-box {
  background: #1e1e1e;
  padding: 20px;
  border-radius: 10px;
  margin: 15px auto;
  text-align: center;
  width: 300px;
  box-shadow: 0 0 10px rgba(0,0,0,0.7);
}

.upload-box input[type="file"] {
  margin: 10px 0;
  color: #f0f0f0;
}

.upload-box button {
  background: #00bcd4;
  color: #121212;
  padding: 8px 15px;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  font-weight: bold;
}

.upload-box button:hover {
  background: #0097a7;
}