@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&display=swap";@font-face{font-family:swiper-icons;src:url(data:application/font-woff;charset=utf-8;base64,\ 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) format("woff");font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-container-multirow>.swiper-wrapper{flex-wrap:wrap}.swiper-container-multirow-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-container-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-container-pointer-events{touch-action:pan-y}.swiper-container-pointer-events.swiper-container-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-container-3d{perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,#00000080,#0000)}.swiper-container-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,#00000080,#0000)}.swiper-container-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,#00000080,#0000)}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,#00000080,#0000)}.swiper-container-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-container-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;text-transform:none;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-container-rtl .swiper-button-next:after{content:"prev"}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after{content:"next"}.swiper-button-next.swiper-button-white,.swiper-button-prev.swiper-button-white{--swiper-navigation-color:#ffffff}.swiper-button-next.swiper-button-black,.swiper-button-prev.swiper-button-black{--swiper-navigation-color:#000000}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translateZ(0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:50%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translate(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:#00000040;position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white{--swiper-pagination-color:#ffffff}.swiper-pagination-black{--swiper-pagination-color:#000000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:#0000001a}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:#00000080;border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;animation:swiper-preloader-spin 1s infinite linear;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{to{transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;opacity:.6;z-index:0}.swiper-container-cube .swiper-cube-shadow:before{content:"";background:#000;position:absolute;inset:0;filter:blur(50px)}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}*{box-sizing:border-box;padding:0;margin:0}html{scroll-behavior:smooth}body{margin:0;font-family:Roboto,Arial,sans-serif;font-size:var(--normal-font-size);background:var(--body-color);color:var(--text-color);line-height:1.3;height:100vh;overflow:hidden;text-rendering:geometricPrecision;-webkit-font-smoothing:antialiased}h1,h2,h3,h4{color:var(--title-color);font-weight:var(--font-semi-bold)}ul{list-style:none}a{text-decoration:none}img{max-width:100%;height:auto}#root{width:100vw;height:100vh}.App{width:100%;height:100%;position:relative;transition:all .35s ease-out}.App.nav-overlay{opacity:.7;pointer-events:none}.section{padding:2rem 0 4rem}.section__title{font-size:var(--h1-font-size);color:var(--title-color)}.section__subtitle{display:block;font-size:var(--small-font-size);margin-bottom:var(--mb-3)}.section__title,.section__subtitle{text-align:center}.container{max-width:768px;margin-left:var(--mb-1-5);margin-right:var(--mb-1-5)}.grid{display:grid;gap:1.5rem}.header{width:100%;position:fixed;bottom:0;left:0;z-index:var(--z-fixed);background-color:var(--body-color)}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.register-section{width:100%;min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:var(--mb-2);box-sizing:border-box;overflow:auto}.register-container{display:flex;max-width:512px;width:100%;height:max(calc(100vh - 4*var(--icon-size-xl)),512px);background:var(--container-color);border-radius:1rem;box-shadow:0 10px 30px #0000001a;padding:var(--mb-2);position:relative;align-items:flex-start;flex-direction:column;gap:var(--mb-1);overflow-y:auto}.form-main{width:100%;max-width:500px;display:flex;flex-direction:column;align-items:center}.form-main label{font-weight:var(--font-medium);color:var(--title-color);margin-bottom:var(--mb-0-25);position:relative;display:flex;align-items:center;gap:var(--mb-0-25)}.form-main input{padding:var(--mb-0-75);border:1px solid var(--text-color-light);border-radius:.5rem;font-size:var(--normal-font-size);background:var(--input-color);color:var(--text-color);transition:border-color .3s ease;width:100%;box-sizing:border-box}.form-main input:disabled{background:var(--text-color-light);cursor:not-allowed}.camera-main h1{margin-bottom:var(--mb-2);color:var(--title-color);text-align:center}.valid{color:#28a745;margin-left:var(--mb-0-25)}.invalid{color:#dc3545;margin-left:var(--mb-0-25)}.hide{display:none}.instructions{font-size:var(--smaller-font-size);border-radius:.5rem;background:#f8f9fa;color:#495057;padding:var(--mb-0-5);position:relative;bottom:-10px;margin-bottom:var(--mb-0-5)}.instructions svg{margin-right:var(--mb-0-25)}.verification-section{margin:var(--mb-1) 0;padding:var(--mb-1);border:1px solid var(--text-color-light);border-radius:.5rem;background:var(--body-color)}.verification-btn{width:100%;padding:var(--mb-0-75);background:var(--first-color);color:#fff;border:none;border-radius:.5rem;font-size:var(--normal-font-size);font-weight:var(--font-medium);cursor:pointer;transition:all .3s ease}.verification-btn:hover{background:var(--first-color-alt)}.verification-btn:disabled{background:var(--text-color-light);cursor:not-allowed}.verification-code-section{display:flex;flex-direction:column;gap:var(--mb-0-75)}.verification-code-section label{display:flex;align-items:center;justify-content:space-between;font-weight:var(--font-medium);color:var(--title-color)}.timer{font-size:var(--smaller-font-size);color:var(--first-color);font-weight:var(--font-medium)}.verification-code-section input{text-align:center;font-size:var(--h3-font-size);font-weight:var(--font-medium);letter-spacing:.5rem;padding:var(--mb-1)}.verification-buttons{display:flex;gap:var(--mb-0-5);flex-wrap:wrap}.verify-btn,.resend-btn{flex:1;min-width:120px;padding:var(--mb-0-5) var(--mb-0-75);border:none;border-radius:.5rem;font-size:var(--normal-font-size);font-weight:var(--font-medium);cursor:pointer;transition:all .3s ease}.verify-btn{background:var(--first-color);color:#fff}.verify-btn:hover{background:var(--first-color-alt)}.resend-btn{background:var(--body-color);color:var(--text-color);border:1px solid var(--text-color-light)}.resend-btn:hover{background:var(--text-color-light)}.verify-btn:disabled,.resend-btn:disabled{background:var(--text-color-light);cursor:not-allowed;color:var(--text-color)}.user-details-section{display:flex;flex-direction:column;gap:var(--mb-1);margin-top:var(--mb-1-5);padding-top:var(--mb-1-5);border-top:1px solid var(--text-color-light)}.errmsg{background-color:#ff6b6b;color:#fff;font-weight:700;padding:.5rem;margin-bottom:.5rem;border-radius:.25rem;text-align:center}.register-section>p{text-align:center;margin-top:var(--mb-1-5);color:var(--text-color)}@media screen and (max-width:768px){.verification-buttons{flex-direction:column}.verify-btn,.resend-btn{min-width:auto}}@media screen and (max-width:480px){.register-section{padding:var(--mb-1)}.register-container{padding:var(--mb-0-75)}.form-main{max-width:100%}}.login-section{width:100%;min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:var(--mb-2);box-sizing:border-box;overflow:auto}.login-container{display:flex;max-width:512px;width:100%;height:max(calc(100vh - 4*var(--icon-size-xl)),512px);background:var(--container-color);border-radius:1rem;box-shadow:0 10px 30px #0000001a;padding:var(--mb-2);position:relative;align-items:flex-start;flex-direction:row;gap:var(--mb-1);overflow:auto}.camera-toggle{display:flex;align-items:center;justify-content:center;min-width:60px;flex-shrink:0}.camera-btn{width:50px;height:50px;border-radius:50%;border:2px solid var(--first-color);background:var(--container-color);font-size:1.5rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.camera-btn:hover{background:var(--first-color);transform:scale(1.1)}.main-content{flex:1;display:flex;justify-content:center;align-items:flex-start;padding:var(--mb-2);overflow-y:auto;max-height:100%;width:100%}.form-main{width:100%;max-width:400px;display:flex;flex-direction:column;align-items:center}.form-main h1{text-align:center;margin-bottom:var(--mb-2);color:var(--title-color)}.form-main form{display:flex;flex-direction:column;gap:var(--mb-1);width:100%}.camera-main{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.camera-main h3{margin-bottom:var(--mb-2);color:var(--title-color);text-align:center}.login-toggle{position:absolute;bottom:var(--mb-1);right:var(--mb-1);border:none;color:var(--title-color);font-size:var(--h1-font-size);width:var(--icon-size-xl);height:var(--icon-size-xl);border-radius:38%;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #0000000d;z-index:calc(var(--z-fixed) + 1);transition:all .3s ease}.toggle-btn{position:absolute;bottom:var(--mb-1);right:var(--mb-1);border:none;color:var(--title-color);font-size:var(--h1-font-size);width:var(--icon-size-xl);height:var(--icon-size-xl);border-radius:38%;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #0000000d;z-index:calc(var(--z-fixed) + 1)}.toggle-btn:hover{color:var(--first-color);transform:scale(1.1);box-shadow:0 6px 20px #0000000d}body.dark-theme .toggle-btn{background:var(--container-color);color:var(--title-color)}.form-main label{font-weight:var(--font-medium);color:var(--title-color);margin-bottom:var(--mb-0-25)}.form-main input{padding:var(--mb-0-75);border:1px solid var(--text-color-light);border-radius:.5rem;font-size:var(--normal-font-size);background:var(--input-color);color:var(--text-color);transition:border-color .3s ease}.form-main input:focus{outline:none;border-color:var(--first-color);box-shadow:0 0 0 2px rgba(var(--first-color),.1)}.form-main button{padding:var(--mb-0-75);background:var(--first-color);color:#fff;border:none;border-radius:.5rem;font-size:var(--normal-font-size);font-weight:var(--font-medium);cursor:pointer;transition:all .3s ease;margin-top:var(--mb-0-5)}.form-main button:hover{background:var(--first-color-alt);transform:translateY(-2px)}.form-main button:disabled{background:var(--text-color-light);cursor:not-allowed;transform:none}.errmsg{background-color:#ff6b6b;color:#fff;font-weight:700;padding:.5rem;margin-bottom:.5rem;border-radius:.25rem}.offscreen{position:absolute;left:-9999px}.login-section>p{text-align:center;margin-top:var(--mb-1-5);color:var(--text-color)}.line a{color:var(--first-color);font-weight:var(--font-medium);transition:color .3s ease}.line a:hover{color:var(--first-color-alt)}.home-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;background-color:var(--body-color)}.lottie-wrapper{margin-bottom:20px}.home-title{font-size:2rem;color:var(--title-color)}.loading{font-size:1.5rem;color:var(--text-color)}.update-user-container{max-width:512px;width:100%;margin:var(--mb-2) auto;padding:2rem;background:var(--container-color);border-radius:8px;box-shadow:0 4px 12px #0000001a;height:calc(100% - var(--mb-3));overflow-y:auto;position:relative}.update-user-container h1{text-align:center;margin-bottom:2rem;color:var(--title-color);font-size:2rem;font-weight:var(--font-semi-bold);flex-shrink:0}.update-user-container h2{margin-bottom:1rem;color:var(--title-color);font-size:1.5rem;border-bottom:2px solid var(--first-color);padding-bottom:.5rem;flex-shrink:0}.search-section{margin-bottom:var(--mb-1);padding:var(--mb-1);background:var(--body-color);border-radius:8px;border:1px solid var(--scroll-bar-color);flex-shrink:0}.search-form{display:flex;flex-direction:column;gap:1rem}.user-details-section{padding:var(--mb-1);background:var(--body-color);border-radius:8px;border:1px solid var(--scroll-bar-color);margin-bottom:var(--mb-1);flex:1;overflow-y:auto;min-height:200px}.update-form{display:flex;flex-direction:column;gap:1rem}.input-group{display:flex;flex-direction:column;gap:.5rem}.input-group label{font-weight:var(--font-medium);color:var(--title-color);font-size:.9rem}.input-group input,.input-group select{padding:.75rem;border:1px solid var(--scroll-bar-color);border-radius:8px;font-size:1rem;background:var(--input-color);color:var(--text-color);transition:border-color .3s ease}.input-group input:focus,.input-group select:focus{outline:none;border-color:var(--first-color);box-shadow:0 0 0 2px var(--first-color-lighter)}.readonly-input{background:var(--scroll-bar-color)!important;color:var(--text-color-light)!important;cursor:not-allowed}.search-btn,.update-btn,.reset-btn{padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:1rem;font-weight:var(--font-medium);cursor:pointer;transition:all .3s ease}.search-btn,.update-btn{background:var(--first-color);color:#fff}.search-btn:hover,.update-btn:hover{background:var(--first-color-alt);transform:translateY(-1px)}.search-btn:disabled,.update-btn:disabled{background:var(--scroll-bar-color);cursor:not-allowed;transform:none}.reset-btn{background:transparent;color:var(--text-color);border:1px solid var(--scroll-bar-color)}.reset-btn:hover{background:var(--scroll-bar-color)}.button-group{display:flex;gap:1rem;margin-top:1rem}.error-message{padding:.75rem;background:#fee;border:1px solid #fcc;border-radius:8px;color:#c33;margin-top:1rem;font-size:.9rem}.success-message{padding:.75rem;background:#efe;border:1px solid #cfc;border-radius:8px;color:#363;margin-top:1rem;font-size:.9rem}.user-details-section::-webkit-scrollbar{width:8px}.user-details-section::-webkit-scrollbar-track{background:var(--scroll-bar-color);border-radius:4px}.user-details-section::-webkit-scrollbar-thumb{background:var(--scroll-thumb-color);border-radius:4px}.user-details-section::-webkit-scrollbar-thumb:hover{background:var(--first-color-alt)}:root{--header-height: 3rem;--hue-color: 147;--first-color: hsl(var(--hue-color), 50%, 40%);--first-color-second: hsl(var(--hue-color), 50%, 40%);--first-color-alt: hsl(var(--hue-color), 5%, 53%);--first-color-lighter: hsl(var(--hue-color), 92%, 85%);--title-color: hsl(var(--hue-color), 8%, 15%);--text-color: hsl(var(--hue-color), 8%, 45%);--text-color-light: hsl(var(--hue-color), 8%, 65%);--input-color: hsl(var(--hue-color), 70%, 96%);--body-color: hsl(var(--hue-color), 60%, 99%);--container-color: #fff;--scroll-bar-color: hsl(var(--hue-color), 12%, 90%);--scroll-thumb-color: hsl(var(--hue-color), 12%, 80%);--cosmic-latter: #FFF8E7;--least-attractive: #4A412A;--body-font: "Poppins", sans-serif;--big-font-size: 2rem;--h1-font-size: 1.5rem;--h2-font-size: 1.25rem;--h3-font-size: 1.125rem;--normal-font-size: .938rem;--small-font-size: .813rem;--smaller-font-size: .75rem;--font-medium: 500;--font-semi-bold: 600;--mb-0-25: .25rem;--mb-0-5: .5rem;--mb-0-75: .75rem;--mb-1: 1rem;--mb-1-5: 1.5rem;--mb-2: 2rem;--mb-2-5: 2.5rem;--mb-3: 3rem;--icon-size: 1.5rem;--icon-size-sm: 2rem;--icon-size-lg: 2.5rem;--icon-size-xl: 3.5rem;--icon-size-xxl: 4.5rem;--z-tooltip: 10;--z-fixed: 100;--z-fixedp1: 101;--z-fixedp2: 102;--z-modal: 200;--z-modalp1: 201;--z-modalp2: 202;--z-top: 300}body.dark-theme{--first-color-second: hsl(var(--hue-color), 30%, 8%);--title-color: hsl(var(--hue-color), 8%, 95%);--text-color: hsl(var(--hue-color), 8%, 75%);--input-color: hsl(var(--hue-color), 29%, 16%);--body-color: hsl(var(--hue-color), 28%, 12%);--container-color: hsl(var(--hue-color), 29%, 16%);--scroll-bar-color: hsl(var(--hue-color), 12%, 48%);--scroll-thumb-color: hsl(var(--hue-color), 12%, 36%);--least-attractive: #BBAE96}.material-hamburger{transition:all .3s ease-out}.material-hamburger .material-patty{will-change:transform,opacity;width:var(--icon-size-sm);height:3px;margin:0 0 5px;background:var(--title-color);opacity:1;transform:translate(0) rotate(0);transition:all .2s ease-out}.material-hamburger:hover .material-patty{transform:scale(1.1);background:var(--first-color);box-shadow:0 6px 20px #0003}.material-hamburger .material-patty:last-child{margin-bottom:0}.material-hamburger.material-close{transform:rotate(-180deg)}.material-hamburger.material-close .material-patty:nth-child(1){transform:translate(-10px,4px) rotate(-45deg) scaleX(.45)}.material-hamburger.material-close .material-patty:nth-child(3){transform:translate(-10px,-4px) rotate(45deg) scaleX(.45)}.material-menu-wrapper{position:fixed;bottom:0;right:0;height:min(640px,100vh);width:clamp(20vw,250px,62vw);overflow:hidden;z-index:var(--z-modal);pointer-events:none}.material-menu{position:relative;z-index:1;width:100%;height:100%;background:transparent}.material-btn{will-change:transform;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;position:absolute;z-index:var(--z-modalp1);bottom:var(--mb-1);right:var(--mb-1);width:var(--icon-size-xl);height:var(--icon-size-xl);background:transparent;cursor:pointer;pointer-events:all;transition:all .3s ease}.material-btn:hover{transform:scale(1.1);color:var(--first-color);box-shadow:0 6px 10px #0000000d}.material-btn.active:before{opacity:.75;transform:scale(18)}.material-btn:before{content:"";position:absolute;top:0;left:0;z-index:-1;width:var(--icon-size-xl);height:var(--icon-size-xl);background:var(--container-color);border-radius:38%;box-shadow:0 5px 10px #0003;cursor:pointer;transform-origin:center 70%;transform:scale(1);transition:all .4s ease-out}.material-content{padding:10% 5%;position:absolute;top:0;right:0;pointer-events:none;width:100%;height:calc(100% - var(--mb-2) - var(--icon-size-xl));overflow:hidden}.material-content.active{z-index:var(--z-modalp2);pointer-events:all;overflow-y:auto}nav{height:100%;display:flex;flex-direction:column}nav ul{list-style-type:none;padding:0;text-align:right;flex:1;display:flex;flex-direction:column;justify-content:flex-start;padding-right:var(--mb-1);padding-bottom:var(--mb-3);box-sizing:border-box}nav li{will-change:transform,opacity;margin:var(--mb-0-75) 0;transform:translateY(300px);opacity:0;transition:all .2s ease-out;flex-shrink:0}nav li.active{transform:translateY(0);opacity:1;transition:all .4s ease-out}nav li.active:nth-child(1){transition-delay:.05s}nav li.active:nth-child(2){transition-delay:.1s}nav li.active:nth-child(3){transition-delay:.15s}nav li.active:nth-child(4){transition-delay:.2s}nav li.active:nth-child(5){transition-delay:.25s}nav li.active:nth-child(6){transition-delay:.3s}nav li.active:nth-child(7){transition-delay:.35s}nav li.active:nth-child(8){transition-delay:.4s}nav li.active:nth-child(9){transition-delay:.45s}nav li.active:nth-child(10){transition-delay:.5s}nav a{text-decoration:none;font-size:clamp(var(--h2-font-size),calc(1vw + 1rem),var(--h1-font-size));color:var(--title-color);font-weight:300;display:block}nav a:hover{color:var(--first-color)}.logo-fixed{position:fixed;top:var(--mb-1);left:var(--mb-1);z-index:calc(var(--z-fixed) + 1);display:flex;align-items:center;justify-content:center;width:var(--icon-size-xxl);height:var(--icon-size-xxl);text-decoration:none}.logo-fixed img{width:80%;height:80%;object-fit:contain}.theme-toggle-fixed{position:fixed;top:var(--mb-1);right:var(--mb-1);background:var(--container-color);border:none;color:var(--title-color);font-size:var(--h1-font-size);width:var(--icon-size-xl);height:var(--icon-size-xl);border-radius:38%;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #0000000d;z-index:calc(var(--z-fixed) + 1);transition:all .3s ease}.theme-toggle-fixed i{font-size:var(--icon-size)}.theme-toggle-fixed:hover{transform:scale(1.1);color:var(--first-color);box-shadow:0 6px 20px #0000000d}body.dark-theme .theme-toggle-fixed{background:var(--container-color);color:var(--title-color)}