@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";.srm-login-showcase{--m1: #16354b;--m2: #102b3b;--m3: #0b202d;--st: #27495b;--bld: #163340;--bld-edge: #305362;--sunken: #0b2535;--pyl: #24404e;--cable: #375461;--water: #1e5865;--rail: #60909a;--win: .85;--moon: 1;--sun: 0;position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;min-height:max(720px,100svh);flex:1;padding:46px 48px 28px;color:#f5f8fa;background:#102835}.srm-login-showcase[data-light=day]{--m1: #5e8183;--m2: #3f666c;--m3: #2b4f57;--st: #789592;--bld: #426971;--bld-edge: #70918f;--sunken: #2d555f;--pyl: #355963;--cable: #486b70;--water: #6dacae;--rail: #a6c6bd;--win: .12;--moon: 0;--sun: 1}.srm-login-sky,.srm-login-atmosphere,.srm-login-shade{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.srm-login-sky{z-index:-4;background:linear-gradient(180deg,#122b40,#234c60,#789895)}.srm-login-sky:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity 3s ease;background:linear-gradient(180deg,#527e89,#90a9a6 47%,#dfc9a3 84%,#ecd7b4)}[data-light=day] .srm-login-sky:after{opacity:1}.srm-login-atmosphere{z-index:-3;background:radial-gradient(ellipse at 72% 46%,#a6d4c11a,transparent 57%);animation:srm-horizon 24s ease-in-out infinite alternate}.srm-login-landscape{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:-2;pointer-events:none}.srm-login-shade{z-index:-1;background:linear-gradient(180deg,#081f32a6 0%,#081f3226 35%,transparent 46%,#081d2a33 67%,#071b29e6 100%)}.srm-login-contours{color:#c5e6de;opacity:.085}.srm-login-intro{max-width:720px}.srm-login-eyebrow{display:flex;align-items:center;gap:9px;font-size:10px;letter-spacing:2px;text-transform:uppercase;color:#c8dbdf;font-weight:550}.srm-login-eyebrow>span{width:18px;height:1px;background:#84c6b3}.srm-login-intro h1{font-size:clamp(25px,2.45vw,42px);font-weight:650;line-height:1.16;letter-spacing:-1.2px;color:#fff;margin:17px 0 12px}.srm-login-tagline{color:#e9f1f2;font-size:clamp(16px,1.2vw,21px);font-weight:400;letter-spacing:-.25px;margin:0}.srm-login-description{max-width:475px;color:#bfced4;font-size:13px;line-height:1.75;margin:12px 0 0}.srm-login-networks{display:flex;gap:8px;flex-wrap:wrap;margin-top:25px}.srm-login-network-tab{position:relative;display:flex;align-items:center;gap:8px;overflow:hidden;padding:10px 12px;cursor:pointer;font:inherit;font-size:11px;color:#d7e4e8;background:#0b233569;border:1px solid #bed5df26;border-radius:6px;transition:background .5s ease,border-color .5s ease}.srm-login-network-tab:hover{background:#163c50c9}.srm-login-network-tab[aria-pressed=true]{border-color:var(--tab-accent);background:#102d43ce;color:#fff}.srm-login-network-dot{width:5px;height:5px;border-radius:50%;background:var(--tab-accent);flex-shrink:0}.srm-login-network-count{margin-left:2px;padding-left:9px;border-left:1px solid #bed5df35;font-variant-numeric:tabular-nums;color:var(--tab-accent)}.srm-login-network-progress{position:absolute;bottom:0;left:0;width:100%;height:2px;background:var(--tab-accent);transform-origin:left;animation:srm-network-progress 14s linear both}.srm-login-footer{margin-top:230px;position:relative;max-width:720px;width:100%}.srm-login-scene-caption{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:22px}.srm-login-caption-copy{animation:srm-caption .65s ease both;min-height:88px}.srm-login-scene-label{color:var(--network-accent);text-transform:uppercase;letter-spacing:1.8px;font-size:10px;font-weight:600}.srm-login-scene-label>span{color:#bfd0d6;font-size:9px;font-variant-numeric:tabular-nums;margin-right:12px}.srm-login-caption-copy h2{color:#f6f9fa;font-size:clamp(19px,1.55vw,26px);font-weight:500;letter-spacing:-.5px;line-height:1.25;margin:9px 0 6px}.srm-login-caption-copy p{margin:0;font-size:12px;color:#b5cbd3;line-height:1.6}.srm-login-controls{display:flex;gap:8px;flex-shrink:0;padding-bottom:4px}.srm-login-controls button{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;border:1px solid #bfd9e142;background:#142e408c;color:#e5eef1;font-size:14px;cursor:pointer;transition:background .2s}.srm-login-controls button:hover{background:#345566}.srm-login-controls button:disabled{opacity:.5;cursor:default}.srm-login-controls button:focus-visible,.srm-login-network-tab:focus-visible{outline:2px solid #fff;outline-offset:4px}.srm-login-stats{display:grid;grid-template-columns:repeat(3,1fr);padding:20px 0 6px;border-top:1px solid #c2dae033}.srm-login-stat{padding:0 18px;border-left:1px solid #c2dae026}.srm-login-stat:first-child{padding-left:0;border-left:0}.srm-login-stat-label{display:flex;align-items:center;gap:7px;color:#b9cdd6;font-size:10px;letter-spacing:.65px;text-transform:uppercase}.srm-login-stat-label .anticon{font-size:13px;color:#97b8c4}.srm-login-stat strong{display:block;margin-top:8px;font-size:30px;font-weight:550;letter-spacing:-1px;font-variant-numeric:tabular-nums;line-height:1.2}.srm-login-stats-note{display:block;margin-top:8px;font-size:11px;color:#b9cdd6}.srm-login-network{opacity:.15;transition:opacity 1.6s ease}.srm-login-network--water{color:#82d8f0}.srm-login-network--sanitation{color:#79d5bb}[data-network=water] .srm-login-network--water,[data-network=energy] .srm-login-network--energy,[data-network=sanitation] .srm-login-network--sanitation{opacity:1}.srm-login-route-base{stroke:currentColor;stroke-width:1.2;opacity:.45}.srm-login-route-flow{stroke:currentColor;stroke-width:2.5;stroke-dasharray:10 90;animation:srm-route 8s linear infinite}.srm-login-network--sanitation .srm-login-route-flow{animation-duration:11s}.srm-login-node{stroke:currentColor;stroke-width:1;fill:#254656}.srm-login-clarifier{animation:srm-clarifier 32s linear infinite;transform-origin:0 0}.srm-login-showcase .login-elec-pulse{animation-duration:13s;stroke-dasharray:38 900}.srm-login-showcase .login-elec-pulse.p2{animation-delay:-4s}.srm-login-showcase .login-elec-pulse.p3{display:none}.srm-login-showcase .login-tap-stream{animation-duration:2.8s}.srm-login-showcase .login-tap-stream.fine{animation-duration:3.5s}.srm-login-showcase .login-window-blink{animation-duration:16s}.srm-login-showcase .login-beacon{animation-duration:7s}.srm-login-showcase .login-splash{animation-duration:5s}.srm-login-showcase .login-drop{animation-duration:4s}.srm-login-showcase .login-ridge-glow{animation-duration:18s}.srm-login-enter{animation:srm-caption 1.1s ease both}.srm-login-footer.srm-login-enter{animation-delay:.15s}.srm-login-showcase[data-motion=paused] .srm-login-landscape *,.srm-login-showcase[data-motion=paused] .srm-login-atmosphere,.srm-login-showcase[data-motion=paused] .srm-login-network-progress{animation-play-state:paused}@keyframes srm-caption{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@keyframes srm-horizon{0%{opacity:.5}to{opacity:1}}@keyframes srm-route{0%{stroke-dashoffset:10}to{stroke-dashoffset:-90}}@keyframes srm-network-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes srm-clarifier{to{transform:rotate(360deg)}}.srm-login-form-panel{min-height:100svh;display:flex;flex-direction:column;align-items:center;padding:32px 24px 20px}.srm-login-form-content{flex:1;width:100%;display:flex;align-items:center;justify-content:center}.srm-login-access-note{margin:12px 0 0;color:#697582;font-size:11px;line-height:1.7;text-align:center}.srm-login-credit{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 8px;margin-top:28px;color:#707b86;font-size:10px;line-height:1.5}.srm-login-credit-name{font-weight:500;letter-spacing:1.2px}.srm-login-page .srm-login-logo{height:clamp(110px,18vh,170px);width:auto;object-fit:contain;margin-bottom:16px;filter:drop-shadow(0 6px 16px #0c2d6b14)}@media (min-width:768px){.srm-login-landscape-column{display:flex}}@media (max-width:1200px){.srm-login-showcase{padding:32px 28px 26px}.srm-login-network-tab{padding:9px 10px;gap:6px;font-size:10px}.srm-login-eyebrow{letter-spacing:1.3px;font-size:9px}.srm-login-networks{gap:7px}.srm-login-stat{padding:0 12px}.srm-login-stat-label{font-size:9px;letter-spacing:.2px}}@media (min-width:768px) and (max-width:1000px){.srm-login-showcase{padding:30px 22px 24px}.srm-login-intro h1{max-width:320px}.srm-login-description{font-size:12px}.srm-login-network-tab{padding:8px;gap:5px}.srm-login-network-count{display:none}.srm-login-caption-copy p{max-width:240px}.srm-login-stat-label .anticon{display:none}.srm-login-scene-caption{gap:8px}.srm-login-controls{gap:5px}.srm-login-controls button{width:30px;height:30px}}@media (max-height:760px) and (min-width:768px){.srm-login-showcase{min-height:max(650px,100svh);padding-top:28px;padding-bottom:20px}.srm-login-description{margin-top:8px}.srm-login-networks{margin-top:18px}.srm-login-footer{margin-top:180px}.srm-login-scene-caption{margin-bottom:12px}.srm-login-stat strong{font-size:26px}.srm-login-form-panel{padding:24px}}@media (max-width:767px){.srm-login-form-panel{padding:24px 16px}.srm-login-page .srm-login-logo{height:130px;margin-bottom:18px}}@media (prefers-reduced-motion:reduce){.srm-login-showcase *,.srm-login-showcase *:before,.srm-login-showcase *:after{animation:none!important;transition:none!important}.srm-login-network-progress{transform:scaleX(1)}}:root{--color-primary-light: #2b7de9;--color-primary-dark: #0c2d6b;--color-primary-main: #1e5a96;--color-secondary-light: #14b8a6;--color-secondary-dark: #0f766e;--color-secondary-main: #0d9488;--color-branch-ep: #4a9eed;--color-branch-elec: #f59e0b;--color-branch-ass: #06b6d4;--color-success: #16a34a;--color-warning: #ea580c;--color-error: #dc2626;--color-info: #0ea5e9;--color-gray-50: #f9fafb;--color-gray-100: #f3f4f6;--color-gray-200: #e5e7eb;--color-gray-300: #d1d5db;--color-gray-400: #9ca3af;--color-gray-500: #6b7280;--color-gray-600: #4b5563;--color-gray-700: #374151;--color-gray-800: #1f2937;--color-gray-900: #111827;--background: #ffffff;--surface: #f9fafb;--border: #e5e7eb;--text-primary: #0f172a;--text-secondary: #475569;--text-tertiary: #94a3b8;--text-inverse: #ffffff;--font-family-base: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-size-xs: 12px;--font-size-sm: 14px;--font-size-base: 16px;--font-size-lg: 18px;--font-size-xl: 20px;--font-size-2xl: 24px;--font-size-3xl: 32px;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--line-height-tight: 1.2;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--letter-spacing-tight: -.5px;--letter-spacing-normal: 0px;--letter-spacing-wide: .5px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 24px;--spacing-2xl: 32px;--spacing-3xl: 48px;--spacing-4xl: 64px;--radius-xs: 4px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .05);--shadow-sm: 0 2px 4px rgba(0, 0, 0, .08);--shadow-md: 0 4px 8px rgba(0, 0, 0, .1);--shadow-lg: 0 8px 16px rgba(0, 0, 0, .12);--shadow-xl: 0 12px 24px rgba(0, 0, 0, .15);--transition-fast: .15s ease-out;--transition-normal: .3s ease-out;--transition-slow: .5s ease-out;--z-hide: -1;--z-base: 0;--z-dropdown: 1000;--z-sticky: 1020;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(10px)}}@keyframes slideInTop{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes countUp{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes glow{0%,to{box-shadow:0 0 5px #1e5a964d}50%{box-shadow:0 0 20px #1e5a9699}}.animate-fade-in{animation:fadeIn .3s ease-in-out}.animate-fade-out{animation:fadeOut .3s ease-in-out}.animate-slide-in-top{animation:slideInTop .4s ease-out}.animate-slide-in-left{animation:slideInLeft .4s ease-out}.animate-bounce{animation:bounce 1s ease-in-out infinite}.animate-pulse{animation:pulse 2s ease-in-out infinite}.animate-count-up{animation:countUp .5s ease-out}.animate-glow{animation:glow 2s ease-in-out infinite}@keyframes haloPulse{0%,to{transform:scale(1);opacity:.55}50%{transform:scale(1.18);opacity:.2}}@keyframes logoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes slideInUpSoft{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes statRise{0%{opacity:0;transform:translateY(16px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes deco1{0%,to{transform:translate(0) scale(1)}50%{transform:translate(20px,-16px) scale(1.05)}}@keyframes deco2{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-18px,22px) scale(1.08)}}.login-anim-fadeUp{animation:slideInUpSoft .7s cubic-bezier(.16,1,.3,1) both}.login-anim-stat{animation:statRise .7s cubic-bezier(.16,1,.3,1) both}.login-anim-halo{animation:haloPulse 3.4s ease-in-out infinite}.login-anim-logo{animation:logoFloat 5s ease-in-out infinite}.login-anim-bg{background-size:200% 200%;animation:gradientShift 18s ease-in-out infinite}.login-anim-deco1{animation:deco1 12s ease-in-out infinite}.login-anim-deco2{animation:deco2 14s ease-in-out infinite}@keyframes meshShift{0%,to{background-position:0% 0%,100% 100%,50% 50%}50%{background-position:100% 50%,0% 50%,50% 100%}}@keyframes cube3dRotate{0%{transform:rotateX(-15deg) rotateY(0)}to{transform:rotateX(-15deg) rotateY(360deg)}}@keyframes gridScroll{0%{transform:rotateX(60deg) translateY(0)}to{transform:rotateX(60deg) translateY(40px)}}@keyframes particleTravel{0%{transform:translate(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translate(220px,-170px);opacity:0}}@keyframes levitate{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.login-mesh{background-image:radial-gradient(circle at 20% 30%,rgba(20,184,166,.25),transparent 40%),radial-gradient(circle at 80% 70%,rgba(99,102,241,.2),transparent 45%),radial-gradient(circle at 50% 50%,rgba(14,165,233,.18),transparent 50%);background-size:200% 200%,200% 200%,200% 200%;animation:meshShift 22s ease-in-out infinite}.login-particle{animation:particleTravel 4s ease-in-out infinite}.login-levitate{animation:levitate 4.5s ease-in-out infinite}@keyframes elecPulse{0%{stroke-dashoffset:0}to{stroke-dashoffset:-1400}}.login-elec-pulse{stroke-dasharray:26 640;animation:elecPulse 7s linear infinite}.login-elec-pulse.p2{animation-delay:2.3s}.login-elec-pulse.p3{animation-delay:4.6s}@keyframes waterFlow{0%{stroke-dashoffset:0}to{stroke-dashoffset:-168}}.login-water-flow{stroke-dasharray:30 26;animation:waterFlow 2.4s linear infinite}.login-water-flow.slow{stroke-dasharray:14 42;animation-duration:3.6s;animation-delay:1.1s}@keyframes ridgeGlow{0%,to{opacity:.35}50%{opacity:.7}}.login-ridge-glow{animation:ridgeGlow 9s ease-in-out infinite}@keyframes dropFall{0%{transform:translateY(0);opacity:0}15%{opacity:1}to{transform:translateY(26px);opacity:0}}.login-drop{animation:dropFall 2.2s ease-in infinite}.login-drop.d2{animation-delay:.8s}@keyframes beacon{0%,to{opacity:.25}50%{opacity:1}}.login-beacon{animation:beacon 2.8s ease-in-out infinite}@keyframes tapStream{0%{stroke-dashoffset:0}to{stroke-dashoffset:-50}}.login-tap-stream{stroke-dasharray:16 9;animation:tapStream 1.1s linear infinite}.login-tap-stream.fine{stroke-dasharray:5 20;animation-duration:1.7s;animation-delay:.5s}@keyframes splashPulse{0%,to{opacity:.25;transform:scaleX(.85)}50%{opacity:.7;transform:scaleX(1.15)}}.login-splash{animation:splashPulse 1.3s ease-in-out infinite;transform-origin:center;transform-box:fill-box}@keyframes windowGlow{0%,to{opacity:.9}50%{opacity:.1}}.login-window-blink{animation:windowGlow 4.5s ease-in-out infinite}.login-scene path,.login-scene rect,.login-scene circle,.login-scene ellipse{transition:fill 4.5s ease,stroke 4.5s ease}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;width:100%}body{font-family:var(--font-family-base);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--text-primary);background-color:var(--background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color var(--transition-normal),color var(--transition-normal)}h1,h2,h3,h4,h5,h6{margin:0;padding:0;font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);color:var(--text-primary)}h1{font-size:var(--font-size-3xl);letter-spacing:var(--letter-spacing-tight)}h2{font-size:var(--font-size-2xl);letter-spacing:var(--letter-spacing-tight)}h3{font-size:var(--font-size-xl)}h4{font-size:var(--font-size-lg)}h5{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold)}h6{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}p{margin:0;padding:0;color:var(--text-secondary)}a{color:var(--color-primary-main);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-light)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--surface)}::-webkit-scrollbar-thumb{background:var(--color-gray-300);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--color-gray-400)}*{scrollbar-width:thin;scrollbar-color:var(--color-gray-300) var(--surface)}.glass-effect{background:#fffffff2;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.glass-effect-dark{background:#141414e6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.transition-all{transition:all var(--transition-normal)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinner{animation:spin 1s linear infinite}.flex{display:flex}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.flex-col{display:flex;flex-direction:column}.w-full{width:100%}.h-full{height:100%}.p-4{padding:var(--spacing-lg)}.px-4{padding-left:var(--spacing-lg);padding-right:var(--spacing-lg)}.py-4{padding-top:var(--spacing-lg);padding-bottom:var(--spacing-lg)}.mb-4{margin-bottom:var(--spacing-lg)}.mt-4{margin-top:var(--spacing-lg)}.text-center{text-align:center}@media (max-width: 768px){body{font-size:var(--font-size-sm)}h1{font-size:var(--font-size-2xl)}h2{font-size:var(--font-size-xl)}h3{font-size:var(--font-size-lg)}}