@import"https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap";:root{--toastify-color-light: #fff;--toastify-color-dark: #121212;--toastify-color-info: #3498db;--toastify-color-success: #07bc0c;--toastify-color-warning: #f1c40f;--toastify-color-error: #e74c3c;--toastify-color-transparent: rgba(255, 255, 255, .7);--toastify-icon-color-info: var(--toastify-color-info);--toastify-icon-color-success: var(--toastify-color-success);--toastify-icon-color-warning: var(--toastify-color-warning);--toastify-icon-color-error: var(--toastify-color-error);--toastify-toast-width: 320px;--toastify-toast-offset: 16px;--toastify-toast-top: max(var(--toastify-toast-offset), env(safe-area-inset-top));--toastify-toast-right: max(var(--toastify-toast-offset), env(safe-area-inset-right));--toastify-toast-left: max(var(--toastify-toast-offset), env(safe-area-inset-left));--toastify-toast-bottom: max(var(--toastify-toast-offset), env(safe-area-inset-bottom));--toastify-toast-background: #fff;--toastify-toast-min-height: 64px;--toastify-toast-max-height: 800px;--toastify-toast-bd-radius: 6px;--toastify-font-family: sans-serif;--toastify-z-index: 9999;--toastify-text-color-light: #757575;--toastify-text-color-dark: #fff;--toastify-text-color-info: #fff;--toastify-text-color-success: #fff;--toastify-text-color-warning: #fff;--toastify-text-color-error: #fff;--toastify-spinner-color: #616161;--toastify-spinner-color-empty-area: #e0e0e0;--toastify-color-progress-light: linear-gradient( to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55 );--toastify-color-progress-dark: #bb86fc;--toastify-color-progress-info: var(--toastify-color-info);--toastify-color-progress-success: var(--toastify-color-success);--toastify-color-progress-warning: var(--toastify-color-warning);--toastify-color-progress-error: var(--toastify-color-error);--toastify-color-progress-bgo: .2}.Toastify__toast-container{z-index:var(--toastify-z-index);-webkit-transform:translate3d(0,0,var(--toastify-z-index));position:fixed;padding:4px;width:var(--toastify-toast-width);box-sizing:border-box;color:#fff}.Toastify__toast-container--top-left{top:var(--toastify-toast-top);left:var(--toastify-toast-left)}.Toastify__toast-container--top-center{top:var(--toastify-toast-top);left:50%;transform:translate(-50%)}.Toastify__toast-container--top-right{top:var(--toastify-toast-top);right:var(--toastify-toast-right)}.Toastify__toast-container--bottom-left{bottom:var(--toastify-toast-bottom);left:var(--toastify-toast-left)}.Toastify__toast-container--bottom-center{bottom:var(--toastify-toast-bottom);left:50%;transform:translate(-50%)}.Toastify__toast-container--bottom-right{bottom:var(--toastify-toast-bottom);right:var(--toastify-toast-right)}@media only screen and (max-width : 480px){.Toastify__toast-container{width:100vw;padding:0;left:env(safe-area-inset-left);margin:0}.Toastify__toast-container--top-left,.Toastify__toast-container--top-center,.Toastify__toast-container--top-right{top:env(safe-area-inset-top);transform:translate(0)}.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-right{bottom:env(safe-area-inset-bottom);transform:translate(0)}.Toastify__toast-container--rtl{right:env(safe-area-inset-right);left:initial}}.Toastify__toast{--y: 0;position:relative;-ms-touch-action:none;touch-action:none;min-height:var(--toastify-toast-min-height);box-sizing:border-box;margin-bottom:1rem;padding:8px;border-radius:var(--toastify-toast-bd-radius);box-shadow:0 4px 12px #0000001a;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;max-height:var(--toastify-toast-max-height);font-family:var(--toastify-font-family);cursor:default;direction:ltr;z-index:0;overflow:hidden}.Toastify__toast--stacked{position:absolute;width:100%;transform:translate3d(0,var(--y),0) scale(var(--s));transition:transform .3s}.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body,.Toastify__toast--stacked[data-collapsed] .Toastify__close-button{transition:opacity .1s}.Toastify__toast--stacked[data-collapsed=false]{overflow:visible}.Toastify__toast--stacked[data-collapsed=true]:not(:last-child)>*{opacity:0}.Toastify__toast--stacked:after{content:"";position:absolute;left:0;right:0;height:calc(var(--g) * 1px);bottom:100%}.Toastify__toast--stacked[data-pos=top]{top:0}.Toastify__toast--stacked[data-pos=bot]{bottom:0}.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before{transform-origin:top}.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before{transform-origin:bottom}.Toastify__toast--stacked:before{content:"";position:absolute;left:0;right:0;bottom:0;height:100%;transform:scaleY(3);z-index:-1}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-body{margin:auto 0;-ms-flex:1 1 auto;flex:1 1 auto;padding:6px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.Toastify__toast-body>div:last-child{word-break:break-word;-ms-flex:1;flex:1}.Toastify__toast-icon{-webkit-margin-end:10px;margin-inline-end:10px;width:20px;-ms-flex-negative:0;flex-shrink:0;display:-ms-flexbox;display:flex}.Toastify--animate{animation-fill-mode:both;animation-duration:.5s}.Toastify--animate-icon{animation-fill-mode:both;animation-duration:.3s}@media only screen and (max-width : 480px){.Toastify__toast{margin-bottom:0;border-radius:0}}.Toastify__toast-theme--dark{background:var(--toastify-color-dark);color:var(--toastify-text-color-dark)}.Toastify__toast-theme--light,.Toastify__toast-theme--colored.Toastify__toast--default{background:var(--toastify-color-light);color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{color:var(--toastify-text-color-info);background:var(--toastify-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{color:var(--toastify-text-color-success);background:var(--toastify-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{color:var(--toastify-text-color-warning);background:var(--toastify-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{color:var(--toastify-text-color-error);background:var(--toastify-color-error)}.Toastify__progress-bar-theme--light{background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error{background:var(--toastify-color-transparent)}.Toastify__close-button{color:#fff;background:transparent;outline:none;border:none;padding:0;cursor:pointer;opacity:.7;transition:.3s ease;-ms-flex-item-align:start;align-self:flex-start;z-index:1}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:hover,.Toastify__close-button:focus{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{position:absolute;bottom:0;left:0;width:100%;height:100%;z-index:var(--toastify-z-index);opacity:.7;transform-origin:left;border-bottom-left-radius:var(--toastify-toast-bd-radius)}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{right:0;left:initial;transform-origin:right;border-bottom-left-radius:initial;border-bottom-right-radius:var(--toastify-toast-bd-radius)}.Toastify__progress-bar--wrp{position:absolute;bottom:0;left:0;width:100%;height:5px;border-bottom-left-radius:var(--toastify-toast-bd-radius)}.Toastify__progress-bar--wrp[data-hidden=true]{opacity:0}.Toastify__progress-bar--bg{opacity:var(--toastify-color-progress-bgo);width:100%;height:100%}.Toastify__spinner{width:20px;height:20px;box-sizing:border-box;border:2px solid;border-radius:100%;border-color:var(--toastify-spinner-color-empty-area);border-right-color:var(--toastify-spinner-color);animation:Toastify__spin .65s linear infinite}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,var(--y),0)}to{opacity:0;transform:translate3d(2000px,var(--y),0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,var(--y),0)}to{opacity:0;transform:translate3d(-2000px,var(--y),0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--top-left,.Toastify__bounce-enter--bottom-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--top-right,.Toastify__bounce-enter--bottom-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--top-left,.Toastify__bounce-exit--bottom-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--top-right,.Toastify__bounce-exit--bottom-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:translate3d(0,var(--y),0) scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateX(10deg);opacity:1}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:translate3d(0,var(--y),0) perspective(400px)}30%{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(-20deg);opacity:1}to{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(90deg);opacity:0}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideOutRight{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(110%,var(--y),0)}}@keyframes Toastify__slideOutLeft{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(-110%,var(--y),0)}}@keyframes Toastify__slideOutDown{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,500px,0)}}@keyframes Toastify__slideOutUp{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,-500px,0)}}.Toastify__slide-enter--top-left,.Toastify__slide-enter--bottom-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--top-right,.Toastify__slide-enter--bottom-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--top-left,.Toastify__slide-exit--bottom-left{animation-name:Toastify__slideOutLeft;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-right,.Toastify__slide-exit--bottom-right{animation-name:Toastify__slideOutRight;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown;animation-timing-function:ease-in;animation-duration:.3s}@keyframes Toastify__spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.form-container{height:100vh;width:100vw;display:flex;flex-direction:column;justify-content:center;gap:1rem;align-items:center;background-color:#131324}.form-container .brand{display:flex;align-items:center;gap:1rem;justify-content:center}.form-container .brand img{height:5rem}.form-container .brand h1{color:#fff;text-transform:uppercase}.form-container form{display:flex;flex-direction:column;gap:2rem;background-color:#00000076;border-radius:2rem;padding:3rem 5rem}.form-container input{background-color:transparent;padding:1rem;border:.1rem solid #4e0eff;border-radius:.4rem;color:#fff;width:100%;font-size:1rem}.form-container input:focus{border:.1rem solid #997af0;outline:none}.form-container button{background-color:#4e0eff;color:#fff;padding:1rem 2rem;border:none;font-weight:700;cursor:pointer;border-radius:.4rem;font-size:1rem;text-transform:uppercase}.form-container button:hover{background-color:#4e0eff}.form-container span{color:#fff;text-transform:uppercase}.form-container span a{color:#4e0eff;text-decoration:none;font-weight:700}.chat-list-container{width:460px;height:100vh;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;display:flex;flex-direction:column}.chat-list-header{padding:20px;display:flex;background-color:#020502;color:#fff}.chat-list-header h1{margin:0;font-size:24px;font-weight:600;color:#a1abb1}.search-options{height:auto;width:auto;padding:15px;background-color:#020502}.search-bar input{width:400px;padding:10px 15px;border:none;background-color:#121311;border-radius:8px;font-size:14px;outline:none;color:#3b4a54}.quick-filters{display:flex;margin-top:10px;gap:15px}.filter{font-size:14px;color:#667781;cursor:pointer;padding:5px 0}.filter.active{color:#008069;border-bottom:2px solid #008069}.notification-banner{padding:20px 30px;background-color:#020502;font-size:14px;color:#cad2d6}.notification-button{background:none;border:none;color:#008069;font-weight:600;padding:0;margin-top:5px;cursor:pointer}.chats{flex:1;overflow-y:auto;padding:8px;background-color:#020502}.chats::-webkit-scrollbar{width:6px}.chat-item{display:flex;padding:12px 15px;border-bottom:1px solid #1b1c1d;cursor:pointer;background-color:#020502}.chat-avatar{width:50px;height:50px;border-radius:50%;background-color:#dfe5e7;margin-right:12px;overflow:hidden;display:flex;align-items:center;justify-content:center}.avatar-image{width:100%;height:100%;object-fit:cover}.chat-content{flex:1;min-width:0}.chat-header h3{margin:0;font-size:16px;font-weight:600;color:#b1b8bd;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background-color:#020502}.time{font-size:12px;color:#667781;white-space:nowrap}.last-message{font-size:14px;color:#667781;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0 0 0 30px}.chat-item.unread .last-message{font-weight:600;color:#606c74}.archived-section{padding:8px 15px;background-color:#fff;border-bottom:1px solid #e9edef}.archived-header{font-size:16px;font-weight:600;color:#008069;margin-bottom:8px}.date-divider{padding:8px 15px;color:#667781;font-size:12px;font-weight:500}.chat-item.unread .chat-header h3{font-weight:700}.message-status{color:#667781;font-size:12px}.arch{display:flex;flex-direction:row;justify-content:center;align-items:center;background-color:#020502}.usernamess{background-color:transparent!important}.icon{color:#d8d2d2;font-size:30px}.chat-headers{background-color:#020502!important;display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;margin-left:30px;font-size:13px;color:#cad3da}.menu-button{justify-content:center;align-items:center;border:none;background-color:transparent;margin-left:330px}.micon{font-size:26px;color:#c8ced1}@media screen and (max-width: 768px){.chat-list-container{width:328px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;display:flex;flex-direction:column}.chat-list-header{height:10px;display:flex;color:#fff}.chat-list-header h1{margin-left:20px;font-size:12px;font-weight:600;color:#a1abb1}.search-options{padding-left:30px;background-color:#020502}.search-bar input{width:240px;padding:10px 15px;border:none;background-color:#1d1e1d;border-radius:8px;font-size:14px;outline:none;color:#3b4a54}.quick-filters{display:flex;margin-top:10px;gap:15px}.filter{font-size:14px;color:#667781;cursor:pointer;padding:5px 0}.filter.active{color:#008069;border-bottom:2px solid #008069}.notification-banner{padding:20px 30px;background-color:#020502;font-size:14px;color:#cad2d6}.notification-button{background:none;border:none;color:#008069;font-weight:600;padding:0;margin-top:5px;cursor:pointer}.chats{flex:1;overflow-y:auto;padding:8px;background-color:#020502}.chats::-webkit-scrollbar{width:6px}.chat-item{display:flex;padding:12px 15px;border-bottom:1px solid #1b1c1d;cursor:pointer;background-color:#020502}.chat-avatar{width:40px;height:40px;border-radius:50%;background-color:#c7b82d;margin-right:12px;overflow:hidden;display:flex;align-items:center;justify-content:center}.avatar-image{width:100%;height:100%;object-fit:cover}.chat-content{justify-content:center;display:flex;flex-direction:column}.chat-headers h3{margin:0;font-size:14px;font-weight:600;color:#b1b8bd;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background-color:#020502}.time{font-size:12px;color:#667781;white-space:nowrap}.last-message{font-size:10px;color:#667781;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0 0 0 30px}.chat-item.unread .last-message{font-weight:600;color:#606c74}.archived-section{padding:8px 15px;background-color:#802323;border-bottom:1px solid #e9edef}.archived-header{font-size:16px;font-weight:600;color:#008069;margin-bottom:8px}.date-divider{padding:8px 15px;color:#667781;font-size:12px;font-weight:500}.chat-item.unread .chat-header h3{font-weight:700}.message-status{color:#667781;font-size:12px}.arch{padding-left:30px;display:flex;flex-direction:row;justify-content:center;align-items:center;background-color:#020502}.usernamess{background-color:transparent!important}.icon{color:#d8d2d2;font-size:30px}.chat-headers{background-color:#020502!important;display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;margin-left:30px;font-size:13px;color:#cad3da}.menu-button{justify-content:center;align-items:center;border:none;background-color:transparent;margin-left:200px}.micon{font-size:16px;color:#c8ced1}}.maincontainer{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;color:#fff;padding:1rem}.maincontainer img{margin:0 auto;width:600px;height:auto;margin-bottom:2rem}.maincontainer h1{font-size:1.5rem;font-weight:600;margin-bottom:.5rem}.maincontainer p{font-size:.875rem;max-width:28rem;color:#d1d5db;margin-bottom:.25rem}.maincontainer p:last-child{font-size:.75rem;margin-top:1rem;color:#6b7280}.button{position:relative;display:flex;justify-content:center;align-items:center;padding:.5rem;border-radius:.5rem;background-color:#9a86f3;border:none;cursor:pointer;margin-right:10px}.button svg{font-size:1.3rem;color:#ebe7ff}.logoutr{color:#9b99a0}.typing-indicator{position:fixed;top:50%;right:95px;transform:translateY(-50%);color:#fff;padding:.5rem;border-radius:.5rem;background-color:#333}.video{position:absolute;right:300px;top:20px;color:#2fff00}.video-icon{font-size:34px}.chat-container{display:flex;flex-direction:column;height:100vh;overflow:hidden}.avatar img{height:3rem}.username h3{color:#fff}.typing{color:#b6c0b4;font-size:14px}.chat-messages{padding:1rem 2rem;display:flex;flex-direction:column;gap:1rem;overflow:auto;flex-grow:1}.chat-messages::-webkit-scrollbar{width:.2rem}.chat-messages::-webkit-scrollbar-thumb{background-color:#ffffff39;width:.1rem;border-radius:1rem}.message{display:flex;align-items:center}.message .content{max-width:90%;overflow-wrap:break-word;font-size:1.1rem;border-radius:1rem;color:#d1d1d1}@media screen and (min-width: 720px) and (max-width: 1080px){.message .content{max-width:70%}}.sended{justify-content:flex-end}.sended .text{padding:10px;height:auto;width:auto;border-radius:10px;background-color:#082102}.recieved{justify-content:flex-start}.recieved .text{padding:10px;height:auto;width:auto;border-radius:10px;background-color:#020518}.pdf-message{width:450px;display:flex;flex-direction:column;border-radius:10px}.sendP{background:#021a0b}.recP{background-color:#020518}.pdf-info p{color:#979393;font-size:15px}.pdf-preview{border-radius:15px;padding:10px;box-shadow:0 2px 4px #0000001a}.pdf-header{margin-bottom:8px}.forwarded{color:#666;font-size:12px}.pdf-thumbnail{position:relative;overflow:hidden}.pdf-preview-container{position:relative;height:100px;background-color:#fff}.pdf-embed{width:100%;height:100%;border:none}.pdf-overlay{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center}.scroll::-webkit-scrollbar{width:1px}.pficon{margin-top:27px}.pdfinfo{display:flex;flex-direction:row;gap:60px}.pdf-overlay-icon{width:90px;height:90px}.pdf-info{margin-top:44px}.pdf-icon-name{display:flex;align-items:center;gap:8px}.pdf-name{font-size:20px;color:#c2b6b6}.pdf-meta{display:flex;gap:4px;font-size:12px;color:#666;margin:4px 0}.pdf-actions{display:flex;gap:8px}.pdf-view-btn{padding:8px;display:flex;justify-content:center;align-items:center;margin-left:150px;color:#b4c0b4;border-radius:50%;text-decoration:none;font-size:14px}.pdf-download-btn{display:flex;align-items:center;justify-content:center;height:40px;width:30px;padding:4px 8px;border-radius:50%;color:#6a6e69;margin-bottom:10px;border-width:2px;border-style:solid;border-color:#5b5e5c}.imgcon{background-color:#14310f;border-radius:10px;padding:6px}.chat-image{width:500px;max-width:100%;border-radius:10px;height:auto;object-fit:contain;margin:5px 0}@media screen and (max-width: 768px){.chat-image{width:300px}}@media screen and (max-width: 480px){.chat-image{width:200px}}.file-upload{display:flex;align-items:center}.file-preview{position:absolute;margin-bottom:150px}.file-preview span{color:#fff;background-color:#333;padding:.5rem 1rem;border-radius:.5rem;display:inline-block}.file-preview .preview-image{max-height:100px;border-radius:.5rem;margin-top:5px}.chat-header{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;background-color:#090a0a;height:70px}.user-info{display:flex;align-items:center;gap:1px}.avatar{width:40px;height:40px;border-radius:50%;overflow:hidden;background-color:#666}.avatar img{width:100%;height:100%;object-fit:cover}.user-details{margin-left:20px;display:flex;flex-direction:column;gap:10px}.last-seen{margin-right:0;font-size:12px;color:#667781}.chat-header{display:flex;justify-content:space-between;align-items:center;padding:10px}.chat-actions{margin-right:26px;display:flex;gap:24px}.icon-button{background:none;border:none;cursor:pointer;color:#c0baba;display:flex;align-items:center}.icon-button:hover{color:#696464}.video-call-container{position:fixed;bottom:20px;right:20px;width:620px;height:880px;background-color:#1f2c34;border-radius:12px;box-shadow:0 4px 20px #0000004d;overflow:hidden;display:flex;flex-direction:column;z-index:1000;transition:all .3s ease}.video-call-container.minimized{width:160px;height:80px;bottom:auto;top:20px;right:20px}.video-call-header{background-color:#2a3942;padding:10px 12px;display:flex;justify-content:space-between;align-items:center}.caller-info{display:flex;align-items:center;gap:8px;color:#fff;font-size:14px;flex-grow:1;min-width:0}.caller-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover}.caller-name{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.call-status{font-size:12px;color:#aebac1;margin-left:4px}.call-controls-header{display:flex;gap:8px}.minimize-button,.close-button{background:none;border:none;color:#fff;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center}.minimize-button:hover,.close-button:hover{background-color:#ffffff1a;border-radius:50%}.video-content{flex-grow:1;position:relative;background-color:#0b141a}.minimized .video-content{display:none}.remote-video-wrapper{width:100%;height:100%;background-color:#0b141a}.waiting-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#fff}.waiting-avatar{width:80px;height:80px;border-radius:50%;overflow:hidden;margin-bottom:16px}.waiting-avatar img{width:100%;height:100%;object-fit:cover}.waiting-text{display:flex;font-size:24px;color:#5d615d}.waiting-text p{color:#878b88}.waiting-text:after{content:"............";animation:dotFade 1.5s infinite;display:inline-block;width:1.2em;text-align:left;color:#878b88}.local-video-wrapper{position:absolute;bottom:16px;right:16px;width:100px;height:140px;border-radius:6px;overflow:hidden;border:2px solid rgba(255,255,255,.2);background-color:#000}.video-call-footer{background-color:#2a3942;padding:12px;display:flex;justify-content:center;gap:16px}.control-button{display:flex;flex-direction:column;align-items:center;background:none;border:none;color:#fff;font-size:12px;cursor:pointer;min-width:50px}.control-icon{width:40px;height:40px;border-radius:50%;background-color:#3d4b54;display:flex;align-items:center;justify-content:center;margin-bottom:4px}.control-icon.red{background-color:#f15c6d}.control-icon.green{background-color:#25d366}.control-button:hover .control-icon{background-color:#4f5b64}.control-button:hover .control-icon.red{background-color:#e04a5a}.control-button:hover .control-icon.green{background-color:#1ec056}.callfrom{display:flex;flex-direction:column;position:relative;justify-content:center;align-items:center;bottom:454px;gap:50px}.waiting-call{width:80px;height:80px;border-radius:50%;overflow:hidden;margin-bottom:16px}.waiting-call img{width:100%;height:100%;object-fit:cover}.call-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}.waiting-avatar-container{position:relative;width:120px;height:120px}.waiting-call{width:120px;height:120px;border-radius:50%;object-fit:cover;position:relative;z-index:2;box-shadow:0 4px 15px #4a90e24d}.pulse-ring{content:"";position:absolute;width:100%;height:100%;top:0;left:0;border-radius:50%;background-color:#303e50;opacity:.9;z-index:1;animation:pulse-animation 2s infinite cubic-bezier(.4,0,.2,1);box-shadow:0 0 10px #4a90e280}.pulse-ring.delay{animation-delay:1s}@keyframes dotFade{0%{opacity:0}50%{opacity:1}to{opacity:0}}.waiting-call-text{font-size:1.3rem;color:#cbd4dd;font-weight:300;text-shadow:0 0 5px rgba(74,144,226,.3);animation:text-pulse 1.5s infinite ease-in-out;display:inline-flex;align-items:center;gap:8px}@keyframes text-pulse{0%{opacity:1;transform:scale(1);color:#d3d9df;text-shadow:0 0 5px rgba(74,144,226,.3)}50%{opacity:.8;transform:scale(1.05);color:#b4bbc4;text-shadow:0 0 10px rgba(74,144,226,.5)}to{opacity:1;transform:scale(1);color:#ebecee;text-shadow:0 0 5px rgba(74,144,226,.3)}}@keyframes pulse-animation{0%{transform:scale(.8);opacity:.9;box-shadow:0 0 10px #4d545c80}70%{transform:scale(1.5);opacity:.4;box-shadow:0 0 20px #3f4c5acc}to{transform:scale(1.8);opacity:0;box-shadow:0 0 30px #4a90e200}}.pulse-ring:nth-child(2){animation-delay:.5s}.pulse-ring:nth-child(3){animation-delay:1s}.contaaa{display:flex;align-items:center;background-color:#0c0c0c;padding:20px}@media screen and (min-width: 720px) and (max-width: 1080px){.contaaa{padding:0 1rem;gap:1rem}}.contaaa .button-container{display:flex;align-items:center;color:#fff;gap:1rem}.contaaa .button-container .emoji{position:relative}.contaaa .button-container .emoji svg{font-size:1.5rem;color:#939c9ac8;cursor:pointer}.contaaa .button-container .emoji .emoji-picker-react{position:absolute;top:-350px;background-color:#080420;box-shadow:0 5px 10px #9a86f3;border-color:#9a86f3}.contaaa .button-container .emoji .emoji-picker-react .emoji-scroll-wrapper::-webkit-scrollbar{background-color:#080420;width:5px;&-thumb{background-color:#9a86f3}}.contaaa .button-container .emoji .emoji-picker-react .emoji-categories button{filter:contrast(0)}.contaaa .button-container .emoji .emoji-picker-react .emoji-search{background-color:transparent;border-color:#9a86f3}.contaaa .button-container .emoji .emoji-picker-react .emoji-group:before{background-color:#080420}.contaaa .input-container{flex:1;border-radius:12px;display:flex;align-items:center;gap:2rem;margin-left:20px;background-color:#5e565634}.contaaa .input-container input{width:90%;height:60%;background-color:transparent;color:#fff;border:none;padding-left:1rem;font-size:1.2rem}.contaaa .input-container input::selection{background-color:#9a86f3}.contaaa .input-container input:focus{outline:none}.contaaa .input-container button{padding:.3rem 2rem;border-radius:2rem;display:flex;justify-content:center;align-items:center;border:none}@media screen and (min-width: 720px) and (max-width: 1080px){.contaaa .input-container button{padding:.3rem 1rem}.contaaa .input-container button svg{font-size:1rem}}.contaaa .input-container button svg{font-size:2rem;color:#fff}.contaaa .finbut{background-color:transparent}.contaaa .emoji-picker{position:absolute;bottom:50px;background-color:#080420;box-shadow:0 5px 10px #9a86f3;border-color:#9a86f3}.contaaa .t-1{position:fixed;top:0;width:100%;text-align:center;background-color:#080420;color:#fff;padding:10px;z-index:999}.sicon{height:auto;width:auto;display:flex;justify-content:center;align-items:center;gap:20px}.riicon{height:auto;width:auto;display:flex;justify-content:center;align-items:center;flex-direction:row-reverse;gap:20px}.iconx{display:flex;justify-content:center;align-items:center;height:40px;width:40px;border-radius:50%;background-color:#080420;font-size:30px}.emojid{color:#080420}@media screen and (max-width: 768px){.navigate{font-size:32px;display:block;color:#6b729c}.chat-container{display:flex;flex-direction:column;overflow:hidden;height:840px;width:377px}.chat-header{position:fixed;width:360px!important;display:flex;justify-content:space-between;align-items:center;background-color:#090a0a;height:70px}.pdf-preview-container{display:none}.chat-messages{display:flex;flex-direction:column;gap:1rem;overflow:auto;flex-grow:1}.message{display:flex;align-items:center}.recieved{color:#020518}.sended{justify-content:flex-end}.message .content{max-width:90%;overflow-wrap:break-word;font-size:10px;border-radius:1rem}.pdf-message{display:flex;flex-direction:column;border-radius:10px}.sendP{background:#021a0b}.recP{background-color:#020518}.pdf-info p{color:#979393;font-size:15px}.pdf-preview{border-radius:15px;padding:10px;box-shadow:0 2px 4px #0000001a}.pdf-header{display:none;margin-bottom:8px}.forwarded{color:#666;font-size:12px}.pdf-thumbnail{position:relative;overflow:hidden}.pdf-preview-container{position:relative;height:100px;background-color:#fff}.pdf-embed{width:100%;height:100%;border:none}.pdf-overlay{display:none;position:absolute;top:0;left:0;right:0;bottom:0;align-items:center;justify-content:center}.scroll::-webkit-scrollbar{width:1px}.pficon{margin-top:27px}.pdfinfo{display:flex;flex-direction:row;gap:60px}.pdf-overlay-icon{width:40px;height:40px}.pdf-info{margin-top:44px}.pdf-icon-name{display:flex;align-items:center;gap:8px}.pdf-name{font-size:20px;color:#c2b6b6}.pdf-meta{display:none;gap:4px;font-size:12px;color:#666;margin:4px 0}.pdf-actions{display:flex;gap:8px}.pdf-view-btn{display:none;margin-left:60px;color:#b4c0b4;border-radius:50%;text-decoration:none;font-size:14px}.pdf-download-btn{position:relative;display:flex;margin-left:60px;margin-top:10px;align-items:center;justify-content:center;height:20px;width:10px;padding:4px 8px;border-radius:50%;color:#6a6e69;margin-bottom:10px;border-width:1px;border-style:solid;border-color:#5b5e5c}.iconx{display:flex;justify-content:center;align-items:center;height:20px;width:20px;border-radius:50%;background-color:#080420;font-size:30px}.contaaa{width:340px}}.loader-container{margin-top:300px;display:flex;flex-direction:column;align-items:center;justify-content:center}.loading{height:100px;width:500px}.compimg{display:flex;flex-direction:row;position:relative;width:400px;height:100px}.icon{width:24px;height:24px;top:100px}.left-icon{margin-top:88px;margin-right:60px;font-size:40px;color:#8b8989}.right-icon{font-size:40px;margin-top:90px;margin-left:280px;right:0;color:#8b8989}.dots{position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none}.dots svg{width:100%;height:100%}.dots path{fill:none;stroke:#635c5c;stroke-dasharray:3,10;stroke-linecap:round;stroke-width:2}.text-center{color:#494c4d}.containersuccess{height:100vh;background-color:#000;color:#fff;font-family:"'SamsungOne', -apple-system, sans-serif";padding:20px;display:flex;flex-direction:column;overflow:auto}.deviceImageContainer{position:relative;width:100%;height:200px;border-radius:16px;overflow:hidden;margin-bottom:20px;background-color:#111;display:flex;justify-content:center;align-items:center}.deviceImage{height:90%;object-fit:contain;filter:drop-shadow(0 0 8px rgba(255,255,255,.1))}.previewBadge{position:absolute;bottom:12px;right:12px;background-color:#000000b3;padding:4px 8px;border-radius:12px;font-size:12px;display:flex;align-items:center}.header{display:flex;align-items:center;margin-bottom:20px}.iconCircle{width:40px;height:40px;border-radius:20px;background-color:#222;display:flex;align-items:center;justify-content:center;margin-right:15px}.title{font-size:20px;font-weight:600;margin:0}.statusBar{background-color:#111;border-radius:12px;padding:16px;margin-bottom:20px}.statusItem{color:#b7c0b4;display:flex;align-items:center;margin-bottom:12px}.actionButtonsContainer{background-color:#111;border-radius:12px;overflow:hidden}.actionButtonsContainer button{color:#818680}.actionButton{width:100%;display:flex;align-items:center;padding:18px 16px;background-color:transparent;border:none;border-bottom:1px solid #222;color:#fff;font-size:16px}.destructiveButton{color:#ff3b30;border-bottom:none}.pard{font-size:12 px;margin-top:30px;color:#686565}.whatsapp-login-container{background-color:#000;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1rem}.dark .whatsapp-login-container{background-color:#1a202c}.login-card{max-width:28rem;width:100%;background-color:#000;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;padding:1.5rem}.dark .login-card{background-color:#2d3748}.login-header{text-align:center;margin-bottom:1.5rem}.login-title{font-size:1.5rem;font-weight:600;color:#1a202c;margin-bottom:.25rem}.dark .login-title{color:#fff}.login-subtitle{font-size:.875rem;color:#4a5568}.dark .login-subtitle{color:#a0aec0}.qr-section{display:flex;flex-direction:column;align-items:center;margin-bottom:2rem}.qrcode{border:1px solid #e2e8f0;border-radius:.25rem;width:600px;height:600px}.dark .qrcode{border-color:#4a5568}.scan-instruction{font-size:.75rem;color:#718096;margin-top:.5rem;text-align:center}.dark .scan-instruction{color:#a0aec0}.qr-placeholder{border:1px solid #e2e8f0;border-radius:.25rem;width:16rem;height:16rem;display:flex;align-items:center;justify-content:center}.dark .qr-placeholder{border-color:#4a5568;color:#a0aec0}.loader-container{display:flex;flex-direction:column;align-items:center}.connection-animation{display:flex;align-items:center;justify-content:center;margin-bottom:1rem}.phone-icon,.computer-icon{font-size:1.5rem;color:#718096}.dark .phone-icon,.dark .computer-icon{color:#a0aec0}.connection-dots{margin:0 1rem;width:3.75rem;height:1.25rem}.connection-dots circle{fill:currentColor;color:#a0aec0}.dot-1{animation:bounce 1s infinite}.dot-2{animation:bounce 1s infinite .2s}.dot-3{animation:bounce 1s infinite .4s}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.connecting-text{font-size:.875rem;color:#718096}.dark .connecting-text{color:#a0aec0}.steps-container{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.step{display:flex;align-items:flex-start}.step-number{background-color:#f0fff4;border-radius:9999px;padding:.25rem .5rem;color:#38a169;font-weight:700;font-size:.75rem;margin-right:.75rem;margin-top:.125rem}.dark .step-number{background-color:#22543d;color:#9ae6b4}.step-text{font-size:.875rem;color:#4a5568;flex:1}.dark .step-text{color:#e2e8f0}.bold-text{font-weight:500}.footer-section{padding-top:1rem;border-top:1px solid #e2e8f0}.dark .footer-section{border-top-color:#4a5568}.help-text{text-align:center;color:#718096;font-size:.75rem;margin-bottom:1rem}.dark .help-text{color:#a0aec0}.footer-actions{display:flex;flex-direction:column;gap:.75rem}.phone-login-button{width:100%;padding:.5rem 1rem;border:1px solid #e2e8f0;border-radius:.25rem;color:#38a169;font-weight:500;font-size:.875rem;background-color:transparent;cursor:pointer;transition:background-color .2s}.dark .phone-login-button{border-color:#4a5568;color:#68d391}.phone-login-button:hover{background-color:#f7fafc}.dark .phone-login-button:hover{background-color:#2d3748}.stay-logged-in{display:flex;align-items:center;justify-content:center;gap:.5rem}.stay-logged-checkbox{border-radius:.125rem;color:#38a169;width:1rem;height:1rem;border:1px solid #e2e8f0}.dark .stay-logged-checkbox{border-color:#4a5568}.stay-logged-label{font-size:.75rem;color:#4a5568}.dark .stay-logged-label{color:#e2e8f0}.login-card-horizontal{display:flex;background-color:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;padding:1.5rem;max-width:64rem;width:100%;gap:2rem}.dark .login-card-horizontal{background-color:#2d3748}.login-left{flex:1;display:flex;flex-direction:column;justify-content:space-between}.qr-section{flex-shrink:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.container{display:flex;background-color:#8a2be2;justify-content:center;padding:0;margin:0;gap:0}.l5{background-color:#0ff;width:540px;margin:0;padding:0;display:flex}.r5{width:1310px;background-image:url(https://w0.peakpx.com/wallpaper/901/891/HD-wallpaper-pattern-black-dark-grey-shape-thumbnail.jpg);margin:0;padding:0}.ricon{width:80px;background-color:#556363}.main-cont{height:100vh;display:flex;justify-content:center;background-color:#383438}.left-sidebar{width:90px;background-color:#1c1f1b;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:1rem 0}.sidebar-logo{width:40px;height:40px;margin-bottom:30px}.sidebar-icon{width:50px;height:50px;border-radius:50%;display:flex;justify-content:center;align-items:center;margin-bottom:10px;cursor:pointer;color:#54656f}.sidebar-icon:hover{background-color:#292b2c}.sidebar-icon.active{background-color:#d1d7db;color:#111b21}.sidebar-icon .icon{font-size:20px;color:#a4a6a7}.sidebar-divider{width:40px;height:1px;background-color:#e9edef;margin:15px 0}.chat-list-container{flex:1;display:flex;flex-direction:column}.prof{bottom:0;width:40px;height:40px;border-radius:50%;overflow:hidden;background-color:#666;display:flex;margin-left:10px}.prof img{width:100%;height:100%;object-fit:cover}.logout{display:flex;justify-content:center;align-items:center;font-size:20px;width:60px;height:60px;color:#fff}@media screen and (max-width: 768px){.left-sidebar{width:60px;padding:.5rem 0}.sidebar-icon{width:40px;height:40px;margin-bottom:8px}.sidebar-icon .icon{font-size:16px}.sidebar-divider{width:30px;margin:10px 0}.logout{width:40px;height:40px;font-size:16px}.prof{width:32px;height:32px;margin-bottom:10px}.r5{width:100%}.r5>.welcome{display:none}.sidebar-bottom{margin-bottom:60px}.container{display:flex;width:100%}@media (max-width: 768px){.l5{width:100%}.r5{display:none;width:100%}.container.mobile-chat-active .l5{display:none}.container.mobile-chat-active .r5{display:block}}}.app-container{display:flex;flex-direction:column;min-height:100vh;width:380px;padding:0;align-items:center}.app-header{width:100%;background-color:var(--surface);padding:16px 24px;box-shadow:0 2px 10px #0000004d;margin-bottom:24px}.logo-container{display:flex;align-items:center;gap:16px}.app-logo{width:48px;height:48px;margin-left:10px;border-radius:12px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 8px #6200ee33}.app-logo svg{width:32px;height:32px}.app-header-text h1{font-size:22px;font-weight:600;color:var(--on-surface);margin-bottom:2px;margin-left:60px}.app-header-text p{font-size:14px;color:#ffffffb3;margin-left:26px}.scanner-card{width:100%;max-width:400px;background-color:var(--surface);border-radius:24px;padding:24px;box-shadow:0 8px 32px #0000004d;overflow:hidden;margin:0 16px}.scanner-header{text-align:center;margin-bottom:24px}.app-title{font-size:22px;font-weight:500;color:var(--primary-light);margin-bottom:8px}.app-subtitle{font-size:14px;color:#ffffffb3}.scanner-wrapper{position:relative;width:100%;aspect-ratio:1/1;margin-bottom:24px;background-color:#000;border-radius:16px;overflow:hidden}.qr-scanner{width:100%;height:100%}.scan-status{position:absolute;bottom:16px;left:0;right:0;text-align:center;color:#fff;font-size:14px;background-color:#00000080;padding:8px;border-radius:4px;margin:0 16px}.scanning-animation{position:absolute;top:20%;left:10%;right:10%;height:2px;background-color:var(--primary-color);box-shadow:0 0 10px var(--primary-light);animation:scanning 2s infinite ease-in-out;border-radius:2px}@keyframes scanning{0%{top:20%}50%{top:80%}to{top:20%}}.scanner-guide{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none}.guide-line{position:absolute;width:30px;height:30px;border-color:var(--primary-color);border-width:3px;border-style:solid}.guide-line.top-left{top:16px;left:16px;border-right:none;border-bottom:none;border-radius:8px 0 0}.guide-line.top-right{top:16px;right:16px;border-left:none;border-bottom:none;border-radius:0 8px 0 0}.guide-line.bottom-left{bottom:16px;left:16px;border-right:none;border-top:none;border-radius:0 0 0 8px}.guide-line.bottom-right{bottom:16px;right:16px;border-left:none;border-top:none;border-radius:0 0 8px}.scan-preview{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:24px;text-align:center}.scan-success-icon{width:64px;height:64px;background-color:var(--primary-color);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:16px;box-shadow:0 4px 12px #6200ee4d}.scan-success-icon svg{width:36px;height:36px;fill:#fff}.scan-result-title{font-size:20px;margin-bottom:16px;color:var(--secondary-color)}.scan-result-data{width:100%;background-color:#ffffff1a;padding:12px;border-radius:8px;max-height:150px;overflow-y:auto;font-family:monospace;font-size:12px;text-align:left}.scanner-actions{display:flex;flex-direction:column;gap:12px}.scan-again-button,.test-button{width:100%;padding:14px;border:none;border-radius:12px;font-size:16px;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px}.scan-again-button{background-color:var(--primary-color);color:var(--on-primary);box-shadow:0 4px 8px #6200ee4d}.scan-again-button:hover{background-color:var(--primary-dark);transform:translateY(-2px)}.test-button{background-color:var(--surface-light);color:var(--secondary-color);border:1px solid var(--secondary-color)}.test-button:hover{background-color:#03dac61a}.app-footer{margin-top:32px;margin-bottom:16px;text-align:center;font-size:12px;color:#ffffff80;padding:0 16px}.developer-name{color:var(--secondary-color);font-weight:500}@media (max-width: 480px){.scanner-card{border-radius:16px 16px 0 0;margin:0;padding:20px}.app-header{padding:12px 16px}.app-logo{width:40px;height:40px;border-radius:10px}.app-logo svg{width:24px;height:24px}.app-header-text h1{font-size:18px}.app-title{font-size:20px}}.scan-error-icon{width:80px;height:80px;margin:0 auto 20px;color:#f44}.scan-error-icon svg{width:100%;height:100%}.loading-spinner{border:8px solid #f3f3f3;border-top:8px solid #3498db;border-radius:50%;width:80px;height:80px;animation:spin 1s linear infinite;margin:20px auto}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;height:300px}*{margin:0;padding:0}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;overflow:hidden;width:auto;display:flex;justify-content:center;align-items:center;color-scheme:light dark;color:#ffffffde;background-color:#000;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}body{overflow:hidden}