/* public/assets/css/app.css (Modern LIGHT) */
:root{
  --bg0:#f5f7ff;
  --bg1:#f7fbff;
  --card:#ffffff;
  --border:rgba(17,24,39,.12);
  --shadow:0 14px 40px rgba(17,24,39,.10);
  --shadow2:0 10px 24px rgba(17,24,39,.08);
  --muted:#6b7280;
  --text:#0f172a;
  --primary:#2563eb;
}

html, body{height:100%;}
body{
  color:var(--text);
  background:
    radial-gradient(1200px 800px at 15% 10%, rgba(96,165,250,.18), transparent 55%),
    radial-gradient(900px 650px at 85% 15%, rgba(37,99,235,.14), transparent 52%),
    radial-gradient(900px 700px at 55% 95%, rgba(34,197,94,.10), transparent 55%),
    linear-gradient(180deg, var(--bg0), var(--bg1));
}

/* Navbar / sidebar */
.navbar-app{
  background:rgba(255,255,255,.80) !important;
  backdrop-filter:saturate(180%) blur(14px);
  border-bottom:1px solid var(--border);
}
.sidebar{
  background:rgba(255,255,255,.72);
  backdrop-filter:saturate(180%) blur(12px);
  border-right:1px solid var(--border);
}
.offcanvas{ background:rgba(255,255,255,.94); }

/* Cards */
.card-glass{
  background:linear-gradient(180deg, rgba(255,255,255,.92), rgba(255,255,255,.98));
  border:1px solid var(--border);
  box-shadow:var(--shadow2);
}
.card-glass.hover-lift{
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.card-glass.hover-lift:hover{
  transform: translateY(-2px);
  box-shadow:var(--shadow);
  border-color: rgba(37,99,235,.22);
}

/* Buttons */
.btn-soft{
  background:rgba(15,23,42,.05);
  border:1px solid var(--border);
  color:var(--text);
}
.btn-soft:hover{ background:rgba(15,23,42,.08); }

/* Inputs - more visible */
.form-control, .form-select, .input-group-text{
  background:rgba(255,255,255,.98);
  border:1px solid rgba(15,23,42,.20);
  color:var(--text);
  border-radius:14px;
}
.form-control::placeholder{ color:rgba(15,23,42,.45); }
.form-control:focus, .form-select:focus{
  border-color: rgba(37,99,235,.55);
  box-shadow:0 0 0 .25rem rgba(37,99,235,.12);
}
.form-control[type="file"]{ padding:.65rem .85rem; }
.form-label{ color:var(--text); font-weight:600; }
textarea.form-control{ min-height:110px; }

.table-soft{
  --bs-table-bg: rgba(255,255,255,.95);
  --bs-table-border-color: var(--border);
  color:var(--text);
}
.table-soft thead th{ color:#334155; font-weight:600; }
.table-hover>tbody>tr:hover>*{ background: rgba(37,99,235,.04) !important; }

.small-muted{ color:var(--muted); }
a{ text-decoration:none; }

@media (max-width: 575.98px){
  .display-6{ font-size: 1.8rem; }
  .card-glass{ border-radius: 1.1rem !important; }
}