@import url(https://fonts.googleapis.com/css2?family=Bungee+Shade&family=Roboto:wght@300&display=swap);*{box-sizing:border-box;margin:0;padding:0}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}button{cursor:pointer;justify-content:center;text-align:center}.flex{display:flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.w-full{width:100%}.h-full{height:100%}.min-h-screen{min-height:100vh}.hidden{display:none}.block{display:block}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.cursor-pointer{cursor:pointer}.cursor-default{cursor:default}.text-white{color:#fff}.text-gray-500{color:#6b7280}.text-gray-600{color:#4b5563}.text-gray-700{color:#374151}.text-gray-800{color:#1f2937}.text-red-500{color:#ef4444}.text-red-600{color:#dc2626}.text-indigo-700{color:#3730a3}.text-slate-50{color:#f8fafc}.text-slate-300{color:#cbd5e1}.bg-white{background-color:#fff}.bg-gray-50{background-color:#f9fafb}.bg-gray-100{background-color:#f3f4f6}.bg-gray-200{background-color:#e5e7eb}.bg-gray-300{background-color:#d1d5db}.bg-gray-600{background-color:#4b5563}.bg-gray-700{background-color:#374151}.bg-gray-800{background-color:#1f2937}.bg-red-500{background-color:#ef4444}.text-xs{font-size:.75rem;line-height:1rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-base{font-size:1rem;line-height:1.5rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-2xl{font-size:1.5rem;line-height:2rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.m-0{margin:0}.mt-0{margin-top:0}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-10{margin-top:2.5rem}.mt-16{margin-top:4rem}.mb-1{margin-bottom:.25rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.ml-2{margin-left:.5rem}.ml-3{margin-left:.75rem}.ml-4{margin-left:1rem}.ml-6{margin-left:1.5rem}.ml-12{margin-left:3rem}.mr-1{margin-right:.25rem}.mr-2{margin-right:.5rem}.mr-4{margin-right:1rem}.mr-6{margin-right:1.5rem}.mr-12{margin-right:3rem}.mr-16{margin-right:4rem}.mx-2{margin-left:.5rem;margin-right:.5rem}.my-10{margin-bottom:2.5rem;margin-top:2.5rem}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-4{padding:1rem}.pt-1{padding-top:.25rem}.pt-4{padding-top:1rem}.pt-8{padding-top:2rem}.pt-10{padding-top:2.5rem}.py-1{padding-bottom:.25rem;padding-top:.25rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.py-4{padding-bottom:1rem;padding-top:1rem}.py-6{padding-bottom:1.5rem;padding-top:1.5rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.pl-2{padding-left:.5rem}.pl-3{padding-left:.75rem}.pl-10{padding-left:2.5rem}.border{border-width:1px}.border-2{border-width:2px}.border-t{border-top-width:1px}.border-b-2{border-bottom-width:2px}.border-transparent{border-color:transparent}.border-white{border-color:#fff}.border-gray-100{border-color:#f3f4f6}.border-gray-300{border-color:#d1d5db}.border-gray-600{border-color:#4b5563}.border-blue-500{border-color:#3b82f6}.border-indigo-700{border-color:#3730a3}.rounded{border-radius:.25rem}.rounded-lg{border-radius:.5rem}.rounded-2xl{border-radius:1rem}.rounded-full{border-radius:9999px}.rounded-md{border-radius:.375rem}.w-3{width:.75rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-8{width:2rem}.w-10{width:2.5rem}.w-12{width:3rem}.w-30{width:7.5rem}.w-40{width:10rem}.w-64{width:16rem}.h-3{height:.75rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-8{height:2rem}.h-10{height:2.5rem}.h-12{height:3rem}.z-40{z-index:40}.z-50{z-index:50}.top-0{top:0}.right-0{right:0}.left-0{left:0}.inset-y-0{bottom:0;top:0}.transform{-webkit-transform:var(--tw-transform);transform:var(--tw-transform)}.translate-x-0{-webkit-transform:translateX(0);transform:translateX(0)}.-translate-x-full{-webkit-transform:translateX(-100%);transform:translateX(-100%)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-150,.transition{transition-duration:.15s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-2:focus{box-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.focus\:ring-blue-500:focus{--tw-ring-color:#3b82f6}.focus\:border-blue-500:focus{border-color:#3b82f6}.focus\:border-white:focus{border-color:#fff}.focus\:border-indigo-700:focus{border-color:#3730a3}.focus\:text-indigo-700:focus{color:#3730a3}.focus\:bg-gray-100:focus,.hover\:bg-gray-100:hover{background-color:#f3f4f6}.hover\:bg-gray-600:hover{background-color:#4b5563}.hover\:bg-slate-200:hover{background-color:#e2e8f0}.hover\:text-slate-300:hover{color:#cbd5e1}.hover\:text-indigo-700:hover{color:#3730a3}.shadow{box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1)}.shadow-xl{box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1)}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.opacity-50{opacity:.5}.inline-flex{display:inline-flex}.gap-2{gap:.5rem}.divide-y>*+*{border-top-width:1px}.divide-gray-100>*+*{border-color:#f3f4f6}.leading-3{line-height:.75rem}.leading-4{line-height:1rem}.leading-5{line-height:1.25rem}.leading-normal{line-height:1.5}.tracking-normal{letter-spacing:0}.object-cover{object-fit:cover}.box-signin{text-align:center}.box-links{display:flex}.box-links div{margin-right:4px}.creator{font-size:14px}.links{margin-top:2px}.sp-creator{font-weight:700}.container-footer{bottom:0;margin:0 0 4px 8px;position:fixed}.box-header{text-align:right}.box-header span{margin-right:20px}.box-header .link-ide{margin-right:40px}a .side-elements:hover{color:rgba(0,0,0,.2)}a{color:#a9a9a9}.container-home{display:flex;flex-direction:column}.container-home div{text-align:center}.container-showcase{display:flex;margin:0 auto}.container-showcase div{align-items:center;flex:1 1}.project-titles{border:1.5px solid #374151;border-radius:4px;color:#374151;font-size:22px;font-weight:700;padding-left:7px;padding-right:7px;text-align:center}.project-titles-box{margin-bottom:0;margin-top:0}.change-text-title{font-size:22px}.side-elements{background-color:#fff;border:1.5px solid #374151;border-radius:4px;color:#374151;font-size:14px;font-weight:700;margin-bottom:10px;margin-top:5px;text-align:center}.side-elements.links{padding:1.5px 3px}.side-elements.slink{margin-bottom:4px}.container-comment-btn,.container-deployed,.container-dropdown,.container-repo{display:flex}.container-comment-btn div,.container-deployed div,.container-dropdown div,.container-repo div{flex:1 1}.container-deployed .home-deployed,.container-repo .home-repo{flex:4 1}.container-comment-btn .box-comment-btn{flex:3 1}.container-dropdown .comments-display{flex:1 1}.project-creator{display:flex}.project-creator div{flex:1 1}.project-creator .box-project-creator{flex:3.5 1}.add-btn button{background-color:#fff;border:1.5px solid #475569;border-radius:4px;margin-top:2px;padding-left:5px;padding-right:5px}.project-creator .add-btn{align-items:left;justify-content:left}.explore{color:rgba(0,0,0,.8);font-size:20px;margin-bottom:10px;margin-top:10px}.container-title div{align-items:center;display:flex;flex:1 1;flex-direction:row;justify-content:center;padding-bottom:4px}.container-showcase .box-showcase{flex:3 1;margin-bottom:10px}.project-pic{border-color:#374151;border-radius:4px;border-width:2px;margin-bottom:10px;min-width:150px}.container-new-project{display:flex;flex-direction:row}.container-new-project div{flex:1 1}div .btn-update-project{background-color:#374151;border:2px outset rgba(0,0,0,.4);border-radius:4px;color:green;font-size:16px;margin-right:4px;padding-left:4px;padding-right:4px}.btn-update-project:hover{background-color:rgba(55,65,81,.4);color:rgba(20,146,20,.854)}.btn-update-project:disabled{cursor:not-allowed;opacity:.6}.btn-delete-project{background-color:#374151;border:2px outset rgba(0,0,0,.4);border-radius:4px;color:rgba(0,0,0,.8);color:rgba(255,0,0,.722);font-size:16px;margin-left:4px;padding-left:4px;padding-right:4px}.btn-delete-project:hover{background-color:rgba(55,65,81,.4)}.btn-delete-project:disabled{cursor:not-allowed;opacity:.6}.new-project{background:none;border:none;color:rgba(0,0,0,.8);cursor:pointer;font-size:20px}.new-project:hover{color:rgba(55,65,81,.8)}body.active-modal{overflow-y:hidden}.btn-modal{display:block}.modal,.overlay{bottom:0;height:100vh;left:0;position:fixed;right:0;top:0;width:100vw}.overlay{background:rgba(49,49,49,.8);display:block;height:100%;position:fixed;width:100%}.filler{display:none}.modal-content{background-color:#fff;border:2px solid rgba(0,0,0,.8);border-radius:6px;left:50%;line-height:1.4;max-width:600px;min-width:300px;padding:14px 28px;position:absolute;text-align:center;top:40%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.modal-content div{display:flex;flex-direction:column}.input-form{background-color:#d3d3d3;border:1px solid #ccc;border-radius:2px;padding:8px}.input-form:focus{border-color:#3b82f6;box-shadow:0 0 0 2px rgba(59,130,246,.2);outline:none}.input-form:disabled{background-color:#f3f4f6;cursor:not-allowed}.modal-submit{background-color:#b1afaf;border:2px outset rgba(0,0,0,.2);border-radius:4px;color:rgba(0,0,0,.7);font-size:16px;margin-top:10px;padding-left:4px;padding-right:4px}.modal-submit:hover{color:rgba(0,0,0,.2)}.close-modal{background:none;border:none;cursor:pointer;font-size:16px;padding:5px 7px;position:absolute;right:10px;top:10px}.close-modal:hover{color:rgba(0,0,0,.5)}.close-modal:disabled{cursor:not-allowed;opacity:.6}.input-lbl{color:rgba(0,0,0,.7);margin-bottom:4px;text-align:left}.title-form{border:none;border-bottom:2px solid #334155;font-size:18px;font-weight:700;margin-bottom:6px;margin-left:75px;margin-right:75px}.change-buttons{display:flex;gap:8px;justify-content:center;margin-bottom:16px}.delete-modal-question{color:rgba(0,0,0,.8);font-size:18px;margin-bottom:16px}.search-field{margin-top:50px}.search-display{overflow-x:auto;overflow-y:hidden;width:100%}.container-add-btn,.search-display,.search-projects{display:flex}.search-display div{margin:auto}.container-add-btn div,.search-projects div{flex:1 1}.search-display .home-projects{flex:5 1}.search-button{color:#374151}.add-btn,.box-comment-btn{align-items:center;justify-content:center;text-align:center}.iframe-style{border:0;border:2px outset rgba(0,0,0,.8);border-radius:4px;height:500px;overflow:hidden;width:100%}.container-ide{align-items:center;display:flex;flex-direction:row;justify-content:center;margin-top:30px}.container-ide div{flex:1 1;text-align:center}.container-ide .frame-box{flex:5 1}.ide-title{font-size:18px;padding-top:10px;text-align:center}.google-blue{color:#4285f4}.google-red{color:#db4437}.google-yellow{color:#f4b400}.google-green{color:#0f9d58}.project-creator{font-size:12px}.hi{margin-left:8px}.home-projects{border-radius:10px;margin-bottom:50px;padding-bottom:10px;padding-top:20px}.container-spacer{display:flex}.container-spacer div{flex:1 1}.container-spacer .home-projects{flex:4 1}.container-back-link,.container-back-repo{display:flex}.container-back-link div,.container-back-repo div{flex:1 1}.container-back-link .home-deployedLink,.container-back-repo .home-repo{flex:4 1}.font-change{font-family:Roboto,sans-serif}.breach,.error-banner{text-align:center}.error-banner{background-color:#ef4444;color:#fff;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:50}.error-banner button{background:none;border:none;color:#fff;cursor:pointer;margin-left:1rem;text-decoration:underline}.validation-error{color:#ef4444;font-size:.75rem;margin-top:.25rem}.loading{opacity:.6;pointer-events:none}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.container{margin-left:auto;margin-right:auto;padding-left:1.5rem;padding-right:1.5rem;width:100%}.form-group,.input-box{margin-bottom:1rem}.input-box input{width:100%}@media screen and (max-width:1280px){.xl\:hidden{display:none}.xl\:block{display:block}.xl\:flex{display:flex}.explore{margin-top:75px}.container-spacer .home-projects{flex:5 1}.ide-title{padding-top:50px}.search-field{margin-top:0;padding-top:75px}.breach{padding-top:50px}.container-comment-btn .box-comment-btn{flex:2 1}}@media screen and (min-width:1280px){.xl\:hidden{display:none}.xl\:block{display:block}.xl\:flex{display:flex}}@media screen and (min-width:768px){.md\:w-8{width:2rem}.md\:h-8{height:2rem}.md\:text-2xl{font-size:1.5rem;line-height:2rem}.md\:mr-6{margin-right:1.5rem}}@media screen and (min-width:640px){.sm\:block{display:block}.sm\:w-auto{width:auto}.sm\:items-stretch{align-items:stretch}.sm\:justify-start{justify-content:flex-start}.sm\:ml-2{margin-left:.5rem}}.project-card-container{display:flex;margin-bottom:3rem}.project-card-container>div:first-child,.project-card-container>div:last-child{flex:1 1}.project-card{border-radius:.5rem;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);flex:4 1;padding:1.25rem 0 .625rem}.project-card-title{display:flex;padding-bottom:.25rem}.project-card-title>div{align-items:center;display:flex;flex:1 1;flex-direction:row;justify-content:center}.project-title-text{background-color:#fff;border:1.5px solid #374151;border-radius:.25rem;color:#374151;font-size:1.375rem;font-weight:700;margin:0;padding:0 .4375rem;text-align:center}.project-creator-section{display:flex}.project-creator-section>div{flex:1 1}.project-creator-content{align-items:center;display:flex;flex:3.5 1!important;font-size:.75rem;justify-content:center}.project-creator-name{margin-right:.25rem}.project-creator-avatar{border-radius:9999px;height:2.5rem;object-fit:cover;width:2.5rem}.project-showcase{display:flex;margin:0 auto}.project-showcase>div{align-items:center;flex:1 1}.project-links{display:flex;flex-direction:column}.project-link-container{display:flex;margin-bottom:.5rem}.project-link-container>div{flex:1 1}.project-link-content{flex:4 1!important}.project-link{background-color:#fff;border:1.5px solid #374151;border-radius:.25rem;color:#374151;display:block;font-size:.875rem;font-weight:700;margin:.3125rem 0 .625rem;padding:.125rem .1875rem;text-align:center;text-decoration:none}.project-link:hover{color:rgba(0,0,0,.2)}.project-image-container{flex:3 1!important;margin-bottom:.625rem}.project-image{border:2px solid #374151;border-radius:.25rem;height:auto;margin-bottom:.625rem;min-width:9.375rem;width:100%}.project-comments-section{display:flex;flex-direction:column}.project-comments-button-container{display:flex;margin-bottom:.5rem}.project-comments-button-container>div{flex:1 1}.project-comments-button-content{align-items:center;display:flex;flex:3 1!important;justify-content:center;text-align:center}.project-comments-button{align-items:center;background-color:#fff;border:1.5px solid #374151;border-radius:.25rem;color:#374151;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:700;margin-bottom:.25rem;padding:.125rem .25rem;text-align:center;transition:all .15s ease-in-out}.project-comments-button:hover{background-color:#f3f4f6}.project-comments-button:focus{box-shadow:0 0 0 2px hsla(220,9%,46%,.5);outline:2px solid transparent;outline-offset:2px}.project-comments-dropdown{display:flex;margin-bottom:.5rem}.project-comments-dropdown>div{flex:1 1}.project-comments-list{align-items:center;background-color:#4b5563;border-radius:.25rem;border-top:1px solid #f3f4f6;box-shadow:0 1px 3px 0 rgba(0,0,0,.1);cursor:default;display:flex;flex:1 1!important;flex-direction:column}.project-comment{border-bottom:1px solid #f3f4f6;color:#f8fafc;display:block;font-size:.75rem;padding:.5rem 1rem;transition:all .15s ease-in-out;width:100%}.project-comment:last-child{border-bottom:none}.project-comment:hover{background-color:#4b5563;color:#cbd5e1}.project-add-comment-container{display:flex}.project-add-comment-container>div{flex:1 1}.project-add-comment-button{background-color:#fff;border:1.5px solid #475569;border-radius:.25rem;cursor:pointer;font-size:.875rem;margin-top:.125rem;padding:0 .3125rem;transition:all .15s ease-in-out}.project-add-comment-button:hover{background-color:#f3f4f6}.project-actions{display:flex;gap:.5rem;justify-content:center;margin-bottom:1rem}.project-update-button{background-color:#374151;border:2px outset rgba(0,0,0,.4);border-radius:.25rem;color:green;cursor:pointer;font-size:1rem;margin-right:.25rem;padding:0 .25rem;transition:all .15s ease-in-out}.project-update-button:hover{background-color:rgba(55,65,81,.4);color:rgba(20,146,20,.854)}.project-delete-button{background-color:#374151;border:2px outset rgba(0,0,0,.4);border-radius:.25rem;color:rgba(255,0,0,.722);cursor:pointer;font-size:1rem;margin-left:.25rem;padding:0 .25rem;transition:all .15s ease-in-out}.project-delete-button:hover{background-color:rgba(55,65,81,.4)}@media screen and (max-width:1280px){.project-card-container{flex-direction:column}.project-card{flex:1 1;margin:0 1rem}.project-comments-button-content{flex:2 1!important}}.container-header{font-family:Roboto,sans-serif}.header-nav{background-color:#fff;box-shadow:0 1px 3px 0 rgba(0,0,0,.1)}.header-nav.desktop{display:none}.header-container{margin:0 auto;max-width:1200px;padding:.5rem 1.5rem}.header-content{justify-content:space-between}.header-content,.logo-link,.logo-section{align-items:center;display:flex}.logo-link{text-decoration:none}.logo-text{color:#4b5563;font-family:Roboto,sans-serif;font-size:1rem;font-weight:700;padding-left:.75rem}.nav-links{display:none;margin-right:4rem}.nav-link{align-items:center;border-bottom:2px solid transparent;color:#374151;display:flex;font-size:.875rem;line-height:1.25rem;padding:1.25rem 1.5rem;text-decoration:none;transition:all .15s ease-in-out}.nav-link:focus,.nav-link:hover{background-color:#f3f4f6}.nav-link:focus{border-bottom-color:#3730a3;color:#3730a3;outline:none}.nav-link-icon{margin-right:.5rem}.user-section{align-items:center;display:none}.user-dropdown{margin-left:1.5rem;position:relative}.user-dropdown-trigger{align-items:center;cursor:pointer;display:flex;position:relative}.user-greeting{color:#374151;font-family:Roboto,sans-serif;margin:0 .5rem}.user-dropdown-menu{background-color:#fff;border-radius:.25rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.1);padding:.5rem;position:absolute;right:0;top:4rem;width:10rem;z-index:50}.user-dropdown-item{align-items:center;color:#1f2937;cursor:pointer;display:flex;font-size:.875rem;padding:.5rem;transition:color .15s ease-in-out}.user-dropdown-item:hover{color:#3730a3}.user-dropdown-item img{height:1.5rem;margin-right:.5rem;width:1.5rem}.user-avatar{align-items:center;border:2px solid transparent;border-radius:9999px;display:flex;transition:border-color .15s ease-in-out}.user-avatar:focus{border-color:#fff}.user-avatar img{border-radius:9999px;height:2.5rem;object-fit:cover;width:2.5rem}.dropdown-chevron{color:#4b5563;margin-left:.5rem}.login-section{align-items:center;border-bottom:2px solid transparent;color:#374151;cursor:pointer;display:flex;font-size:.875rem;padding:1.25rem 1.5rem;transition:all .15s ease-in-out}.login-section:focus,.login-section:hover{background-color:#f3f4f6}.login-section:focus{border-bottom-color:#3730a3;color:#3730a3;outline:none}.login-button{background:none;border:none;color:inherit;cursor:pointer;font-size:inherit}.login-button:disabled{cursor:not-allowed;opacity:.6}.mobile-nav{align-items:center;background-color:#fff;display:flex;justify-content:space-between;padding:1rem 1.5rem;position:fixed;top:0;width:100%;z-index:40}.mobile-menu-button{background:none;border:none;color:#1f2937;cursor:pointer;padding:0}.mobile-menu-overlay{background-color:rgba(31,41,55,.5);width:100%}.mobile-menu-overlay,.mobile-menu-panel{height:100%;left:0;position:fixed;top:0;z-index:40}.mobile-menu-panel{background-color:#fff;box-shadow:0 4px 6px -1px rgba(0,0,0,.1);display:flex;flex-direction:column;justify-content:space-between;overflow-y:auto;padding-bottom:1rem;transition:-webkit-transform .15s ease-in-out;transition:transform .15s ease-in-out;transition:transform .15s ease-in-out,-webkit-transform .15s ease-in-out;width:16rem}.mobile-menu-panel.hidden{-webkit-transform:translateX(-100%);transform:translateX(-100%)}.mobile-menu-panel.visible{-webkit-transform:translateX(0);transform:translateX(0)}.mobile-menu-header{height:100%;padding:1.5rem}.mobile-menu-content{flex-direction:column;height:100%}.mobile-logo-section,.mobile-menu-content{display:flex;justify-content:space-between;width:100%}.mobile-logo-section{align-items:center;margin-top:1.5rem}.mobile-logo-container,.mobile-logo-link{align-items:center;display:flex}.mobile-logo-link{text-decoration:none}.mobile-logo-text{color:#1f2937;font-family:Roboto,sans-serif;font-size:1rem;font-weight:700;margin-left:.75rem}.mobile-close-button{background:none;border:none;color:#1f2937;cursor:pointer;padding:0}.mobile-nav-links{list-style:none;margin:0;padding:0}.mobile-nav-item{color:#1f2937;padding-top:2rem}.mobile-nav-item:first-child{padding-top:2.5rem}.mobile-nav-item:not(:first-child){padding-top:2rem}.mobile-nav-link{color:inherit;text-decoration:none}.mobile-nav-content{align-items:center;display:flex}.mobile-nav-icon{color:#1f2937;height:1.75rem;margin-left:.25rem;width:1.75rem}.mobile-nav-text{color:#1f2937;font-size:1rem;margin-left:.75rem}.mobile-user-section{padding-top:1rem;width:100%}.mobile-logout{cursor:pointer;display:flex;justify-content:center;margin-bottom:1rem;width:100%}.mobile-logout-content{align-items:center;display:flex}.mobile-logout img{height:2rem;margin-right:.5rem;width:2rem}.mobile-user-info{border-top:1px solid #d1d5db;justify-content:center;padding-top:.25rem;width:100%}.mobile-user-details,.mobile-user-info{align-items:center;display:flex}.mobile-user-avatar{border-radius:.375rem;height:2rem;margin-right:.5rem;width:2rem}.mobile-user-name{color:#1f2937;font-size:1rem;line-height:1rem}.mobile-login{border-radius:1rem;padding:.25rem .5rem;transition:background-color .15s ease-in-out}.mobile-login:hover{background-color:#e2e8f0}.mobile-login-button{background:none;border:none;cursor:pointer;font-size:1rem;padding:.25rem .5rem}.mobile-login-button:disabled{cursor:not-allowed;opacity:.6}.profile-modal-content{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:0 3rem;text-align:center}.profile-modal-title{margin-bottom:.75rem}.profile-modal-input{background-color:#4b5563;border:1px solid #374151;border-radius:.25rem;color:#fff;height:2rem;margin-bottom:.5rem;padding:.25rem;text-align:center;width:7.5rem}.profile-modal-input::-webkit-input-placeholder{color:#9ca3af}.profile-modal-input::placeholder{color:#9ca3af}.profile-modal-actions{display:flex;gap:.5rem}.profile-modal-submit{background-color:#374151;border:2px outset rgba(0,0,0,.4);border-radius:4px;color:green;cursor:pointer;height:2rem;text-align:center;width:7.5rem}.profile-modal-submit:hover{background-color:rgba(55,65,81,.4);color:rgba(20,146,20,.854)}.profile-modal-submit:disabled{cursor:not-allowed;opacity:.6}.profile-modal-cancel{background:none;border:none;cursor:pointer;margin-top:.5rem;text-decoration:underline}.upload-options{margin:1rem 0;width:100%}.upload-option{margin:.5rem 0}.file-upload-label{cursor:pointer}.file-upload-button{background-color:#3730a3;border-radius:.375rem;color:#fff;display:inline-block;font-size:.875rem;padding:.5rem 1rem;transition:background-color .15s ease-in-out}.file-upload-button:hover{background-color:#4338ca}.file-name{color:#6b7280;font-size:.75rem;margin-left:.5rem}.upload-divider{color:#6b7280;font-size:.875rem}.image-preview,.upload-divider{margin:1rem 0;text-align:center}.preview-image{border:2px solid #e5e7eb;border-radius:.5rem;max-height:200px;max-width:200px}@media screen and (min-width:1280px){.header-nav.desktop{display:block}.mobile-nav{display:none}.nav-links,.user-section{display:flex}.mobile-logo-text{font-size:1.5rem}}@media screen and (min-width:768px){.mobile-logo-text{font-size:1.5rem}}@media screen and (min-width:640px){.logo-text{display:block}}.messaging-container{background-color:#f3f4f6;min-height:calc(100vh - 120px);padding:1rem;position:relative}.messaging-wrapper{grid-gap:1rem;background-color:#fff;border-radius:.5rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.1);display:grid;gap:1rem;grid-template-columns:350px 1fr;height:calc(100vh - 140px);margin:0 auto;max-height:calc(100vh - 140px);max-width:1400px;overflow:hidden}.conversation-list-section{border-right:1px solid #e5e7eb}.conversation-list,.conversation-list-section{display:flex;flex-direction:column;height:100%;overflow:hidden}.conversation-list-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;flex-shrink:0;justify-content:space-between;padding:1.5rem 1rem}.conversation-list-body{overflow-x:hidden;position:relative}.conversation-list-header h2{color:#1f2937;font-size:1.5rem;font-weight:700;margin:0}.new-message-btn{align-items:center;background-color:#3730a3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .15s ease-in-out;width:40px}.new-message-btn:hover{background-color:#4338ca;-webkit-transform:scale(1.05);transform:scale(1.05)}.conversation-list-body{flex:1 1;overflow-y:auto}.no-conversations{align-items:center;color:#6b7280;display:flex;flex-direction:column;height:100%;justify-content:center;padding:2rem;text-align:center}.no-conversations img{margin-bottom:1rem;opacity:.5}.no-conversations p{font-size:.875rem;margin-bottom:1rem}.start-conversation-btn{background-color:#3730a3;border:none;border-radius:.375rem;color:#fff;cursor:pointer;font-size:.875rem;padding:.5rem 1rem;transition:all .15s ease-in-out}.start-conversation-btn:hover{background-color:#4338ca}.conversation-item{border-bottom:1px solid #f3f4f6;cursor:pointer;display:flex;padding:1rem;transition:all .15s ease-in-out}.conversation-item:hover{background-color:#f9fafb}.conversation-item.active{background-color:#eef2ff;border-left:3px solid #3730a3}.conversation-avatar{flex-shrink:0;margin-right:.75rem;position:relative}.conversation-avatar img{border-radius:50%;height:50px;object-fit:cover;width:50px}.online-indicator{background-color:#10b981;border:2px solid #fff;border-radius:50%;bottom:2px;height:12px;position:absolute;right:2px;width:12px}.conversation-content{flex:1 1;min-width:0}.conversation-header-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:.25rem}.conversation-name{color:#1f2937;font-size:.9375rem;font-weight:600}.conversation-time{color:#6b7280;font-size:.75rem}.conversation-message-row{align-items:center;display:flex;justify-content:space-between}.conversation-last-message{color:#6b7280;flex:1 1;font-size:.875rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-last-message.unread{color:#1f2937;font-weight:600}.unread-badge{background-color:#3730a3;border-radius:9999px;color:#fff;font-size:.75rem;font-weight:600;margin-left:.5rem;padding:.125rem .5rem}.chat-window,.chat-window-section{display:flex;flex-direction:column;height:100%;overflow:hidden}.chat-window-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;flex-shrink:0;gap:1rem;padding:1rem 1.5rem}.back-button{background:none;border:none;border-radius:.375rem;color:#6b7280;cursor:pointer;display:none;padding:.5rem;transition:all .15s ease-in-out}.back-button:hover{background-color:#f3f4f6;color:#1f2937}.chat-participant-info{align-items:center;display:flex;gap:.75rem}.chat-participant-avatar{border-radius:50%;height:45px;object-fit:cover;width:45px}.chat-participant-details{display:flex;flex-direction:column}.chat-participant-name{color:#1f2937;font-size:1rem;font-weight:600}.chat-participant-email{color:#6b7280;font-size:.75rem}.chat-messages{background-color:#f9fafb;flex:1 1;overflow-x:hidden;overflow-y:auto;padding:1.5rem;position:relative;scroll-behavior:smooth}.no-messages{align-items:center;color:#6b7280;display:flex;flex-direction:column;height:100%;justify-content:center;text-align:center}.no-messages img{margin-bottom:1rem;opacity:.5}.message-date-group{margin-bottom:1.5rem;max-width:100%}.message-date-divider{margin:1.5rem 0;text-align:center}.message-date-divider span{background-color:#e5e7eb;border-radius:1rem;color:#6b7280;font-size:.75rem;font-weight:500;padding:.25rem .75rem}.message{-webkit-animation:fadeIn .3s ease-in;animation:fadeIn .3s ease-in;display:flex;margin-bottom:1rem;max-width:100%}@-webkit-keyframes fadeIn{0%{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.message.own-message{justify-content:flex-end}.message.other-message{justify-content:flex-start}.message-avatar{align-self:flex-end;border-radius:50%;height:32px;margin-right:.5rem;object-fit:cover;width:32px}.message-content{display:flex;flex-direction:column;max-width:70%}.own-message .message-content{align-items:flex-end}.other-message .message-content{align-items:flex-start}.message-bubble{word-wrap:break-word;border-radius:1rem;max-width:100%;overflow-wrap:break-word;padding:.75rem 1rem;word-break:break-word}.own-message .message-bubble{background-color:#3730a3;border-bottom-right-radius:.25rem;color:#fff}.other-message .message-bubble{background-color:#fff;border:1px solid #e5e7eb;border-bottom-left-radius:.25rem;color:#1f2937}.message-text{font-size:.9375rem;line-height:1.5;margin:0;white-space:pre-wrap}.message-time{color:#9ca3af;font-size:.6875rem;margin-top:.25rem;padding:0 .25rem}.chat-input-form{background-color:#fff;border-top:1px solid #e5e7eb;flex-shrink:0;padding:1rem 1.5rem}.chat-input-wrapper{align-items:flex-end;background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:1.5rem;display:flex;gap:.75rem;padding:.5rem 1rem;transition:all .15s ease-in-out}.chat-input-wrapper:focus-within{background-color:#fff;border-color:#3730a3}.chat-input{background:transparent;border:none;color:#1f2937;flex:1 1;font-family:inherit;font-size:.9375rem;line-height:1.5;max-height:120px;outline:none;overflow-y:auto;padding:.5rem 0;resize:none}.chat-input::-webkit-input-placeholder{color:#9ca3af}.chat-input::placeholder{color:#9ca3af}.send-button{align-items:center;background-color:#3730a3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:36px;justify-content:center;transition:all .15s ease-in-out;width:36px}.send-button:hover:not(:disabled){background-color:#4338ca;-webkit-transform:scale(1.05);transform:scale(1.05)}.send-button:disabled{background-color:#d1d5db;cursor:not-allowed;opacity:.5}.no-conversation-selected{align-items:center;color:#6b7280;display:flex;flex-direction:column;height:100%;justify-content:center;padding:2rem;text-align:center}.no-conversation-selected img{margin-bottom:1rem;opacity:.4}.no-conversation-selected h2{color:#1f2937;font-size:1.5rem;margin-bottom:.5rem}.no-conversation-selected p{color:#6b7280;font-size:.875rem}.new-message-modal{min-width:400px;padding:1.5rem}.new-message-modal .title-form{margin-bottom:1rem}.user-list{border:1px solid #e5e7eb;border-radius:.5rem;margin:1rem 0;max-height:400px;overflow-y:auto}.user-list-item{align-items:center;border-bottom:1px solid #f3f4f6;cursor:pointer;display:flex;padding:1rem;transition:all .15s ease-in-out}.user-list-item:last-child{border-bottom:none}.user-list-item:hover{background-color:#f9fafb}.user-list-avatar{border-radius:50%;height:45px;margin-right:1rem;object-fit:cover;width:45px}.user-list-info{flex:1 1}.user-list-name{color:#1f2937;font-weight:600;margin-bottom:.25rem}.user-list-email{color:#6b7280;font-size:.875rem}.no-users-found{color:#6b7280;padding:2rem;text-align:center}@media screen and (max-width:1024px){.messaging-wrapper{grid-template-columns:1fr;height:calc(100vh - 60px);max-height:calc(100vh - 60px)}.chat-window-section.hidden-mobile,.conversation-list-section.hidden-mobile{display:none}.back-button{display:flex}.message-content{max-width:85%}.new-message-modal{max-width:400px;min-width:0;min-width:auto;width:90vw}}@media screen and (max-width:640px){.messaging-container{min-height:100vh;padding:0}.messaging-wrapper{border-radius:0;height:100vh;max-height:100vh}.chat-messages,.chat-window-header,.conversation-list-header{padding:1rem}.chat-input-form{padding:.75rem}.new-message-modal{width:95vw}}
/*# sourceMappingURL=main.154f343a.css.map*/