/* ================= PREMIUM GLASS TAX UI ================= */

:root{
  --primary:#2563eb;
  --primary-soft:#dbeafe;
  --success:#16a34a;
  --danger:#dc2626;
  --text:#0f172a;
  --muted:#64748b;
  --radius:22px;
  --glass:rgba(255,255,255,.72);
  --border:rgba(255,255,255,.45);
  --shadow:0 25px 60px rgba(0,0,0,.12);
}

/* 🌈 Background */
body{
  font-family:'Inter',system-ui;
  color:var(--text);
  background:
    radial-gradient(900px 500px at 10% 0%, #e0f2fe, transparent 60%),
    radial-gradient(900px 500px at 90% 0%, #fce7f3, transparent 60%),
    radial-gradient(700px 400px at 50% 100%, #ecfeff, transparent 60%),
    #f8fafc;
}

.toggleHead{
  display:flex;
  justify-content:space-between;
  align-items:center;
  font-weight:600;
  cursor:pointer;
  padding:12px 14px;
  border-radius:14px;
  background:#f1f5f9;
}

.toggleHead:hover{
  background:#e2e8f0;
}

.toggleBox{
  margin-top:12px;
}

.toggleIcon{
  font-size:18px;
}


/* 📦 Glass Cards */
.card, .glass{
  background:var(--glass)!important;
  border:1px solid var(--border)!important;
  border-radius:var(--radius)!important;
  box-shadow:var(--shadow)!important;
  backdrop-filter:blur(14px);
}

/* 📏 Spacing */
.container{ padding-top:24px; padding-bottom:24px; }
.card-body{ padding:22px!important; }

/* 🔘 Buttons */
.btn{
  border-radius:16px!important;
  font-weight:600;
  padding:10px 18px;
  box-shadow:0 6px 16px rgba(0,0,0,.08);
}
.btn-primary{ background:var(--primary); border:none; }
.btn-success{ background:var(--success); border:none; }
.btn-danger{ background:var(--danger); border:none; }

/* 🧾 Tables */
.table{
  border-radius:var(--radius);
  overflow:hidden;
}
.table th{
  background:var(--primary-soft);
  font-weight:600;
}
.table td, .table th{ padding:14px!important; }

/* 🧮 Input Fields */
input, select, textarea{
  border-radius:14px!important;
  border:1px solid #e2e8f0!important;
  min-height:46px;
  padding:10px 12px!important;
}

/* 📱 Mobile Perfect */
@media(max-width:768px){
  .container{ padding:12px!important; }
  h2,h3,h4{ font-size:20px!important; }
  .btn{ width:100%; }
}

/* 🏷️ Badges */
.badge{
  border-radius:999px!important;
  padding:6px 12px!important;
  font-size:12px;
}

/* 📑 Summary Headings */
.summary-head{
  font-weight:600;
  padding:12px 14px;
  border-radius:14px;
  background:#f1f5f9;
  margin-bottom:8px;
}

/* 🎯 Highlight Winner */
.winner-card{
  border:2px solid var(--primary)!important;
  box-shadow:0 0 0 4px rgba(37,99,235,.15)!important;
}