@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Instrument+Sans:wght@500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,400&family=Syne:wght@500;600;700;800&display=swap";@import "https://fonts.googleapis.com/css2?family=Instrument+Sans:wght@500;600;700&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--vl-navy-950:#06101f;--vl-navy-900:#0a1628;--vl-navy-800:#10233f;--vl-navy-700:#1a3558;--vl-teal-600:#0d9488;--vl-teal-500:#14b8a6;--vl-teal-400:#2dd4bf;--vl-teal-100:#ccfbf1;--vl-teal-50:#f0fdfa;--vl-bg:#f3f6fb;--vl-bg-elevated:#fff;--vl-surface:#fff;--vl-surface-muted:#f8fafc;--vl-text:#0f172a;--vl-text-secondary:#334155;--vl-text-muted:#64748b;--vl-border:#e2e8f0;--vl-border-strong:#cbd5e1;--vl-success:#059669;--vl-danger:#dc2626;--vl-warning:#d97706;--vl-radius-sm:10px;--vl-radius-md:14px;--vl-radius-lg:20px;--vl-radius-xl:28px;--vl-shadow-sm:0 4px 14px #0f172a0d;--vl-shadow-md:0 12px 36px #0f172a14;--vl-shadow-lg:0 24px 64px #0a162824;--vl-shadow-glow:0 10px 40px #0d948838;--vl-font:"Plus Jakarta Sans", "Instrument Sans", system-ui, sans-serif;--vl-ease:cubic-bezier(.22, 1, .36, 1);--vl-transition:.28s var(--vl-ease);--sidebar-width:245px;--topbar-height:82px}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}html,body,#root{min-height:100%;margin:0}body{font-family:var(--vl-font);color:var(--vl-text);background:var(--vl-bg);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}a{color:inherit}button,input,select,textarea{font-family:inherit}img{max-width:100%}@keyframes vl-fade-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes vl-float{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}@keyframes vl-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.vl-fade-up{animation:vl-fade-up .55s var(--vl-ease) both}.lp{--lp-ink:#152033;--lp-muted:#5f6f84;--lp-line:#1520331a;--lp-teal:#0f8f84;--lp-teal-bright:#14b8a6;--lp-teal-soft:#e6f8f5;--lp-sky:#eef5fb;--lp-paper:#f8fbfd;--lp-white:#fff;--lp-ease:cubic-bezier(.22, 1, .36, 1);--lp-display:"Syne", "Plus Jakarta Sans", sans-serif;--lp-body:"DM Sans", "Plus Jakarta Sans", sans-serif;min-height:100vh;color:var(--lp-ink);background:var(--lp-paper);font-family:var(--lp-body);-webkit-font-smoothing:antialiased;overflow-x:hidden}.lp a{color:inherit;text-decoration:none}.lp img{max-width:100%;display:block}.lp-btn{min-height:46px;font-family:var(--lp-body);letter-spacing:.01em;cursor:pointer;transition:transform .35s var(--lp-ease), background .35s var(--lp-ease), border-color .35s var(--lp-ease), box-shadow .35s var(--lp-ease), color .35s var(--lp-ease);border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:.55rem;padding:.7rem 1.35rem;font-size:.95rem;font-weight:600;display:inline-flex}.lp-btn-arrow{transition:transform .35s var(--lp-ease);display:inline-block}.lp-btn:hover .lp-btn-arrow{transform:translate(4px)}.lp-btn-lg{min-height:54px;padding:.85rem 1.7rem;font-size:1rem}.lp-btn-solid{color:#06241f;background:linear-gradient(135deg,#2dd4bf,#0d9488);box-shadow:0 12px 28px #0d948838,inset 0 1px #fff6}.lp-btn-solid:hover{transform:translateY(-2px);box-shadow:0 16px 36px #0d94884d,inset 0 1px #ffffff73}.lp-btn-ghost{color:var(--lp-ink);background:#ffffffb3;border-color:#1520331f}.lp-btn-ghost:hover{background:#fff;border-color:#15203333}.lp-btn-outline{color:var(--lp-ink);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff8c;border-color:#15203329}.lp-btn-outline:hover{color:var(--lp-teal);background:#fff;border-color:#0f8f8473}.lp-text-link{color:var(--lp-teal);transition:gap .3s var(--lp-ease), color .3s var(--lp-ease);align-items:center;gap:.5rem;margin-top:.4rem;font-size:.98rem;font-weight:600;display:inline-flex}.lp-text-link:hover{color:#0b7a71;gap:.75rem}.lp-header{z-index:50;pointer-events:none;padding:1rem 4.5%;position:fixed;inset:0 0 auto}.lp-header-inner{pointer-events:auto;-webkit-backdrop-filter:blur(18px)saturate(1.15);backdrop-filter:blur(18px)saturate(1.15);max-width:1280px;animation:lp-header-in .8s var(--lp-ease) both;background:#ffffffc7;border:1px solid #ffffffe6;border-radius:18px;justify-content:space-between;align-items:center;gap:1.5rem;margin:0 auto;padding:.65rem 1rem .65rem 1.1rem;display:flex;box-shadow:0 10px 36px #15284614,inset 0 1px #fffc}.lp-logo{flex-shrink:0;align-items:center;display:flex}.lp-logo-img{object-fit:contain;width:148px;max-height:42px}.lp-nav{align-items:center;gap:1.6rem;display:flex}.lp-nav-link{color:var(--lp-muted);letter-spacing:.02em;font-size:.92rem;font-weight:500;transition:color .25s}.lp-nav-link:hover{color:var(--lp-ink)}.lp-header-actions{flex-shrink:0;align-items:center;gap:.65rem;display:flex}.lp-hero{isolation:isolate;background:radial-gradient(55% 50% at 12% 30%,#2dd4bf29,#0000 60%),radial-gradient(45% 40% at 90% 20%,#7db4e62e,#0000 55%),linear-gradient(#f4faf9 0%,#f8fbfd 55%,#eef6f8 100%);align-items:center;min-height:100svh;padding:7.5rem 6% 5.5rem;display:grid;position:relative;overflow:hidden}.lp-hero-media{z-index:-1;position:absolute;inset:0}.lp-hero-img{object-fit:cover;object-position:72% center;opacity:.92;width:100%;height:100%;animation:18s ease-in-out infinite alternate lp-hero-ken;transform:scale(1.04)}.lp-hero-veil{background:linear-gradient(105deg,#f8fbfdf7 0%,#f8fbfdeb 28%,#f8fbfd9e 48%,#f8fbfd38 68%,#f8fbfd14 100%),linear-gradient(#0000 72%,#f8fbfdd9 100%);position:absolute;inset:0}.lp-hero-content{max-width:640px;animation:lp-rise 1s var(--lp-ease) .12s both;position:relative}.lp-brand{font-family:var(--lp-display);letter-spacing:-.04em;color:var(--lp-ink);margin:0 0 1rem;font-size:clamp(2.8rem,7vw,5.2rem);font-weight:800;line-height:.95}.lp-hero-title{max-width:16ch;font-family:var(--lp-display);letter-spacing:-.03em;color:#243447;margin:0 0 1.1rem;font-size:clamp(1.85rem,4vw,3rem);font-weight:600;line-height:1.12}.lp-hero-title span{color:var(--lp-teal);display:block}.lp-hero-copy{max-width:38ch;color:var(--lp-muted);margin:0 0 2rem;font-size:clamp(1rem,1.5vw,1.12rem);font-weight:450;line-height:1.65}.lp-hero-cta{flex-wrap:wrap;gap:.85rem;display:flex}.lp-hero-scroll{color:var(--lp-muted);letter-spacing:.18em;text-transform:uppercase;animation:lp-rise 1s var(--lp-ease) .55s both;flex-direction:column;align-items:center;gap:.55rem;font-size:.72rem;display:flex;position:absolute;bottom:2.2rem;right:6%}.lp-hero-scroll i{background:linear-gradient(to bottom, var(--lp-teal-bright), transparent);width:1px;height:42px;animation:1.8s ease-in-out infinite lp-scroll-line}.lp-ticker{background:linear-gradient(90deg,#e8f7f4,#dff3ef 50%,#e8f7f4);border-block:1px solid #0f8f841f;align-items:center;height:52px;display:flex;position:relative;overflow:hidden}.lp-ticker:before,.lp-ticker:after{content:"";z-index:2;pointer-events:none;width:90px;position:absolute;top:0;bottom:0}.lp-ticker:before{background:linear-gradient(90deg,#e8f7f4,#0000);left:0}.lp-ticker:after{background:linear-gradient(270deg,#e8f7f4,#0000);right:0}.lp-ticker-track{width:max-content;animation:36s linear infinite lp-ticker;display:flex}.lp-ticker:hover .lp-ticker-track{animation-play-state:paused}.lp-ticker-item{white-space:nowrap;color:#3d5a54;letter-spacing:.04em;text-transform:uppercase;align-items:center;gap:.7rem;padding:0 1.7rem;font-size:.82rem;font-weight:600;display:flex}.lp-ticker-mark{background:var(--lp-teal-bright);border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite lp-pulse;box-shadow:0 0 10px #2dd4bf8c}.lp-eyebrow{letter-spacing:.2em;text-transform:uppercase;color:var(--lp-teal);margin:0 0 .85rem;font-size:.78rem;font-weight:700}.lp-section-title{font-family:var(--lp-display);letter-spacing:-.03em;color:var(--lp-ink);margin:0 0 1rem;font-size:clamp(2rem,4vw,3.1rem);font-weight:700;line-height:1.08}.lp-section-title em{color:var(--lp-teal);font-style:normal}.lp-section-copy{max-width:42ch;color:var(--lp-muted);margin:0;font-size:1.05rem;line-height:1.7}.lp-section-head{text-align:center;max-width:640px;margin:0 auto 4.5rem;padding:0 1.25rem}.lp-section-head .lp-section-copy{margin-inline:auto}.lp-services{background:radial-gradient(ellipse 50% 40% at 0% 15%, #14b8a61a, transparent 60%), radial-gradient(ellipse 40% 30% at 100% 70%, #78aadc1a, transparent 55%), var(--lp-white);padding:6.5rem 6% 3rem}.lp-service-list{flex-direction:column;gap:4.5rem;max-width:1180px;margin:0 auto;display:flex}.lp-service{grid-template-columns:1.15fr .85fr;align-items:center;gap:clamp(1.5rem,4vw,3.5rem);display:grid}.lp-service.is-reverse{grid-template-columns:.85fr 1.15fr}.lp-service.is-reverse .lp-service-visual{order:2}.lp-service.is-reverse .lp-service-body{order:1}.lp-service-visual{aspect-ratio:16/10;background:var(--lp-sky);border-radius:28px;position:relative;overflow:hidden;box-shadow:0 20px 50px #2846641a,0 0 0 1px #1520330d}.lp-service-visual img{object-fit:cover;width:100%;height:100%;transition:transform 1.1s var(--lp-ease)}.lp-service:hover .lp-service-visual img{transform:scale(1.04)}.lp-service-body{padding:.5rem .25rem}.lp-service-num{font-family:var(--lp-display);letter-spacing:.14em;color:var(--lp-teal);margin-bottom:1rem;font-size:.9rem;font-weight:700;display:inline-block}.lp-service-body h3{font-family:var(--lp-display);letter-spacing:-.02em;color:var(--lp-ink);margin:0 0 .85rem;font-size:clamp(1.6rem,2.6vw,2.15rem);font-weight:700}.lp-service-body p{max-width:34ch;color:var(--lp-muted);margin:0 0 1.35rem;font-size:1.05rem;line-height:1.7}.lp-platform{grid-template-columns:.95fr 1.05fr;align-items:stretch;gap:0;max-width:1280px;margin:5rem auto 0;padding:0 6%;display:grid}.lp-platform-content{background:0 0;flex-direction:column;justify-content:center;align-items:flex-start;padding:3.5rem 2.5rem 3.5rem 0;display:flex}.lp-platform-points{flex-wrap:wrap;gap:.65rem;margin:1.4rem 0 2rem;padding:0;list-style:none;display:flex}.lp-platform-points li{background:var(--lp-teal-soft);color:#0f5f58;letter-spacing:.02em;border:1px solid #0f8f842e;border-radius:10px;padding:.55rem 1rem;font-size:.88rem;font-weight:600}.lp-platform-visual{border-radius:28px;min-height:420px;overflow:hidden;box-shadow:0 22px 55px #2846641f,0 0 0 1px #1520330d}.lp-platform-visual img{object-fit:cover;width:100%;height:100%;min-height:420px;transition:transform 1.2s var(--lp-ease)}.lp-platform:hover .lp-platform-visual img{transform:scale(1.03)}.lp-cta{background:radial-gradient(ellipse 55% 70% at 50% 0%, #2dd4bf24, transparent 65%), linear-gradient(180deg, #f0f8f7 0%, var(--lp-paper) 100%);padding:6.5rem 6%}.lp-cta-inner{text-align:center;background:#ffffffb8;border:1px solid #fffffff2;border-radius:28px;flex-direction:column;align-items:center;max-width:680px;margin:0 auto;padding:3rem 2rem;display:flex;box-shadow:0 18px 50px #28466412}.lp-cta-inner .lp-section-copy{margin-bottom:2rem}.lp-footer{color:var(--lp-muted);background:radial-gradient(50% 60% at 10% 0,#2dd4bf1a,#0000 55%),linear-gradient(#eef5f8 0%,#e8f1f4 100%);border-top:1px solid #1520330f;padding:4.5rem 6% 1.75rem}.lp-footer-main{border-bottom:1px solid #15203314;grid-template-columns:1.4fr .8fr .9fr 1fr;gap:2.5rem;max-width:1180px;margin:0 auto 3rem;padding-bottom:2.5rem;display:grid}.lp-footer-logo img{object-fit:contain;width:150px;max-height:44px;margin-bottom:1rem}.lp-footer-brand p,.lp-footer-note p{max-width:30ch;margin:0;font-size:.95rem;line-height:1.65}.lp-footer-col{flex-direction:column;gap:.7rem;display:flex}.lp-footer-col h4{font-family:var(--lp-display);color:var(--lp-ink);letter-spacing:.02em;margin:0 0 .4rem;font-size:.95rem;font-weight:700}.lp-footer-col a{color:var(--lp-muted);font-size:.92rem;transition:color .25s}.lp-footer-col a:hover{color:var(--lp-teal)}.lp-footer-bottom{color:#8a9aab;flex-wrap:wrap;justify-content:space-between;gap:1rem;max-width:1180px;margin:0 auto;font-size:.82rem;display:flex}@keyframes lp-header-in{0%{opacity:0;transform:translateY(-18px)}to{opacity:1;transform:translateY(0)}}@keyframes lp-rise{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@keyframes lp-hero-ken{0%{transform:scale(1.04)translate(0,0)}to{transform:scale(1.1)translate(-1.2%,-.8%)}}@keyframes lp-scroll-line{0%,to{opacity:.35;transform-origin:top;transform:scaleY(.7)}50%{opacity:1;transform:scaleY(1)}}@keyframes lp-ticker{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes lp-pulse{0%,to{opacity:.55;transform:scale(.9)}50%{opacity:1;transform:scale(1.15)}}@media (prefers-reduced-motion:reduce){.lp-hero-img,.lp-ticker-track,.lp-hero-scroll i,.lp-ticker-mark,.lp-header-inner,.lp-hero-content,.lp-hero-scroll,.lp-platform-visual img{animation:none!important}.lp-service:hover .lp-service-visual img,.lp-platform:hover .lp-platform-visual img{transform:none}}@media (width<=1024px){.lp-service,.lp-service.is-reverse{grid-template-columns:1fr}.lp-service.is-reverse .lp-service-visual,.lp-service.is-reverse .lp-service-body{order:initial}.lp-platform{grid-template-columns:1fr;gap:2rem}.lp-platform-content{padding:2rem 0 0}.lp-footer-main{grid-template-columns:1fr 1fr}}@media (width<=780px){.lp-nav{display:none}.lp-header{padding:.75rem 4%}.lp-header-inner{padding:.5rem .7rem .5rem .85rem}.lp-logo-img{width:120px;max-height:36px}.lp-btn-ghost{display:none}.lp-hero{padding:7rem 5.5% 4.5rem}.lp-hero-veil{background:linear-gradient(#f8fbfdf0 0%,#f8fbfdc7 42%,#f8fbfd8c 100%)}.lp-hero-scroll{display:none}.lp-services{padding:4.5rem 5.5% 2rem}.lp-service-list{gap:3.25rem}.lp-platform{margin-top:3.5rem;padding:0 5.5%}.lp-platform-visual,.lp-platform-visual img{min-height:280px}.lp-cta{padding:4.5rem 5.5%}.lp-cta-inner{padding:2.25rem 1.25rem}.lp-footer-main{grid-template-columns:1fr;gap:2rem}}@media (width<=480px){.lp-hero-cta{flex-direction:column;align-items:stretch}.lp-btn-lg{width:100%}.lp-header-actions .lp-btn-solid{min-height:40px;padding:.55rem 1rem;font-size:.88rem}}:root{--vl-bg-base:#f8fafc;--vl-ink-950:#090f1d;--vl-ink-900:#0f172a;--vl-ink-800:#1e293b;--vl-ink-700:#334155;--vl-ink-600:#475569;--vl-ink-500:#64748b;--vl-ink-400:#94a3b8;--vl-teal-900:#134e4a;--vl-teal-800:#115e59;--vl-teal-700:#0f766e;--vl-teal-600:#0d9488;--vl-teal-500:#14b8a6;--vl-teal-400:#2dd4bf;--vl-teal-100:#ccfbf1;--vl-teal-50:#f0fdfa;--vl-cyan-500:#06b6d4;--vl-sky-100:#e0f2fe;--vl-surface-card:#fff;--vl-surface-glass:#fffffff0;--vl-surface-muted:#f8fafc;--vl-border-subtle:#e2e8f0;--vl-border-medium:#cbd5e1;--vl-border-teal:#14b8a64d;--vl-font-sans:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, sans-serif;--vl-font-display:"Instrument Sans", var(--vl-font-sans);--vl-font-mono:"JetBrains Mono", monospace;--vl-ease-spring:cubic-bezier(.16, 1, .3, 1);--vl-ease-smooth:cubic-bezier(.4, 0, .2, 1)}.vl-auth-viewport{background-color:var(--vl-bg-base);width:100%;min-height:100svh;color:var(--vl-ink-900);font-family:var(--vl-font-sans);-webkit-font-smoothing:antialiased;background-image:radial-gradient(70% 50% at 15% 15%,#2dd4bf29,#0000 60%),radial-gradient(65% 45% at 85% 20%,#38bdf824,#0000 55%),radial-gradient(circle at 50% 90%,#14b8a614,#0000 50%),linear-gradient(#fff 0%,#f7fafc 40%,#eef5f8 100%);flex-direction:column;display:flex;position:relative;overflow-x:hidden}.vl-mesh-grid{pointer-events:none;z-index:1;background-image:linear-gradient(90deg,#0f172a06 1px,#0000 1px),linear-gradient(#0f172a06 1px,#0000 1px);background-size:38px 38px;position:absolute;inset:0}.vl-ambient-orb{filter:blur(80px);pointer-events:none;z-index:0;opacity:.65;border-radius:50%;position:absolute}.orb-primary{background:radial-gradient(circle,#2dd4bf47 0%,#0000 70%);width:500px;height:500px;animation:16s ease-in-out infinite alternate orbDriftOne;top:-100px;left:10%}.orb-secondary{background:radial-gradient(circle,#bae6fd73 0%,#0000 70%);width:550px;height:550px;animation:20s ease-in-out infinite alternate orbDriftTwo;bottom:-120px;right:5%}.orb-accent{background:radial-gradient(circle,#ccfbf173 0%,#0000 70%);width:380px;height:380px;animation:14s ease-in-out infinite alternate-reverse orbDriftOne;top:40%;left:-80px}@keyframes orbDriftOne{0%{transform:translate(0)scale(1)}50%{transform:translate(45px,30px)scale(1.06)}to{transform:translate(-25px,50px)scale(.96)}}@keyframes orbDriftTwo{0%{transform:translate(0)scale(1)}50%{transform:translate(-40px,-30px)scale(1.08)}to{transform:translate(30px,-50px)scale(.94)}}.vl-auth-telemetry-bar{z-index:10;-webkit-backdrop-filter:blur(14px);box-sizing:border-box;background:#ffffffd1;border-bottom:1px solid #e2e8f0d9;width:100%;padding:10px 32px;position:relative}.vl-telemetry-container{max-width:1280px;color:var(--vl-ink-600);justify-content:space-between;align-items:center;margin:0 auto;font-size:12.5px;display:flex}.vl-telemetry-live{color:var(--vl-ink-800);align-items:center;gap:9px;font-weight:600;display:flex}.live-pulsar{background:#059669;border-radius:50%;width:8px;height:8px;position:relative;box-shadow:0 0 8px #059669}.live-pulsar:after{content:"";border:1.5px solid #05966980;border-radius:50%;animation:2s cubic-bezier(0,0,.2,1) infinite pulsePing;position:absolute;inset:-4px}@keyframes pulsePing{0%{opacity:1;transform:scale(.8)}to{opacity:0;transform:scale(2.2)}}.live-text{color:var(--vl-ink-900);font-weight:650}.vl-telemetry-meta{font-family:var(--vl-font-mono);align-items:center;gap:12px;display:flex}.meta-badge{border:1px solid var(--vl-border-subtle);color:var(--vl-ink-600);background:#f1f5f9;border-radius:6px;align-items:center;gap:5px;padding:4px 10px;font-size:11.5px;display:inline-flex}.meta-badge.uptime{color:var(--vl-teal-700);background:var(--vl-teal-50);border-color:#14b8a64d;font-weight:600}.vl-auth-stage{z-index:5;box-sizing:border-box;flex:1;grid-template-columns:1.15fr .95fr;align-items:center;gap:44px;width:100%;max-width:1280px;margin:0 auto;padding:36px 24px 60px;display:grid;position:relative}.vl-showcase-panel{flex-direction:column;gap:24px;padding-right:12px;display:flex}.vl-brand-header{align-items:center;gap:14px;display:flex}.vl-logo-wrapper{transition:transform .3s var(--vl-ease-spring);background:#fff;border-radius:12px;justify-content:center;align-items:center;padding:8px 16px;display:inline-flex;box-shadow:0 10px 25px -4px #0f172a14,0 0 0 1px #e2e8f0cc}.vl-logo-wrapper:hover{transform:translateY(-2px);box-shadow:0 14px 30px -4px #0f172a1f}.vl-brand-logo-img{object-fit:contain;width:auto;height:32px;display:block}.vl-brand-tag{letter-spacing:.08em;text-transform:uppercase;color:var(--vl-teal-700);background:var(--vl-teal-50);border:1px solid #14b8a64d;border-radius:999px;align-items:center;gap:7px;padding:6px 14px;font-size:11px;font-weight:700;display:inline-flex}.vl-tag-dot{background:var(--vl-teal-600);border-radius:50%;width:6px;height:6px;box-shadow:0 0 6px #0d948899}.vl-showcase-hero{flex-direction:column;gap:10px;display:flex}.vl-hero-title{font-family:var(--vl-font-display);letter-spacing:-.035em;color:var(--vl-ink-950);margin:0;font-size:clamp(2rem,3.1vw,2.65rem);font-weight:700;line-height:1.18}.vl-hero-desc{color:var(--vl-ink-600);max-width:52ch;margin:0;font-size:14.5px;line-height:1.65}.vl-visual-hero-card{background:#fff;border:1px solid #e2e8f0f2;border-radius:24px;transition:box-shadow .3s;position:relative;overflow:hidden;box-shadow:0 24px 50px -12px #0f172a14,0 2px 6px #0f172a08}.vl-visual-hero-card:hover{box-shadow:0 30px 60px -12px #0f172a1f,0 4px 10px #0f172a0a}.vl-hero-image-wrap{background:linear-gradient(135deg,#e6fcf5 0%,#f0fdfa 50%,#e0f2fe 100%);justify-content:center;align-items:center;width:100%;height:280px;display:flex;position:relative;overflow:hidden}.vl-hero-image{object-fit:cover;object-position:center;width:100%;height:100%;transition:transform .6s var(--vl-ease-spring)}.vl-visual-hero-card:hover .vl-hero-image{transform:scale(1.03)}.vl-image-overlay-glow{pointer-events:none;background:linear-gradient(#ffffff1a 0%,#0000 50%,#ffffffbf 100%);position:absolute;inset:0}.vl-float-badge{z-index:3;color:var(--vl-ink-800);-webkit-backdrop-filter:blur(12px);transition:transform .3s var(--vl-ease-spring);background:#ffffffeb;border:1px solid #ffffffe6;border-radius:999px;align-items:center;gap:7px;padding:8px 14px;font-size:11.5px;font-weight:650;display:inline-flex;position:absolute;box-shadow:0 10px 24px -4px #0f172a1f}.vl-float-badge.top-left{top:16px;left:18px}.vl-float-badge.bottom-right{bottom:16px;right:18px}.vl-float-badge:hover{transform:translateY(-2px)}.badge-pulse-dot{background:#10b981;border-radius:50%;width:7px;height:7px;box-shadow:0 0 6px #10b981}.vl-demo-shortcut-box{background:linear-gradient(135deg,#fffbeb 0%,#f0fdfa 100%);border-top:1px solid #f59e0b33;justify-content:space-between;align-items:center;gap:14px;padding:14px 20px;display:flex}.demo-shortcut-text{align-items:center;gap:10px;display:flex}.demo-shortcut-text strong{color:#b45309;font-size:13px;display:block}.demo-shortcut-text p{color:var(--vl-ink-600);margin:0;font-size:11.5px}.text-amber{color:#d97706}.vl-demo-autofill-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#d97706;border:none;border-radius:10px;align-items:center;gap:6px;padding:8px 14px;font-family:inherit;font-size:12px;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 4px 12px #d977064d}.vl-demo-autofill-btn:hover{background:#b45309;transform:translateY(-1px);box-shadow:0 6px 16px #d9770666}.vl-trust-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.vl-trust-item{border:1px solid var(--vl-border-subtle);background:#fff;border-radius:14px;flex-direction:column;gap:3px;padding:12px 14px;transition:transform .2s,border-color .2s;display:flex;box-shadow:0 4px 12px #0f172a08}.vl-trust-item:hover{border-color:#14b8a666;transform:translateY(-2px);box-shadow:0 8px 18px #0f172a0f}.trust-number{font-family:var(--vl-font-mono);color:var(--vl-teal-700);font-size:19px;font-weight:700}.trust-label{color:var(--vl-ink-500);font-size:11px;line-height:1.35}.vl-compliance-strip{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.compliance-pill{color:var(--vl-ink-600);border:1px solid var(--vl-border-subtle);background:#fff;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:11.5px;font-weight:600;display:inline-flex;box-shadow:0 2px 6px #0f172a05}.vl-auth-card-panel{justify-content:center;display:flex;position:relative}.vl-glass-card{box-sizing:border-box;-webkit-backdrop-filter:blur(24px);width:100%;max-width:470px;animation:cardRise .6s var(--vl-ease-spring) both;background:#fffffff2;border:1px solid #e2e8f0f2;border-radius:28px;padding:38px 36px;position:relative;box-shadow:0 30px 70px -15px #0f172a1a,inset 0 0 0 1px #ffffffe6}@keyframes cardRise{0%{opacity:0;transform:translateY(20px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.vl-screen-wrapper{flex-direction:column;display:flex}.vl-card-header{margin-bottom:20px}.vl-card-badge{letter-spacing:.08em;text-transform:uppercase;color:var(--vl-teal-700);background:var(--vl-teal-50);border:1px solid #14b8a64d;border-radius:999px;align-items:center;gap:6px;margin-bottom:12px;padding:4px 10px;font-size:11px;font-weight:750;display:inline-flex}.vl-card-badge.accent{color:#0284c7;background:#f0f9ff;border-color:#bae6fd}.vl-card-title{font-family:var(--vl-font-display);letter-spacing:-.03em;color:var(--vl-ink-950);margin:0 0 6px;font-size:26px;font-weight:700}.vl-card-subtitle{color:var(--vl-ink-500);margin:0;font-size:13.5px;line-height:1.5}.vl-card-subtitle strong{color:var(--vl-ink-900)}.vl-banner-info{background:var(--vl-teal-50);color:var(--vl-teal-800);border:1px solid #14b8a64d;border-radius:10px;align-items:center;gap:8px;margin-bottom:18px;padding:10px 14px;font-size:12px;font-weight:600;display:flex}.vl-alert-box{animation:alertIn .3s var(--vl-ease-spring) both;border-radius:12px;align-items:center;gap:10px;margin-bottom:18px;padding:12px 14px;font-size:13px;line-height:1.4;display:flex}@keyframes alertIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.vl-alert-box.error{color:#dc2626;background:#fef2f2;border:1px solid #fecaca}.vl-alert-box.success{color:#059669;background:#ecfdf5;border:1px solid #a7f3d0}.vl-form{flex-direction:column;gap:18px;display:flex}.vl-input-group{flex-direction:column;gap:7px;display:flex}.vl-input-group label{color:var(--vl-ink-800);font-size:13px;font-weight:650}.vl-label-row{justify-content:space-between;align-items:center;display:flex}.vl-link-action{color:var(--vl-teal-700);cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit;font-size:12.5px;font-weight:650;transition:color .2s}.vl-link-action:hover{color:var(--vl-teal-900);text-decoration:underline}.vl-input-shell{border:1px solid var(--vl-border-subtle);height:50px;transition:all .25s var(--vl-ease-smooth);background:#f8fafc;border-radius:12px;align-items:center;gap:10px;padding:0 14px;display:flex}.vl-input-shell:focus-within{border-color:var(--vl-teal-600);background:#fff;transform:translateY(-1px);box-shadow:0 0 0 3px #14b8a629}.vl-input-icon{color:var(--vl-ink-400);flex-shrink:0;place-items:center;transition:color .2s;display:grid}.vl-input-shell:focus-within .vl-input-icon{color:var(--vl-teal-600)}.vl-input-shell input{min-width:0;color:var(--vl-ink-900);background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:14.5px}.vl-input-shell input::placeholder{color:var(--vl-ink-400)}.vl-toggle-eye{color:var(--vl-ink-400);cursor:pointer;background:0 0;border:none;border-radius:6px;place-items:center;padding:4px;transition:all .2s;display:grid}.vl-toggle-eye:hover{color:var(--vl-ink-700);background:#0f172a0d}.vl-form-meta-row{color:var(--vl-ink-600);justify-content:space-between;align-items:center;font-size:12.5px;display:flex}.vl-checkbox-label{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;display:inline-flex}.vl-checkbox-label input[type=checkbox]{accent-color:var(--vl-teal-600);cursor:pointer;border-radius:4px;width:16px;height:16px}.vl-cta-button{color:#fff;cursor:pointer;width:100%;height:52px;transition:all .3s var(--vl-ease-spring);background:linear-gradient(135deg,#0d9488 0%,#0f766e 100%);border:none;border-radius:14px;justify-content:center;align-items:center;gap:8px;font-family:inherit;font-size:15px;font-weight:700;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 10px 25px -4px #0d948861,inset 0 1px #ffffff40}.vl-cta-button:hover:not(:disabled){background:linear-gradient(135deg,#14b8a6 0%,#0d9488 100%);transform:translateY(-2px);box-shadow:0 14px 32px -4px #0d948880,inset 0 1px #ffffff59}.vl-cta-arrow{transition:transform .25s var(--vl-ease-smooth)}.vl-cta-button:hover:not(:disabled) .vl-cta-arrow{transform:translate(4px)}.vl-cta-button:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none}.vl-spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.vl-card-divider{color:var(--vl-ink-400);letter-spacing:.08em;align-items:center;gap:12px;margin:20px 0 14px;font-size:11px;font-weight:700;display:flex}.vl-card-divider:before,.vl-card-divider:after{content:"";background:var(--vl-border-subtle);flex:1;height:1px}.vl-card-footer-action{color:var(--vl-ink-600);justify-content:center;align-items:center;gap:8px;margin-bottom:18px;font-size:13px;display:flex}.vl-signup-link{color:var(--vl-teal-700);align-items:center;gap:3px;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex}.vl-signup-link:hover{color:var(--vl-teal-900);transform:translate(2px)}.vl-security-watermark{color:var(--vl-ink-500);border-top:1px solid var(--vl-border-subtle);justify-content:center;align-items:center;gap:7px;padding-top:16px;font-size:11.5px;display:flex}.vl-otp-container{flex-direction:column;gap:10px;display:flex}.otp-heading-label{color:var(--vl-ink-800);font-size:13px;font-weight:650}.vl-otp-digits-row{grid-template-columns:repeat(6,1fr);gap:10px;display:grid}.vl-otp-box{border:1px solid var(--vl-border-medium);width:100%;height:56px;color:var(--vl-ink-950);font-size:22px;font-weight:700;font-family:var(--vl-font-mono);text-align:center;background:#f8fafc;border-radius:12px;outline:none;transition:all .2s}.vl-otp-box:focus{border-color:var(--vl-teal-600);background:#fff;transform:translateY(-2px);box-shadow:0 0 0 3px #14b8a633}.vl-otp-box.filled{border-color:var(--vl-teal-600);background:var(--vl-teal-50)}.vl-resend-timer-box{justify-content:center;align-items:center;min-height:32px;display:flex}.vl-timer-text{color:var(--vl-ink-500);font-size:12.5px}.vl-timer-text strong{color:var(--vl-teal-700)}.vl-resend-active-btn{color:var(--vl-teal-700);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;font-family:inherit;font-size:12.5px;font-weight:650;transition:color .2s;display:inline-flex}.vl-resend-active-btn:hover{color:var(--vl-teal-900);text-decoration:underline}.vl-back-btn{color:var(--vl-ink-500);cursor:pointer;background:0 0;border:none;margin-top:4px;padding:6px 0;font-family:inherit;font-size:13px;font-weight:600;transition:color .2s}.vl-back-btn:hover{color:var(--vl-ink-900)}.vl-back-actions-row{justify-content:space-between;align-items:center;margin-top:6px;display:flex}.vl-link-btn{color:var(--vl-teal-700);cursor:pointer;background:0 0;border:none;padding:4px 0;font-family:inherit;font-size:13px;font-weight:650}.vl-link-btn:hover{color:var(--vl-teal-900);text-decoration:underline}@media (width<=1040px){.vl-auth-stage{grid-template-columns:1fr;gap:36px;padding:30px 18px 50px}.vl-showcase-panel{padding-right:0}.vl-hero-title{font-size:2.1rem}.vl-glass-card{max-width:520px;margin:0 auto}}@media (width<=640px){.vl-auth-telemetry-bar{padding:8px 16px}.vl-telemetry-meta{display:none}.vl-auth-stage{padding:20px 14px 40px}.vl-hero-image-wrap{height:220px}.vl-float-badge{padding:6px 10px;font-size:10.5px}.vl-glass-card{border-radius:20px;padding:28px 20px}.vl-card-title{font-size:22px}.vl-otp-box{height:48px;font-size:18px}.vl-trust-grid{grid-template-columns:1fr;gap:10px}.vl-demo-shortcut-box{flex-direction:column;align-items:flex-start}.vl-demo-autofill-btn{justify-content:center;width:100%}}@media (prefers-reduced-motion:reduce){.orb-primary,.orb-secondary,.orb-accent,.live-pulsar:after,.vl-glass-card{animation:none!important}}.signup-page{min-height:100vh;font-family:var(--vl-font);background:radial-gradient(circle at 10% 10%,#14b8a624,#0000 32%),radial-gradient(circle at 90% 80%,#0f233f1a,#0000 40%),linear-gradient(135deg,#eef2f8,#f7fffb);padding:40px 20px}.signup-container{background:#fff;border:1px solid #e2e8f0;border-radius:24px;width:min(1000px,100%);margin:auto;padding:38px;animation:.55s cubic-bezier(.22,1,.36,1) both vl-fade-up;box-shadow:0 25px 70px #0a16281f}.signup-header{border-bottom:1px solid #e5eee9;align-items:center;gap:25px;margin-bottom:28px;padding-bottom:28px;display:flex}.verifyal-logo{object-fit:contain;width:175px;max-height:65px}.header-text h1{color:#153d2a;letter-spacing:-.9px;margin:0;font-size:30px;font-weight:800}.header-text p{color:#7c8e84;margin:7px 0 0;font-size:13px}.signup-section{background:#fcfefd;border:1px solid #e3eee8;border-radius:17px;margin-bottom:25px;padding:25px}.section-heading{align-items:center;gap:14px;margin-bottom:23px;display:flex}.section-icon{color:#087d44;background:#e6f7ed;border-radius:13px;flex:0 0 44px;justify-content:center;align-items:center;width:44px;height:44px;font-size:18px;font-weight:800;display:flex}.section-heading h2{color:#1c3d2d;margin:0;font-size:19px}.section-heading p{color:#8a9991;margin:4px 0 0;font-size:11px}.form-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.field{min-width:0}.field.full{grid-column:1/-1}.field label{color:#2e4a3b;margin-bottom:7px;font-size:12px;font-weight:700;display:block}.field input,.field textarea{box-sizing:border-box;color:#20382b;background:#fff;border:1px solid #dbe8e0;border-radius:11px;outline:none;width:100%;font-family:inherit;font-size:13px;transition:all .2s}.field input{height:48px;padding:0 13px}.field textarea{resize:vertical;padding:12px 13px}.field input:focus,.field textarea:focus{border-color:#19a45b;box-shadow:0 0 0 4px #19a45b14}.field input::placeholder,.field textarea::placeholder{color:#a3b0a9}.signup-error{color:#c53737;background:#fff1f1;border:1px solid #ffd1d1;border-radius:10px;margin:10px 0 20px;padding:13px 15px;font-size:12px}.signup-success{color:#178049;background:#edfbf2;border:1px solid #ccefd9;border-radius:10px;margin:10px 0 20px;padding:13px 15px;font-size:12px}.submit-area{text-align:center;padding-top:5px}.submit-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#087b43,#13a85c);border:0;border-radius:13px;width:100%;height:55px;font-size:14px;font-weight:800;transition:all .2s;box-shadow:0 12px 28px #0c904e33}.submit-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 16px 32px #0c904e45}.submit-button:disabled{opacity:.6;cursor:not-allowed}.login-link{color:#7d8d84;margin:17px 0 0;font-size:12px}.login-link a{color:#087d44;font-weight:800;text-decoration:none}.login-link a:hover{text-decoration:underline}@media (width<=700px){.signup-page{padding:15px}.signup-container{border-radius:18px;padding:22px 16px}.signup-header{flex-direction:column;align-items:flex-start;gap:15px}.verifyal-logo{width:150px}.header-text h1{font-size:25px}.signup-section{padding:18px}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.section-heading{align-items:flex-start}}.vl-top-navbar{z-index:100;-webkit-backdrop-filter:blur(16px);background:#fffffff0;border-bottom:1px solid #e2e8f0d9;width:100%;position:sticky;top:0;box-shadow:0 4px 20px -2px #0f172a0a}.vl-navbar-inner{justify-content:space-between;align-items:center;gap:20px;max-width:1440px;height:72px;margin:0 auto;padding:0 24px;display:flex}.vl-nav-brand{flex-shrink:0;align-items:center;gap:12px;display:flex}.vl-brand-link{align-items:center;text-decoration:none;display:inline-flex}.vl-nav-logo-img{object-fit:contain;width:auto;height:32px;transition:transform .2s;display:block}.vl-nav-logo-img:hover{transform:scale(1.02)}.vl-corp-pill{letter-spacing:.08em;color:#0f766e;background:#f0fdfa;border:1px solid #ccfbf1;border-radius:999px;align-items:center;gap:6px;padding:4px 9px;font-size:10px;font-weight:750;display:inline-flex}.corp-dot{background:#0d9488;border-radius:50%;width:5px;height:5px;box-shadow:0 0 5px #0d9488}.vl-desktop-nav{flex:1;justify-content:center;align-items:center;gap:6px;display:flex}.vl-nav-item{color:#475569;border-radius:10px;align-items:center;gap:7px;padding:8px 14px;font-size:13.5px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex;position:relative}.vl-nav-item:hover{color:#0f172a;background:#f1f5f9}.vl-nav-item.active{color:#0d9488;background:#f0fdfa;font-weight:700}.vl-nav-item.active:after{content:"";background:#0d9488;border-radius:99px;height:2.5px;position:absolute;bottom:-6px;left:14px;right:14px}.vl-nav-icon{color:inherit;transition:transform .2s}.vl-nav-item:hover .vl-nav-icon{transform:translateY(-1px)}.vl-nav-actions{flex-shrink:0;align-items:center;gap:12px;display:flex}.vl-nav-terms-badge{cursor:pointer;border:1px solid #0000;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-family:inherit;font-size:12px;font-weight:650;transition:all .2s;display:inline-flex}.vl-nav-terms-badge.accepted{color:#059669;background:#ecfdf5;border-color:#a7f3d0}.vl-nav-terms-badge.accepted:hover{background:#d1fae5}.vl-nav-terms-badge.pending{color:#d97706;background:#fffbeb;border-color:#fde68a}.vl-nav-terms-badge.pending:hover{background:#fef3c7}.vl-nav-recharge-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#0d9488 0%,#0f766e 100%);border:none;border-radius:10px;align-items:center;gap:6px;padding:8px 16px;font-family:inherit;font-size:13px;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 4px 14px #0d948840}.vl-nav-recharge-btn:hover{background:linear-gradient(135deg,#14b8a6 0%,#0d9488 100%);transform:translateY(-1px);box-shadow:0 6px 18px #0d948859}.vl-user-profile-menu{position:relative}.vl-user-avatar-btn{cursor:pointer;background:0 0;border:1px solid #e2e8f0;border-radius:999px;align-items:center;gap:8px;padding:4px 10px 4px 4px;font-family:inherit;transition:all .2s;display:flex}.vl-user-avatar-btn:hover{background:#f8fafc;border-color:#cbd5e1}.avatar-circle{color:#fff;background:linear-gradient(135deg,#0d9488 0%,#0369a1 100%);border-radius:50%;place-items:center;width:32px;height:32px;font-size:13px;font-weight:750;display:grid}.user-email-text{color:#334155;white-space:nowrap;text-overflow:ellipsis;max-width:140px;font-size:12.5px;font-weight:600;overflow:hidden}.dropdown-arrow{color:#64748b}.vl-user-dropdown{z-index:150;background:#fff;border:1px solid #e2e8f0;border-radius:16px;width:240px;padding:8px;animation:.2s cubic-bezier(.16,1,.3,1) both dropdownIn;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 16px 36px -4px #0f172a1f}@keyframes dropdownIn{0%{opacity:0;transform:translateY(-6px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.dropdown-user-info{border-bottom:1px solid #f1f5f9;margin-bottom:6px;padding:10px 12px}.info-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;font-size:11px;display:block}.info-email{color:#0f172a;word-break:break-all;margin-top:2px;font-size:13px;display:block}.dropdown-item{color:#334155;box-sizing:border-box;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;width:100%;padding:9px 12px;font-family:inherit;font-size:13px;font-weight:600;text-decoration:none;transition:all .15s;display:flex}.dropdown-item:hover{color:#0f172a;background:#f1f5f9}.dropdown-item.logout{color:#dc2626;border-top:1px solid #f8fafc;margin-top:4px}.dropdown-item.logout:hover{background:#fef2f2}.vl-mobile-menu-toggle{color:#334155;cursor:pointer;background:0 0;border:none;padding:6px;display:none}.vl-mobile-drawer{background:#fff;border-top:1px solid #e2e8f0;padding:16px 20px 24px;display:none;box-shadow:0 10px 30px #00000014}.vl-mobile-nav-list{flex-direction:column;gap:8px;display:flex}.vl-mobile-nav-item{color:#334155;border-radius:12px;align-items:center;gap:12px;padding:12px 14px;font-size:14.5px;font-weight:600;text-decoration:none;transition:background .2s;display:flex}.vl-mobile-nav-item.active{color:#0d9488;background:#f0fdfa}.vl-mobile-logout-btn{color:#dc2626;cursor:pointer;background:#fef2f2;border:none;border-radius:12px;align-items:center;gap:12px;margin-top:8px;padding:12px 14px;font-family:inherit;font-size:14.5px;font-weight:600;display:flex}.recharge-overlay{z-index:999;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-sizing:border-box;background:#0f172a99;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.recharge-modal{background:#fff;border:1px solid #e2e8f0;border-radius:24px;width:100%;max-width:680px;animation:.35s cubic-bezier(.16,1,.3,1) both modalRise;overflow:hidden;box-shadow:0 25px 60px -12px #0f172a33}@keyframes modalRise{0%{opacity:0;transform:scale(.985)}to{opacity:1;transform:scale(1)}}.recharge-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:flex-start;padding:24px 28px 18px;display:flex}.recharge-eyebrow{letter-spacing:.08em;color:#0d9488;margin-bottom:4px;font-size:10.5px;font-weight:750;display:block}.recharge-header h2{color:#0f172a;margin:0;font-size:22px;font-weight:700}.recharge-header p{color:#64748b;margin:4px 0 0;font-size:13px}.recharge-close{color:#94a3b8;cursor:pointer;background:0 0;border:none;padding:4px;font-size:26px;line-height:1;transition:color .2s}.recharge-close:hover{color:#0f172a}.recharge-body{grid-template-columns:210px 1fr;align-items:center;gap:28px;padding:24px 28px;display:grid}.scanner-section{flex-direction:column;align-items:center;gap:10px;display:flex}.scanner-box{background:#fff;border:1px solid #e2e8f0;border-radius:16px;place-items:center;width:190px;height:190px;padding:10px;display:grid;box-shadow:0 4px 14px #0f172a0f}.scanner-image{object-fit:contain;width:100%;height:100%}.scanner-tag{color:#64748b;text-align:center;font-size:11px;font-weight:600}.bank-details{flex-direction:column;gap:10px;display:flex}.bank-details h3{color:#0f172a;margin:0 0 4px;font-size:14px;font-weight:700}.bank-row{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:9px 12px}.bank-label{letter-spacing:.06em;color:#64748b;font-size:10px;font-weight:700}.bank-value{color:#0f172a;justify-content:space-between;align-items:center;margin-top:2px;font-size:13px;display:flex}.bank-value strong.mono{color:#0d9488;font-family:JetBrains Mono,monospace;font-size:14px}.copy-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:6px;place-items:center;padding:3px 6px;transition:all .2s;display:grid}.copy-btn:hover{color:#0f172a;background:#f1f5f9}.recharge-footer{background:#f8fafc;border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;gap:16px;padding:16px 28px 22px;display:flex}.recharge-notice{color:#64748b;max-width:420px;font-size:11.5px;line-height:1.4}.recharge-done-btn{color:#fff;cursor:pointer;background:#0f172a;border:none;border-radius:10px;padding:9px 18px;font-family:inherit;font-size:13px;font-weight:700;transition:background .2s}.recharge-done-btn:hover{background:#1e293b}@media (width<=1024px){.vl-desktop-nav{display:none}.vl-mobile-menu-toggle,.vl-mobile-drawer{display:block}.user-email-text{display:none}}@media (width<=640px){.vl-navbar-inner{height:64px;padding:0 16px}.vl-nav-terms-badge .terms-text{display:none}.recharge-body{grid-template-columns:1fr;gap:16px}.scanner-box{width:150px;height:150px}}.dashboard-layout-topnav{box-sizing:border-box;width:100%;min-height:100vh;font-family:var(--vl-font,"Plus Jakarta Sans", sans-serif);background:radial-gradient(60% 40% at 90% 0,#14b8a614,#0000 50%),radial-gradient(50% 30% at 10% 20%,#38bdf80f,#0000 45%),#f8fafc;flex-direction:column;margin:0;padding:0;display:flex}.dashboard-main-canvas{box-sizing:border-box;flex:1;width:100%;min-width:0;margin:0 auto;padding:0;animation:.4s both vl-fade-up}.dashboard-page{box-sizing:border-box;width:100%;min-height:calc(100vh - 72px);font-family:var(--vl-font,"Plus Jakarta Sans", sans-serif);color:#0f172a;background:0 0;padding:32px 36px 60px}.dashboard-container{flex-direction:column;gap:32px;width:100%;max-width:1440px;margin:0 auto;display:flex}.dashboard-header-block{background:#fff;border:1px solid #e2e8f0;border-radius:20px;justify-content:space-between;align-items:center;gap:20px;padding:24px 28px;display:flex;box-shadow:0 4px 20px -4px #0f172a0a}.welcome-tag{letter-spacing:.08em;color:#0d9488;background:#f0fdfa;border:1px solid #ccfbf1;border-radius:999px;align-items:center;gap:6px;margin-bottom:8px;padding:4px 10px;font-size:10.5px;font-weight:750;display:inline-flex}.live-dot{background:#10b981;border-radius:50%;width:6px;height:6px;box-shadow:0 0 6px #10b981}.welcome-heading{color:#0f172a;letter-spacing:-.03em;margin:0;font-size:26px;font-weight:750}.welcome-subtext{color:#64748b;flex-wrap:wrap;align-items:center;gap:8px;margin:6px 0 0;font-size:13.5px;display:flex}.inline-icon{color:#0d9488}.divider-dot{color:#cbd5e1}.active-badge{color:#059669;background:#ecfdf5;border-radius:4px;padding:2px 7px;font-size:11px;font-weight:700}.quick-purchase-cta{color:#fff;cursor:pointer;background:linear-gradient(135deg,#0d9488 0%,#0f766e 100%);border:none;border-radius:12px;align-items:center;gap:8px;padding:10px 20px;font-family:inherit;font-size:13.5px;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 4px 14px #0d948847}.quick-purchase-cta:hover{background:linear-gradient(135deg,#14b8a6 0%,#0d9488 100%);transform:translateY(-2px);box-shadow:0 6px 20px #0d948866}.dashboard-top-grid{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.metric-tile{box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:20px;flex-direction:column;gap:12px;padding:24px;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 18px -2px #0f172a0a}.metric-tile:hover{border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 10px 28px -4px #0f172a14}.tile-top-row{justify-content:space-between;align-items:center;display:flex}.tile-icon-box{border-radius:12px;place-items:center;width:42px;height:42px;display:grid}.tile-icon-box.teal{color:#0d9488;background:#f0fdfa;border:1px solid #ccfbf1}.tile-icon-box.emerald{color:#059669;background:#ecfdf5;border:1px solid #a7f3d0}.tile-icon-box.amber{color:#d97706;background:#fffbeb;border:1px solid #fde68a}.tile-icon-box.cyan{color:#0284c7;background:#f0f9ff;border:1px solid #bae6fd}.tile-action-group{align-items:center;gap:8px;display:flex}.tile-action-link{color:#0d9488;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:4px;padding:5px 10px;font-family:inherit;font-size:12px;font-weight:700;transition:all .15s;display:inline-flex}.tile-action-link:hover{background:#f0fdfa;border-color:#ccfbf1}.tile-refresh-btn{color:#64748b;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;place-items:center;width:30px;height:30px;transition:all .2s;display:grid}.tile-refresh-btn:hover:not(:disabled){color:#0f172a;background:#f1f5f9}.tile-refresh-btn.spinning{animation:.8s linear infinite spin}.tile-label{letter-spacing:.07em;color:#64748b;text-transform:uppercase;font-size:11px;font-weight:750}.tile-main-stat{align-items:baseline;gap:4px;display:flex}.currency-symbol{color:#64748b;font-size:24px;font-weight:700}.balance-number{letter-spacing:-.03em;color:#0f172a;font-size:32px;font-weight:800;font-family:"JetBrains Mono", var(--vl-font)}.tile-bottom-meta{color:#64748b;align-items:center;gap:8px;margin-top:auto;font-size:12.5px;display:flex}.status-indicator-pill{color:#475569;align-items:center;gap:5px;font-size:12px;display:inline-flex}.text-cyan{color:#0284c7}.text-red{color:#dc2626}.terms-tile{cursor:pointer}.terms-status-badge{text-transform:uppercase;letter-spacing:.05em;border-radius:999px;padding:4px 10px;font-size:11px;font-weight:750}.terms-status-badge.verified{color:#059669;background:#ecfdf5;border:1px solid #a7f3d0}.terms-status-badge.action{color:#d97706;background:#fffbeb;border:1px solid #fde68a}.meta-chip{color:#334155;background:#f1f5f9;border-radius:6px;padding:3px 8px;font-size:11.5px;font-weight:650}.meta-sub.click-hint{color:#0d9488;font-weight:600}.tile-alert-toast{color:#0f766e;background:#f0fdfa;border:1px solid #ccfbf1;border-radius:8px;padding:8px 10px;font-size:12px}.sla-badge{color:#0284c7;background:#f0f9ff;border:1px solid #bae6fd;border-radius:999px;padding:4px 10px;font-size:11px;font-weight:750}.services-section-wrapper{flex-direction:column;gap:20px;display:flex}.services-section-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.section-title{color:#0f172a;margin:0;font-size:22px;font-weight:750}.section-desc{color:#64748b;margin:4px 0 0;font-size:13.5px}.service-filter-pills{background:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:8px;padding:4px;display:flex}.filter-pill{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:6px 14px;font-family:inherit;font-size:12.5px;font-weight:650;transition:all .15s}.filter-pill:hover{color:#0f172a}.filter-pill.active{color:#fff;background:#0f172a}.services-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:22px;display:grid}.service-card{box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:20px;flex-direction:column;gap:16px;padding:22px;transition:transform .25s,box-shadow .25s,border-color .25s;display:flex;box-shadow:0 4px 14px #0f172a08}.service-card.is-active:hover{border-color:#0d9488;transform:translateY(-3px);box-shadow:0 12px 28px -4px #0d94881f}.service-card-top{justify-content:space-between;align-items:center;display:flex}.service-icon-wrapper{border-radius:12px;place-items:center;width:40px;height:40px;display:grid}.service-icon-wrapper.active{color:#0d9488;background:#f0fdfa;border:1px solid #ccfbf1}.service-icon-wrapper.inactive{color:#94a3b8;background:#f1f5f9;border:1px solid #e2e8f0}.service-status-pill{border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex}.service-status-pill.active{color:#059669;background:#ecfdf5;border:1px solid #a7f3d0}.service-status-pill.inactive{color:#94a3b8;background:#f8fafc;border:1px solid #e2e8f0}.service-title{color:#0f172a;letter-spacing:-.02em;margin:0 0 6px;font-size:17px;font-weight:750}.service-summary{color:#64748b;margin:0;font-size:13px;line-height:1.5}.service-card-footer{border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;margin-top:auto;padding-top:14px;display:flex}.service-pricing-wrap{flex-direction:column;display:flex}.rate-label{color:#94a3b8;text-transform:uppercase;font-size:10.5px;font-weight:700}.rate-amount{align-items:baseline;gap:3px;display:flex}.rate-amount strong{color:#0f172a;font-size:17px;font-weight:800}.rate-amount small{color:#64748b;font-size:11.5px}.service-create-cta{color:#fff;cursor:pointer;background:linear-gradient(135deg,#0d9488 0%,#0f766e 100%);border:none;border-radius:10px;align-items:center;gap:6px;padding:8px 16px;font-family:inherit;font-size:13px;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 4px 12px #0d948840}.service-create-cta:hover{background:linear-gradient(135deg,#14b8a6 0%,#0d9488 100%);transform:translateY(-1px);box-shadow:0 6px 18px #0d948859}.cta-arrow{transition:transform .2s}.service-create-cta:hover .cta-arrow{transform:translate(3px)}.inactive-badge{color:#94a3b8;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:6px 12px;font-size:12px;font-weight:650}.services-loading-state,.services-error-state,.services-empty-state{text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:48px 24px;display:flex}.retry-btn{color:#fff;cursor:pointer;background:#0f172a;border:none;border-radius:8px;margin-top:6px;padding:8px 18px;font-size:13px;font-weight:650}.modal-backdrop-overlay{z-index:1000;-webkit-backdrop-filter:blur(8px);box-sizing:border-box;background:#0f172a99;justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex;position:fixed;inset:0;overflow-y:auto}.modal-dialog-box{background:#fff;border:1px solid #e2e8f0;border-radius:24px;flex-direction:column;width:min(720px,100%);max-height:calc(100vh - 48px);margin:0;animation:.28s cubic-bezier(.16,1,.3,1) both modalRise;display:flex;position:relative;overflow:hidden;box-shadow:0 25px 60px -12px #0f172a40}.modal-dialog-box.large{width:min(820px,100%);max-height:calc(100vh - 48px)}@media (width<=640px){.modal-backdrop-overlay{justify-content:center;align-items:flex-start;padding-top:18px;padding-bottom:18px}.modal-dialog-box{border-radius:14px;width:calc(100% - 32px);max-width:640px;max-height:calc(100vh - 36px);margin:0}.modal-dialog-box.large{max-width:calc(100% - 32px)}}@media (height<=700px){.modal-backdrop-overlay{align-items:flex-start;padding-top:12px;padding-bottom:12px}.modal-dialog-box{max-height:calc(100vh - 24px);margin-top:12px;margin-bottom:12px}}.modal-body-content{flex:auto;overflow-y:auto}body.modal-open{height:100%;overflow:hidden}.modal-top-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:flex-start;padding:24px 28px 18px;display:flex}.modal-eyebrow-tag{letter-spacing:.08em;color:#0d9488;margin-bottom:4px;font-size:11px;font-weight:750;display:block}.modal-headline{color:#0f172a;margin:0;font-size:22px;font-weight:750}.modal-subline{color:#64748b;margin:4px 0 0;font-size:13.5px}.modal-close-icon-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:6px;place-items:center;padding:4px;transition:all .2s;display:grid}.modal-close-icon-btn:hover{color:#0f172a;background:#f1f5f9}.recharge-grid{grid-template-columns:210px 1fr;align-items:center;gap:28px;padding:24px 28px;display:grid}.modal-qr-section{flex-direction:column;align-items:center;gap:10px;display:flex}.qr-image-frame{background:#fff;border:1px solid #e2e8f0;border-radius:16px;width:190px;height:190px;padding:10px;box-shadow:0 4px 14px #0f172a0f}.qr-preview-img{object-fit:contain;width:100%;height:100%}.qr-caption{color:#64748b;text-align:center;font-size:11.5px;font-weight:650}.modal-bank-info-section{flex-direction:column;gap:10px;display:flex}.section-label{color:#0f172a;margin:0 0 4px;font-size:14px;font-weight:700}.bank-field-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:9px 12px}.field-title{letter-spacing:.06em;color:#64748b;font-size:10px;font-weight:700}.field-value-row{color:#0f172a;justify-content:space-between;align-items:center;margin-top:2px;font-size:13px;display:flex}.field-value-row strong.mono{color:#0d9488;font-family:JetBrains Mono,monospace;font-size:14px}.copy-field-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:6px;place-items:center;padding:3px 6px;transition:all .2s;display:grid}.copy-field-btn:hover{color:#0f172a;background:#f1f5f9}.modal-bottom-actions{background:#f8fafc;border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;gap:16px;padding:18px 28px 22px;display:flex}.action-hint{color:#64748b;max-width:440px;font-size:12px;line-height:1.4}.modal-primary-btn{color:#fff;cursor:pointer;background:#0f172a;border:none;border-radius:10px;padding:9px 20px;font-family:inherit;font-size:13.5px;font-weight:700;transition:background .2s}.modal-primary-btn:hover{background:#1e293b}.modal-processing-veil{z-index:50;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffffd9;place-items:center;display:grid;position:absolute;inset:0}.processing-card{text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;align-items:center;gap:12px;padding:28px 36px;display:flex;box-shadow:0 16px 36px #0f172a1f}.processing-card strong{color:#0f172a;font-size:16px}.processing-card span{color:#64748b;font-size:13px}.modal-alert-box{border-radius:12px;align-items:flex-start;gap:12px;margin:18px 28px 0;padding:12px 16px;font-size:13px;display:flex}.modal-alert-box.success{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0}.modal-alert-box.error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}.alert-content strong{margin-bottom:2px;display:block}.alert-content p{margin:0}.view-report-pill-btn{color:#fff;cursor:pointer;background:#047857;border:none;border-radius:8px;align-items:center;gap:6px;margin-top:8px;padding:6px 14px;font-size:12.5px;font-weight:700;transition:all .2s;display:inline-flex}.view-report-pill-btn:hover{background:#065f46}.modal-form-body{flex-direction:column;display:flex}.modal-form-grid{grid-template-columns:repeat(2,1fr);gap:16px 20px;max-height:60vh;padding:24px 28px;display:grid;overflow-y:auto}.form-field-group{flex-direction:column;gap:6px;display:flex}.form-field-group label{color:#334155;font-size:12.5px;font-weight:650}.req{color:#dc2626;margin-left:2px}.form-field-group input,.form-field-group select{color:#0f172a;background:#f8fafc;border:1px solid #cbd5e1;border-radius:10px;outline:none;height:44px;padding:0 14px;font-family:inherit;font-size:14px;transition:all .2s}.form-field-group input:focus,.form-field-group select:focus{background:#fff;border-color:#0d9488;box-shadow:0 0 0 3px #14b8a626}.form-field-group input:disabled,.form-field-group select:disabled{opacity:.6;cursor:not-allowed}.form-address-block.full-width{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;grid-column:1/-1;margin-top:4px;padding:16px}.address-block-title{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.address-block-title h4{color:#0f172a;margin:0;font-size:13.5px;font-weight:700}.badge-optional{color:#64748b;background:#e2e8f0;border-radius:4px;padding:2px 7px;font-size:11px}.address-inputs-grid{grid-template-columns:repeat(2,1fr);gap:12px 16px;display:grid}.cost-summary-chip{flex-direction:column;display:flex}.cost-caption{color:#64748b;text-transform:uppercase;font-size:10.5px;font-weight:700}.cost-val{color:#0d9488;font-family:JetBrains Mono,monospace;font-size:18px;font-weight:800}.modal-btn-row{align-items:center;gap:10px;display:flex}.modal-cancel-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:10px;padding:9px 18px;font-family:inherit;font-size:13px;font-weight:650}.modal-cancel-btn:hover{color:#0f172a;background:#f1f5f9}.modal-submit-cta{color:#fff;cursor:pointer;background:linear-gradient(135deg,#0d9488 0%,#0f766e 100%);border:none;border-radius:10px;align-items:center;gap:6px;padding:9px 20px;font-family:inherit;font-size:13.5px;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 4px 14px #0d948847}.modal-submit-cta:hover:not(:disabled){background:linear-gradient(135deg,#14b8a6 0%,#0d9488 100%);transform:translateY(-1px)}.modal-submit-cta:disabled{opacity:.6;cursor:not-allowed}@media (width<=1040px){.dashboard-top-grid{grid-template-columns:1fr}.dashboard-header-block{flex-direction:column;align-items:flex-start}}@media (width<=640px){.dashboard-page{padding:20px 16px 40px}.dashboard-header-block{padding:18px 16px}.welcome-heading{font-size:22px}.modal-form-grid{grid-template-columns:1fr;padding:18px 16px}.address-inputs-grid{grid-template-columns:1fr}.modal-bottom-actions{flex-direction:column;align-items:stretch;gap:14px}.modal-btn-row{justify-content:flex-end}}.profile-page{box-sizing:border-box;background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);width:100%;min-height:100vh;padding:30px}.profile-header{flex-wrap:wrap;align-items:center;gap:20px;margin-bottom:24px;display:flex}.profile-title{flex:280px;min-width:240px}.profile-eyebrow,.card-eyebrow{color:#64748b;letter-spacing:.08em;text-transform:uppercase;margin-bottom:5px;font-size:11px;font-weight:700;display:block}.profile-title h1{color:#0f172a;margin:0;font-size:28px;font-weight:800;line-height:1.2}.profile-title p{color:#64748b;margin:7px 0 0;font-size:13px;line-height:1.5}.terms-status-card{box-sizing:border-box;border-radius:14px;flex-shrink:0;width:350px;min-height:92px;padding:13px 15px;transition:transform .2s,box-shadow .2s}.terms-status-card:hover{transform:translateY(-2px);box-shadow:0 8px 22px #0f172a14}.terms-status-card.accepted{background:linear-gradient(135deg,#f3fcf6 0%,#ebf8ef 100%);border:1px solid #b8dfc5}.terms-status-card.accepted .terms-status-icon{color:#15803d;background:#d9f3e1}.terms-status-card.action-required{background:linear-gradient(135deg,#fffaf0 0%,#fff6df 100%);border:1px solid #efd39a}.terms-status-card.action-required .terms-status-icon{color:#b45309;background:#ffedc2}.terms-status-top{align-items:center;gap:11px;display:flex}.terms-status-icon{border-radius:10px;justify-content:center;align-items:center;width:36px;min-width:36px;height:36px;font-size:16px;font-weight:900;display:flex}.terms-status-heading{flex-direction:column;gap:2px;min-width:0;display:flex}.terms-status-heading span{color:#64748b;letter-spacing:.05em;text-transform:uppercase;font-size:10px;font-weight:800}.terms-status-heading strong{color:#1e293b;font-size:14px;line-height:1.3}.terms-status-message{border-top:1px solid #64748b21;align-items:flex-start;gap:8px;margin-top:10px;padding-top:9px;display:flex}.terms-message-content{flex:1;min-width:0}.terms-status-message p{color:#64748b;margin:0;font-size:10.5px;line-height:1.5}.terms-status-message p b{color:#475569;font-weight:800}.terms-message-check,.terms-message-alert{border-radius:50%;justify-content:center;align-items:center;width:17px;min-width:17px;height:17px;margin-top:1px;font-size:9px;font-weight:900;display:flex}.terms-message-check{color:#15803d;background:#dcfce7}.terms-message-alert{color:#b45309;background:#ffedc2}.terms-effective-date{color:#64748b;align-items:center;gap:6px;margin-top:7px;font-size:10px;line-height:1.4;display:flex}.terms-effective-date strong{color:#475569;font-weight:800}.terms-status-note{color:#8a5a08;background:#ffffff94;border-radius:7px;align-items:flex-start;gap:7px;margin-top:8px;padding:8px 9px;font-size:9.5px;line-height:1.4;display:flex}.terms-status-note>span:first-child{flex-shrink:0;margin-top:2px;font-size:11px;font-weight:800}.terms-status-note-content{flex:1;justify-content:space-between;align-items:center;gap:10px;min-width:0;display:flex}.terms-status-note-content>span{flex:1}.terms-request-btn{color:#8a5a08;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #d6a83f;border-radius:7px;flex-shrink:0;min-height:31px;padding:0 11px;font-family:inherit;font-size:9px;font-weight:800;transition:background .2s,color .2s,border-color .2s,transform .2s}.terms-request-btn:hover:not(:disabled){color:#fff;background:#b45309;border-color:#b45309;transform:translateY(-1px)}.terms-request-btn:disabled{opacity:.6;cursor:not-allowed}.profile-edit-btn,.profile-save-btn,.profile-cancel-btn{cursor:pointer;white-space:nowrap;border:none;border-radius:9px;height:42px;padding:0 18px;font-family:inherit;font-size:13px;font-weight:700;transition:background .2s,transform .2s,box-shadow .2s}.profile-edit-btn{color:#fff;background:#0f766e}.profile-edit-btn:hover{background:#115e59;transform:translateY(-1px)}.profile-action-buttons{flex-shrink:0;align-items:center;gap:9px;display:flex}.profile-save-btn{color:#fff;background:#0f766e}.profile-save-btn:hover:not(:disabled){background:#115e59;transform:translateY(-1px)}.profile-cancel-btn{color:#475569;background:#fff;border:1px solid #cbd5e1}.profile-cancel-btn:hover:not(:disabled){background:#f8fafc}.profile-save-btn:disabled,.profile-cancel-btn:disabled,.upload-document-btn:disabled,.document-view-btn:disabled{opacity:.55;cursor:not-allowed}.profile-alert{border-radius:10px;align-items:center;gap:10px;margin-bottom:20px;padding:12px 15px;font-size:13px;display:flex}.profile-alert span{border-radius:50%;justify-content:center;align-items:center;width:22px;min-width:22px;height:22px;font-weight:800;display:flex}.profile-alert p{margin:0}.profile-alert-success{color:#166534;background:#f0faf3;border:1px solid #bbdec6}.profile-alert-success span{background:#d9f3e1}.profile-alert-error{color:#b91c1c;background:#fff4f4;border:1px solid #f0c4c4}.profile-alert-error span{background:#fee2e2}.profile-grid{grid-template-columns:minmax(0,1.45fr) minmax(300px,.75fr);align-items:start;gap:20px;display:grid}.profile-card{box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:15px;min-width:0;padding:22px;box-shadow:0 3px 12px #0f172a09}.profile-card-header{justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px;display:flex}.profile-card-header h2{color:#0f172a;margin:0;font-size:17px;font-weight:800}.profile-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;display:grid}.profile-field{min-width:0}.profile-field-full{grid-column:1/-1}.profile-field label{color:#475569;margin-bottom:7px;font-size:11px;font-weight:700;display:block}.profile-field input,.profile-field textarea{box-sizing:border-box;color:#1e293b;background:#fff;border:1px solid #dbe2ea;border-radius:8px;outline:none;width:100%;padding:11px 12px;font-family:inherit;font-size:13px;transition:border-color .2s,box-shadow .2s}.profile-field input{height:42px}.profile-field textarea{resize:vertical;min-height:85px}.profile-field input:focus,.profile-field textarea:focus{border-color:#0f766e;box-shadow:0 0 0 3px #0f766e14}.profile-value{box-sizing:border-box;color:#1e293b;word-break:break-word;background:#f8fafc;border:1px solid #eef2f7;border-radius:8px;align-items:center;min-height:42px;padding:0 12px;font-size:13px;line-height:1.5;display:flex}.account-status-card{min-height:100%}.account-status-content{flex-direction:column;display:flex}.status-row{border-bottom:1px solid #eef2f7;justify-content:space-between;align-items:center;gap:15px;padding:13px 0;display:flex}.status-row:first-child{padding-top:0}.status-row:last-child{border-bottom:none;padding-bottom:0}.status-row>span:first-child{color:#64748b;font-size:12px;font-weight:600}.status-badge{box-sizing:border-box;border-radius:20px;justify-content:center;align-items:center;min-width:70px;padding:5px 10px;font-size:10px;font-weight:800;display:inline-flex}.status-verified{color:#15803d;background:#dcfce7}.status-pending{color:#a16207;background:#fef3c7}.status-text{color:#1e293b;font-size:12px;font-weight:700}.upload-area{flex-direction:column;gap:15px;display:flex}.upload-document-btn{color:#fff;cursor:pointer;background:#0f766e;border:none;border-radius:8px;width:100%;height:42px;font-family:inherit;font-size:12px;font-weight:700;transition:background .2s,transform .2s}.upload-document-btn:hover:not(:disabled){background:#115e59;transform:translateY(-1px)}.selected-file{background:#f6fbfa;border:1px solid #dbe7e5;border-radius:9px;align-items:center;gap:10px;padding:10px 12px;display:flex}.selected-file-icon{background:#e1f3ef;border-radius:7px;justify-content:center;align-items:center;width:32px;min-width:32px;height:32px;display:flex}.selected-file-info{flex-direction:column;gap:2px;min-width:0;display:flex}.selected-file-info strong{color:#334155;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:700;overflow:hidden}.selected-file-info span{color:#94a3b8;font-size:10px}.document-count{box-sizing:border-box;color:#0f766e;background:#f0fdfa;border-radius:8px;justify-content:center;align-items:center;min-width:28px;height:28px;padding:0 8px;font-size:11px;font-weight:800;display:flex}.document-item{border:1px solid #edf1f5;border-radius:10px;align-items:center;gap:11px;padding:11px;transition:border-color .2s,background .2s;display:flex}.document-item:hover{background:#fbfefd;border-color:#d5e4e2}.document-icon{background:#f1f5f9;border-radius:8px;justify-content:center;align-items:center;width:36px;min-width:36px;height:36px;display:flex}.document-info{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.document-info strong{color:#334155;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:700;overflow:hidden}.document-info span{color:#94a3b8;font-size:10px}.document-view-btn{color:#0f766e;cursor:pointer;background:#fff;border:1px solid #b9d9d5;border-radius:7px;height:32px;padding:0 12px;font-family:inherit;font-size:10px;font-weight:800;transition:background .2s,color .2s}.document-view-btn:hover:not(:disabled){color:#fff;background:#0f766e}.empty-documents{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:180px;display:flex}.empty-document-icon{background:#f1f5f9;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:12px;font-size:20px;display:flex}.empty-documents h3{color:#334155;margin:0 0 5px;font-size:13px}.empty-documents p{color:#94a3b8;margin:0;font-size:11px}.profile-loading{color:#64748b;flex-direction:column;justify-content:center;align-items:center;min-height:70vh;display:flex}.profile-loading p{margin:12px 0 0;font-size:13px}.profile-spinner{border:3px solid #dbe7e5;border-top-color:#0f766e;border-radius:50%;width:32px;height:32px;animation:.8s linear infinite profile-spin}@keyframes profile-spin{to{transform:rotate(360deg)}}.document-modal-overlay{z-index:9999;box-sizing:border-box;background:#0f172aad;justify-content:center;align-items:center;padding:25px;display:flex;position:fixed;inset:0}.document-modal{background:#fff;border-radius:14px;flex-direction:column;width:min(1100px,100%);height:min(85vh,850px);display:flex;overflow:hidden;box-shadow:0 25px 70px #0f172a4d}.document-modal-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;gap:15px;padding:15px 18px;display:flex}.document-modal-header h2{color:#0f172a;margin:0;font-size:16px}.document-modal-close{color:#475569;cursor:pointer;background:#f1f5f9;border:none;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;font-size:23px;line-height:1;display:flex}.document-modal-close:hover{background:#e2e8f0}.document-modal-body{background:#f8fafc;flex:1;min-height:0}.document-iframe{border:none;width:100%;height:100%;display:block}.document-modal-footer{border-top:1px solid #e2e8f0;justify-content:space-between;align-items:center;gap:15px;padding:11px 15px;display:flex}.document-modal-footer span{color:#64748b;text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.document-open-btn{color:#fff;white-space:nowrap;background:#0f766e;border-radius:7px;justify-content:center;align-items:center;height:34px;padding:0 13px;font-size:10px;font-weight:700;text-decoration:none;display:inline-flex}.document-open-btn:hover{background:#115e59}@media (width<=1100px){.profile-page{padding:24px}.profile-grid{grid-template-columns:1fr}.terms-status-card{width:300px}}@media (width<=768px){.profile-page{padding:18px}.profile-header{flex-direction:column;align-items:stretch;gap:13px}.profile-title{width:100%}.profile-title h1{font-size:24px}.terms-status-card{width:100%;max-width:none}.terms-status-note-content{flex-direction:column;align-items:flex-start}.terms-request-btn,.profile-edit-btn,.profile-action-buttons{width:100%}.profile-action-buttons{grid-template-columns:1fr 1fr;display:grid}.profile-cancel-btn,.profile-save-btn{width:100%}.profile-form-grid{grid-template-columns:1fr}.profile-field-full{grid-column:auto}.profile-card{padding:18px}.document-modal-overlay{padding:12px}.document-modal{height:90vh}}@media (width<=500px){.profile-page{padding:13px}.profile-title h1{font-size:21px}.profile-title p{font-size:11px}.profile-card{border-radius:12px;padding:15px}.profile-card-header{margin-bottom:16px}.profile-card-header h2{font-size:15px}.profile-form-grid{gap:13px}.terms-status-card{padding:12px}.terms-status-heading strong{font-size:13px}.terms-status-message p{font-size:10px}.terms-status-note{font-size:9px}.terms-effective-date{font-size:9.5px}.document-item{align-items:flex-start}.document-view-btn{align-self:center}.document-modal-footer{flex-direction:column;align-items:stretch}.document-open-btn{width:100%}}@media (width<=380px){.profile-page{padding:10px}.profile-card{padding:13px}.terms-status-card{padding:10px}.terms-status-heading strong{font-size:12px}.terms-status-message p{font-size:9.5px}.terms-status-note{font-size:9px}.profile-action-buttons{grid-template-columns:1fr}.document-item{flex-wrap:wrap}.document-info{width:calc(100% - 47px)}.document-view-btn{width:100%}}.users-page{color:#263b36;background:#f3f6fb;min-height:100%;padding:28px 30px}.users-header{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:24px;display:flex}.users-eyebrow{color:#6f8981;letter-spacing:1px;margin-bottom:5px;font-size:10px;font-weight:700;display:block}.users-header h1{color:#213b34;margin:0 0 5px;font-size:29px;font-weight:700}.users-header p{color:#80918b;margin:0;font-size:13px}.users-refresh-btn{color:#fff;cursor:pointer;background:#117564;border:0;border-radius:8px;align-items:center;gap:8px;padding:11px 17px;font-size:12px;font-weight:700;transition:all .2s;display:flex}.users-refresh-btn:hover{background:#0d6657;transform:translateY(-1px)}.users-refresh-btn:disabled{opacity:.6;cursor:not-allowed}.refresh-icon{font-size:17px}.spinning{animation:.8s linear infinite refreshSpin}@keyframes refreshSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.users-summary{grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:22px;display:grid}.summary-card{background:#fff;border:1px solid #e0e9e5;border-radius:14px;align-items:center;gap:14px;min-height:82px;padding:18px 20px;display:flex;box-shadow:0 4px 18px #1c4b3e0a}.summary-icon{color:#117564;background:#e3f1ed;border-radius:12px;flex:0 0 47px;justify-content:center;align-items:center;width:47px;height:47px;font-size:20px;display:flex}.summary-icon.active{color:#0c9a62;background:#daf5e8}.summary-icon.disabled{color:#df4646;background:#ffe2e2}.summary-card span{color:#879791;letter-spacing:.6px;margin-bottom:4px;font-size:10px;font-weight:700;display:block}.summary-card strong{color:#253b35;font-size:23px}.users-card{background:#fff;border:1px solid #e0e9e5;border-radius:15px;overflow:hidden;box-shadow:0 5px 22px #1c4b3e0a}.users-card-header{border-bottom:1px solid #e7eeeb;justify-content:space-between;align-items:center;gap:20px;padding:20px;display:flex}.users-card-header h2{color:#263b36;margin:0 0 4px;font-size:18px}.users-card-header p{color:#8b9995;margin:0;font-size:12px}.users-search{background:#fff;border:1px solid #d7e2dd;border-radius:8px;align-items:center;gap:7px;width:310px;height:40px;padding:0 10px;display:flex}.search-icon{color:#779089;font-size:20px}.users-search input{color:#344943;background:0 0;border:0;outline:0;width:100%;font-size:12px}.users-search input::placeholder{color:#9ba8a4}.clear-search{color:#687b75;cursor:pointer;background:#edf3f0;border:0;border-radius:50%;flex:0 0 23px;width:23px;height:23px;line-height:20px}.users-error{background:#fff1f1;border:1px solid #ffd2d2;border-radius:9px;align-items:center;gap:12px;margin:18px;padding:13px 15px;display:flex}.users-error>span{color:#d34343;background:#ffe0e0;border-radius:50%;flex:0 0 27px;justify-content:center;align-items:center;width:27px;height:27px;font-weight:700;display:flex}.users-error strong{color:#bd3e3e;font-size:12px;display:block}.users-error p{color:#916c6c;margin:3px 0 0;font-size:11px}.users-error button{color:#bb4141;cursor:pointer;background:#fff;border:1px solid #e8baba;border-radius:6px;margin-left:auto;padding:7px 12px;font-size:11px;font-weight:700}.users-loading{text-align:center;color:#7d8d88;padding:75px 20px}@keyframes loadingSpin{to{transform:rotate(360deg)}}.users-loading p{margin:0;font-size:12px}.table-controls{border-bottom:1px solid #edf1ef;justify-content:space-between;align-items:center;gap:15px;padding:13px 18px;display:flex}.entries-control{color:#667a73;align-items:center;gap:6px;font-size:11px;display:flex}.entries-control select{color:#40534d;cursor:pointer;background:#fff;border:1px solid #d5e0dc;border-radius:6px;outline:none;min-width:52px;height:30px;padding:0 7px;font-size:11px}.result-info{color:#87958f;font-size:11px}.users-table-wrapper{width:100%;overflow-x:auto}.users-table{border-collapse:collapse;width:100%;min-width:900px}.users-table th{color:#6c7e78;letter-spacing:.4px;text-align:left;white-space:nowrap;background:#f7faf8;border-bottom:1px solid #dfe8e4;padding:13px 12px;font-size:10px;font-weight:700}.users-table td{color:#485b55;vertical-align:middle;border-bottom:1px solid #edf1ef;padding:13px 12px;font-size:12px}.users-table tbody tr{transition:all .15s}.users-table tbody tr:hover{background:#f9fbfa}.row-number{color:#14715f;background:#edf5f2;border-radius:50%;justify-content:center;align-items:center;width:27px;height:27px;font-size:11px;font-weight:700;display:inline-flex}.user-cell{align-items:center;gap:10px;min-width:190px;display:flex}.user-avatar{color:#117564;background:#dcefe9;border-radius:50%;flex:0 0 37px;justify-content:center;align-items:center;width:37px;height:37px;font-size:13px;font-weight:700;display:flex}.user-cell strong{color:#2c413b;text-overflow:ellipsis;white-space:nowrap;max-width:180px;font-size:12px;display:block;overflow:hidden}.user-email{color:#4c625b;white-space:nowrap}.user-phone,.created-date{white-space:nowrap}.status-badge.disabled{color:#d44545;background:#ffe2e2}.view-btn{color:#14715f;cursor:pointer;background:#fff;border:1px solid #cfe0da;border-radius:6px;padding:7px 12px;font-size:10px;font-weight:700;transition:all .15s}.view-btn:hover{background:#edf7f4;border-color:#117564}.users-empty{text-align:center;padding:70px 20px}.empty-icon{margin-bottom:12px;font-size:42px}.users-empty h3{color:#344943;margin:0 0 6px;font-size:16px}.users-empty p{color:#899791;margin:0 0 15px;font-size:12px}.users-empty button{color:#fff;cursor:pointer;background:#117564;border:0;border-radius:7px;padding:9px 14px;font-size:11px;font-weight:700}.pagination-wrapper{border-top:1px solid #edf1ef;justify-content:space-between;align-items:center;gap:15px;padding:14px 18px;display:flex}.pagination-summary{color:#7d8d88;font-size:11px}.pagination{align-items:center;gap:4px;display:flex}.pagination button{color:#657a73;cursor:pointer;background:#fff;border:1px solid #d8e3de;border-radius:6px;justify-content:center;align-items:center;min-width:30px;height:30px;font-size:11px;display:flex}.pagination button:hover:not(:disabled){color:#117564;background:#f1f8f5;border-color:#117564}.pagination button.active{color:#fff;background:#117564;border-color:#117564}.pagination button:disabled{opacity:.4;cursor:not-allowed}.user-modal-overlay{z-index:2000;background:#112b247a;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.user-modal{background:#fff;border-radius:16px;width:min(700px,100%);max-height:90vh;overflow-y:auto;box-shadow:0 25px 70px #0003}.modal-header{border-bottom:1px solid #e6eeea;justify-content:space-between;align-items:flex-start;padding:20px;display:flex}.modal-header span{color:#82938d;letter-spacing:1px;font-size:9px;font-weight:700}.modal-header h2{color:#263c35;margin:5px 0 0;font-size:20px}.modal-close{color:#566b64;cursor:pointer;background:#eff5f2;border:0;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:21px;display:flex}.modal-profile{background:#f7faf8;align-items:center;gap:13px;padding:18px 20px;display:flex}.modal-avatar{color:#117564;background:#d8eee7;border-radius:50%;justify-content:center;align-items:center;width:53px;height:53px;font-size:19px;font-weight:700;display:flex}.modal-profile strong{color:#2b403a;font-size:15px;display:block}.modal-profile p{color:#82928c;margin:4px 0 0;font-size:11px}.details-grid{grid-template-columns:repeat(2,1fr);gap:11px;padding:20px;display:grid}.detail-item{border:1px solid #e2ebe7;border-radius:8px;padding:12px}.detail-item>span{color:#899893;letter-spacing:.3px;text-transform:uppercase;margin-bottom:5px;font-size:9px;font-weight:700;display:block}.detail-item>strong{overflow-wrap:anywhere;color:#344943;font-size:11px;display:block}.detail-active{color:#0a9860!important}.detail-disabled{color:#d34545!important}.documents-section{background:#f8fafc;border:1px solid #e1ebe7;border-radius:12px;margin:0 20px 20px;padding:18px}.documents-heading{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.documents-heading h3{color:#29423a;margin:0 0 4px;font-size:15px;font-weight:700}.documents-heading p{color:#8a9993;margin:0;font-size:10px}.documents-list{flex-direction:column;gap:8px;display:flex}.document-row{background:#fff;border:1px solid #e4ece9;border-radius:9px;justify-content:space-between;align-items:center;gap:15px;padding:11px 12px;transition:all .15s;display:flex}.document-row:hover{background:#f9fcfb;border-color:#cbded7}.document-name{align-items:center;gap:10px;min-width:0;display:flex}.document-icon{background:#e5f2ee;border-radius:8px;flex:0 0 36px;justify-content:center;align-items:center;width:36px;height:36px;font-size:17px;display:flex}.document-name>div:last-child{min-width:0}.document-name span{color:#94a19d;letter-spacing:.5px;text-transform:uppercase;margin-bottom:3px;font-size:8px;font-weight:700;display:block}.document-name strong{color:#344943;text-overflow:ellipsis;white-space:nowrap;max-width:430px;font-size:11px;display:block;overflow:hidden}.document-view-btn{color:#fff;cursor:pointer;background:#117564;border:1px solid #c9ddd6;border-radius:7px;flex:none;padding:7px 15px;font-size:10px;font-weight:700;transition:all .15s}.document-view-btn:hover:not(:disabled){background:#0d6657;transform:translateY(-1px)}.document-view-btn:disabled{opacity:.45;cursor:not-allowed}.documents-loading{color:#7f918a;justify-content:center;align-items:center;gap:9px;padding:25px 10px;font-size:11px;display:flex}.document-spinner{border:2px solid #dfeae6;border-top-color:#117564;border-radius:50%;width:20px;height:20px;animation:.8s linear infinite documentSpin}@keyframes documentSpin{to{transform:rotate(360deg)}}.documents-empty{color:#8b9994;text-align:center;background:#f5f9f7;border-radius:8px;padding:22px 10px;font-size:11px}.documents-error{color:#c34a4a;background:#fff3f3;border:1px solid #f0cccc;border-radius:8px;padding:11px 12px;font-size:10px}@media (width<=1000px){.users-page{padding:22px}.users-summary{grid-template-columns:1fr}}@media (width<=750px){.users-header{flex-direction:column;align-items:flex-start}.users-refresh-btn{justify-content:center;width:100%}.users-card-header{flex-direction:column;align-items:stretch}.users-search{width:100%}.table-controls,.pagination-wrapper{flex-direction:column;align-items:flex-start}.pagination{justify-content:center;width:100%}}@media (width<=550px){.users-page{padding:16px}.users-header h1{font-size:24px}.details-grid{grid-template-columns:1fr}.user-modal-overlay{padding:10px}.user-modal{max-height:95vh}.document-row{flex-direction:column;align-items:flex-start}.document-view-btn{width:100%}.document-name strong{max-width:250px}}.users-cards-grid{grid-template-columns:1fr;gap:16px;padding:16px;display:grid}.user-card{background:#fff;border:1px solid #e0e9e5;border-radius:12px;transition:all .2s;overflow:hidden;box-shadow:0 2px 8px #1c4b3e0f}.user-card:hover{box-shadow:0 4px 16px #1c4b3e1a}.user-card-header{border-bottom:1px solid #edf1ef;align-items:center;gap:14px;padding:16px 16px 12px;display:flex}.user-card-avatar{color:#117564;background:#dcefe9;border-radius:50%;flex:0 0 48px;justify-content:center;align-items:center;width:48px;height:48px;font-size:18px;font-weight:700;display:flex}.user-card-name{flex:1;min-width:0}.user-card-name strong{color:#2c413b;margin-bottom:6px;font-size:15px;display:block}.user-card-name .status-badge{border-radius:20px;align-items:center;gap:5px;padding:3px 10px;font-size:9px;font-weight:700;display:inline-flex}.user-card-body{padding:14px 16px 8px}.user-card-detail{margin-bottom:10px}.user-card-detail:last-child{margin-bottom:0}.user-card-detail span{color:#899893;letter-spacing:.3px;text-transform:uppercase;margin-bottom:2px;font-size:9px;font-weight:700;display:block}.user-card-detail p{color:#344943;overflow-wrap:anywhere;margin:0;font-size:13px}.user-card-footer{border-top:1px solid #edf1ef;padding:12px 16px 16px}.user-card-footer .view-btn{color:#fff;cursor:pointer;background:#117564;border:1px solid #117564;border-radius:8px;justify-content:center;width:100%;padding:10px;font-size:11px;font-weight:700;transition:all .15s}.user-card-footer .view-btn:hover{background:#0d6657;transform:translateY(-1px)}@media (width>=550px) and (width<=768px){.users-cards-grid{grid-template-columns:repeat(2,1fr);gap:16px}}@media (width<=550px){.users-cards-grid{grid-template-columns:1fr;gap:14px;padding:12px}.user-card-header{padding:14px 14px 10px}.user-card-avatar{flex:0 0 42px;width:42px;height:42px;font-size:16px}.user-card-name strong{font-size:14px}.user-card-body{padding:12px 14px 6px}.user-card-detail p{font-size:12px}.user-card-footer{padding:10px 14px 14px}}.document-viewer-overlay{z-index:3000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.document-viewer{background:#fff;border-radius:16px;flex-direction:column;width:min(95vw,1200px);height:min(90vh,900px);display:flex;overflow:hidden;box-shadow:0 30px 80px #0006}.viewer-header{background:#f8fbf9;border-bottom:1px solid #e6eeea;flex-shrink:0;justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.viewer-header span{color:#82938d;letter-spacing:1px;text-transform:uppercase;font-size:9px;font-weight:700;display:block}.viewer-header h3{color:#263c35;text-overflow:ellipsis;white-space:nowrap;max-width:400px;margin:4px 0 0;font-size:18px;font-weight:600;overflow:hidden}.viewer-close{color:#566b64;cursor:pointer;background:#eff5f2;border:0;border-radius:50%;flex:0 0 36px;justify-content:center;align-items:center;width:36px;height:36px;font-size:24px;line-height:1;transition:all .15s;display:flex}.viewer-close:hover{color:#2f4a42;background:#e0eae6}.viewer-body{background:#f3f6fb;flex:1;min-height:0;padding:16px;overflow:hidden}.document-iframe{background:#fff;border:none;border-radius:8px;width:100%;height:100%;box-shadow:0 2px 12px #0000000f}.viewer-footer{background:#f8fbf9;border-top:1px solid #e6eeea;flex-shrink:0;justify-content:flex-end;align-items:center;gap:12px;padding:14px 24px;display:flex}.viewer-download-btn{color:#117564;cursor:pointer;background:#fff;border:1px solid #c9ddd6;border-radius:8px;align-items:center;gap:8px;padding:9px 18px;font-size:12px;font-weight:600;transition:all .15s;display:flex}.viewer-download-btn:hover{background:#edf7f4;border-color:#117564;transform:translateY(-1px)}.viewer-download-btn span{font-size:16px}.viewer-close-btn{color:#fff;cursor:pointer;background:#117564;border:0;border-radius:8px;padding:9px 24px;font-size:12px;font-weight:600;transition:all .15s}.viewer-close-btn:hover{background:#0d6657;transform:translateY(-1px)}@media (width<=768px){.document-viewer-overlay{padding:10px}.document-viewer{border-radius:0;width:100vw;height:100vh}.viewer-header{padding:14px 16px}.viewer-header h3{max-width:200px;font-size:15px}.viewer-body{padding:10px}.viewer-footer{flex-wrap:wrap;padding:12px 16px}.viewer-download-btn,.viewer-close-btn{flex:1;justify-content:center;padding:8px 12px;font-size:11px}}@media (width<=480px){.viewer-header h3{max-width:130px;font-size:13px}.viewer-close{flex:0 0 30px;width:30px;height:30px;font-size:20px}.viewer-body{padding:6px}.document-iframe{border-radius:4px}.viewer-footer{flex-direction:column;gap:8px}.viewer-download-btn,.viewer-close-btn{width:100%}}.subusers-report-page{box-sizing:border-box;color:#1e293b;width:100%;max-width:1540px;margin:0 auto;padding:32px 28px 48px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.subusers-page-header{justify-content:space-between;align-items:center;gap:20px;width:100%;margin-bottom:28px;display:flex}.subusers-eyebrow{color:#0284c7;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:6px;font-size:11px;font-weight:800;display:inline-block}.subusers-page-header h1{color:#0f172a;letter-spacing:-.5px;margin:0;font-size:32px;font-weight:800;line-height:1.2}.subusers-page-header p{color:#64748b;max-width:680px;margin:8px 0 0;font-size:14px;line-height:1.5}.subusers-header-actions{align-items:center;gap:12px;display:flex}.subusers-export-btn,.subusers-refresh-btn{cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:8px;height:42px;padding:0 18px;font-size:13px;font-weight:700;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex}.subusers-export-btn{color:#0284c7;background:#fff;border:1px solid #bae6fd;box-shadow:0 1px 2px #0284c714}.subusers-export-btn:hover:not(:disabled){background:#f0f9ff;border-color:#7dd3fc;transform:translateY(-1px)}.subusers-refresh-btn{color:#fff;background:#0284c7;border:1px solid #0284c7;box-shadow:0 2px 6px #0284c740}.subusers-refresh-btn:hover:not(:disabled){background:#0369a1;border-color:#0369a1;transform:translateY(-1px)}.subusers-export-btn:disabled,.subusers-refresh-btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.refresh-icon.spin{animation:.8s linear infinite subuserSpin;display:inline-block}@keyframes subuserSpin{to{transform:rotate(360deg)}}.subusers-metrics-grid{grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:28px;display:grid}.subusers-metric-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;align-items:center;gap:18px;padding:22px 24px;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 1px 3px #0000000a,0 10px 20px -5px #00000005}.subusers-metric-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000000f}.metric-icon-wrap{border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:22px;display:flex}.metric-icon-wrap.blue{color:#2563eb;background:#eff6ff}.metric-icon-wrap.emerald{color:#059669;background:#ecfdf5}.metric-icon-wrap.purple{color:#7c3aed;background:#f5f3ff}.metric-icon-wrap.teal{color:#0d9488;background:#f0fdfa}.metric-data{flex-direction:column;display:flex}.metric-label{color:#64748b;text-transform:uppercase;letter-spacing:.6px;font-size:12px;font-weight:700}.metric-value{color:#0f172a;letter-spacing:-.5px;margin-top:4px;font-size:26px;font-weight:800}.text-emerald{color:#059669!important}.text-purple{color:#7c3aed!important}.text-teal{color:#0d9488!important}.subusers-card{background:#fff;border:1px solid #e2e8f0;border-radius:18px;overflow:hidden;box-shadow:0 4px 20px #00000008}.subusers-card-header{border-bottom:1px solid #f1f5f9;padding:24px 28px 20px}.subusers-card-header h2{color:#0f172a;margin:0;font-size:20px;font-weight:800}.subusers-card-header p{color:#64748b;margin:6px 0 0;font-size:13px}.subusers-filters-wrapper{background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:16px 28px}.subusers-filters-row{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.subusers-filter-group{align-items:center;gap:8px;display:flex}.subusers-filter-group.search-group{flex:1;min-width:260px;position:relative}.subusers-input,.subusers-select{color:#1e293b;box-sizing:border-box;background:#fff;border:1px solid #cbd5e1;border-radius:9px;outline:none;height:40px;padding:0 14px;font-size:13px;font-weight:500;transition:all .2s}.subusers-input.search-input{width:100%;padding-right:32px}.subusers-input:focus,.subusers-select:focus{border-color:#0284c7;box-shadow:0 0 0 3px #0284c726}.filter-clear-icon{color:#94a3b8;cursor:pointer;background:0 0;border:none;padding:0;font-size:18px;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.subusers-filter-group.date-group{color:#64748b;font-size:12px;font-weight:600}.subusers-clear-filters-btn{color:#64748b;cursor:pointer;background:#fff;border:1px dashed #cbd5e1;border-radius:9px;height:40px;padding:0 16px;font-size:13px;font-weight:600;transition:all .2s}.subusers-clear-filters-btn:hover{color:#b91c1c;background:#fee2e2;border-color:#fca5a5}.subusers-table-wrapper{width:100%;overflow-x:auto}.subusers-table{border-collapse:collapse;text-align:left;width:100%;font-size:13px}.subusers-table th{color:#475569;text-transform:uppercase;letter-spacing:.6px;white-space:nowrap;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:14px 20px;font-size:12px;font-weight:700}.subusers-table td{color:#334155;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:16px 20px}.subusers-table tbody tr:hover{background:#f8fafc}.serial-number{color:#94a3b8;font-size:12px;font-weight:700}.subuser-cell-wrap{flex-direction:column;display:flex}.subuser-name{color:#0f172a;font-size:14px;font-weight:700}.subuser-email{color:#64748b;margin-top:2px;font-size:12px}.service-name-badge{color:#0369a1;font-weight:600}.customer-name-text{color:#1e293b;font-weight:700}.cost-text{color:#059669;font-size:14px;font-weight:800}.date-text{color:#64748b;white-space:nowrap;font-size:12px}.action-badge{color:#92400e;background:#fef3c7;border-radius:6px;padding:3px 8px;font-size:11px;font-weight:700;display:inline-block}.status-pill{white-space:nowrap;border-radius:9999px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:700;display:inline-flex}.status-dot{border-radius:50%;width:6px;height:6px}.status-pill.status-success{color:#047857;background:#ecfdf5}.status-pill.status-success .status-dot{background:#10b981}.status-pill.status-failed{color:#b91c1c;background:#fef2f2}.status-pill.status-failed .status-dot{background:#ef4444}.status-pill.status-pending{color:#b45309;background:#fffbeb}.status-pill.status-pending .status-dot{background:#f59e0b}.view-pdf-action-btn{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#0284c7 0%,#0369a1 100%);border:none;border-radius:8px;align-items:center;gap:6px;padding:6px 14px;font-size:12px;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 2px 4px #0284c733}.view-pdf-action-btn:hover{background:linear-gradient(135deg,#0369a1 0%,#075985 100%);transform:translateY(-1px);box-shadow:0 4px 8px #0284c74d}.view-report-action-btn{color:#334155;cursor:pointer;white-space:nowrap;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:8px;align-items:center;gap:6px;padding:6px 14px;font-size:12px;font-weight:700;transition:all .2s;display:inline-flex}.view-report-action-btn:hover{color:#0f172a;background:#e2e8f0}.no-report-dash{color:#94a3b8}.subusers-pagination{background:#fff;border-top:1px solid #e2e8f0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:18px 28px;display:flex}.pagination-info{color:#64748b;font-size:13px}.pagination-controls{align-items:center;gap:12px;display:flex}.subusers-limit-select{color:#1e293b;background:#fff;border:1px solid #cbd5e1;border-radius:6px;height:34px;padding:0 8px;font-size:12px;font-weight:600}.pagination-btn{color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:6px;height:34px;padding:0 14px;font-size:12px;font-weight:700;transition:all .2s}.pagination-btn:hover:not(:disabled){background:#f1f5f9;border-color:#94a3b8}.pagination-btn:disabled{opacity:.45;cursor:not-allowed}.pagination-current{color:#475569;font-size:13px}.subusers-loading{text-align:center;padding:64px 20px}.loading-spinner{border:3px solid #e2e8f0;border-top-color:#0284c7;border-radius:50%;width:42px;height:42px;margin:0 auto 16px;animation:.8s linear infinite subuserSpin}.subusers-loading p{color:#64748b;font-size:14px;font-weight:600}.subusers-empty{text-align:center;padding:72px 20px}.subusers-empty .empty-icon{color:#94a3b8;margin-bottom:16px;font-size:48px}.subusers-empty h3{color:#0f172a;margin:0;font-size:18px;font-weight:800}.subusers-empty p{color:#64748b;max-width:480px;margin:8px auto 0;font-size:14px;line-height:1.5}.subusers-error{background:#fef2f2;border:1px solid #fecaca;border-radius:12px;align-items:center;gap:16px;margin:28px;padding:20px 24px;display:flex}.subusers-error .error-icon{color:#fff;background:#dc2626;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-weight:900;display:flex}.subusers-error .error-content strong{color:#991b1b;font-size:14px}.subusers-error .error-content p{color:#b91c1c;margin:4px 0 0;font-size:13px}.subusers-error button{color:#fff;cursor:pointer;background:#dc2626;border:none;border-radius:8px;height:36px;margin-left:auto;padding:0 16px;font-size:12px;font-weight:700}.report-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;background:#0f172aa6;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.report-modal-dialog{background:#fff;border-radius:18px;flex-direction:column;width:100%;max-width:720px;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}.report-modal-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.report-modal-header h3{color:#0f172a;margin:0;font-size:18px;font-weight:800}.report-modal-header p{color:#64748b;margin:4px 0 0;font-family:monospace;font-size:12px}.modal-close-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;font-size:24px;line-height:1}.modal-close-btn:hover{color:#0f172a}.report-modal-body{flex:1;padding:24px;overflow-y:auto}.report-key-metrics{grid-template-columns:repeat(2,1fr);gap:14px;margin-bottom:20px;display:grid}.report-metric{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;flex-direction:column;padding:12px 16px;display:flex}.report-metric .label{color:#64748b;text-transform:uppercase;font-size:11px;font-weight:700}.report-metric .val{color:#0f172a;margin-top:4px;font-size:14px;font-weight:700}.payload-heading{color:#475569;text-transform:uppercase;margin-bottom:8px;font-size:12px;font-weight:800;display:block}.payload-code{color:#38bdf8;background:#0f172a;border-radius:10px;max-height:280px;margin:0;padding:16px;font-family:monospace;font-size:12px;overflow-x:auto}.report-modal-footer{background:#f8fafc;border-top:1px solid #e2e8f0;justify-content:flex-end;padding:16px 24px;display:flex}@media (width<=1024px){.subusers-metrics-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.subusers-report-page{padding:20px 16px 36px}.subusers-page-header{flex-direction:column;align-items:flex-start}.subusers-header-actions{justify-content:flex-start;width:100%}.subusers-metrics-grid{grid-template-columns:1fr;gap:14px}.desktop-only{display:none}.mobile-only{flex-direction:column;gap:14px;padding:16px;display:flex}.subuser-mobile-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:16px;box-shadow:0 2px 4px #0000000a}.mobile-card-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:10px;display:flex}.mobile-subuser-info{align-items:center;gap:8px;display:flex}.mobile-serial{color:#94a3b8;font-size:11px;font-weight:700}.mobile-detail-row{justify-content:space-between;align-items:center;margin-bottom:8px;font-size:13px;display:flex}.mobile-detail-row .label{color:#64748b}.mobile-detail-row .value{color:#1e293b;font-weight:600}.mobile-card-footer{border-top:1px solid #f1f5f9;margin-top:12px;padding-top:10px}.view-pdf-action-btn.full-w,.view-report-action-btn.full-w{justify-content:center;width:100%;height:38px}}.service-pricing-page{box-sizing:border-box;background:#f8fafc;min-height:100vh;padding:24px}.service-pricing-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;display:flex}.service-pricing-header h1{color:#17211b;margin:0 0 6px;font-size:28px;font-weight:700}.service-pricing-header p{color:#6b7280;margin:0;font-size:14px}.service-pricing-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000000a}.card-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;gap:20px;padding:20px 22px;display:flex}.card-header h2{color:#17211b;margin:0 0 5px;font-size:18px}.card-header p{color:#6b7280;margin:0;font-size:13px}.service-count{text-align:center;color:#16834b;min-width:70px;font-size:22px;font-weight:700}.service-count span{color:#6b7280;margin-top:2px;font-size:11px;font-weight:500;display:block}.service-table-wrapper{width:100%;overflow-x:auto}.service-pricing-table{border-collapse:collapse;width:100%;min-width:700px}.service-pricing-table th{text-align:left;color:#6b7280;text-transform:uppercase;letter-spacing:.03em;background:#f8fafc;border-bottom:1px solid #e5e7eb;padding:14px 20px;font-size:12px;font-weight:700}.service-pricing-table td{vertical-align:middle;border-bottom:1px solid #edf0f2;padding:17px 20px}.service-pricing-table tbody tr:last-child td{border-bottom:none}.service-pricing-table tbody tr:hover{background:#fafdfb}.service-name{align-items:center;gap:12px;display:flex}.service-icon{color:#16834b;background:#eaf7f0;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:17px;display:flex}.service-name strong{color:#17211b;margin-bottom:4px;font-size:14px;font-weight:600;display:block}.service-name span{color:#9ca3af;font-size:11px;display:block}.service-rate{color:#17211b;font-size:16px;font-weight:700}.status-badge{border-radius:20px;align-items:center;gap:6px;padding:6px 10px;font-size:12px;font-weight:600;display:inline-flex}.status-badge.active{color:#16834b;background:#eaf7f0}.status-badge.inactive{color:#dc2626;background:#fef2f2}.status-badge.registered{color:#0d9488;background:#eff6ff}.status-badge.not-registered{color:#6b7280;background:#f3f4f6}.service-cards{flex-direction:column;gap:12px;padding:16px;display:flex}.service-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;flex-direction:column;gap:10px;padding:16px;display:flex;box-shadow:0 1px 4px #0000000a}.service-card-header{border-bottom:1px solid #edf0f2;align-items:center;gap:12px;padding-bottom:8px;display:flex}.service-card-header .service-icon{width:32px;height:32px;font-size:14px}.service-card-name{color:#17211b;font-size:14px;font-weight:600}.service-card-row{justify-content:space-between;align-items:center;gap:12px;font-size:13px;line-height:1.4;display:flex}.service-card-label{color:#6b7280;flex-shrink:0;font-weight:500}.service-card .service-rate{font-size:15px}.service-card .status-badge{padding:4px 10px;font-size:11px}.service-card .status-badge.registered{color:#0d9488;background:#eff6ff}.service-card .status-badge.not-registered{color:#6b7280;background:#f3f4f6}.service-card .status-badge.active{color:#16834b;background:#eaf7f0}.service-card .status-badge.inactive{color:#dc2626;background:#fef2f2}.service-pricing-loading{color:#6b7280;flex-direction:column;justify-content:center;align-items:center;min-height:250px;display:flex}.service-pricing-loading p{margin:12px 0 0;font-size:14px}@keyframes servicePricingSpin{to{transform:rotate(360deg)}}.service-pricing-error{background:#fff7f7;border:1px solid #fecaca;border-radius:9px;align-items:center;gap:12px;margin:20px;padding:16px;display:flex}.service-pricing-error button{color:#dc2626;cursor:pointer;background:#fff;border:1px solid #dc2626;border-radius:7px;padding:8px 14px;font-size:12px;font-weight:600}.service-pricing-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:250px;display:flex}.service-pricing-empty h3{color:#374151;margin:14px 0 5px;font-size:16px}.service-pricing-empty p{color:#9ca3af;margin:0;font-size:13px}@media (width<=600px){.service-pricing-page{padding:16px}.service-pricing-header{align-items:flex-start}.service-pricing-header h1{font-size:23px}.refresh-button{padding:9px 13px}.card-header{padding:16px}.service-pricing-table th,.service-pricing-table td{padding:13px 15px}.service-pricing-error{flex-wrap:wrap;align-items:flex-start}.service-pricing-error button{margin-left:42px}.desktop-only{display:none}.mobile-only{display:block}.service-cards{padding:12px}.service-card{gap:8px;padding:14px}}.transactions-page{box-sizing:border-box;background:#f8fafc;min-height:100vh;padding:24px}.transactions-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;display:flex}.transactions-header h1{color:#17211b;margin:0 0 6px;font-size:28px;font-weight:700}.transactions-header p{color:#6b7280;margin:0;font-size:14px}.transactions-header-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.refresh-button{color:#fff;cursor:pointer;background:#16834b;border:0;border-radius:8px;padding:10px 18px;font-size:14px;font-weight:600;transition:all .2s}.refresh-button:hover{background:#116a3c}.refresh-button:disabled{opacity:.6;cursor:not-allowed}.create-transaction-button{color:#fff;cursor:pointer;background:#17211b;border:0;border-radius:8px;padding:10px 18px;font-size:14px;font-weight:600;transition:all .2s}.create-transaction-button:hover{background:#26342b}.create-transaction-button:disabled{opacity:.6;cursor:not-allowed}.transactions-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000000a}.transactions-card-header{border-bottom:1px solid #e5e7eb;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:20px 22px 16px;display:flex}.transactions-card-header h2{color:#17211b;margin:0 0 5px;font-size:18px}.transactions-card-header p{color:#6b7280;margin:0;font-size:13px}.transactions-card-header strong{color:#16834b}.create-transaction-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:20px;overflow:hidden;box-shadow:0 2px 8px #0000000a}.create-transaction-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;gap:15px;padding:20px 22px 16px;display:flex}.create-transaction-header h2{color:#17211b;margin:0 0 5px;font-size:18px;font-weight:700}.create-transaction-header p{color:#6b7280;margin:0;font-size:13px}.transaction-form-grid{grid-template-columns:repeat(3,1fr);gap:18px;padding:22px;display:grid}.form-group{flex-direction:column;gap:6px;display:flex}.form-group.full-width{grid-column:1/-1}.form-group label{color:#374151;font-size:13px;font-weight:600}.form-group input,.form-group select,.form-group textarea{box-sizing:border-box;color:#17211b;background:#fff;border:1px solid #dfe4e8;border-radius:8px;outline:none;width:100%;font-size:13px;transition:all .2s}.form-group input,.form-group select{height:42px;padding:0 12px}.form-group textarea{resize:vertical;min-height:80px;padding:11px 12px;font-family:inherit}.form-group input::placeholder,.form-group textarea::placeholder{color:#9ca3af}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#16834b;box-shadow:0 0 0 3px #16834b1a}.form-group input:disabled,.form-group select:disabled,.form-group textarea:disabled{cursor:not-allowed;opacity:.75;background:#f8fafc}.transaction-form-actions{border-top:1px solid #edf0f2;justify-content:flex-end;align-items:center;gap:10px;padding:16px 22px 22px;display:flex}.cancel-transaction-button{color:#4b5563;cursor:pointer;background:#fff;border:1px solid #dfe4e8;border-radius:8px;padding:10px 18px;font-size:13px;font-weight:600;transition:all .2s}.cancel-transaction-button:hover{background:#f8fafc;border-color:#9ca3af}.cancel-transaction-button:disabled{opacity:.6;cursor:not-allowed}.submit-transaction-button{color:#fff;cursor:pointer;background:#16834b;border:0;border-radius:8px;min-width:150px;padding:10px 18px;font-size:13px;font-weight:600;transition:all .2s}.submit-transaction-button:hover{background:#116a3c}.submit-transaction-button:disabled{opacity:.6;cursor:not-allowed}.transaction-success{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;margin:0 22px 20px;padding:13px 15px;font-size:13px;line-height:1.5}.transaction-success strong{margin-bottom:2px;font-size:13px;display:block}.transaction-success p{margin:0}.transaction-form-error{color:#b91c1c;background:#fff7f7;border:1px solid #fecaca;border-radius:8px;margin:0 22px 20px;padding:13px 15px;font-size:13px;line-height:1.5}.transaction-form-error strong{margin-bottom:2px;font-size:13px;display:block}.transaction-form-error p{margin:0}.filters-wrapper{background:#fafbfc;border-bottom:1px solid #e5e7eb;padding:16px 22px}.filters-row{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.search-wrapper{flex:1;min-width:200px;position:relative}.filter-input{color:#17211b;box-sizing:border-box;background:#fff;border:1px solid #e5e7eb;border-radius:8px;outline:none;width:100%;padding:8px 32px 8px 14px;font-size:13px;transition:all .2s}.filter-input:focus{border-color:#16834b;box-shadow:0 0 0 3px #16834b1a}.filter-input::placeholder{color:#9ca3af}.filter-clear{color:#9ca3af;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 6px;font-size:18px;line-height:1;transition:all .2s;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.filter-clear:hover{color:#dc2626;background:#fef2f2}.date-filters{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.date-filter-group{align-items:center;gap:6px;display:flex}.date-filter-group label{color:#6b7280;text-transform:uppercase;letter-spacing:.03em;font-size:12px;font-weight:600}.date-input{cursor:pointer;width:150px;padding:8px 10px;font-size:13px}.date-input::-webkit-calendar-picker-indicator{cursor:pointer}.clear-filters-btn{color:#6b7280;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:6px 14px;font-size:12px;font-weight:600;transition:all .2s}.clear-filters-btn:hover{color:#dc2626;background:#fef2f2;border-color:#dc2626}.transactions-table-wrapper{width:100%;overflow-x:hidden}.transactions-table{table-layout:fixed;border-collapse:collapse;word-break:break-word;overflow-wrap:anywhere;width:100%}.transactions-table th{text-align:left;color:#6b7280;text-transform:uppercase;letter-spacing:.03em;white-space:normal;word-break:break-word;overflow-wrap:anywhere;background:#f8fafc;border-bottom:1px solid #e5e7eb;min-width:0;padding:14px 10px;font-size:12px;font-weight:700}.transactions-table td{vertical-align:middle;white-space:normal;word-break:break-word;overflow-wrap:anywhere;border-bottom:1px solid #edf0f2;min-width:0;padding:16px 10px}.transactions-table tbody tr:last-child td{border-bottom:none}.transactions-table tbody tr:hover{background:#fafdfb}.serial-number{color:#374151;background:#f1f5f9;border-radius:7px;justify-content:center;align-items:center;min-width:32px;height:32px;padding:0 4px;font-size:13px;font-weight:600;display:inline-flex}.service-name{color:#17211b;white-space:normal;word-break:break-word;overflow-wrap:anywhere;font-size:13px;font-weight:600}.request-data{color:#6b7280;white-space:normal;word-break:break-word;overflow-wrap:anywhere;text-overflow:ellipsis;max-width:300px;font-size:12px;line-height:1.5;overflow:hidden}.transaction-cost{color:#17211b;white-space:nowrap;font-size:15px;font-weight:700}.status-badge{white-space:nowrap;border-radius:20px;align-items:center;gap:6px;padding:6px 10px;font-size:12px;font-weight:600;display:inline-flex}.customer-pan,.generated-by,.error-message-cell,.customer-name,.transaction-date,.view-pdf-button,.clear-filters-btn{white-space:normal;word-break:break-word;overflow-wrap:anywhere}.customer-pan,.status-badge,.transaction-date,.transaction-cost,.view-pdf-button,.clear-filters-btn{white-space:nowrap}.status-badge.pending{color:#ea580c;background:#fff7ed}.status-badge.completed{color:#16834b;background:#eaf7f0}.status-badge.failed{color:#dc2626;background:#fef2f2}.status-dot{background:currentColor;border-radius:50%;width:6px;height:6px}.transaction-date{color:#4b5563;white-space:nowrap;font-size:12px}.view-pdf-button{color:#16834b;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #16834b;border-radius:7px;justify-content:center;align-items:center;gap:6px;padding:7px 14px;font-size:12px;font-weight:600;transition:all .2s;display:inline-flex}.view-pdf-button:hover{color:#fff;background:#16834b}.view-pdf-button:active{transform:translateY(1px)}.view-pdf-button:disabled{opacity:.6;cursor:not-allowed}.transaction-cards{flex-direction:column;gap:12px;padding:16px;display:flex}.transaction-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;flex-direction:column;gap:10px;padding:16px;display:flex;box-shadow:0 1px 4px #0000000a}.transaction-card-row{justify-content:space-between;align-items:center;gap:12px;font-size:13px;line-height:1.4;display:flex}.transaction-card-label{color:#6b7280;flex-shrink:0;font-weight:500}.transaction-card .serial-number{background:#f1f5f9;min-width:28px;height:28px;font-size:12px}.transaction-card .service-name{font-size:13px}.transaction-card .request-data{text-align:right;max-width:180px;font-size:12px}.transaction-card .transaction-cost{font-size:14px}.transaction-card .status-badge{padding:4px 10px;font-size:11px}.transaction-card .transaction-date{font-size:12px}.desktop-only{display:block}.mobile-only{display:none}.transactions-pagination{border-top:1px solid #e5e7eb;justify-content:space-between;align-items:center;gap:16px;margin-top:8px;padding:14px 18px 6px;display:flex}.transactions-pagination-summary{color:#475569;font-size:13px;font-weight:500}.transactions-pagination-summary strong{color:#0f172a}.transactions-pagination-controls{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.transactions-page-select{color:#334155;cursor:pointer;background:#fff;border:1px solid #dfe4e8;border-radius:6px;min-width:110px;height:36px;padding:0 12px;font-size:13px}.transactions-pagination-btn{color:#334155;cursor:pointer;background:#fff;border:1px solid #dfe4e8;border-radius:6px;height:34px;padding:0 14px;font-size:13px;font-weight:600;transition:all .2s}.transactions-pagination-btn:hover:not(:disabled){color:#16834b;background:#f0faf5;border-color:#16834b}.transactions-pagination-btn:disabled{opacity:.45;cursor:not-allowed}.transactions-pagination-current{color:#475569;margin:0 2px;font-size:13px}.transactions-pagination-current strong{color:#0f172a}.transactions-loading{color:#6b7280;flex-direction:column;justify-content:center;align-items:center;min-height:280px;display:flex}.transactions-loading p{margin:12px 0 0;font-size:14px}.loading-spinner{border:3px solid #dcefe5;border-top-color:#16834b;border-radius:50%;width:28px;height:28px;animation:.8s linear infinite transactionSpin}@keyframes transactionSpin{to{transform:rotate(360deg)}}.transactions-error{background:#fff7f7;border:1px solid #fecaca;border-radius:9px;align-items:center;gap:12px;margin:20px;padding:16px;display:flex}.error-icon{color:#dc2626;background:#fee2e2;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-weight:700;display:flex}.error-content{flex:1}.error-content strong{color:#991b1b;font-size:14px}.error-content p{color:#b91c1c;margin:3px 0 0;font-size:12px}.transactions-error button{color:#dc2626;cursor:pointer;background:#fff;border:1px solid #dc2626;border-radius:7px;padding:8px 14px;font-size:12px;font-weight:600}.transactions-error button:hover{background:#fef2f2}.transactions-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:280px;display:flex}.empty-icon{color:#64748b;background:#f1f5f9;border-radius:10px;justify-content:center;align-items:center;width:48px;height:48px;font-size:20px;display:flex}.transactions-empty h3{color:#374151;margin:14px 0 5px;font-size:16px}.transactions-empty p{color:#9ca3af;margin:0;font-size:13px}.transactions-table-wrapper::-webkit-scrollbar{height:7px}.transactions-table-wrapper::-webkit-scrollbar-track{background:#f1f5f9}.transactions-table-wrapper::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.transactions-table-wrapper::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media (width<=1024px){.transaction-form-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.transactions-page{padding:16px}.transactions-header{flex-direction:column;align-items:flex-start}.transactions-header h1{font-size:23px}.transactions-header-actions{justify-content:flex-start;width:100%}.refresh-button,.create-transaction-button{padding:9px 13px}.transactions-card-header{flex-direction:column;align-items:stretch;padding:16px}.transactions-card-header>div{width:100%}.create-transaction-header{flex-direction:column;align-items:flex-start;padding:16px}.transaction-form-grid{grid-template-columns:1fr;gap:14px;padding:16px}.form-group.full-width{grid-column:auto}.transaction-form-actions{flex-direction:column-reverse;align-items:stretch;padding:16px}.cancel-transaction-button,.submit-transaction-button{width:100%}.transaction-success,.transaction-form-error{margin-left:16px;margin-right:16px}.filters-wrapper{padding:12px 16px}.filters-row{flex-direction:column;align-items:stretch;gap:12px}.search-wrapper{min-width:100%}.date-filters{flex-wrap:wrap;gap:8px}.date-filter-group{flex:1;min-width:120px}.date-input{width:100%}.clear-filters-btn{text-align:center;width:100%}.desktop-only{display:none}.mobile-only{display:block}.transaction-cards{padding:12px}.transaction-card{gap:8px;padding:14px}.transactions-error{flex-wrap:wrap;align-items:flex-start}.transactions-error button{margin-left:42px}.transactions-pagination{padding:15px}}@media (width<=480px){.transactions-header{flex-direction:column}.transactions-header-actions{flex-direction:column;align-items:stretch;width:100%}.refresh-button,.create-transaction-button{width:100%}.pagination-number,.pagination-arrow{width:32px;height:32px}.transaction-card .request-data{max-width:130px}.date-filters{flex-direction:column}.date-filter-group{flex-direction:column;align-items:stretch;width:100%}.date-filter-group label{font-size:11px}.form-group input,.form-group select{height:40px}}.accept-terms-page{box-sizing:border-box;background:linear-gradient(135deg,#eef2ff 0%,#f5f7fb 45%,#ecfeff 100%);width:100%;min-height:100vh;padding:40px 20px}.accept-terms-container{width:100%;max-width:1100px;margin:0 auto}.accept-terms-header{background:linear-gradient(135deg,#4f46e5 0%,#6366f1 55%,#0ea5e9 100%);border:none;border-radius:18px;margin-bottom:22px;padding:30px 32px;box-shadow:0 10px 30px #4f46e547}.brand-section h1{color:#fff;letter-spacing:.3px;margin:0 0 8px;font-size:28px;font-weight:700}.brand-section p{color:#e0e7ff;margin:0;font-size:15px}.alert{border-radius:10px;margin-bottom:20px;padding:14px 18px;font-size:14px;font-weight:500;box-shadow:0 4px 14px #0f172a0f}.alert-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-left:4px solid #dc2626}.alert-success{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0;border-left:4px solid #10b981}.term-info-card{background:#fff;border:1px solid #e0e7ff;border-radius:16px;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:22px;padding:22px 24px;display:grid;box-shadow:0 6px 22px #4f46e514}.term-info-item{background:#f8faff;border:1px solid #eef2ff;border-radius:10px;flex-direction:column;gap:7px;padding:12px 16px;display:flex}.term-info-label{color:#6366f1;text-transform:uppercase;letter-spacing:.6px;font-size:12px;font-weight:600}.term-info-item strong{color:#111827;font-size:16px;font-weight:700}.terms-content-card{background:#fff;border:1px solid #e0e7ff;border-radius:16px;margin-bottom:22px;overflow:hidden;box-shadow:0 6px 22px #4f46e514}.terms-content-header{background:linear-gradient(135deg,#eef2ff 0%,#e0f2fe 100%);border-bottom:1px solid #e0e7ff;justify-content:space-between;align-items:center;gap:15px;padding:22px 26px;display:flex}.terms-content-header h2{color:#1e1b4b;margin:0;font-size:20px;font-weight:700}.version-badge{color:#fff;background:linear-gradient(135deg,#4f46e5,#0ea5e9);border-radius:20px;align-items:center;padding:6px 14px;font-size:13px;font-weight:600;display:inline-flex;box-shadow:0 4px 12px #4f46e54d}.terms-text{background:#fff;max-height:600px;padding:26px;overflow-y:auto}.terms-text pre{white-space:pre-wrap;word-break:break-word;color:#374151;margin:0;font-family:inherit;font-size:14px;line-height:1.75}.terms-text::-webkit-scrollbar{width:8px}.terms-text::-webkit-scrollbar-track{background:#f1f5f9;border-radius:10px}.terms-text::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#a5b4fc,#818cf8);border-radius:10px}.terms-text::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#818cf8,#6366f1)}.accept-action-card{text-align:center;background:linear-gradient(135deg,#fff 0%,#f0f9ff 100%);border:1px solid #bae6fd;border-radius:16px;margin-bottom:20px;padding:30px;box-shadow:0 8px 28px #0ea5e924}.accept-warning strong{color:#0c4a6e;margin-bottom:8px;font-size:16px;font-weight:700;display:block}.accept-warning p{color:#475569;max-width:750px;margin:0 auto 24px;font-size:14px;line-height:1.65}.accept-button{color:#fff;cursor:pointer;letter-spacing:.3px;background:linear-gradient(135deg,#4f46e5 0%,#6366f1 50%,#0ea5e9 100%);border:0;border-radius:10px;min-width:270px;padding:14px 26px;font-size:15px;font-weight:600;transition:all .25s;box-shadow:0 8px 22px #4f46e559}.accept-button:hover:not(:disabled){filter:brightness(1.05);transform:translateY(-2px);box-shadow:0 12px 28px #4f46e573}.accept-button:active:not(:disabled){transform:translateY(0);box-shadow:0 6px 16px #4f46e54d}.accept-button:disabled{opacity:.65;cursor:not-allowed;box-shadow:none}.expiry-text{color:#94a3b8;margin:16px 0 0;font-size:12px;font-style:italic}.loading-card,.error-card{text-align:center;background:#fff;border:1px solid #e0e7ff;border-radius:18px;max-width:500px;margin:100px auto;padding:42px 36px;box-shadow:0 12px 40px #4f46e51f}.loading-card h2,.error-card h2{color:#1e1b4b;margin:20px 0 8px;font-weight:700}.loading-card p,.error-card p{color:#64748b;margin:0 0 20px;line-height:1.6}.loader{border:4px solid #4f46e5;border-color:#4f46e5 #0ea5e9 #e0e7ff #e0e7ff;border-radius:50%;width:44px;height:44px;margin:0 auto;animation:.8s linear infinite spin}.status-icon{color:#b91c1c;background:linear-gradient(135deg,#fee2e2,#fecaca);border-radius:50%;justify-content:center;align-items:center;width:54px;height:54px;margin:0 auto;font-size:26px;font-weight:700;display:flex;box-shadow:0 6px 18px #dc262633}.secondary-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#4f46e5,#6366f1);border:0;border-radius:9px;padding:12px 24px;font-weight:600;transition:all .25s;box-shadow:0 6px 18px #4f46e54d}.secondary-button:hover{transform:translateY(-1px);box-shadow:0 10px 24px #4f46e566}@media (width<=768px){.accept-terms-page{padding:20px 12px}.accept-terms-header{border-radius:14px;padding:24px 22px}.brand-section h1{font-size:23px}.brand-section p{font-size:14px}.term-info-card{grid-template-columns:1fr;padding:18px}.terms-content-header{flex-direction:column;align-items:flex-start;padding:18px 20px}.terms-text{max-height:500px;padding:18px}.accept-action-card{padding:24px 18px}.accept-button{width:100%;min-width:unset}}@media (width<=480px){.terms-text pre{font-size:13px}.brand-section h1{font-size:20px}}.balance-card,.credit-card,.stat-card,.service-card,.pricing-card,.profile-card,.txn-card,.user-card,.dashboard-card,.card,.info-card,.panel-card{transition:transform .28s cubic-bezier(.22,1,.36,1),box-shadow .28s cubic-bezier(.22,1,.36,1),border-color .28s!important}.balance-card:hover,.credit-card:hover,.stat-card:hover,.service-card:hover,.pricing-card:hover,.profile-card:hover,.txn-card:hover,.user-card:hover,.dashboard-card:hover,.info-card:hover,.panel-card:hover{transform:translateY(-4px);box-shadow:0 18px 44px #0f172a1a!important}button,.btn,.primary-button,.secondary-button,.action-btn{transition:transform .22s,box-shadow .22s,background .22s,filter .22s}button:hover:not(:disabled),.btn:hover:not(:disabled),.primary-button:hover,.action-btn:hover{transform:translateY(-1px)}