:root{
  --accent-1: #6f42c1;
  --accent-2: #00b894;
  --accent-3: #0984e3;
  --muted: #6c757d;
}

body {
  font-family: 'Inter', system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
  background: linear-gradient(120deg,#fdf0ff 0%, #e8f9f3 50%, #e8f3ff 100%);
  min-height: 100vh;
}

.colorful-left {
  background: linear-gradient(180deg, rgba(111,66,193,0.95), rgba(9,132,227,0.95));
  color: #fff;
}

.colorful-left .input-group .dropdown-toggle,
.colorful-left .input-group .form-control {
  background: rgba(255,255,255,0.06);
  color: #fff;
  border: 1px solid rgba(255,255,255,0.08);
}

.colorful-left .btn-outline-light {
  color: #fff;
  border-color: rgba(255,255,255,0.18);
}
.colorful-left .btn-outline-light.active,
.colorful-left .btn-outline-light:active {
  background: rgba(255,255,255,0.12);
  border-color: rgba(255,255,255,0.22);
}

.card { border-radius: 14px; }

.table-condensed th, .table-condensed td {
  padding: .45rem .6rem;
  vertical-align: middle;
  font-size: .88rem;
}

.table thead th { border-bottom-width: 2px; }

.badge { font-weight: 700; font-size: 0.78rem; }

.adsense-box {
  background: #fbfbfb;
  border: 1px dashed #dedede;
  padding: 1rem;
  border-radius: .6rem;
  min-height: 100px;
  display:flex;
  align-items:center;
  justify-content:center;
}

/* dropdown menu scrollbar */
.dropdown-menu { max-height: 320px; overflow-y: auto; }

/* responsive adjustments */
@media (max-width: 767px) {
  .colorful-left { border-top-left-radius: 0; border-top-right-radius: 0; }
  .card { border-radius: 10px; }
  aside { order: 999; } /* put sidebar below on small screens */
}

/* print adjustments */
@media print {
  .adsense-box, button, .dropdown-toggle, .term-btn, .form-check { display: none !important; }
  body { background: #fff; color: #000; }
  .card { box-shadow: none; border: none; }
}