/* ============================================
   GST CALCULATOR HUB - COMPLETE STYLESHEET
   Version: 1.1
   ============================================ */

/* ========== RESET & BASE ========== */
*{margin:0;padding:0;box-sizing:border-box;font-family:'Inter',sans-serif}
body{background:#f1f5f9;color:#0f172a;line-height:1.5}

/* ========== HEADER ========== */
.header{background:#fff;border-bottom:1px solid #e2e8f0;position:sticky;top:0;z-index:100}
.header-container{max-width:1200px;margin:auto;padding:15px 20px;display:flex;justify-content:space-between;align-items:center}

/* Logo */
.logo{display:flex;align-items:center;gap:8px;font-weight:600}
.logo svg{width:34px;height:34px}

/* Navigation */
.nav{display:flex;gap:25px}
.nav a{text-decoration:none;color:#334155;font-size:14px;font-weight:500;transition:0.2s}
.nav a:hover{color:#22c55e}

/* Mobile Menu Button */
.menu-btn{display:none;font-size:28px;cursor:pointer;background:none;border:none;color:#0f172a;padding:5px;line-height:1;width:auto}

/* ========== SIDEBAR ========== */
.sidebar{position:fixed;left:-260px;top:0;width:260px;height:100%;background:#fff;padding:20px;box-shadow:0 10px 30px rgba(0,0,0,0.1);transition:0.3s;z-index:200}
.sidebar.active{left:0}
.sidebar h3{margin-bottom:15px;font-size:18px}
.sidebar a{display:block;padding:12px 0;text-decoration:none;color:#0f172a;border-bottom:1px solid #e2e8f0;font-weight:500}

/* Overlay */
.overlay{position:fixed;width:100%;height:100%;background:rgba(0,0,0,0.4);display:none;top:0;left:0;z-index:150}
.overlay.active{display:block}

/* ========== MAIN LAYOUT ========== */
.wrapper{max-width:1200px;margin:auto;padding:20px;display:flex;gap:20px}
.ad{width:160px;height:600px;background:#e2e8f0;border-radius:10px;display:flex;align-items:center;justify-content:center;position:sticky;top:90px;font-weight:500;color:#475569}
.main{flex:1;min-width:0}

/* ========== CARDS ========== */
.card{background:#fff;padding:25px;border-radius:14px;box-shadow:0 5px 15px rgba(0,0,0,0.05);margin-bottom:25px}
.card h2{font-size:1.3rem;margin-bottom:15px}
.card h2 i{color:#22c55e;margin-right:8px}

/* ========== FORM ELEMENTS ========== */
input,select,button{width:100%;padding:12px;margin-top:10px;border-radius:8px;border:1px solid #e2e8f0;font-size:14px}
input:focus,select:focus{outline:none;border-color:#22c55e;box-shadow:0 0 0 3px rgba(34,197,94,0.1)}
button{background:#22c55e;color:#fff;border:none;font-weight:600;cursor:pointer;transition:0.2s}
button:hover{background:#16a34a}

/* ========== RESULT BOX ========== */
.result{margin-top:15px;background:#ecfdf5;padding:15px;border-radius:10px;font-weight:500}
.result i{color:#22c55e;margin-right:5px}

/* ========== CONTENT SECTIONS ========== */
.content-section{margin:25px 0}
.content-section h3{font-size:1.25rem;margin-bottom:12px;display:flex;align-items:center;gap:8px}
.content-section h3 i{color:#22c55e}
.content-section p{color:#334155;margin-bottom:10px;font-size:14px}

/* Formula Text */
.formula-text{font-size:13px;color:#64748b}

/* Feature List */
.feature-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin-top:15px}
.feature-item{background:#f8fafc;padding:15px;border-radius:10px;display:flex;align-items:center;gap:10px;font-weight:500;font-size:14px}
.feature-item i{color:#22c55e;font-size:18px}

/* ========== TOOLS GRID (OLD STYLE) ========== */
.tools{margin-top:30px}
.tools h3{font-size:1.25rem;margin-bottom:15px;display:flex;align-items:center;gap:8px}
.tools h3 i{color:#22c55e}
.tool-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:15px}

.tool{background:#fff;padding:18px;border-radius:12px;border:1px solid #e2e8f0;transition:0.2s;display:flex;flex-direction:column}
.tool:hover{border-color:#22c55e;box-shadow:0 5px 15px rgba(0,0,0,0.05)}
.tool i{font-size:24px;color:#22c55e;margin-bottom:8px}
.tool h4{margin-bottom:4px;font-size:15px}
.tool p{font-size:12px;color:#64748b;margin-bottom:12px;flex:1}

.tool-btn{
  display:inline-block;
  padding:8px 12px;
  background:#22c55e;
  color:#fff;
  text-decoration:none;
  border-radius:6px;
  font-size:12px;
  text-align:center;
  font-weight:500;
  transition:0.2s;
  align-self:flex-start;
}
.tool-btn:hover{background:#15803d}

/* ========== GST TOOLS SECTION (NEW STYLE) ========== */
.gst-tools-section{max-width:1200px;margin:30px auto;padding:0 20px}
.gst-tools-title{font-size:1.5rem;font-weight:700;margin-bottom:6px;display:flex;align-items:center;gap:10px;color:#0f172a}
.gst-tools-title .title-icon{background:#22c55e;width:40px;height:40px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center}
.gst-tools-title .title-icon i{color:#fff;font-size:18px}
.gst-tools-subtitle{font-size:14px;color:#64748b;margin-bottom:25px;margin-left:50px}

.gst-tool-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}

.gst-tool-card{
  background:#fff;
  padding:20px 18px;
  border-radius:14px;
  border:1px solid #e2e8f0;
  transition:all 0.25s ease;
  display:flex;
  flex-direction:column;
  position:relative;
  overflow:hidden;
  text-decoration:none;
  color:inherit;
}
.gst-tool-card::before{
  content:'';
  position:absolute;
  top:0;left:0;
  width:100%;height:3px;
  background:linear-gradient(90deg,#22c55e,#16a34a);
  transform:scaleX(0);
  transition:transform 0.3s ease;
}
.gst-tool-card:hover::before{transform:scaleX(1)}
.gst-tool-card:hover{
  border-color:#22c55e;
  box-shadow:0 8px 25px rgba(34,197,94,0.12);
  transform:translateY(-3px);
}

.gst-tool-icon{
  width:48px;height:48px;
  background:#ecfdf5;
  border-radius:12px;
  display:flex;
  align-items:center;
  justify-content:center;
  margin-bottom:14px;
  font-size:22px;
  color:#22c55e;
  transition:0.3s;
}
.gst-tool-card:hover .gst-tool-icon{background:#22c55e;color:#fff}

.gst-tool-card h4{font-size:15px;font-weight:600;margin-bottom:6px;color:#0f172a}
.gst-tool-card p{font-size:12.5px;color:#64748b;margin-bottom:14px;flex:1;line-height:1.5}

.gst-tool-badge{
  position:absolute;
  top:12px;right:12px;
  background:#fef3c7;
  color:#d97706;
  font-size:10px;
  padding:3px 8px;
  border-radius:20px;
  font-weight:600;
  z-index:1;
}

.gst-tool-arrow{
  display:inline-flex;
  align-items:center;
  gap:6px;
  color:#22c55e;
  font-size:12.5px;
  font-weight:500;
  transition:0.2s;
}
.gst-tool-card:hover .gst-tool-arrow{gap:10px}

/* ========== CARD AD SPACE ========== */
.card-ad-space{
  margin-top:20px;
  padding-top:18px;
  border-top:1px solid #e2e8f0;
  position:relative;
}

.card-ad-badge{
  position:absolute;
  top:-10px;
  left:50%;
  transform:translateX(-50%);
  background:#22c55e;
  color:#fff;
  font-size:10px;
  padding:3px 10px;
  border-radius:20px;
  font-weight:600;
  letter-spacing:1px;
  text-transform:uppercase;
}

.card-ad-content{
  background:#f8fafc;
  border:1px dashed #cbd5e1;
  border-radius:10px;
  padding:25px 20px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:120px;
  transition:all 0.3s ease;
  cursor:pointer;
}

.card-ad-content:hover{
  background:#f1f5f9;
  border-color:#22c55e;
  border-style:solid;
}

.card-ad-content i{
  font-size:28px;
  color:#94a3b8;
}

.card-ad-content span{
  font-size:13px;
  color:#94a3b8;
  font-weight:500;
}


/* ========== FAQ SECTION ========== */
.faq-section{margin:25px 0}
.faq-section h3{margin-bottom:15px;display:flex;align-items:center;gap:8px}
.faq-section h3 i{color:#22c55e}
.faq-item{background:#fff;border:1px solid #e2e8f0;border-radius:10px;margin-bottom:8px;padding:15px;cursor:pointer}
.faq-question{font-weight:600;font-size:15px;display:flex;justify-content:space-between;align-items:center}
.faq-question i{transition:0.3s}
.faq-answer{margin-top:8px;font-size:14px;color:#475569;display:none}
.faq-item.active .faq-answer{display:block}
.faq-item.active .faq-question i{transform:rotate(180deg)}

/* ========== FOOTER (FIXED) ========== */
.footer{
  margin-top:40px;
  background:#0f172a;
  color:#cbd5e1;
  padding:40px 20px;
}
.footer-container{
  max-width:1200px;
  margin:auto;
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(200px,1fr));
  gap:25px;
}

/* Footer Columns */
.footer-col h4{
  color:#fff;
  font-size:16px;
  margin-bottom:15px;
  position:relative;
  padding-bottom:10px;
}
.footer-col h4 span{
  position:absolute;
  bottom:0;
  left:0;
  width:30px;
  height:2px;
  background:#22c55e;
  display:block;
}

/* Footer Logo */
.footer-logo{
  display:flex;
  align-items:center;
  gap:8px;
  font-weight:600;
  margin-bottom:10px;
  color:white;
}
.footer-logo svg{width:30px}

/* Footer Description */
.footer-desc{
  font-size:13px;
  margin:12px 0;
  line-height:1.6;
  color:#94a3b8;
}

/* Footer Links */
.footer a{
  color:#cbd5e1;
  text-decoration:none;
  display:block;
  margin:6px 0;
  font-size:14px;
  transition:all 0.3s ease;
  padding-left:0;
}
.footer a:hover{
  color:#22c55e;
  padding-left:5px;
}
.footer a i{
  font-size:10px;
  margin-right:6px;
  color:#22c55e;
  transition:all 0.3s ease;
}
.footer a:hover i{
  color:#fff;
  margin-right:10px;
}

/* Footer Social Icons Container */
.footer-social{
  margin-top:15px;
  display:flex;
  gap:12px;
}

/* Footer Social Icons */
.footer-social-icon{
  background:#1e293b;
  width:36px;
  height:36px;
  border-radius:50%;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:#cbd5e1;
  text-decoration:none;
  transition:all 0.3s ease;
  font-size:14px;
  position:relative;
  top:0;
}
.footer-social-icon:hover{
  background:#22c55e;
  color:#fff;
  transform:translateY(-3px);
  box-shadow:0 8px 20px rgba(34,197,94,0.35);
}

/* Footer Contact Info */
.footer-contact-info{
  font-size:13px;
  margin-bottom:12px;
  display:flex;
  align-items:center;
  gap:8px;
}
.footer-contact-info i{
  color:#22c55e;
  width:16px;
}

/* Footer Bottom Bar */
.footer-bottom-wrapper{
  border-top:1px solid #1e293b;
  margin-top:30px;
  padding-top:20px;
}
.footer-bottom-content{
  max-width:1200px;
  margin:auto;
  display:flex;
  justify-content:space-between;
  align-items:center;
  flex-wrap:wrap;
  gap:10px;
  font-size:13px;
  padding:0 20px;
}

/* Subscribe Form (agar use karna ho) */
.sub-input{
  padding:10px;
  border-radius:6px;
  border:none;
  margin-top:10px;
  width:100%;
  background:#1e293b;
  color:#fff;
}
.sub-btn{
  background:#22c55e;
  border:none;
  padding:10px;
  color:white;
  border-radius:6px;
  margin-top:8px;
  cursor:pointer;
  font-weight:500;
  width:100%;
}

/* ========== MOBILE RESPONSIVE ========== */
@media(max-width:900px){
  .nav{display:none}
  .menu-btn{display:block}
  .wrapper{flex-direction:column}
  .ad{display:none}
  .tool-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}
  .gst-tool-grid{grid-template-columns:repeat(auto-fill,minmax(155px,1fr));gap:12px}
  .gst-tools-subtitle{margin-left:0;font-size:13px}
  .footer-container{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}
  .footer-bottom-content{flex-direction:column;text-align:center}
}

@media(max-width:768px){
  .gst-tools-section{padding:0 15px}
  .gst-tool-card{padding:16px 14px}
  .gst-tool-icon{width:40px;height:40px;font-size:18px}
  .gst-tool-card h4{font-size:13.5px}
  .gst-tool-card p{font-size:11.5px}
  .gst-tools-title{font-size:1.25rem}
  .card{padding:20px}
  .feature-list{grid-template-columns:1fr 1fr}
  .footer-container{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}
}

@media(max-width:400px){
  .gst-tool-grid{grid-template-columns:1fr 1fr;gap:10px}
  .tool-grid{grid-template-columns:1fr 1fr;gap:10px}
  .feature-list{grid-template-columns:1fr}
  .footer-container{grid-template-columns:1fr}
}


/* ========== PAGE HEADER ========== */
.page-header{
  background:linear-gradient(135deg,#0f172a,#1e293b);
  padding:40px 20px;
  text-align:center;
}
.page-header-content{
  max-width:800px;
  margin:auto;
}
.page-header-content h1{
  color:#fff;
  font-size:1.8rem;
  margin-bottom:10px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
}
.page-header-content h1 i{
  color:#22c55e;
}
.page-header-content p{
  color:#94a3b8;
  font-size:14px;
}

/* ========== SEARCH BAR ========== */
.search-bar{
  background:#fff;
  padding:15px 20px;
  border-radius:12px;
  box-shadow:0 5px 15px rgba(0,0,0,0.05);
  display:flex;
  align-items:center;
  gap:12px;
  margin-bottom:25px;
  border:1px solid #e2e8f0;
}
.search-bar i{
  color:#94a3b8;
  font-size:16px;
}
.search-bar input{
  flex:1;
  border:none;
  outline:none;
  font-size:14px;
  padding:0;
  margin:0;
  width:auto;
}
.search-bar input::placeholder{
  color:#94a3b8;
}

/* ========== MOBILE RESPONSIVE ========== */
@media(max-width:768px){
  .page-header{
    padding:30px 15px;
  }
  .page-header-content h1{
    font-size:1.4rem;
  }
  .page-header-content p{
    font-size:13px;
  }
  .search-bar{
    padding:12px 15px;
  }
}
/* ========== INPUT LABEL ========== */
.input-label{
  display:block;
  font-size:13px;
  font-weight:600;
  color:#475569;
  margin-top:15px;
  margin-bottom:5px;
}

/* ========== RESET BUTTON ========== */
.reset-btn{
  background:#64748b;
  margin-top:8px;
}
.reset-btn:hover{
  background:#475569;
}

/* ========== RESULT CONTAINER ========== */
.result-container{
  margin-top:20px;
  background:#f8fafc;
  border-radius:12px;
  padding:20px;
  border:1px solid #e2e8f0;
}

.result-header{
  font-size:16px;
  font-weight:600;
  color:#0f172a;
  margin-bottom:15px;
  display:flex;
  align-items:center;
  gap:8px;
}
.result-header i{color:#22c55e}

.result-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
}

.result-item{
  background:#fff;
  padding:15px;
  border-radius:10px;
  border:1px solid #e2e8f0;
  display:flex;
  flex-direction:column;
  gap:4px;
}

.result-label{
  font-size:11px;
  color:#64748b;
  text-transform:uppercase;
  letter-spacing:0.5px;
  font-weight:500;
}

.result-value{
  font-size:18px;
  font-weight:700;
  color:#0f172a;
}

.result-value.highlight{
  color:#22c55e;
}

.result-value.total{
  color:#0f172a;
  font-size:20px;
}

/* ========== TAX BREAKDOWN ========== */
.result-breakdown{
  margin-top:20px;
  padding-top:18px;
  border-top:1px solid #e2e8f0;
}

.result-breakdown h4{
  font-size:14px;
  margin-bottom:12px;
  display:flex;
  align-items:center;
  gap:8px;
  color:#475569;
}
.result-breakdown h4 i{color:#22c55e}

.breakdown-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
}

.breakdown-item{
  background:#ecfdf5;
  padding:15px;
  border-radius:10px;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:6px;
  text-align:center;
}

.breakdown-item i{
  font-size:20px;
  color:#22c55e;
}

.breakdown-item span{
  font-size:12px;
  color:#64748b;
  font-weight:500;
}

.breakdown-item strong{
  font-size:16px;
  color:#0f172a;
}

.breakdown-note{
  font-size:12px;
  color:#94a3b8;
  margin-top:12px;
  text-align:center;
}
.breakdown-note i{color:#22c55e}

/* ========== MOBILE ========== */
@media(max-width:768px){
  .result-grid{grid-template-columns:1fr}
  .breakdown-grid{grid-template-columns:1fr}
  .result-value{font-size:16px}
  .result-value.total{font-size:18px}
}
/* ========== FAQ PAGE CONTROLS ========== */
.faq-controls{
  background:#fff;
  padding:20px;
  border-radius:14px;
  box-shadow:0 5px 15px rgba(0,0,0,0.05);
  margin-bottom:25px;
  border:1px solid #e2e8f0;
}

.faq-buttons{
  display:flex;
  gap:10px;
  margin-top:15px;
}

.faq-control-btn{
  flex:1;
  background:#f1f5f9;
  color:#475569;
  border:1px solid #e2e8f0;
  padding:10px 16px;
  border-radius:8px;
  font-size:13px;
  font-weight:500;
  cursor:pointer;
  transition:all 0.3s ease;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:6px;
}
.faq-control-btn:hover{
  background:#22c55e;
  color:#fff;
  border-color:#22c55e;
}
.faq-control-btn i{font-size:14px}

/* ========== FAQ ITEM ENHANCED ========== */
.faq-item{
  transition:all 0.3s ease;
}
.faq-item:hover{
  border-color:#22c55e;
  box-shadow:0 4px 12px rgba(34,197,94,0.08);
}
.faq-question{
  user-select:none;
}
.faq-question span{
  flex:1;
  padding-right:15px;
}

/* ========== FAQ ANSWER ANIMATION ========== */
.faq-answer{
  animation:fadeIn 0.3s ease;
}

@keyframes fadeIn{
  from{opacity:0;transform:translateY(-5px)}
  to{opacity:1;transform:translateY(0)}
}

/* ========== FAQ CTA ========== */
.faq-cta{
  margin-top:30px;
  background:linear-gradient(135deg,#0f172a,#1e293b);
  border-radius:14px;
  padding:40px 30px;
  text-align:center;
}

.faq-cta-content i{
  font-size:40px;
  color:#22c55e;
  margin-bottom:15px;
}

.faq-cta-content h3{
  color:#fff;
  font-size:1.3rem;
  margin-bottom:8px;
}

.faq-cta-content p{
  color:#94a3b8;
  font-size:14px;
  margin-bottom:20px;
}

.faq-cta-btn{
  display:inline-flex;
  align-items:center;
  gap:8px;
  background:#22c55e;
  color:#fff;
  padding:12px 24px;
  border-radius:8px;
  text-decoration:none;
  font-weight:600;
  font-size:14px;
  transition:all 0.3s ease;
}
.faq-cta-btn:hover{
  background:#16a34a;
  box-shadow:0 8px 25px rgba(34,197,94,0.3);
  transform:translateY(-2px);
}

/* ========== FAQ TABLE OF CONTENTS ========== */
.faq-toc{
  background:#fff;
  padding:20px;
  border-radius:14px;
  box-shadow:0 5px 15px rgba(0,0,0,0.05);
  margin-bottom:25px;
  border:1px solid #e2e8f0;
}

.faq-toc h4{
  font-size:15px;
  margin-bottom:12px;
  display:flex;
  align-items:center;
  gap:8px;
  color:#0f172a;
}
.faq-toc h4 i{color:#22c55e}

.faq-toc-list{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}

.faq-toc-link{
  background:#f1f5f9;
  padding:8px 14px;
  border-radius:20px;
  font-size:12px;
  color:#475569;
  text-decoration:none;
  transition:all 0.2s ease;
}
.faq-toc-link:hover{
  background:#22c55e;
  color:#fff;
}

/* ========== MOBILE ========== */
@media(max-width:768px){
  .faq-buttons{flex-direction:column}
  .faq-cta{padding:30px 20px}
  .faq-cta-content i{font-size:32px}
  .faq-cta-content h3{font-size:1.2rem}
}
/* ========== CONTACT PAGE ========== */

/* Contact Grid Layout */
.contact-grid{
  display:grid;
  grid-template-columns:1.5fr 1fr;
  gap:25px;
}

/* Form Row */
.form-row{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:15px;
}

.form-group{margin-bottom:15px}

/* Textarea */
textarea{
  width:100%;
  padding:12px;
  margin-top:10px;
  border-radius:8px;
  border:1px solid #e2e8f0;
  font-size:14px;
  font-family:'Inter',sans-serif;
  resize:vertical;
  min-height:120px;
}
textarea:focus{
  outline:none;
  border-color:#22c55e;
  box-shadow:0 0 0 3px rgba(34,197,94,0.1);
}

/* Alert Messages */
.alert{
  padding:15px;
  border-radius:10px;
  margin-bottom:20px;
  font-size:14px;
  display:flex;
  align-items:center;
  gap:10px;
}
.alert i{font-size:18px}
.alert-success{
  background:#ecfdf5;
  color:#065f46;
  border:1px solid #a7f3d0;
}
.alert-success i{color:#22c55e}
.alert-error{
  background:#fef2f2;
  color:#991b1b;
  border:1px solid #fecaca;
}
.alert-error i{color:#ef4444}

/* Contact Info Sidebar */
.contact-info-list{
  display:flex;
  flex-direction:column;
  gap:20px;
}

.contact-info-item{
  display:flex;
  gap:15px;
  align-items:flex-start;
}

.contact-icon{
  width:44px;
  height:44px;
  background:#ecfdf5;
  border-radius:10px;
  display:flex;
  align-items:center;
  justify-content:center;
  flex-shrink:0;
}
.contact-icon i{
  font-size:18px;
  color:#22c55e;
}

.contact-detail h4{
  font-size:14px;
  color:#0f172a;
  margin-bottom:4px;
}
.contact-detail p{
  font-size:13px;
  color:#64748b;
  line-height:1.6;
  margin:0;
}

/* Social Links */
.social-links{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
}

.social-link{
  width:40px;
  height:40px;
  border-radius:10px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#fff;
  text-decoration:none;
  font-size:16px;
  transition:all 0.3s ease;
}
.social-link:hover{
  transform:translateY(-3px);
  box-shadow:0 8px 20px rgba(0,0,0,0.15);
}
.social-link.facebook{background:#1877f2}
.social-link.twitter{background:#1da1f2}
.social-link.linkedin{background:#0a66c2}
.social-link.youtube{background:#ff0000}
.social-link.instagram{background:#e4405f}

/* Map Section */
.map-section{
  max-width:1200px;
  margin:30px auto;
  padding:0 20px;
}

.map-placeholder{
  background:#e2e8f0;
  border-radius:14px;
  height:300px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:10px;
  border:2px dashed #cbd5e1;
}
.map-placeholder i{
  font-size:40px;
  color:#94a3b8;
}
.map-placeholder p{
  font-size:16px;
  color:#64748b;
  font-weight:500;
  margin:0;
}
.map-placeholder span{
  font-size:12px;
  color:#94a3b8;
}

/* ========== MOBILE ========== */
@media(max-width:900px){
  .contact-grid{
    grid-template-columns:1fr;
  }
  .form-row{
    grid-template-columns:1fr;
  }
}

@media(max-width:768px){
  .map-placeholder{height:200px}
  .social-link{width:36px;height:36px;font-size:14px}
}
/* ========== ABOUT PAGE ========== */

/* About Grid */
.about-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:20px;
  margin-bottom:20px;
}

.about-card-icon{
  width:50px;
  height:50px;
  background:#ecfdf5;
  border-radius:12px;
  display:flex;
  align-items:center;
  justify-content:center;
  margin-bottom:15px;
  font-size:22px;
  color:#22c55e;
}

/* Why Choose Us Grid */
.why-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:20px;
  margin-top:15px;
}

.why-item{
  display:flex;
  gap:15px;
  align-items:flex-start;
}

.why-item i{
  font-size:22px;
  color:#22c55e;
  flex-shrink:0;
  margin-top:2px;
}

.why-item h4{
  font-size:15px;
  color:#0f172a;
  margin-bottom:4px;
}

.why-item p{
  font-size:13px;
  color:#64748b;
  margin:0;
}

/* Tools List Grid */
.tools-list-grid{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(200px,1fr));
  gap:12px;
  margin-top:15px;
}

.tools-list-item{
  display:flex;
  align-items:center;
  gap:10px;
  padding:12px 15px;
  background:#f8fafc;
  border-radius:8px;
  font-size:14px;
  font-weight:500;
  color:#334155;
  border:1px solid #e2e8f0;
  transition:all 0.2s ease;
}

.tools-list-item:hover{
  border-color:#22c55e;
  background:#ecfdf5;
}

.tools-list-item i{
  color:#22c55e;
  font-size:16px;
  width:20px;
  text-align:center;
}

/* View All Button */
.view-all-btn{
  display:inline-flex;
  align-items:center;
  gap:8px;
  background:#22c55e;
  color:#fff;
  padding:12px 24px;
  border-radius:8px;
  text-decoration:none;
  font-weight:600;
  font-size:14px;
  transition:all 0.3s ease;
}

.view-all-btn:hover{
  background:#15803d;
  box-shadow:0 8px 20px rgba(22,163,74,0.3);
}

/* Stats Grid */
.stats-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:20px;
  margin:25px 0;
}

.stat-item{
  background:#fff;
  padding:25px;
  border-radius:14px;
  text-align:center;
  border:1px solid #e2e8f0;
  box-shadow:0 5px 15px rgba(0,0,0,0.05);
  transition:all 0.3s ease;
}

.stat-item:hover{
  transform:translateY(-5px);
  box-shadow:0 10px 25px rgba(0,0,0,0.1);
}

.stat-icon{
  width:50px;
  height:50px;
  background:#ecfdf5;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  margin:0 auto 12px;
  font-size:20px;
  color:#22c55e;
}

.stat-number{
  font-size:24px;
  font-weight:700;
  color:#0f172a;
  margin-bottom:4px;
}

.stat-label{
  font-size:12px;
  color:#64748b;
  text-transform:uppercase;
  letter-spacing:0.5px;
  font-weight:500;
}

/* Testimonials */
.testimonial-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
  gap:20px;
  margin-top:15px;
}

.testimonial-item{
  background:#f8fafc;
  padding:20px;
  border-radius:12px;
  border:1px solid #e2e8f0;
  transition:all 0.2s ease;
}

.testimonial-item:hover{
  border-color:#22c55e;
  box-shadow:0 5px 15px rgba(0,0,0,0.05);
}

.testimonial-stars{
  margin-bottom:10px;
}

.testimonial-stars i{
  color:#f59e0b;
  font-size:14px;
}

.testimonial-item p{
  font-size:14px;
  color:#475569;
  font-style:italic;
  margin-bottom:15px;
  line-height:1.6;
}

.testimonial-item h4{
  font-size:14px;
  color:#0f172a;
  margin-bottom:2px;
}

.testimonial-item span{
  font-size:12px;
  color:#94a3b8;
}

/* About CTA */
.about-cta{
  background:linear-gradient(135deg,#0f172a,#1e293b);
  border-radius:14px;
  padding:40px;
  text-align:center;
  margin-top:25px;
}

.about-cta h2{
  color:#fff;
  font-size:1.5rem;
  margin-bottom:10px;
}

.about-cta p{
  color:#94a3b8;
  font-size:14px;
  margin-bottom:25px;
}

.cta-buttons{
  display:flex;
  gap:15px;
  justify-content:center;
  flex-wrap:wrap;
}

.cta-btn-primary{
  display:inline-flex;
  align-items:center;
  gap:8px;
  background:#22c55e;
  color:#fff;
  padding:14px 28px;
  border-radius:8px;
  text-decoration:none;
  font-weight:600;
  font-size:15px;
  transition:all 0.3s ease;
}

.cta-btn-primary:hover{
  background:#16a34a;
  transform:translateY(-2px);
  box-shadow:0 8px 25px rgba(34,197,94,0.3);
}

.cta-btn-secondary{
  display:inline-flex;
  align-items:center;
  gap:8px;
  background:transparent;
  color:#fff;
  padding:14px 28px;
  border-radius:8px;
  text-decoration:none;
  font-weight:600;
  font-size:15px;
  border:2px solid #334155;
  transition:all 0.3s ease;
}

.cta-btn-secondary:hover{
  border-color:#22c55e;
  color:#22c55e;
  transform:translateY(-2px);
}

/* ========== MOBILE ========== */
@media(max-width:900px){
  .about-grid{grid-template-columns:1fr}
  .why-grid{grid-template-columns:1fr}
  .stats-grid{grid-template-columns:1fr 1fr}
  .tools-list-grid{grid-template-columns:1fr 1fr}
}

@media(max-width:600px){
  .stats-grid{grid-template-columns:1fr 1fr}
  .tools-list-grid{grid-template-columns:1fr}
  .about-cta{padding:30px 20px}
  .about-cta h2{font-size:1.3rem}
  .cta-buttons{flex-direction:column;align-items:center}
  .cta-btn-primary,.cta-btn-secondary{width:100%;justify-content:center}
}

@media(max-width:400px){
  .stats-grid{grid-template-columns:1fr}
}
/* ========== PRIVACY POLICY PAGE ========== */

.policy-content{
  font-size:14px;
  line-height:1.7;
  color:#475569;
}

.policy-intro{
  display:flex;
  gap:15px;
  align-items:flex-start;
  background:#ecfdf5;
  padding:20px;
  border-radius:12px;
  margin-bottom:30px;
  border:1px solid #a7f3d0;
}

.policy-intro i{
  font-size:24px;
  color:#22c55e;
  flex-shrink:0;
  margin-top:2px;
}

.policy-intro p{margin:0;color:#065f46}

/* Policy Section */
.policy-section{
  margin-bottom:30px;
  padding-bottom:25px;
  border-bottom:1px solid #e2e8f0;
}

.policy-section:last-child{border-bottom:none}

.policy-section h3{
  font-size:1.2rem;
  color:#0f172a;
  margin-bottom:15px;
  display:flex;
  align-items:center;
  gap:12px;
}

.policy-num{
  background:#22c55e;
  color:#fff;
  width:30px;
  height:30px;
  border-radius:50%;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size:14px;
  font-weight:700;
  flex-shrink:0;
}

.policy-section h4{
  font-size:15px;
  color:#334155;
  margin:15px 0 8px;
}

.policy-section ul{
  list-style:none;
  padding:0;
  margin:10px 0;
}

.policy-section ul li{
  padding:6px 0;
  display:flex;
  align-items:flex-start;
  gap:10px;
}

.policy-section ul li i{
  color:#22c55e;
  font-size:12px;
  margin-top:4px;
  flex-shrink:0;
}

/* Policy Grid */
.policy-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:15px;
  margin-top:15px;
}

.policy-item{
  display:flex;
  gap:12px;
  padding:15px;
  background:#f8fafc;
  border-radius:10px;
  border:1px solid #e2e8f0;
}

.policy-item i{
  font-size:20px;
  color:#22c55e;
  flex-shrink:0;
  margin-top:2px;
}

.policy-item h4{font-size:14px;margin:0 0 4px}
.policy-item p{font-size:13px;margin:0;color:#64748b}

/* Policy Table */
.policy-table-wrapper{
  overflow-x:auto;
  margin:15px 0;
}

.policy-table{
  width:100%;
  border-collapse:collapse;
  background:#fff;
  border-radius:10px;
  overflow:hidden;
  border:1px solid #e2e8f0;
}

.policy-table th{
  background:#f8fafc;
  padding:12px 15px;
  text-align:left;
  font-size:13px;
  font-weight:600;
  color:#475569;
  border-bottom:2px solid #e2e8f0;
}

.policy-table td{
  padding:12px 15px;
  font-size:13px;
  color:#64748b;
  border-bottom:1px solid #f1f5f9;
}

.policy-table tr:last-child td{border-bottom:none}

/* Policy Note */
.policy-note{
  font-size:13px;
  color:#94a3b8;
  display:flex;
  align-items:flex-start;
  gap:8px;
  background:#fffbeb;
  padding:12px 15px;
  border-radius:8px;
  border:1px solid #fde68a;
  margin-top:15px;
}

.policy-note i{color:#f59e0b;margin-top:2px}

/* Security Grid */
.security-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:12px;
  margin:15px 0;
}

.security-item{
  background:#f8fafc;
  padding:15px;
  border-radius:10px;
  text-align:center;
  border:1px solid #e2e8f0;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:8px;
}

.security-item i{
  font-size:22px;
  color:#22c55e;
}

.security-item span{
  font-size:12px;
  font-weight:600;
  color:#475569;
}

/* Rights Grid */
.rights-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:15px;
  margin-top:15px;
}

.rights-item{
  background:#fff;
  padding:20px 15px;
  border-radius:12px;
  text-align:center;
  border:1px solid #e2e8f0;
  transition:all 0.2s ease;
}

.rights-item:hover{
  border-color:#22c55e;
  box-shadow:0 5px 15px rgba(0,0,0,0.05);
}

.rights-item i{
  font-size:24px;
  color:#22c55e;
  margin-bottom:10px;
}

.rights-item h4{
  font-size:14px;
  margin:0 0 4px;
  color:#0f172a;
}

.rights-item p{
  font-size:12px;
  color:#64748b;
  margin:0;
}

/* Policy Contact */
.policy-contact{
  display:flex;
  flex-wrap:wrap;
  gap:15px;
  margin-top:15px;
}

.policy-contact-item{
  display:flex;
  align-items:center;
  gap:10px;
  background:#f8fafc;
  padding:12px 18px;
  border-radius:8px;
  border:1px solid #e2e8f0;
  font-size:13px;
}

.policy-contact-item i{
  color:#22c55e;
}

.policy-contact-item a{
  color:#22c55e;
  text-decoration:none;
  font-weight:500;
}

.policy-contact-item a:hover{color:#15803d}

/* ========== MOBILE ========== */
@media(max-width:900px){
  .policy-grid{grid-template-columns:1fr}
  .security-grid{grid-template-columns:1fr 1fr}
  .rights-grid{grid-template-columns:1fr 1fr}
}

@media(max-width:600px){
  .security-grid{grid-template-columns:1fr 1fr}
  .rights-grid{grid-template-columns:1fr}
  .policy-contact{flex-direction:column}
  .policy-section h3{font-size:1.1rem}
}
/* ========== DISCLAIMER PAGE ========== */

.disclaimer-warning{
  display:flex;
  gap:15px;
  align-items:flex-start;
  background:#fef2f2;
  padding:20px;
  border-radius:12px;
  margin-bottom:30px;
  border:1px solid #fecaca;
}

.disclaimer-warning i{
  font-size:24px;
  color:#ef4444;
  flex-shrink:0;
  margin-top:2px;
}

.disclaimer-warning p{
  margin:0;
  color:#991b1b;
}

/* Disclaimer Box */
.disclaimer-box{
  display:flex;
  gap:15px;
  align-items:flex-start;
  padding:18px 20px;
  border-radius:10px;
  border:1px solid;
}

.disclaimer-box i{
  font-size:22px;
  flex-shrink:0;
  margin-top:3px;
}

.disclaimer-box h4{
  font-size:14px;
  margin:0 0 5px;
  color:#0f172a;
}

.disclaimer-box p{
  font-size:13px;
  margin:0;
  color:#475569;
  line-height:1.6;
}

.warning-box{
  background:#fef2f2;
  border-color:#fecaca;
}
.warning-box i{color:#ef4444}

.error-box{
  background:#fff7ed;
  border-color:#fed7aa;
}
.error-box i{color:#f97316}

.info-box{
  background:#eff6ff;
  border-color:#bfdbfe;
}
.info-box i{color:#3b82f6}

/* Disclaimer Grid */
.disclaimer-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:15px;
  margin-top:15px;
}

.disclaimer-item{
  background:#fff;
  padding:20px;
  border-radius:12px;
  border:1px solid #e2e8f0;
  text-align:center;
  transition:all 0.2s ease;
}

.disclaimer-item:hover{
  border-color:#ef4444;
  box-shadow:0 5px 15px rgba(239,68,68,0.08);
}

.disclaimer-item i{
  font-size:28px;
  color:#ef4444;
  margin-bottom:10px;
}

.disclaimer-item h4{
  font-size:14px;
  color:#0f172a;
  margin-bottom:6px;
}

.disclaimer-item p{
  font-size:12px;
  color:#64748b;
  margin:0;
  line-height:1.5;
}

/* Disclaimer Consent */
.disclaimer-consent{
  background:#ecfdf5;
  padding:20px 25px;
  border-radius:12px;
  display:flex;
  align-items:center;
  gap:15px;
  margin-top:20px;
  border:1px solid #a7f3d0;
}

.disclaimer-consent i{
  font-size:24px;
  color:#22c55e;
  flex-shrink:0;
}

.disclaimer-consent p{
  margin:0;
  font-size:14px;
  color:#065f46;
  font-weight:500;
}

/* Policy Section Links */
.policy-section a{
  color:#22c55e;
  text-decoration:none;
  font-weight:500;
}

.policy-section a:hover{
  color:#15803d;
  text-decoration:underline;
}

/* ========== MOBILE ========== */
@media(max-width:900px){
  .disclaimer-grid{grid-template-columns:1fr}
}

@media(max-width:600px){
  .disclaimer-consent{flex-direction:column;text-align:center}
  .disclaimer-box{flex-direction:column;text-align:center}
  .disclaimer-box i{margin:0 auto}
}
/* ========== TERMS PAGE ========== */

.terms-agreement{
  display:flex;
  gap:15px;
  align-items:flex-start;
  background:#eff6ff;
  padding:20px;
  border-radius:12px;
  margin-bottom:30px;
  border:1px solid #bfdbfe;
}

.terms-agreement i{
  font-size:24px;
  color:#3b82f6;
  flex-shrink:0;
  margin-top:2px;
}

.terms-agreement p{margin:0;color:#1e40af}

/* Terms Box */
.terms-box{
  display:flex;
  gap:15px;
  align-items:flex-start;
  padding:18px 20px;
  border-radius:10px;
  border:1px solid;
  margin-top:15px;
}

.terms-box i{
  font-size:22px;
  flex-shrink:0;
  margin-top:3px;
}

.terms-box h4{
  font-size:14px;
  margin:0 0 5px;
  color:#0f172a;
}

.terms-box p{
  font-size:13px;
  margin:0;
  color:#475569;
}

.terms-box{
  background:#f0fdf4;
  border-color:#bbf7d0;
}
.terms-box i{color:#22c55e}

.ad-box{
  background:#fefce8;
  border-color:#fef08a;
}
.ad-box i{color:#eab308}

/* Prohibited Grid */
.prohibited-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:12px;
  margin-top:15px;
}

.prohibited-item{
  display:flex;
  align-items:center;
  gap:10px;
  padding:12px 15px;
  background:#fef2f2;
  border-radius:8px;
  border:1px solid #fecaca;
  font-size:13px;
  color:#991b1b;
  font-weight:500;
}

.prohibited-item i{color:#ef4444;font-size:16px}

/* IP Grid */
.ip-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:15px;
  margin-top:15px;
}

.ip-item{
  background:#fff;
  padding:20px;
  border-radius:12px;
  text-align:center;
  border:1px solid #e2e8f0;
  transition:all 0.2s ease;
}

.ip-item:hover{
  border-color:#3b82f6;
  box-shadow:0 5px 15px rgba(59,130,246,0.1);
}

.ip-item i{
  font-size:24px;
  color:#3b82f6;
  margin-bottom:10px;
}

.ip-item h4{
  font-size:14px;
  color:#0f172a;
  margin-bottom:6px;
}

.ip-item p{
  font-size:12px;
  color:#64748b;
  margin:0;
}

/* Obligations List */
.obligations-list{
  display:flex;
  flex-direction:column;
  gap:10px;
  margin-top:15px;
}

.obligation-item{
  display:flex;
  align-items:center;
  gap:12px;
  padding:14px 18px;
  background:#f8fafc;
  border-radius:10px;
  border:1px solid #e2e8f0;
  font-size:14px;
  color:#475569;
  transition:all 0.2s ease;
}

.obligation-item:hover{
  border-color:#22c55e;
  background:#f0fdf4;
}

.obligation-item i{
  color:#22c55e;
  font-size:16px;
  flex-shrink:0;
}

/* Termination Grid */
.termination-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:12px;
  margin-top:15px;
}

.termination-item{
  display:flex;
  align-items:center;
  gap:10px;
  padding:14px 18px;
  background:#fff7ed;
  border-radius:10px;
  border:1px solid #fed7aa;
  font-size:14px;
  color:#9a3412;
  font-weight:500;
}

.termination-item i{
  color:#f97316;
  font-size:16px;
}

/* Terms Acceptance */
.terms-acceptance{
  background:linear-gradient(135deg,#0f172a,#1e293b);
  padding:25px 30px;
  border-radius:12px;
  display:flex;
  align-items:center;
  gap:15px;
  margin-top:25px;
}

.terms-acceptance i{
  font-size:28px;
  color:#22c55e;
  flex-shrink:0;
}

.terms-acceptance h4{
  color:#fff;
  font-size:15px;
  margin:0 0 5px;
}

.terms-acceptance p{
  color:#94a3b8;
  font-size:13px;
  margin:0;
}

/* ========== MOBILE ========== */
@media(max-width:900px){
  .prohibited-grid{grid-template-columns:1fr 1fr}
  .ip-grid{grid-template-columns:1fr 1fr}
}

@media(max-width:600px){
  .prohibited-grid{grid-template-columns:1fr}
  .ip-grid{grid-template-columns:1fr}
  .termination-grid{grid-template-columns:1fr}
  .terms-acceptance{flex-direction:column;text-align:center;padding:20px}
}
/* ========== EMI CALCULATOR ========== */

/* Input with Icon */
.input-with-icon{
  position:relative;
  margin-top:10px;
}

.input-with-icon i{
  position:absolute;
  left:14px;
  top:50%;
  transform:translateY(-50%);
  color:#94a3b8;
  font-size:14px;
  z-index:1;
}

.input-with-icon input{
  padding-left:38px;
}

/* EMI Highlight */
.emi-highlight{
  background:linear-gradient(135deg,#22c55e,#16a34a);
  padding:25px;
  border-radius:12px;
  text-align:center;
  margin:15px 0;
  color:#fff;
}

.emi-label{
  display:block;
  font-size:13px;
  text-transform:uppercase;
  letter-spacing:1px;
  opacity:0.9;
  margin-bottom:5px;
}

.emi-amount{
  font-size:36px;
  font-weight:700;
}

/* EMI Breakdown */
.emi-breakdown-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:15px;
}

.emi-breakdown-grid .breakdown-item{
  position:relative;
}

.emi-breakdown-grid .breakdown-item small{
  font-size:11px;
  color:#64748b;
  background:#f1f5f9;
  padding:2px 8px;
  border-radius:10px;
  margin-top:4px;
}

/* ========== MOBILE ========== */
@media(max-width:768px){
  .emi-amount{font-size:28px}
  .emi-highlight{padding:20px}
}
/* ========== LOAN CALCULATOR ========== */

/* Quick Select Buttons */
.quick-select{
  display:flex;
  gap:8px;
  margin-top:10px;
  flex-wrap:wrap;
}

.quick-select button{
  flex:1;
  min-width:90px;
  padding:10px 12px;
  background:#f1f5f9;
  border:1px solid #e2e8f0;
  border-radius:8px;
  font-size:12px;
  font-weight:500;
  color:#475569;
  cursor:pointer;
  transition:all 0.2s ease;
  margin:0;
}

.quick-select button:hover{
  background:#22c55e;
  color:#fff;
  border-color:#22c55e;
}

/* EMI Sub Text */
.emi-sub{
  display:block;
  font-size:13px;
  opacity:0.8;
  margin-top:5px;
  font-weight:400;
}

/* Loan Result Grid */
.loan-result-grid{
  grid-template-columns:repeat(4,1fr);
}

/* Pie Chart Visual */
.loan-pie-chart{
  margin-top:20px;
  padding-top:20px;
  border-top:1px solid #e2e8f0;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:30px;
  flex-wrap:wrap;
}

.pie-visual{
  width:180px;
  height:180px;
  border-radius:50%;
  background:conic-gradient(
    #22c55e 0% var(--percentage),
    #ef4444 var(--percentage) 100%
  );
  display:flex;
  align-items:center;
  justify-content:center;
  position:relative;
}

.pie-visual span{
  position:absolute;
  text-align:center;
  font-size:11px;
  color:#fff;
  font-weight:600;
  text-shadow:0 1px 3px rgba(0,0,0,0.3);
}

.pie-legend{
  display:flex;
  flex-direction:column;
  gap:10px;
}

.legend-item{
  display:flex;
  align-items:center;
  gap:10px;
  font-size:13px;
  color:#475569;
}

.legend-color{
  width:14px;
  height:14px;
  border-radius:3px;
}

.principal-color{background:#22c55e}
.interest-color{background:#ef4444}

/* Amortization Table */
.amortization-section{
  margin-top:20px;
  padding-top:20px;
  border-top:1px solid #e2e8f0;
}

.amortization-section h4{
  font-size:15px;
  margin-bottom:12px;
  display:flex;
  align-items:center;
  gap:8px;
  color:#0f172a;
}

.amortization-table-wrapper{
  overflow-x:auto;
}

.amortization-table{
  width:100%;
  border-collapse:collapse;
  font-size:13px;
}

.amortization-table th{
  background:#f8fafc;
  padding:10px 12px;
  text-align:left;
  font-weight:600;
  color:#475569;
  border-bottom:2px solid #e2e8f0;
  white-space:nowrap;
}

.amortization-table td{
  padding:10px 12px;
  border-bottom:1px solid #f1f5f9;
  color:#64748b;
  white-space:nowrap;
}

.amortization-table tr:hover td{
  background:#f8fafc;
}

.schedule-note{
  font-size:12px;
  color:#94a3b8;
  margin-top:10px;
  display:flex;
  align-items:center;
  gap:6px;
}

/* Loan Types Grid */
.loan-types-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:15px;
  margin-top:15px;
}

.loan-type-item{
  background:#fff;
  padding:20px;
  border-radius:12px;
  border:1px solid #e2e8f0;
  text-align:center;
  transition:all 0.2s ease;
}

.loan-type-item:hover{
  border-color:#22c55e;
  box-shadow:0 5px 15px rgba(34,197,94,0.1);
  transform:translateY(-2px);
}

.loan-type-item i{
  font-size:28px;
  color:#22c55e;
  margin-bottom:10px;
}

.loan-type-item h4{
  font-size:14px;
  color:#0f172a;
  margin-bottom:6px;
}

.loan-type-item p{
  font-size:12px;
  color:#64748b;
  margin:0;
  line-height:1.5;
}

/* ========== MOBILE ========== */
@media(max-width:900px){
  .loan-result-grid{grid-template-columns:1fr 1fr}
  .loan-types-grid{grid-template-columns:1fr 1fr}
}

@media(max-width:768px){
  .loan-pie-chart{flex-direction:column}
  .pie-visual{width:150px;height:150px}
}

@media(max-width:600px){
  .loan-result-grid{grid-template-columns:1fr}
  .loan-types-grid{grid-template-columns:1fr}
  .quick-select{flex-direction:column}
  .quick-select button{min-width:auto}
}
/* ========== AGE CALCULATOR ========== */

/* Age Highlight */
.age-highlight{
  background:linear-gradient(135deg,#f59e0b,#d97706);
  padding:25px;
  border-radius:12px;
  text-align:center;
  margin:15px 0;
  color:#fff;
}

.age-main{
  display:flex;
  align-items:baseline;
  justify-content:center;
  gap:10px;
  margin-bottom:8px;
}

.age-number{
  font-size:52px;
  font-weight:800;
  line-height:1;
}

.age-unit{
  font-size:18px;
  font-weight:500;
  opacity:0.9;
}

.age-detail{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  font-size:15px;
  opacity:0.9;
}

.age-separator{
  opacity:0.5;
  font-size:12px;
}

/* Age Breakdown Grid */
.age-breakdown-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:12px;
  margin:20px 0;
}

.age-breakdown-item{
  background:#f8fafc;
  padding:18px 12px;
  border-radius:12px;
  text-align:center;
  border:1px solid #e2e8f0;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:6px;
  transition:all 0.2s ease;
}

.age-breakdown-item:hover{
  border-color:#f59e0b;
  box-shadow:0 4px 12px rgba(245,158,11,0.1);
}

.age-breakdown-item i{
  font-size:20px;
  color:#f59e0b;
}

.breakdown-value{
  font-size:20px;
  font-weight:700;
  color:#0f172a;
}

.breakdown-label{
  font-size:11px;
  color:#64748b;
  text-transform:uppercase;
  letter-spacing:0.5px;
  font-weight:500;
}

/* Age Extra Grid */
.age-extra-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:15px;
  margin:15px 0;
}

.age-extra-item{
  display:flex;
  align-items:center;
  gap:15px;
  padding:20px;
  border-radius:12px;
  border:1px solid #e2e8f0;
}

.age-extra-item i{
  font-size:28px;
}

.age-extra-item h4{
  font-size:13px;
  color:#64748b;
  margin-bottom:4px;
}

.birthday-card{
  background:#fef3c7;
  border-color:#fde68a;
}
.birthday-card i{color:#f59e0b}

.birthday-countdown{
  font-size:22px;
  font-weight:700;
  color:#d97706;
}

.zodiac-card{
  background:#f0f9ff;
  border-color:#bae6fd;
}
.zodiac-card i{color:#0ea5e9}

.zodiac-name{
  font-size:22px;
  font-weight:700;
  color:#0284c7;
}

/* Age Summary */
.age-summary{
  background:#f8fafc;
  padding:15px;
  border-radius:10px;
  border:1px solid #e2e8f0;
  margin-top:15px;
}

.age-summary p{
  font-size:13px;
  color:#475569;
  margin:4px 0;
  display:flex;
  align-items:center;
  gap:8px;
}

.age-summary i{color:#f59e0b}

/* Date Input Styling */
input[type="date"]{
  padding-left:38px;
  cursor:pointer;
}

/* ========== MOBILE ========== */
@media(max-width:900px){
  .age-breakdown-grid{grid-template-columns:1fr 1fr}
}

@media(max-width:768px){
  .age-number{font-size:40px}
  .age-extra-grid{grid-template-columns:1fr}
  .age-breakdown-grid{grid-template-columns:1fr 1fr}
}

@media(max-width:400px){
  .age-breakdown-grid{grid-template-columns:1fr}
}
/* ========== BMI CALCULATOR ========== */

/* BMI Meter */
.bmi-meter-container{
  text-align:center;
  margin:20px 0;
}

.bmi-value-display{
  display:inline-flex;
  flex-direction:column;
  align-items:center;
  padding:30px 40px;
  border-radius:20px;
  color:#fff;
  margin-bottom:15px;
}

.bmi-number{
  font-size:52px;
  font-weight:800;
  line-height:1;
}

.bmi-label-text{
  font-size:14px;
  opacity:0.9;
  margin-top:5px;
}

.bmi-category-badge{
  display:inline-block;
  padding:10px 25px;
  border-radius:25px;
  color:#fff;
  font-size:16px;
  font-weight:600;
  letter-spacing:0.5px;
}

/* BMI Scale */
.bmi-scale{
  margin:25px 0;
  position:relative;
  padding-bottom:30px;
}

.bmi-scale-bar{
  display:flex;
  height:30px;
  border-radius:15px;
  overflow:hidden;
  gap:1px;
}

.scale-section{
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:10px;
  color:#fff;
  font-weight:600;
  white-space:nowrap;
  overflow:hidden;
}

.underweight{background:#3b82f6}
.normal{background:#22c55e}
.overweight{background:#f59e0b}
.obese1{background:#f97316}
.obese2{background:#ef4444}
.obese3{background:#dc2626}

.bmi-indicator{
  position:absolute;
  bottom:0;
  transform:translateX(-50%);
  text-align:center;
}

.bmi-indicator i{
  font-size:20px;
  color:#0f172a;
}

.bmi-indicator span{
  display:block;
  font-size:11px;
  font-weight:600;
  color:#0f172a;
  margin-top:2px;
}

/* BMI Result Grid */
.bmi-result-grid{
  grid-template-columns:repeat(4,1fr);
}

/* BMI Tips */
.bmi-tips{
  margin-top:20px;
  padding:20px;
  background:#f0fdf4;
  border-radius:12px;
  border:1px solid #bbf7d0;
}

.bmi-tips h4{
  font-size:15px;
  color:#065f46;
  margin-bottom:8px;
  display:flex;
  align-items:center;
  gap:8px;
}

.bmi-tips h4 i{color:#22c55e}

.bmi-tips p{
  font-size:13px;
  color:#475569;
  margin:0;
  line-height:1.6;
}

/* BMI Categories Grid */
.bmi-categories-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:15px;
  margin-top:15px;
}

.bmi-cat-item{
  background:#fff;
  padding:18px 15px;
  border-radius:10px;
  border:1px solid #e2e8f0;
  transition:all 0.2s ease;
}

.bmi-cat-item:hover{
  box-shadow:0 5px 15px rgba(0,0,0,0.08);
  transform:translateY(-2px);
}

.bmi-cat-item h4{
  font-size:14px;
  color:#0f172a;
  margin-bottom:4px;
}

.bmi-cat-item p{
  font-size:12px;
  color:#64748b;
  margin:0;
}

/* ========== MOBILE ========== */
@media(max-width:900px){
  .bmi-result-grid{grid-template-columns:1fr 1fr}
  .bmi-categories-grid{grid-template-columns:1fr 1fr}
}

@media(max-width:768px){
  .bmi-number{font-size:40px}
  .bmi-value-display{padding:25px 30px}
  .scale-section span{display:none}
}

@media(max-width:600px){
  .bmi-result-grid{grid-template-columns:1fr}
  .bmi-categories-grid{grid-template-columns:1fr}
}
/* ========== PERCENTAGE CALCULATOR ========== */

/* Percentage Grid */
.percentage-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:20px;
  margin-bottom:25px;
}

/* Mini Result */
.mini-result{
  margin-top:15px;
  padding:15px;
  background:#ecfdf5;
  border-radius:10px;
  border:1px solid #a7f3d0;
  text-align:center;
}

.mini-formula{
  display:block;
  font-size:13px;
  color:#475569;
  margin-bottom:5px;
}

.mini-answer{
  font-size:22px;
  font-weight:700;
  color:#22c55e;
}

/* Change Indicator */
.change-indicator{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  margin-top:8px;
  font-size:14px;
  font-weight:600;
}

.change-indicator i{font-size:16px}

/* Percentage Examples */
.percentage-examples{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:15px;
  margin-top:15px;
}

.example-item{
  display:flex;
  gap:12px;
  padding:15px;
  background:#f8fafc;
  border-radius:10px;
  border:1px solid #e2e8f0;
  transition:all 0.2s ease;
}

.example-item:hover{
  border-color:#22c55e;
  box-shadow:0 4px 12px rgba(34,197,94,0.08);
}

.example-item i{
  font-size:20px;
  color:#22c55e;
  flex-shrink:0;
  margin-top:3px;
}

.example-item h4{
  font-size:13px;
  color:#0f172a;
  margin-bottom:4px;
}

.example-item p{
  font-size:12px;
  color:#64748b;
  margin:0;
  line-height:1.5;
}

/* ========== MOBILE ========== */
@media(max-width:900px){
  .percentage-grid{grid-template-columns:1fr}
  .percentage-examples{grid-template-columns:1fr 1fr}
}

@media(max-width:600px){
  .percentage-examples{grid-template-columns:1fr}
}
/* ========== GST INVOICE GENERATOR ========== */

/* Invoice Section */
.invoice-section{
  margin-bottom:25px;
  padding-bottom:20px;
  border-bottom:1px solid #e2e8f0;
}

.invoice-section h3{
  font-size:15px;
  margin-bottom:15px;
  display:flex;
  align-items:center;
  gap:8px;
  color:#0f172a;
}
.invoice-section h3 i{color:#22c55e}

/* Invoice Item Row */
.invoice-item-row{
  display:flex;
  gap:12px;
  margin-bottom:12px;
  padding:12px;
  background:#f8fafc;
  border-radius:10px;
  border:1px solid #e2e8f0;
  align-items:center;
}

.item-number{
  background:#22c55e;
  color:#fff;
  width:30px;
  height:30px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:12px;
  font-weight:600;
  flex-shrink:0;
}

.item-fields{flex:1}

.item-name-field{margin-bottom:8px}
.item-name-field input{width:100%}
.item-detail-fields{display:flex;gap:8px;flex-wrap:wrap}

.form-note{
  font-size:12px;
  color:#94a3b8;
  display:flex;
  align-items:center;
  gap:6px;
  margin-top:10px;
}

/* ========== INVOICE DISPLAY ========== */
.invoice-container{
  background:#fff;
  padding:30px;
  border-radius:14px;
  box-shadow:0 5px 20px rgba(0,0,0,0.08);
  margin-bottom:25px;
  max-width:800px;
  margin-left:auto;
  margin-right:auto;
}

.invoice-actions{
  display:flex;
  gap:10px;
  margin-bottom:20px;
  justify-content:flex-end;
}

.print-btn{
  background:#3b82f6;
  display:flex;
  align-items:center;
  gap:6px;
  padding:10px 20px;
  width:auto;
}
.print-btn:hover{background:#2563eb}

/* Invoice Header */
.invoice-header{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  margin-bottom:25px;
  padding-bottom:20px;
  border-bottom:2px solid #22c55e;
}

.invoice-brand h1{
  font-size:24px;
  color:#22c55e;
  margin-bottom:5px;
}

.invoice-brand p{
  font-size:13px;
  color:#64748b;
}

.invoice-meta{
  text-align:right;
  font-size:13px;
  line-height:1.8;
}

/* Invoice Parties */
.invoice-parties{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:20px;
  margin-bottom:25px;
}

.invoice-party{
  padding:15px;
  border:1px solid #e2e8f0;
  border-radius:10px;
}

.invoice-party h4{
  font-size:13px;
  color:#64748b;
  margin-bottom:8px;
}

.invoice-party p{
  font-size:13px;
  margin:3px 0;
  color:#334155;
}

/* Invoice Table */
.invoice-table-wrapper{
  overflow-x:auto;
  margin-bottom:20px;
}

.invoice-table{
  width:100%;
  border-collapse:collapse;
  font-size:12px;
}

.invoice-table th{
  background:#22c55e;
  color:#fff;
  padding:10px 8px;
  text-align:left;
  font-weight:600;
  white-space:nowrap;
}

.invoice-table td{
  padding:10px 8px;
  border-bottom:1px solid #e2e8f0;
}

.invoice-table tfoot td{
  padding:8px;
}

.invoice-table .total-row td{
  font-size:14px;
  color:#22c55e;
  padding:12px 8px;
}

.invoice-terms{
  font-size:11px;
  color:#64748b;
  line-height:1.6;
}

/* Amount in Words */
.invoice-amount-words{
  margin:15px 0;
  padding:12px;
  background:#f8fafc;
  border-radius:8px;
  font-size:13px;
  border:1px solid #e2e8f0;
}

/* Signature */
.invoice-signature{
  display:flex;
  justify-content:flex-end;
  margin-top:30px;
}

.signature-box{
  text-align:center;
  font-size:13px;
}

/* ========== MOBILE ========== */
@media(max-width:768px){
  .invoice-container{padding:15px}
  .invoice-header{flex-direction:column;gap:15px}
  .invoice-meta{text-align:left}
  .invoice-parties{grid-template-columns:1fr}
  .item-detail-fields{flex-direction:column}
  .item-detail-fields input,.item-detail-fields select{width:100%!important}
  .invoice-table{font-size:10px}
  .invoice-table th,.invoice-table td{padding:6px 4px}
}

@media print{
  .invoice-container{box-shadow:none;padding:10px}
  body{background:#fff}
  @page{margin:1cm}
}
/* ========== REVERSE GST CALCULATOR ========== */

/* Reverse Grid */
.reverse-gst-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:20px;
  margin-bottom:25px;
}

.card-desc{
  font-size:13px;
  color:#64748b;
  margin-bottom:15px;
}

/* Reverse Highlight */
.reverse-highlight{
  background:linear-gradient(135deg,#8b5cf6,#7c3aed);
  padding:25px;
  border-radius:12px;
  text-align:center;
  margin:15px 0;
  color:#fff;
}

.reverse-label{
  display:block;
  font-size:13px;
  opacity:0.9;
  margin-bottom:5px;
}

.reverse-amount{
  font-size:32px;
  font-weight:700;
}

/* Reverse Result Grid */
.reverse-result-grid{
  grid-template-columns:repeat(4,1fr);
}

/* Formula Box */
.formula-box{
  margin-top:20px;
  padding:18px;
  background:#f8fafc;
  border-radius:10px;
  border:1px solid #e2e8f0;
}

.formula-box h4{
  font-size:14px;
  color:#0f172a;
  margin-bottom:10px;
  display:flex;
  align-items:center;
  gap:8px;
}
.formula-box h4 i{color:#8b5cf6}

.formula-box p{
  font-size:13px;
  color:#475569;
  margin:4px 0;
  font-family:monospace;
}

/* Extract Grid */
.extract-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:12px;
  margin-top:15px;
}

.extract-item{
  padding:20px 15px;
  border-radius:12px;
  text-align:center;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:8px;
}

.extract-item i{font-size:22px}

.base-item{
  background:#f0fdf4;
  border:1px solid #bbf7d0;
}
.base-item i{color:#22c55e}

.gst-item{
  background:#fef3c7;
  border:1px solid #fde68a;
}
.gst-item i{color:#f59e0b}

.total-item{
  background:#eff6ff;
  border:1px solid #bfdbfe;
}
.total-item i{color:#3b82f6}

.extract-label{
  font-size:11px;
  color:#64748b;
  text-transform:uppercase;
  letter-spacing:0.5px;
}

.extract-value{
  font-size:18px;
  font-weight:700;
  color:#0f172a;
}

/* GST Reference Table */
.gst-reference-table-wrapper{
  overflow-x:auto;
  margin-top:10px;
}

.gst-reference-table{
  width:100%;
  border-collapse:collapse;
  font-size:13px;
}

.gst-reference-table th{
  background:#f8fafc;
  padding:12px 15px;
  text-align:left;
  font-weight:600;
  color:#475569;
  border-bottom:2px solid #e2e8f0;
  white-space:nowrap;
}

.gst-reference-table td{
  padding:12px 15px;
  border-bottom:1px solid #f1f5f9;
  color:#334155;
}

.gst-reference-table tr:hover td{
  background:#f8fafc;
}

/* ========== MOBILE ========== */
@media(max-width:900px){
  .reverse-gst-grid{grid-template-columns:1fr}
  .reverse-result-grid{grid-template-columns:1fr 1fr}
  .extract-grid{grid-template-columns:1fr}
}

@media(max-width:600px){
  .reverse-result-grid{grid-template-columns:1fr}
  .reverse-amount{font-size:26px}
}
/* ========== GST BILLING SOFTWARE ========== */

/* Bill Items Header */
.bill-items-header{
  display:flex;
  gap:8px;
  padding:8px 12px;
  background:#f8fafc;
  border-radius:8px;
  margin-bottom:8px;
  font-size:11px;
  font-weight:600;
  color:#64748b;
  text-transform:uppercase;
}

.item-col-name{flex:3}
.item-col-hsn{flex:1}
.item-col-qty{width:60px;text-align:center}
.item-col-rate{width:90px;text-align:center}
.item-col-gst{width:70px;text-align:center}

/* Bill Item Row */
.bill-item-row{
  display:flex;
  gap:6px;
  padding:8px;
  margin-bottom:6px;
  background:#fff;
  border:1px solid #e2e8f0;
  border-radius:8px;
  align-items:center;
}

.bill-item-num{
  background:#22c55e;
  color:#fff;
  width:24px;
  height:24px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:11px;
  font-weight:600;
  flex-shrink:0;
}

.bill-input-name{flex:3;padding:8px;border:1px solid #e2e8f0;border-radius:6px;font-size:12px}
.bill-input-hsn{flex:1;padding:8px;border:1px solid #e2e8f0;border-radius:6px;font-size:12px}
.bill-input-qty{width:60px;padding:8px;border:1px solid #e2e8f0;border-radius:6px;font-size:12px;text-align:center}
.bill-input-rate{width:90px;padding:8px;border:1px solid #e2e8f0;border-radius:6px;font-size:12px;text-align:center}
.bill-input-gst{width:70px;padding:8px;border:1px solid #e2e8f0;border-radius:6px;font-size:12px;margin:0}

/* BILL DISPLAY */
.bill-container{
  background:#fff;
  padding:25px 30px;
  border-radius:14px;
  box-shadow:0 5px 20px rgba(0,0,0,0.08);
  margin-bottom:25px;
  max-width:800px;
  margin-left:auto;
  margin-right:auto;
}

.bill-actions{
  display:flex;
  gap:10px;
  margin-bottom:20px;
  justify-content:flex-end;
}

/* Bill Header */
.bill-header{
  display:flex;
  justify-content:space-between;
  margin-bottom:20px;
  padding-bottom:20px;
  border-bottom:2px dashed #e2e8f0;
}

.bill-shop-info h1{
  font-size:22px;
  color:#0f172a;
  margin-bottom:5px;
}

.bill-shop-info p{
  font-size:12px;
  color:#64748b;
  margin:2px 0;
}

.bill-title-box{
  text-align:right;
  border:2px solid #22c55e;
  padding:10px 15px;
  border-radius:8px;
}

.bill-title-box h2{
  font-size:16px;
  color:#22c55e;
  margin-bottom:5px;
}

.bill-title-box p{
  font-size:11px;
  color:#475569;
  margin:2px 0;
}

/* Bill Customer */
.bill-customer{
  background:#f8fafc;
  padding:12px 15px;
  border-radius:8px;
  margin-bottom:20px;
  font-size:13px;
  border:1px solid #e2e8f0;
}

/* Bill Table */
.bill-table th{font-size:11px;padding:8px 5px}
.bill-table td{font-size:12px;padding:8px 5px}

/* Bill Totals */
.bill-totals{
  margin-top:20px;
  padding-top:20px;
  border-top:2px solid #e2e8f0;
  max-width:350px;
  margin-left:auto;
}

.bill-total-row{
  display:flex;
  justify-content:space-between;
  padding:6px 0;
  font-size:13px;
  color:#475569;
}

.bill-total-row.total-row{
  font-size:16px;
  font-weight:700;
  color:#0f172a;
  border-top:2px solid #22c55e;
  margin-top:5px;
  padding-top:10px;
}

.bill-amount-words{
  text-align:right;
  margin-top:8px;
  font-size:12px;
  color:#64748b;
}

/* Bill Signature */
.bill-signature{
  display:flex;
  justify-content:flex-end;
  margin-top:40px;
}

.bill-sign-box{
  text-align:center;
  font-size:12px;
}

/* Bill Footer */
.bill-footer-note{
  text-align:center;
  margin-top:30px;
  padding-top:15px;
  border-top:1px solid #e2e8f0;
  font-size:11px;
  color:#94a3b8;
}

/* ========== MOBILE ========== */
@media(max-width:768px){
  .bill-container{padding:15px}
  .bill-header{flex-direction:column;gap:15px}
  .bill-title-box{text-align:center}
  .bill-items-header{display:none}
  .bill-item-row{flex-wrap:wrap}
  .bill-input-name{flex:2;min-width:100px}
  .bill-input-qty{width:50px}
  .bill-input-rate{width:70px}
  .bill-input-gst{width:60px}
  .bill-totals{max-width:100%}
  .bill-table{font-size:10px}
  .bill-table th,.bill-table td{padding:5px 3px}
}
/* ========== HSN CODE FINDER ========== */

/* Search Result Header */
.search-result-header{
  margin-top:20px;
  padding:12px 15px;
  background:#f8fafc;
  border-radius:8px;
  font-size:13px;
  color:#475569;
  border:1px solid #e2e8f0;
}

.search-result-header i{color:#22c55e;margin-right:6px}

/* HSN Table */
.hsn-table-wrapper{
  overflow-x:auto;
  margin-top:15px;
}

.hsn-table{
  width:100%;
  border-collapse:collapse;
  font-size:13px;
}

.hsn-table th{
  background:#f8fafc;
  padding:12px 15px;
  text-align:left;
  font-weight:600;
  color:#475569;
  border-bottom:2px solid #e2e8f0;
}

.hsn-table td{
  padding:12px 15px;
  border-bottom:1px solid #f1f5f9;
  color:#334155;
}

.hsn-table tr:hover td{background:#f8fafc}

.hsn-code{
  background:#eff6ff;
  padding:4px 10px;
  border-radius:4px;
  font-weight:600;
  font-family:monospace;
  color:#3b82f6;
  font-size:13px;
}

/* GST Badge */
.gst-badge{
  display:inline-block;
  padding:4px 10px;
  border-radius:20px;
  font-size:11px;
  font-weight:600;
  color:#fff;
}

.gst-0{background:#64748b}
.gst-5{background:#22c55e}
.gst-12{background:#3b82f6}
.gst-18{background:#f59e0b}
.gst-28{background:#ef4444}

/* No Result */
.no-result{
  text-align:center;
  padding:40px 20px;
}

.no-result i{
  font-size:48px;
  color:#94a3b8;
  margin-bottom:15px;
}

.no-result h3{font-size:18px;color:#64748b;margin-bottom:8px}
.no-result p{font-size:13px;color:#94a3b8}

/* Category Grid */
.category-grid{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:10px;
}

.category-btn{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:8px 16px;
  background:#f1f5f9;
  border:1px solid #e2e8f0;
  border-radius:20px;
  font-size:12px;
  color:#475569;
  cursor:pointer;
  transition:all 0.2s ease;
  margin:0;
  width:auto;
}

.category-btn:hover{
  background:#22c55e;
  color:#fff;
  border-color:#22c55e;
}

.category-btn i{font-size:11px}

/* Popular HSN Grid */
.popular-hsn-grid{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(220px,1fr));
  gap:10px;
  margin-top:10px;
}

.popular-hsn-item{
  display:flex;
  align-items:center;
  gap:10px;
  padding:12px 15px;
  background:#f8fafc;
  border:1px solid #e2e8f0;
  border-radius:10px;
  text-decoration:none;
  color:inherit;
  transition:all 0.2s ease;
}

.popular-hsn-item:hover{
  border-color:#3b82f6;
  box-shadow:0 4px 12px rgba(59,130,246,0.1);
  transform:translateY(-2px);
}

.popular-code{
  background:#eff6ff;
  padding:3px 8px;
  border-radius:4px;
  font-weight:700;
  font-family:monospace;
  color:#3b82f6;
  font-size:12px;
}

.popular-name{
  flex:1;
  font-size:12px;
  color:#475569;
}

.popular-gst{
  font-size:11px;
  font-weight:600;
  color:#64748b;
}

/* ========== MOBILE ========== */
@media(max-width:768px){
  .hsn-table{font-size:11px}
  .hsn-table th,.hsn-table td{padding:8px 10px}
  .popular-hsn-grid{grid-template-columns:1fr}
  .category-btn{font-size:11px;padding:6px 12px}
}
/* ========== E-WAY BILL GENERATOR ========== */

/* E-Way Bill Document */
.eway-bill-doc{
  background:#fff;
  padding:25px 30px;
  border-radius:14px;
  box-shadow:0 5px 20px rgba(0,0,0,0.08);
  margin-bottom:25px;
  max-width:850px;
  margin-left:auto;
  margin-right:auto;
  border:2px solid #22c55e;
}

/* EWB Header */
.ewb-header{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  margin-bottom:20px;
  padding-bottom:20px;
  border-bottom:3px solid #22c55e;
}

.ewb-title h1{
  font-size:24px;
  color:#22c55e;
  display:flex;
  align-items:center;
  gap:10px;
  margin-bottom:5px;
}

.ewb-title p{font-size:13px;color:#64748b}

.ewb-meta{text-align:right;font-size:12px}

.ewb-number-box{
  background:#ecfdf5;
  padding:10px 15px;
  border-radius:8px;
  margin-bottom:10px;
  border:1px solid #a7f3d0;
}

.ewb-label{display:block;font-size:10px;color:#64748b;text-transform:uppercase;letter-spacing:1px}
.ewb-number{font-size:16px;font-weight:700;color:#065f46;font-family:monospace}

/* QR Code Section */
.ewb-qr-section{
  display:flex;
  gap:20px;
  padding:15px;
  background:#f8fafc;
  border-radius:10px;
  margin-bottom:20px;
  align-items:center;
  border:1px dashed #cbd5e1;
}

.ewb-qr-box{
  width:80px;
  height:80px;
  background:#fff;
  border:2px solid #e2e8f0;
  border-radius:8px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:4px;
}

.ewb-qr-box i{font-size:30px;color:#64748b}
.ewb-qr-box span{font-size:9px;color:#94a3b8}

.ewb-qr-info{font-size:12px;line-height:1.8}

/* EWB Parties */
.ewb-parties{
  display:flex;
  align-items:center;
  gap:15px;
  margin-bottom:20px;
}

.ewb-party{
  flex:1;
  padding:15px;
  border:1px solid #e2e8f0;
  border-radius:10px;
  font-size:12px;
}

.ewb-party h4{
  font-size:13px;
  color:#0f172a;
  margin-bottom:8px;
  display:flex;
  align-items:center;
  gap:6px;
}
.ewb-party h4 i{color:#22c55e}

.ewb-party p{margin:3px 0;color:#475569}

.ewb-arrow{
  text-align:center;
  font-size:20px;
  color:#22c55e;
}

.ewb-arrow span{
  display:block;
  font-size:11px;
  color:#64748b;
  margin-top:5px;
}

/* EWB Details Grid */
.ewb-details-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:15px;
  margin-bottom:20px;
}

.ewb-detail-card{
  padding:15px;
  border:1px solid #e2e8f0;
  border-radius:10px;
  font-size:12px;
}

.ewb-detail-card h4{
  font-size:13px;
  color:#0f172a;
  margin-bottom:10px;
  display:flex;
  align-items:center;
  gap:6px;
}

.ewb-detail-card p{margin:4px 0;color:#475569}

.ewb-total{
  font-size:14px;
  color:#22c55e;
  margin-top:8px;
  padding-top:8px;
  border-top:1px solid #e2e8f0;
}

/* EWB Footer */
.ewb-footer-text{
  text-align:center;
  padding-top:15px;
  border-top:1px solid #e2e8f0;
  font-size:11px;
  color:#94a3b8;
}

/* ========== MOBILE ========== */
@media(max-width:768px){
  .eway-bill-doc{padding:15px}
  .ewb-header{flex-direction:column;gap:15px}
  .ewb-meta{text-align:left}
  .ewb-parties{flex-direction:column}
  .ewb-arrow{transform:rotate(90deg)}
  .ewb-details-grid{grid-template-columns:1fr}
  .ewb-qr-section{flex-direction:column;text-align:center}
}
/* ========== GST REFUND CALCULATOR ========== */

/* Refund Calc Grid */
.refund-calc-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:20px;
  margin-bottom:25px;
}

/* Refund Result */
.refund-result{
  background:linear-gradient(135deg,#ecfdf5,#d1fae5);
  border:1px solid #a7f3d0;
}

.refund-amount{
  color:#065f46;
  font-size:26px;
}

.mini-label{
  display:block;
  font-size:12px;
  color:#64748b;
  text-transform:uppercase;
  letter-spacing:0.5px;
  margin-bottom:5px;
}

.refund-note{
  font-size:11px;
  color:#64748b;
  margin-top:8px;
  text-align:center;
}

.refund-breakdown-list{
  margin-top:10px;
  padding-top:10px;
  border-top:1px solid #a7f3d0;
  text-align:left;
}

.refund-breakdown-list p{
  font-size:11px;
  color:#475569;
  margin:3px 0;
  display:flex;
  justify-content:space-between;
}

/* Refund Info Grid */
.refund-info-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:15px;
  margin-top:15px;
}

.refund-info-item{
  padding:18px 15px;
  background:#f8fafc;
  border-radius:10px;
  text-align:center;
  border:1px solid #e2e8f0;
  transition:all 0.2s ease;
}

.refund-info-item:hover{
  border-color:#22c55e;
  transform:translateY(-2px);
}

.refund-info-item i{
  font-size:24px;
  color:#22c55e;
  margin-bottom:10px;
}

.refund-info-item h4{
  font-size:13px;
  color:#0f172a;
  margin-bottom:6px;
}

.refund-info-item p{
  font-size:11px;
  color:#64748b;
  margin:0;
  line-height:1.5;
}

/* ========== MOBILE ========== */
@media(max-width:900px){
  .refund-calc-grid{grid-template-columns:1fr}
  .refund-info-grid{grid-template-columns:1fr 1fr}
}

@media(max-width:600px){
  .refund-info-grid{grid-template-columns:1fr}
  .refund-amount{font-size:22px}
}
/* ========== GST CALCULATOR RESULT ========== */

.required{color:#ef4444}

/* Result Box */
.result-box{
  background:#fff;
  padding:25px;
  border-radius:14px;
  box-shadow:0 5px 20px rgba(0,0,0,0.08);
  margin-bottom:25px;
  border:2px solid #22c55e;
}

.result-header-box{
  display:flex;
  align-items:center;
  gap:10px;
  margin-bottom:25px;
  padding-bottom:15px;
  border-bottom:2px solid #e2e8f0;
}

.result-header-box i{
  font-size:28px;
  color:#22c55e;
}

.result-header-box h2{
  font-size:1.3rem;
  margin:0;
  color:#0f172a;
}

/* GST Result Grid */
.gst-result-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:15px;
  margin-bottom:25px;
}

.gst-result-item{
  background:#f8fafc;
  padding:20px 15px;
  border-radius:12px;
  text-align:center;
  border:1px solid #e2e8f0;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:8px;
  transition:all 0.2s ease;
}

.gst-result-item:hover{
  transform:translateY(-2px);
  box-shadow:0 5px 15px rgba(0,0,0,0.08);
}

.gst-result-icon{
  width:45px;
  height:45px;
  background:#e2e8f0;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
}

.gst-result-icon i{font-size:18px;color:#64748b}

.gst-result-label{
  font-size:11px;
  color:#64748b;
  text-transform:uppercase;
  letter-spacing:0.5px;
  font-weight:500;
}

.gst-result-value{
  font-size:20px;
  font-weight:700;
  color:#0f172a;
}

.gst-result-value.highlight{color:#22c55e}
.gst-result-value.total{color:#0f172a;font-size:22px}

.highlight-item{border-color:#22c55e;background:#ecfdf5}
.highlight-icon{background:#dcfce7}
.highlight-icon i{color:#22c55e}

.total-item{border-color:#0f172a;background:#f1f5f9}
.total-icon{background:#e2e8f0}
.total-icon i{color:#0f172a}

/* Tax Breakup Table */
.tax-breakup-section{
  margin-bottom:20px;
}

.tax-breakup-section h3{
  font-size:16px;
  margin-bottom:15px;
  display:flex;
  align-items:center;
  gap:8px;
  color:#0f172a;
}

.tax-breakup-table{
  width:100%;
  border-collapse:collapse;
  font-size:14px;
}

.tax-breakup-table th{
  background:#f8fafc;
  padding:12px 15px;
  text-align:left;
  font-weight:600;
  color:#475569;
  border-bottom:2px solid #e2e8f0;
}

.tax-breakup-table td{
  padding:12px 15px;
  border-bottom:1px solid #f1f5f9;
  color:#334155;
}

.tax-breakup-table .total-row td{
  background:#ecfdf5;
  font-size:15px;
  border-top:2px solid #22c55e;
}

.text-right{text-align:right}

.tax-badge{
  display:inline-block;
  padding:3px 10px;
  border-radius:4px;
  font-size:11px;
  font-weight:600;
  color:#fff;
}

.cgst-badge{background:#3b82f6}
.sgst-badge{background:#8b5cf6}
.igst-badge{background:#f59e0b}

/* Amount in Words */
.amount-words-box{
  background:#f8fafc;
  padding:12px 15px;
  border-radius:8px;
  border:1px solid #e2e8f0;
  margin-bottom:20px;
  font-size:13px;
  color:#475569;
  display:flex;
  align-items:center;
  gap:8px;
}

.amount-words-box i{color:#22c55e}

/* Result Actions */
.result-actions{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}

/* GST Rates Grid */
.gst-rates-grid{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:12px;
  margin-top:15px;
}

.gst-rate-card{
  padding:18px 12px;
  border-radius:10px;
  text-align:center;
  color:#fff;
  transition:all 0.2s ease;
}

.gst-rate-card:hover{
  transform:translateY(-3px);
  box-shadow:0 8px 20px rgba(0,0,0,0.15);
}

.gst-rate-card .rate-value{
  display:block;
  font-size:24px;
  font-weight:700;
  margin-bottom:4px;
}

.gst-rate-card .rate-label{
  display:block;
  font-size:12px;
  text-transform:uppercase;
  letter-spacing:1px;
  opacity:0.9;
  margin-bottom:8px;
}

.gst-rate-card p{
  font-size:10px;
  opacity:0.8;
  margin:0;
}

.rate-0{background:#64748b}
.rate-5{background:#22c55e}
.rate-12{background:#3b82f6}
.rate-18{background:#f59e0b}
.rate-28{background:#ef4444}

/* ========== MOBILE ========== */
@media(max-width:900px){
  .gst-result-grid{grid-template-columns:1fr 1fr}
  .gst-rates-grid{grid-template-columns:repeat(3,1fr)}
}

@media(max-width:600px){
  .gst-result-grid{grid-template-columns:1fr}
  .gst-rates-grid{grid-template-columns:repeat(2,1fr)}
  .result-actions{flex-direction:column}
  .result-actions button{width:100%}
  .gst-result-value{font-size:18px}
  .gst-result-value.total{font-size:20px}
}
/* ========== GST RETURN FILING ========== */

/* GST Return Summary */
.gst-return-summary{
  margin-bottom:20px;
}

.summary-row{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
  margin-bottom:12px;
}

.summary-item{
  display:flex;
  align-items:center;
  gap:12px;
  padding:15px;
  border-radius:10px;
  border:1px solid #e2e8f0;
}

.summary-item i{font-size:20px}

.summary-label{
  display:block;
  font-size:11px;
  color:#64748b;
  text-transform:uppercase;
  margin-bottom:3px;
}

.summary-value{
  font-size:18px;
  font-weight:700;
}

.output-item{background:#fef3c7;border-color:#fde68a}
.output-item i{color:#f59e0b}
.output-item .summary-value{color:#d97706}

.input-item{background:#f0fdf4;border-color:#bbf7d0}
.input-item i{color:#22c55e}
.input-item .summary-value{color:#16a34a}

.rcm-item{background:#eff6ff;border-color:#bfdbfe}
.rcm-item i{color:#3b82f6}
.rcm-item .summary-value{color:#2563eb}

.tds-item{background:#fef2f2;border-color:#fecaca}
.tds-item i{color:#ef4444}

.tcs-item{background:#f0fdf4;border-color:#bbf7d0}
.tcs-item i{color:#22c55e}

/* Net GST Box */
.net-gst-box{
  background:linear-gradient(135deg,#22c55e,#16a34a);
  padding:20px;
  border-radius:12px;
  text-align:center;
  color:#fff;
  margin-bottom:20px;
}

.net-label{
  display:block;
  font-size:12px;
  text-transform:uppercase;
  letter-spacing:1px;
  opacity:0.9;
  margin-bottom:5px;
}

.net-amount{
  font-size:30px;
  font-weight:700;
}

/* Late Fee Section */
.late-fee-section{
  margin-bottom:20px;
  padding:15px;
  background:#fef2f2;
  border-radius:10px;
  border:1px solid #fecaca;
}

.late-fee-section h4{
  font-size:14px;
  color:#991b1b;
  margin-bottom:10px;
  display:flex;
  align-items:center;
  gap:6px;
}

.late-fee-section h4 i{color:#ef4444}

.late-fee-section .tax-breakup-table{
  background:#fff;
  border-radius:8px;
  overflow:hidden;
}

.late-fee-section .tax-breakup-table td{
  padding:10px 15px;
  font-size:13px;
}

/* Total Payable Box */
.total-payable-box{
  background:linear-gradient(135deg,#0f172a,#1e293b);
  padding:20px;
  border-radius:12px;
  text-align:center;
  color:#fff;
  margin-bottom:20px;
}

.total-label{
  display:block;
  font-size:12px;
  text-transform:uppercase;
  letter-spacing:1px;
  opacity:0.9;
  margin-bottom:5px;
}

.total-amount{
  font-size:32px;
  font-weight:700;
  color:#22c55e;
}

/* GSTR Forms Grid */
.gstr-forms-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:15px;
  margin-top:15px;
}

.gstr-form-card{
  padding:18px;
  border:1px solid #e2e8f0;
  border-radius:12px;
  transition:all 0.2s ease;
}

.gstr-form-card:hover{
  border-color:#22c55e;
  box-shadow:0 5px 15px rgba(34,197,94,0.1);
  transform:translateY(-2px);
}

.gstr-form-header{
  margin-bottom:10px;
}

.gstr-form-name{
  background:#22c55e;
  color:#fff;
  padding:5px 12px;
  border-radius:20px;
  font-size:13px;
  font-weight:600;
}

.gstr-form-desc{
  font-size:13px;
  color:#334155;
  margin-bottom:10px;
  line-height:1.5;
}

.gstr-form-details{
  display:flex;
  flex-direction:column;
  gap:4px;
  margin-bottom:8px;
}

.gstr-form-details span{
  font-size:11px;
  color:#64748b;
  display:flex;
  align-items:center;
  gap:6px;
}

.gstr-form-details i{color:#22c55e;font-size:10px}

.gstr-form-who{
  font-size:11px;
  color:#94a3b8;
  display:flex;
  align-items:center;
  gap:6px;
  margin:0;
}

/* ========== MOBILE ========== */
@media(max-width:900px){
  .summary-row{grid-template-columns:1fr}
  .gstr-forms-grid{grid-template-columns:1fr 1fr}
}

@media(max-width:600px){
  .gstr-forms-grid{grid-template-columns:1fr}
  .net-amount{font-size:24px}
  .total-amount{font-size:26px}
}
/* ========== GST COMPARISON TOOL ========== */

/* Comparison Table */
.comparison-result{
  margin-top:20px;
}

.comparison-table-wrapper{
  overflow-x:auto;
  margin-top:15px;
}

.comparison-table{
  width:100%;
  border-collapse:collapse;
  font-size:13px;
}

.comparison-table th{
  background:#f8fafc;
  padding:12px 15px;
  text-align:left;
  font-weight:600;
  color:#475569;
  border-bottom:2px solid #e2e8f0;
}

.comparison-table td{
  padding:12px 15px;
  border-bottom:1px solid #f1f5f9;
  color:#334155;
}

.comparison-table .old-column{color:#ef4444}
.comparison-table .new-column{color:#22c55e}

.old-value{color:#ef4444}
.new-value{color:#22c55e}

.total-comparison-row td{
  background:#f8fafc;
  font-size:14px;
  border-top:2px solid #e2e8f0;
}

.saving{color:#22c55e;font-weight:600}
.increase{color:#ef4444;font-weight:600}
.same{color:#64748b}

/* Comparison Summary */
.comparison-summary{
  margin-top:15px;
  padding:18px 20px;
  border-radius:12px;
  display:flex;
  align-items:center;
  gap:15px;
}

.comparison-summary i{font-size:28px}

.comparison-summary h4{
  font-size:15px;
  margin-bottom:4px;
}

.comparison-summary p{
  font-size:13px;
  margin:0;
}

.saving-summary{
  background:#f0fdf4;
  border:1px solid #bbf7d0;
}
.saving-summary i{color:#22c55e}
.saving-summary h4{color:#065f46}

.increase-summary{
  background:#fef2f2;
  border:1px solid #fecaca;
}
.increase-summary i{color:#ef4444}
.increase-summary h4{color:#991b1b}

.same-summary{
  background:#f8fafc;
  border:1px solid #e2e8f0;
}
.same-summary i{color:#64748b}

/* Bulk Item Row */
.bulk-item-row{
  display:flex;
  gap:8px;
  padding:10px;
  margin-bottom:8px;
  background:#f8fafc;
  border:1px solid #e2e8f0;
  border-radius:8px;
  align-items:center;
  flex-wrap:wrap;
}

.bulk-num{
  background:#22c55e;
  color:#fff;
  width:28px;
  height:28px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:12px;
  font-weight:600;
  flex-shrink:0;
}

.bulk-input-name{flex:2;padding:8px;border:1px solid #e2e8f0;border-radius:6px;font-size:12px;min-width:120px}
.bulk-input-price{flex:1;padding:8px;border:1px solid #e2e8f0;border-radius:6px;font-size:12px;min-width:100px}
.bulk-input-rate{width:80px;padding:8px;border:1px solid #e2e8f0;border-radius:6px;font-size:12px}

/* Tax Structure Grid */
.tax-structure-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:20px;
  margin-top:15px;
}

.tax-structure-card{
  padding:20px;
  border-radius:12px;
  border:1px solid #e2e8f0;
}

.tax-structure-card h4{
  font-size:15px;
  margin-bottom:15px;
  display:flex;
  align-items:center;
  gap:8px;
}

.tax-structure-card ul{
  list-style:none;
  padding:0;
}

.tax-structure-card ul li{
  padding:6px 0;
  font-size:13px;
  color:#475569;
  display:flex;
  align-items:center;
  gap:8px;
}

.old-structure{background:#fef2f2;border-color:#fecaca}
.old-structure h4{color:#991b1b}
.old-structure i.fa-times{color:#ef4444}

.new-structure{background:#f0fdf4;border-color:#bbf7d0}
.new-structure h4{color:#065f46}
.new-structure i.fa-check{color:#22c55e}

/* ========== MOBILE ========== */
@media(max-width:768px){
  .tax-structure-grid{grid-template-columns:1fr}
  .comparison-table{font-size:11px}
  .comparison-table th,.comparison-table td{padding:8px 10px}
  .bulk-item-row{flex-direction:column}
  .bulk-input-name,.bulk-input-price,.bulk-input-rate{width:100%}
}
/* ====================== GST Registration Check Page Styles ====================== */

.status-active {
    color: #28a745;
    font-weight: 700;
    background: #e8f5e9;
    padding: 6px 14px;
    border-radius: 30px;
    font-size: 15px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.result-card {
    background: #f8fff8;
    border: 2px solid #28a745;
    border-radius: 12px;
    padding: 30px;
    margin: 30px 0;
    box-shadow: 0 4px 15px rgba(40, 167, 69, 0.1);
}

.result-card h2 {
    margin-top: 0;
    color: #28a745;
}

/* Print Styles */
@media print {
    .header, .sidebar, .overlay, .ad, .page-header, .footer, 
    .content-section, .tools, .no-print {
        display: none !important;
    }
    
    .wrapper {
        padding: 0;
        max-width: 100%;
    }
    
    .main {
        flex: 1;
        padding: 0;
    }
    
    .result-card {
        box-shadow: none;
        border: 2px solid #000;
        margin: 10px 0;
        padding: 20px;
    }
}

/* Form Enhancements */
.input-with-icon {
    position: relative;
}

.input-with-icon i {
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
    color: #666;
}

.input-with-icon input {
    padding-left: 45px;
    text-transform: uppercase;
    font-family: monospace;
    letter-spacing: 1px;
    font-size: 16px;
}

/* Responsive */
@media (max-width: 768px) {
    .result-card {
        padding: 20px;
    }
    
    .ewb-details-grid {
        grid-template-columns: 1fr !important;
    }
/* gst-turnover-calculator.css */

.result-box {
    background: linear-gradient(135deg, #f0f9ff, #e0f2fe);
    border: 2px solid #0ea5e9;
    border-radius: 12px;
    padding: 30px;
    margin: 25px 0;
    box-shadow: 0 4px 15px rgba(14, 165, 233, 0.1);
}

.threshold-met {
    color: #28a745;
    font-size: 18px;
    font-weight: 700;
}

.threshold-not {
    color: #dc3545;
    font-size: 18px;
    font-weight: 700;
}

.big-number {
    font-size: 24px;
    font-weight: 700;
    color: #1e40af;
}

/* Print Styles */
@media print {
    .header, .sidebar, .ad, .page-header, .footer, .content-section, .tools, .no-print {
        display: none !important;
    }
    .result-box {
        border: 2px solid #000;
        box-shadow: none;
    }
}

@media (max-width: 768px) {
    .result-box {
        padding: 20px;
    }
}
/* ========== GST COLLECTION ESTIMATOR ========== */

/* Period Grid */
.period-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:15px;
  margin-bottom:25px;
}

.period-card{
  background:#f8fafc;
  padding:18px;
  border-radius:12px;
  border:1px solid #e2e8f0;
}

.period-card h3{
  font-size:14px;
  color:#0f172a;
  margin-bottom:15px;
  display:flex;
  align-items:center;
  gap:8px;
  padding-bottom:10px;
  border-bottom:1px solid #e2e8f0;
}

.period-card h3 i{color:#22c55e}

.active-period{border-color:#22c55e;background:#f0fdf4}
.annual-card{border-color:#3b82f6;background:#eff6ff}
.annual-card h3 i{color:#3b82f6}

.period-stats{
  display:flex;
  flex-direction:column;
  gap:10px;
}

.period-stat{
  display:flex;
  justify-content:space-between;
  align-items:center;
  font-size:13px;
}

.stat-label{color:#64748b}
.stat-value{font-weight:600;color:#0f172a}

.period-stat .deduction{color:#ef4444}

.net-stat{
  margin-top:8px;
  padding-top:8px;
  border-top:2px solid #22c55e;
}

.net-stat .stat-label{color:#065f46;font-weight:600}
.net-stat .stat-value{color:#22c55e;font-size:15px}

/* Slab Table */
.slab-breakup-section{
  margin-bottom:25px;
}

.slab-breakup-section h3{
  font-size:15px;
  margin-bottom:12px;
  display:flex;
  align-items:center;
  gap:8px;
  color:#0f172a;
}

.slab-table{
  width:100%;
  border-collapse:collapse;
  font-size:13px;
}

.slab-table th{
  background:#f8fafc;
  padding:10px 12px;
  text-align:left;
  font-weight:600;
  color:#475569;
  border-bottom:2px solid #e2e8f0;
}

.slab-table td{
  padding:10px 12px;
  border-bottom:1px solid #f1f5f9;
  color:#334155;
}

.slab-badge{
  display:inline-block;
  padding:3px 10px;
  border-radius:4px;
  font-size:11px;
  font-weight:600;
  color:#fff;
}

.slab-5{background:#22c55e}
.slab-12{background:#3b82f6}
.slab-18{background:#f59e0b}
.slab-28{background:#ef4444}

.total-slab-row td{
  background:#f8fafc;
  font-weight:600;
  border-top:2px solid #e2e8f0;
}

/* Estimation Summary */
.estimation-summary{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:15px;
  margin-bottom:20px;
}

.summary-card{
  background:#f8fafc;
  padding:18px;
  border-radius:10px;
  border:1px solid #e2e8f0;
  display:flex;
  align-items:center;
  gap:12px;
}

.summary-card i{font-size:22px;color:#22c55e}
.summary-card h4{font-size:12px;color:#64748b;margin-bottom:3px}
.summary-card span{font-size:18px;font-weight:700;color:#0f172a}

/* ========== MOBILE ========== */
@media(max-width:900px){
  .period-grid{grid-template-columns:1fr}
  .estimation-summary{grid-template-columns:1fr}
}

@media(max-width:768px){
  .slab-table{font-size:11px}
  .slab-table th,.slab-table td{padding:8px}
}
/* ========== GST RATE FINDER - COMPLETE CSS ========== */

/* Search Result Header */
.search-result-header{
  margin-top:20px;
  padding:12px 15px;
  background:#f0fdf4;
  border-radius:8px;
  font-size:13px;
  color:#065f46;
  border:1px solid #bbf7d0;
}

.search-result-header i{margin-right:6px}

/* Rate Table */
.rate-table-wrapper{
  overflow-x:auto;
  margin-top:15px;
  -webkit-overflow-scrolling:touch;
}

.rate-table{
  width:100%;
  border-collapse:collapse;
  font-size:13px;
  min-width:600px;
}

.rate-table th{
  background:#f8fafc;
  padding:12px 15px;
  text-align:left;
  font-weight:600;
  color:#475569;
  border-bottom:2px solid #e2e8f0;
  white-space:nowrap;
}

.rate-table td{
  padding:12px 15px;
  border-bottom:1px solid #f1f5f9;
  color:#334155;
}

.rate-table tbody tr:hover td{background:#f8fafc}

/* Rate Badge */
.rate-badge{
  display:inline-block;
  padding:5px 12px;
  border-radius:20px;
  font-size:12px;
  font-weight:700;
  color:#fff;
  white-space:nowrap;
  text-align:center;
  min-width:55px;
}

/* Rate Background Colors */
.rate-bg-0{background:#64748b}
.rate-bg-3{background:#a78bfa}
.rate-bg-5{background:#22c55e}
.rate-bg-12{background:#3b82f6}
.rate-bg-18{background:#f59e0b}
.rate-bg-28{background:#ef4444}

/* Category Tag */
.category-tag{
  display:inline-block;
  padding:3px 10px;
  background:#f1f5f9;
  border-radius:20px;
  font-size:11px;
  color:#64748b;
  font-weight:500;
}

/* HSN Code Tag */
.hsn-code-tag{
  font-family:'Courier New',monospace;
  background:#eff6ff;
  padding:3px 8px;
  border-radius:4px;
  font-size:11px;
  color:#3b82f6;
  font-weight:600;
}

/* No Result */
.no-result{
  text-align:center;
  padding:40px 20px;
}

.no-result i{font-size:48px;color:#94a3b8;margin-bottom:15px}
.no-result h3{font-size:18px;color:#64748b;margin-bottom:8px}
.no-result p{font-size:13px;color:#94a3b8}

/* Rate Guide Grid */
.rate-guide-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:15px;
  margin-top:15px;
}

.rate-guide-card{
  border-radius:12px;
  overflow:hidden;
  border:1px solid #e2e8f0;
  transition:all 0.2s ease;
}

.rate-guide-card:hover{
  transform:translateY(-3px);
  box-shadow:0 8px 25px rgba(0,0,0,0.1);
}

.rate-guide-header{
  padding:20px 15px;
  text-align:center;
  color:#fff;
}

.rate-guide-rate{
  display:block;
  font-size:24px;
  font-weight:700;
  margin-bottom:2px;
}

.rate-guide-label{
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:1px;
  opacity:0.9;
}

.rate-guide-card ul{
  list-style:none;
  padding:15px;
  margin:0;
  background:#fff;
}

.rate-guide-card ul li{
  font-size:12px;
  color:#475569;
  padding:4px 0;
  display:flex;
  align-items:flex-start;
  gap:8px;
  line-height:1.4;
}

.rate-guide-card ul li::before{
  content:'•';
  font-weight:bold;
  flex-shrink:0;
}

/* Guide Card Colors */
.exempt-card{border-color:#cbd5e1}
.exempt-card .rate-guide-header{background:#64748b}
.exempt-card ul li::before{color:#64748b}

.low-card{border-color:#bbf7d0}
.low-card .rate-guide-header{background:#22c55e}
.low-card ul li::before{color:#22c55e}

.standard-card{border-color:#fde68a}
.standard-card .rate-guide-header{background:#f59e0b}
.standard-card ul li::before{color:#f59e0b}

.luxury-card{border-color:#fecaca}
.luxury-card .rate-guide-header{background:#ef4444}
.luxury-card ul li::before{color:#ef4444}

/* Popular Rate Grid */
.popular-rate-grid{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(220px,1fr));
  gap:10px;
  margin-top:12px;
}

.popular-rate-item{
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:12px 16px;
  background:#f8fafc;
  border:1px solid #e2e8f0;
  border-radius:10px;
  text-decoration:none;
  color:inherit;
  transition:all 0.2s ease;
}

.popular-rate-item:hover{
  border-color:#22c55e;
  background:#f0fdf4;
  transform:translateY(-2px);
  box-shadow:0 4px 12px rgba(34,197,94,0.1);
}

.pop-search-name{
  font-size:13px;
  color:#334155;
  font-weight:500;
}

.pop-search-rate{
  font-size:12px;
  font-weight:700;
  color:#fff;
  padding:4px 10px;
  border-radius:20px;
  white-space:nowrap;
}

/* ========== MOBILE ========== */
@media(max-width:900px){
  .rate-guide-grid{grid-template-columns:1fr 1fr}
}

@media(max-width:600px){
  .rate-guide-grid{grid-template-columns:1fr}
  .rate-table{font-size:11px}
  .rate-table th,.rate-table td{padding:8px 10px}
  .popular-rate-grid{grid-template-columns:1fr}
  .rate-badge{padding:4px 8px;font-size:11px;min-width:auto}
}
/* ========== E-COMMERCE GST ========== */

/* E-Com Platform Info */
.ecom-platform-info{
  background:#eff6ff;
  padding:12px 18px;
  border-radius:10px;
  margin-bottom:20px;
  font-size:14px;
  color:#1e40af;
  display:flex;
  align-items:center;
  gap:10px;
  border:1px solid #bfdbfe;
}

.ecom-platform-info i{font-size:20px}

/* E-Com Sections */
.ecom-section{
  margin-bottom:20px;
  padding:18px;
  background:#f8fafc;
  border-radius:12px;
  border:1px solid #e2e8f0;
}

.ecom-section h3{
  font-size:15px;
  margin-bottom:15px;
  display:flex;
  align-items:center;
  gap:8px;
  color:#0f172a;
}

.ecom-row{
  display:flex;
  justify-content:space-between;
  padding:8px 0;
  font-size:13px;
  color:#475569;
  border-bottom:1px solid #f1f5f9;
}

.ecom-row.total-row{
  margin-top:8px;
  padding-top:10px;
  border-top:2px solid #e2e8f0;
  border-bottom:none;
  font-size:14px;
  color:#0f172a;
}

.sub-row{padding-left:25px;font-size:12px;color:#94a3b8}

.expense-section{background:#fef2f2;border-color:#fecaca}
.expense-section h3{color:#991b1b}

.expense-total-row{
  margin-top:8px;
  padding-top:10px;
  border-top:2px solid #fecaca;
  border-bottom:none;
  font-size:14px;
}

.text-green{color:#22c55e;font-weight:600}
.text-red{color:#ef4444;font-weight:600}
.text-orange{color:#f97316;font-weight:600}

/* E-Com Net Earnings */
.ecom-net-earnings{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:15px;
  margin-bottom:20px;
}

.net-earning-card{
  padding:20px;
  border-radius:12px;
  display:flex;
  align-items:center;
  gap:15px;
  background:#f0fdf4;
  border:1px solid #bbf7d0;
}

.net-earning-card i{font-size:28px;color:#22c55e}

.profit-card{
  background:#eff6ff;
  border-color:#bfdbfe;
}
.profit-card i{color:#3b82f6}

.net-label{
  display:block;
  font-size:11px;
  color:#64748b;
  text-transform:uppercase;
  margin-bottom:4px;
}

.net-amount{font-size:22px;font-weight:700;color:#0f172a}

/* E-Com Breakdown Grid */
.ecom-breakdown-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:15px;
  margin-bottom:20px;
}

.ecom-breakdown-item{
  background:#fff;
  padding:15px;
  border-radius:10px;
  border:1px solid #e2e8f0;
  text-align:center;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:6px;
}

.breakdown-dot{
  width:12px;
  height:12px;
  border-radius:50%;
}

.ecom-breakdown-item span{font-size:12px;color:#64748b}
.ecom-breakdown-item strong{font-size:16px;color:#0f172a}

/* E-Com Rules Grid */
.ecom-rules-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:15px;
  margin-top:15px;
}

.ecom-rule-card{
  padding:20px;
  background:#f8fafc;
  border-radius:12px;
  border:1px solid #e2e8f0;
  text-align:center;
  transition:all 0.2s ease;
}

.ecom-rule-card:hover{
  border-color:#22c55e;
  transform:translateY(-2px);
}

.rule-icon{
  width:50px;
  height:50px;
  background:#ecfdf5;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  margin:0 auto 12px;
}

.rule-icon i{font-size:22px;color:#22c55e}
.ecom-rule-card h4{font-size:14px;color:#0f172a;margin-bottom:6px}
.ecom-rule-card p{font-size:12px;color:#64748b;margin:0;line-height:1.5}

/* Commission Table */
.commission-table-wrapper{overflow-x:auto;margin-top:10px}
.commission-table{width:100%;border-collapse:collapse;font-size:13px}
.commission-table th{background:#f8fafc;padding:12px 15px;text-align:left;font-weight:600;color:#475569;border-bottom:2px solid #e2e8f0}
.commission-table td{padding:12px 15px;border-bottom:1px solid #f1f5f9;color:#334155}

/* ========== MOBILE ========== */
@media(max-width:900px){
  .ecom-net-earnings{grid-template-columns:1fr}
  .ecom-breakdown-grid{grid-template-columns:1fr 1fr}
  .ecom-rules-grid{grid-template-columns:1fr 1fr}
}

@media(max-width:600px){
  .ecom-breakdown-grid{grid-template-columns:1fr}
  .ecom-rules-grid{grid-template-columns:1fr}
  .net-amount{font-size:18px}
}

}


/* Popular GST Rates Grid Styles */
.popular-rate-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    gap: 15px;
    margin-top: 20px;
}

.popular-rate-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 20px;
    background: #f8f9fa;
    border: 2px solid #e9ecef;
    border-radius: 10px;
    text-decoration: none;
    transition: all 0.3s ease;
    color: #333;
}

.popular-rate-item:hover {
    background: #ffffff;
    border-color: #007bff;
    transform: translateY(-3px);
    box-shadow: 0 8px 25px rgba(0,0,0,0.1);
    text-decoration: none;
    color: #333;
}

.pop-search-name {
    font-weight: 600;
    font-size: 15px;
    flex: 1;
    margin-right: 10px;
}

.pop-search-rate {
    padding: 6px 15px;
    border-radius: 25px;
    font-weight: 700;
    font-size: 14px;
    color: white;
    min-width: 60px;
    text-align: center;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}

/* Rate badge colors */
.rate-bg-0 {
    background: linear-gradient(135deg, #28a745, #20c997);
}

.rate-bg-3 {
    background: linear-gradient(135deg, #17a2b8, #0dcaf0);
}

.rate-bg-5 {
    background: linear-gradient(135deg, #ffc107, #ffca2c);
    color: #000;
}

.rate-bg-12 {
    background: linear-gradient(135deg, #fd7e14, #ff8c00);
}

.rate-bg-18 {
    background: linear-gradient(135deg, #dc3545, #e53e3e);
}

.rate-bg-28 {
    background: linear-gradient(135deg, #6f42c1, #8b5cf6);
}

/* Responsive Design */
@media (max-width: 768px) {
    .popular-rate-grid {
        grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
        gap: 12px;
    }
    
    .popular-rate-item {
        padding: 12px 15px;
    }
    
    .pop-search-name {
        font-size: 14px;
    }
    
    .pop-search-rate {
        padding: 5px 12px;
        font-size: 13px;
    }
}

@media (max-width: 480px) {
    .popular-rate-grid {
        grid-template-columns: 1fr;
        gap: 10px;
    }
}