body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{min-height:100%}body{font-family:Arial,Helvetica,sans-serif;background:#f0f2f2;color:#222}button,input{font:inherit}.echallan-page{min-height:100vh}.echallan-header{min-height:110px;padding:16px 22px;background:#fff;display:grid;grid-template-columns:72px 1fr auto;align-items:center;gap:16px;border-bottom:1px solid #ddd}.fraud-notice-bar{background:linear-gradient(90deg,#ff6b00,#ff8c00);color:#fff;padding:10px 0;overflow:hidden;border-bottom:3px solid #E55100;font-size:13px;font-weight:500;line-height:1.4;white-space:nowrap}.notice-content{animation:marquee 35s linear infinite;display:inline-block;padding-left:calc(100% + 40px);padding-right:40px}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-100%)}}.flag-emblem{position:relative;width:72px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:3px;overflow:hidden;box-shadow:0 2px 6px #0000001f;border:1px solid rgba(0,0,0,.1);background:#fff}.flag-svg{width:100%;height:100%}.header-copy{text-align:right}.header-copy h1{font-size:24px;line-height:1.15;color:#2f2f2f}.header-copy p{color:#6b8ba7;margin-top:6px;font-size:14px}.important-btn{background:#ef2410;color:#fff;border:none;padding:10px 16px;font-size:18px;font-weight:700;border-radius:2px}.top-nav{min-height:34px;background:linear-gradient(90deg,#0f6bc7,#2f8be2);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:4px 10px;font-size:12px;gap:10px}.nav-links{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.nav-link{border:none;background:transparent;color:#fff;cursor:pointer;padding:4px 0;position:relative;font-size:12px}.nav-link+.nav-link:before{content:"|";margin-right:10px;color:#fffc}.nav-link.active{color:#fffd8a;font-weight:700}.language-switch{padding-left:10px}.cards-layout{max-width:1300px;margin:12px auto 0;padding:0 10px 24px;display:grid;grid-template-columns:1fr 1.25fr;gap:42px;align-items:start}.single-panel{grid-column:1 / -1}.portal-page{background:#fff;border-radius:24px;min-height:auto;box-shadow:0 6px 20px #0000001f;padding:24px 28px 22px}.portal-page h2{text-align:center;color:#4d4d4d;font-size:24px;font-weight:500}.portal-page>p{text-align:center;color:#646464;margin-top:10px}.panel{background:#fff;border-radius:24px;min-height:auto;box-shadow:0 6px 20px #0000001f;padding:24px 28px 22px}.panel.notice-panel{max-height:520px;overflow-y:auto;padding-right:16px}.panel h2{text-align:center;color:#4d4d4d;font-size:24px;font-weight:500}.panel-subtitle{text-align:center;color:#646464;margin-top:6px;font-size:14px}.panel hr{margin:18px 0;border:none;border-top:1px solid #e3e3e3}.notice-list{list-style:none;margin-left:8px;padding-right:22px}.notice-list li{color:#252525;font-size:14px;font-weight:700;margin:10px 0}.notice-list li:before{content:"›";margin-right:6px;color:#6b6b6b;font-size:20px;vertical-align:-2px}.note-text{margin-top:16px;color:#2d2d2d;font-size:15px;line-height:1.6;font-weight:600}.note-text span{color:#d79b2d}.challan-form{max-width:520px;margin:0 auto}.radio-row{display:flex;justify-content:space-between;gap:12px;margin-bottom:36px;color:#6d6d6d;font-size:13px}.radio-row label{display:flex;align-items:center;gap:10px}.radio-row input{accent-color:#2ba5ad}.field-label{display:block;color:#8a8a8a;font-size:12px;margin-bottom:6px}.text-line{width:100%;border:none;border-bottom:1px solid #cfcfcf;padding:8px 0 10px;outline:none;font-size:14px;background:transparent}.captcha-row{margin-top:12px;display:flex;align-items:center;gap:24px}.captcha-box{width:92px;height:34px;background:linear-gradient(135deg,#020202,#202020);color:#fff;display:grid;place-items:center;font-size:16px;font-weight:700;letter-spacing:1px}.captcha-refresh{background:transparent;border:none;color:#333;font-size:30px;cursor:pointer}.error-box{margin-top:14px;background:#ffe6e6;color:#a62020;padding:10px 12px;border-radius:8px;font-size:13px}.notice-box{margin-top:14px;background:#eef7ff;color:#1d4f82;padding:10px 12px;border-radius:8px;font-size:13px;line-height:1.5;border:1px solid #cfe3f6}.get-detail-btn{display:block;margin:22px auto 0;border:none;background:#1ea0a5;color:#fff;padding:10px 28px;font-size:14px;font-weight:700;box-shadow:0 3px 8px #0000002e;cursor:pointer}.result-card{margin-top:20px;border-top:1px solid #e3e3e3;padding-top:18px}.result-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.result-head h3{font-size:18px;color:#333}.result-head p{color:#666;margin-top:4px}.result-badge{padding:6px 10px;border-radius:999px;background:#eef7ff;color:#1d72b8;font-size:12px;font-weight:700}.result-summary{margin-top:14px;display:grid;grid-template-columns:1fr 1fr;gap:12px}.result-summary div{background:#f8f8f8;border-radius:10px;padding:10px 12px}.result-summary span{display:block;color:#777;font-size:12px}.result-summary strong{display:block;margin-top:4px;font-size:18px}.demo-banner{margin-top:14px}.print-preview{position:relative;margin-top:18px;padding:18px;border:1px solid #d6dce3;border-radius:16px;background:linear-gradient(180deg,#fff,#f9fbfd);overflow:hidden}.print-watermark{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%) rotate(-18deg);font-size:clamp(56px,9vw,96px);font-weight:800;letter-spacing:.2em;color:#1e467814;pointer-events:none;-webkit-user-select:none;user-select:none}.print-header{position:relative;display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:14px}.print-kicker{text-align:left!important;margin:0;font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:#6b7c8c}.print-header h4{margin-top:4px;font-size:20px;color:#243b53}.print-badge{padding:8px 12px;border-radius:999px;background:#ffe8cc;color:#9a5b00;font-size:12px;font-weight:700;white-space:nowrap}.print-grid{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.print-box,.print-details{position:relative;background:#ffffffe6;border:1px solid #e5e9ef;border-radius:12px}.print-box{padding:12px 14px}.print-box span,.print-details span{display:block;font-size:12px;color:#6b7c8c}.print-box strong,.print-details strong{display:block;margin-top:6px;color:#1f2d3d;font-size:14px;line-height:1.35}.print-details{margin-top:12px;padding:14px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.print-footer-note{position:relative;margin-top:14px;padding-top:12px;border-top:1px dashed #d6dce3;color:#7a8793;font-size:12px}.table-shell{margin-top:18px}.table-meta{display:flex;justify-content:flex-start;margin-bottom:10px}.table-chip{display:inline-block;padding:8px 14px;border-radius:2px;background:linear-gradient(180deg,#4e9adf,#3f87cf);color:#fff;font-size:12px;font-weight:700;box-shadow:0 3px 10px #3d80bf40}.loading-panel{margin-bottom:12px;padding:14px 16px;border-radius:14px;border:2px solid #3e8ae2;background:linear-gradient(135deg,#f0f8ff,#e6f2ff);display:flex;align-items:center;gap:12px;animation:fadeInScale .4s ease-out;box-shadow:0 4px 16px #3e8ae21f;position:relative;overflow:hidden}.loading-panel:before{content:"";position:absolute;top:-35%;right:-20%;bottom:-35%;left:-20%;background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.55) 50%,transparent 65%);transform:translate(-70%);animation:shimmer 3s ease-in-out infinite}.loading-panel>*{position:relative;z-index:1}.loading-panel strong{display:block;font-size:14px;color:#0f5bcc;font-weight:700;animation:pulse 1.8s ease-in-out infinite}.loading-panel p{margin-top:2px;color:#4d6a8c;font-size:12px;animation:pulse 1.8s ease-in-out infinite .3s}.loading-spinner{width:28px;height:28px;border-radius:50%;border:4px solid rgba(62,138,226,.2);border-top-color:#0f5bcc;border-right-color:#3e8ae2;animation:spin .7s linear infinite;flex:0 0 auto;box-shadow:inset 0 0 8px #0f5bcc1a;position:relative}.loading-spinner:before,.loading-spinner:after{content:"";position:absolute;border-radius:50%;top:0;right:0;bottom:0;left:0}.loading-spinner:before{top:6px;right:6px;bottom:6px;left:6px;background:radial-gradient(circle,#0f5bcc52,#0f5bcc00 72%);animation:pulseRing 1.8s ease-in-out infinite}.loading-spinner:after{top:2px;right:2px;bottom:2px;left:2px;border:2px solid rgba(62,138,226,.16);border-left-color:transparent;border-bottom-color:transparent;animation:spin 1.1s linear infinite reverse}.challan-mobile-list{display:none;margin-top:14px;gap:12px}.challan-mobile-card{border:1px solid #d6dce3;border-radius:18px;background:linear-gradient(180deg,#fff,#fafdff);padding:16px;box-shadow:0 8px 18px #1f2d3d0f}.challan-mobile-card+.challan-mobile-card{margin-top:12px}.mobile-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;padding-bottom:12px;border-bottom:1px solid #edf1f5}.mobile-card-head strong{display:block;color:#1f2d3d;font-size:17px;line-height:1.3}.mobile-card-head span{display:block;margin-top:4px;color:#6b7c8c;font-size:12px}.mobile-card-grid{margin-top:14px;display:grid;grid-template-columns:1fr 1fr;gap:10px 12px}.mobile-card-grid div{padding:10px 12px;border-radius:12px;background:#f7fafc;border:1px solid #e5edf4}.mobile-card-grid span{display:block;font-size:11px;color:#6b7c8c;text-transform:uppercase;letter-spacing:.04em}.mobile-card-grid strong{display:block;margin-top:6px;color:#1f2d3d;font-size:13px;line-height:1.35}.mobile-card-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px;align-items:center}.mobile-card-actions .print-icon-btn{display:none}.mobile-card-actions .pay-now-btn{flex:1 1 100%;min-height:44px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{transform:translate(-70%)}55%{transform:translate(20%)}to{transform:translate(70%)}}@keyframes pulseRing{0%,to{transform:scale(.9);opacity:.45}50%{transform:scale(1.08);opacity:1}}.challan-table-wrap{overflow-x:auto;border:1px solid #d6dce3;border-radius:4px}.challan-table{width:100%;min-width:100%;border-collapse:collapse;background:#fff}.challan-table thead th{background:linear-gradient(180deg,#3e8ae2,#337de0);color:#fff;font-size:13px;font-weight:700;text-align:left;padding:14px 10px;border-right:1px solid rgba(255,255,255,.2);white-space:nowrap}.challan-table tbody td{padding:12px 10px;font-size:13px;color:#444;border-top:1px solid #edf1f5;white-space:nowrap}.challan-table tbody tr:nth-child(2n){background:#fbfdff}.challan-table tbody tr:hover{background:#f4f8fc}.print-icon-btn,.pay-now-btn{border:none;cursor:pointer}.print-icon-btn{background:transparent;font-size:22px;line-height:1}.print-icon-btn.gray{opacity:.55}.pay-now-btn{padding:8px 14px;background:linear-gradient(180deg,#3fb2b5,#2da6aa);color:#fff;font-size:12px;font-weight:700;border-radius:2px;box-shadow:0 2px 8px #2da6aa33}.violation-list{margin-top:14px;display:grid;gap:10px}.violation-item{display:flex;justify-content:space-between;align-items:center;border:1px solid #e7e7e7;border-radius:10px;padding:10px 12px}.violation-item strong{display:block;font-size:13px}.violation-item p{margin-top:4px;color:#555;font-size:13px}.status-tag{padding:5px 10px;border-radius:999px;font-size:12px;font-weight:700}.status-tag.paid{background:#e2f6e8;color:#207a42}.status-tag.pending{background:#fff0d9;color:#986000}.status-tag.paid,.status-tag.pending{display:inline-block}.service-grid,.card-grid,.benefit-list,.dashboard-stats,.grievance-list{margin-top:22px;display:grid;gap:14px}.service-grid{grid-template-columns:repeat(2,1fr)}.card-grid.four-grid{grid-template-columns:repeat(4,1fr)}.info-card,.service-card,.benefit-item,.stat-box,.grievance-item,.about-banner{border:1px solid #e8ecef;border-radius:14px;background:#fbfcfd;padding:16px}.info-card strong,.service-card h3,.benefit-item,.stat-box strong,.grievance-item{display:block}.info-card strong,.stat-box strong{font-size:30px;color:#0f6bc7}.info-card span,.service-card p,.portal-page p,.about-banner,.stat-box span{color:#5a6470}.service-card h3{color:#243b53;margin-bottom:8px}.benefit-list{grid-template-columns:repeat(2,1fr)}.benefit-item,.grievance-item{background:linear-gradient(180deg,#fff,#f6f9fc)}.dashboard-stats{grid-template-columns:repeat(4,1fr)}.stat-box{text-align:center}.about-banner{margin-top:18px;text-align:center}.portal-footer{max-width:1300px;margin:0 auto 24px;padding:14px 16px;background:#fff;border-radius:18px;box-shadow:0 6px 18px #00000014;display:flex;align-items:center;justify-content:space-between;gap:16px}.portal-footer strong{color:#243b53}.portal-footer p{margin-top:4px;color:#607080}.portal-footer span{display:inline-block;margin-left:10px;padding:6px 10px;border-radius:999px;background:#eef7ff;color:#1d72b8;font-size:12px;font-weight:700}@media (max-width: 1100px){.cards-layout{grid-template-columns:1fr;gap:18px}.header-copy{text-align:left}.top-nav{height:auto;padding:8px 10px;flex-direction:column;gap:8px;align-items:flex-start}.nav-links{flex-wrap:wrap;white-space:normal}.card-grid.four-grid,.dashboard-stats,.service-grid,.benefit-list{grid-template-columns:repeat(2,1fr)}}@media (max-width: 720px){.echallan-header{grid-template-columns:1fr;justify-items:start}.flag-emblem{width:60px;height:40px}.important-btn{justify-self:stretch;width:100%}.fraud-notice-bar{font-size:11px;padding:8px 0}.notice-content{animation:marquee 40s linear infinite;padding-left:calc(100% + 30px);padding-right:30px}.radio-row{flex-direction:column;align-items:flex-start;gap:10px}.result-summary{grid-template-columns:1fr}.challan-table-wrap{display:none}.challan-mobile-list{display:grid}.print-header{flex-direction:column}.print-grid,.print-details{grid-template-columns:1fr}.challan-table{min-width:800px}.portal-footer{flex-direction:column;align-items:flex-start}.card-grid.four-grid,.dashboard-stats,.service-grid,.benefit-list{grid-template-columns:1fr}}