@import"https://fonts.googleapis.com/css2?family=Public+Sans:ital,wght@0,100..900;1,100..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap";@import"https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Lexend:wght@100..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Archivo:ital,wght@0,100..900;1,100..900&display=swap";@import"https://fonts.googleapis.com/css2?family=TikTok+Sans:opsz,wght@12..36,300..900&display=swap";@tailwind base;@tailwind components;@tailwind utilities;*,*:after,*:before{margin:0;padding:0;box-sizing:border-box}body,#root{background:linear-gradient(to bottom right,#111827,#1f2937,#000);background-repeat:no-repeat;background-position:center;background-size:cover}.header{width:100%;height:70px;padding:2rem;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-bottom:1px solid #374151;background-color:#111827cc;position:sticky;top:0;z-index:50}.headerOverlap{width:100%;height:100%;border-bottom:#4B5563;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:45%}@media screen and (max-width: 700px){.headerOverlap{gap:initial;justify-content:space-between}}@media screen and (max-width: 380px){.header{padding:1rem}}.logo a{text-decoration:none;display:flex;align-items:center;justify-content:center;gap:10px}.logo h2{color:#fff;font-family:Public Sans,sans-serif;font-optical-sizing:auto;font-weight:700;font-style:normal}@media screen and (max-width: 500px){.logo h2{font-size:1.2rem}}.navbar{display:flex;align-items:center;justify-content:center;flex-direction:row;gap:2rem}.navbar a{text-decoration:none;font-family:Public Sans,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal}.Hsignin{color:#d1d5db}.Hsignup{color:#fff;width:130px;height:40px;background-color:#2563eb;border-radius:10px;display:grid;place-content:center}@media screen and (max-width: 500px){.navbar{gap:1rem}.navbar a{font-size:.8rem}.Hsignup{width:100px;height:30px}}@media screen and (max-width: 380px){.navbar{gap:1rem}.navbar a{font-size:.8rem}.Hsignup{width:90px;height:30px}}.hero{width:100%;min-height:40dvh;padding:1rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem}.hero h1{color:#fff;font-size:5rem;font-family:Roboto,sans-serif;font-optical-sizing:auto;font-weight:bolder;font-style:normal;font-variation-settings:"wdth" 100}.gradient-text{background:linear-gradient(to right,#60a5fa,#2563eb);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}.hero p{text-align:center;width:90%;color:#d1d5db;font-size:1.5rem;font-family:Roboto,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal;font-variation-settings:"wdth" 100}@media screen and (max-width: 1200px){.hero h1{font-size:4rem}.hero p{font-size:1rem}}@media screen and (max-width: 790px){.hero h1{font-size:3rem}.hero p{width:70%;font-size:.8rem}}@media screen and (max-width: 560px){.hero h1{font-size:2rem}.hero p{width:70%;font-size:.6rem}}.heroNav{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:2rem}.heroLink{width:200px;height:45px;text-decoration:none;font-size:1.3rem;font-family:Roboto,sans-serif;font-optical-sizing:auto;font-weight:700;font-style:normal;font-variation-settings:"wdth" 100;outline:none;border:none;border-radius:10px;display:grid;place-content:center}.heroLink:first-child{color:#fff;background-color:#2563eb}.request{background-color:#fff;color:#b6b9bd}@media screen and (max-width: 1200px){.heroLink{width:150px;height:40px;font-size:1rem}}@media screen and (max-width: 560px){.heroLink{width:100px;height:30px;font-size:.7rem}}.features{padding:2rem;width:100%;background-color:#1f293780;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.3rem}.featTitle{margin-top:3rem;color:#fff;font-size:2.5rem;font-family:Roboto,sans-serif;font-optical-sizing:auto;font-weight:bolder;font-style:normal;font-variation-settings:"wdth" 100}.featIntroText{text-align:center;width:35%;color:#d1d5db;font-size:1.3rem;font-family:Roboto,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal;font-variation-settings:"wdth" 100}@media screen and (max-width: 1300px){.featTitle{margin-top:initial}}@media screen and (max-width: 1200px){.featTitle{font-size:2rem}.featIntroText{width:60%;font-size:1rem}}@media screen and (max-width: 1200px){.featTitle{font-size:1.5rem}.featIntroText{font-size:.8rem}}@media screen and (max-width: 560px){.featTitle{text-align:center;font-size:1.2rem}.featIntroText{width:100%}}.featuresContainer{margin-top:3rem;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);gap:1rem}@media screen and (max-width: 1200px){.featuresContainer{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,1fr);gap:3rem}}@media screen and (max-width: 690px){.featuresContainer{grid-template-columns:repeat(1,1fr);grid-template-rows:repeat(6,1fr);gap:3rem}}.card-container{width:400px;height:250px;padding:1rem;background-color:#1f2937;border:1px solid #4B5563;border-radius:10px;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-evenly}@media screen and (max-width: 1300px){.card-container{width:350px;height:200px}}@media screen and (max-width: 800px){.card-container{width:300px;height:150px}}@media screen and (max-width: 690px){.card-container{width:400px;height:250px}}@media screen and (max-width: 470px){.card-container{width:280px;height:150px}}.card-icon{font-size:2rem;color:#2563eb}@media screen and (max-width: 800px){.card-icon{font-size:1rem}}@media screen and (max-width: 690px){.card-icon{font-size:2rem}}@media screen and (max-width: 470px){.card-icon{font-size:1rem}}.card-title{font-size:1.2rem;color:#fff;font-family:Roboto,sans-serif;font-optical-sizing:auto;font-weight:bolder;font-style:normal;font-variation-settings:"wdth" 100}@media screen and (max-width: 1300px){.card-title{font-size:1rem}}@media screen and (max-width: 800px){.card-title{font-size:.8rem}}@media screen and (max-width: 690px){.card-title{font-size:1.5rem}}@media screen and (max-width: 470px){.card-title{font-size:.8rem}}.card-content{font-size:1rem;color:#d1d5db;font-family:Roboto,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal;font-variation-settings:"wdth" 100}@media screen and (max-width: 1300px){.card-content{font-size:.8rem}}@media screen and (max-width: 800px){.card-content{font-size:.6rem}}@media screen and (max-width: 690px){.card-content{font-size:1rem}}@media screen and (max-width: 470px){.card-content{font-size:.6rem}}.stat-container{width:100%;height:25dvh;background:linear-gradient(to right,#1e3a8a,#1d4ed8);font-family:Roboto,sans-serif;font-optical-sizing:auto;font-style:normal;font-variation-settings:"wdth" 100;display:flex;flex-direction:row;align-items:center;justify-content:space-evenly}@media screen and (max-width: 480px){.stat-container{height:15dvh}}.stat-texts{font-weight:bolder;text-align:center;display:grid;place-content:center}.stat-texts h2{font-weight:600;color:#fff;font-size:3rem}.stat-texts p{color:#d1d5db}@media screen and (max-width: 800px){.stat-texts h2{font-size:2rem}.stat-texts p{font-size:.8rem}}@media screen and (max-width: 480px){.stat-texts h2{font-size:1.3rem}.stat-texts p{font-size:.6rem}}.cta-container{width:100%;min-height:40vh;padding:1rem;background-color:#111827;font-size:1.3rem;font-family:Roboto,sans-serif;font-optical-sizing:auto;font-style:normal;font-variation-settings:"wdth" 100;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem}.cta-container h2{text-align:center;font-weight:bolder;font-size:2.5rem;color:#fff}.cta-container p{color:#d1d5db}.cta-container a{width:260px;height:70px;color:#fff;text-decoration:none;font-weight:700;background-color:#2563eb;border-radius:15px;display:grid;place-content:center}@media screen and (max-width: 1000px){.cta-container h2{font-size:2rem}.cta-container p{font-size:1rem}.cta-container a{width:230px;height:60px;font-size:1rem}}@media screen and (max-width: 770px){.cta-container h2{font-size:1.5rem;text-align:center}.cta-container p{font-size:.8rem;text-align:center}.cta-container a{width:180px;height:50px;font-size:.8rem}}@media screen and (max-width: 400px){.cta-container h2{font-size:1.2rem;text-align:center}.cta-container p{width:90%;font-size:.8rem;text-align:center}.cta-container a{width:180px;height:50px;font-size:.8rem}}.home-footer{height:15vh;width:100%;padding:3rem;background-color:#000;font-family:Roboto,sans-serif;font-optical-sizing:auto;font-style:normal;font-variation-settings:"wdth" 100;display:flex;flex-direction:row;align-items:center;justify-content:space-between}@media screen and (max-width: 500px){.home-footer{padding:1rem}}.footer-logo{display:flex;align-items:center;justify-content:center;gap:1rem}.footer-logo h2{color:#fff;font-size:2rem}.home-footer p{color:#d1d5db}@media screen and (max-width: 600px){.footer-logo h2{font-size:1rem}.home-footer p{font-size:.8rem}}@media screen and (max-width: 500px){.footer-logo h2{font-size:1rem}.home-footer p{font-size:.6rem}}.home-main{width:100%;background:linear-gradient(to bottom right,#111827,#1f2937,#000);background-repeat:no-repeat;background-position:center;background-size:cover}.loading-container{min-height:100vh;flex-grow:1;background-color:#111827;display:flex;align-items:center;justify-content:center;font-size:1rem;font-family:Inter,sans-serif;font-weight:bolder;text-decoration:none}.loading-text{display:flex;justify-content:center;align-items:center;gap:.25rem;margin-bottom:2rem}.load-message{margin-top:20px;color:#3b82f6}.load-message p{text-align:center}.loading-letter{font-size:3.75rem;font-weight:700;color:#3b82f6;display:inline-block;animation:bounce 1s infinite}.loading-dots{display:flex;justify-content:center;gap:.5rem}.loading-dot{width:.75rem;height:.75rem;background-color:#60a5fa;border-radius:50%;animation:pulse 1.5s infinite}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}@keyframes pulse{0%,to{opacity:.4}50%{opacity:1}}.loading-letter:nth-child(1){animation-delay:0s}.loading-letter:nth-child(2){animation-delay:.1s}.loading-letter:nth-child(3){animation-delay:.2s}.loading-letter:nth-child(4){animation-delay:.3s}.loading-letter:nth-child(5){animation-delay:.4s}.loading-letter:nth-child(6){animation-delay:.5s}.loading-letter:nth-child(7){animation-delay:.6s}.loading-dot:nth-child(1){animation-delay:0s}.loading-dot:nth-child(2){animation-delay:.3s}.loading-dot:nth-child(3){animation-delay:.6s}.register-main{width:100%;padding:1rem;min-height:100%;background:linear-gradient(to bottom right,#111827,#1f2937,#000);background-repeat:no-repeat;background-position:center;background-size:cover;position:absolute;top:0;right:0;display:grid}.sign-up-container{width:500px;padding:1rem;border:1px solid #374151;border-radius:20px;background-color:#1f2937;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem}@media screen and (max-width: 650px){.sign-up-container{width:500px;gap:1rem}}@media screen and (max-width: 550px){.sign-up-container{width:400px}}@media screen and (max-width: 400px){.sign-up-container{width:350px}}.sign-up-names{width:100%;display:flex;flex-direction:row;align-items:center;justify-content:space-between}.sign-name{width:100%;height:100px;margin-top:1rem}.sign-up-crit-info{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem}@media screen and (max-width: 650px){.sign-up-crit-info{gap:1rem}}.sign-up-footer{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}.sign-up-footer button{width:95%;height:45px;outline:none;border:none;background-color:#2563eb;border-radius:10px;color:#fff;font-size:1.2rem;font-family:Montserrat,sans-serif;font-optical-sizing:auto;font-weight:700;font-style:normal}.sign-up-footer p{font-family:Montserrat,sans-serif;font-optical-sizing:auto;font-style:normal;color:#fff}.sign-up-footer a{padding-left:4px;font-weight:700;text-decoration:none;color:#2563eb}@media screen and (max-width: 500px){.sign-up-footer p{font-size:.6rem}}.pass-rules{width:100%;color:#d1d5db;font-size:.7rem;font-family:Montserrat,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal;display:flex;align-items:flex-start;justify-content:center;flex-direction:column}.rules{width:100%;padding-left:1rem;margin-bottom:.6rem;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);justify-content:center;gap:.2rem}@media screen and (max-width: 450px){.pass-rules{font-size:.7rem}.rules{grid-template-columns:repeat(2,1fr)}}.input-box-container{width:100%;height:100px;padding:.6rem;display:flex;flex-direction:column;align-items:start;justify-content:start;gap:1rem}@media screen and (max-width: 550px){.input-box-container{gap:.6rem;padding:.2rem}}@media screen and (max-width: 400px){.input-box-container{gap:.6rem;padding:.2rem;height:70px}}.input-box-container div{display:flex}.input-box-container button{padding:.2rem;color:#fff;border:none;border-right:1px solid #4b5563;border-top:1px solid #4b5563;border-bottom:1px solid #4b5563;border-radius:0 8px 8px 0;background-color:#374151;outline:none}.input{width:100%;height:45;padding:12px;border:1px solid #4b5563;border-radius:8px;background-color:#374151;outline:none;color:#fff;font-size:18px}.input ::placeholder{color:#9ca3af}.input:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 1px #3b82f6}@media screen and (max-width: 550px){.input-container{gap:.6rem;padding:.2rem}}@media screen and (max-width: 400px){.input{font-size:16px}}.input-title{color:#fff;font-size:1rem;font-family:Montserrat,sans-serif;font-optical-sizing:auto;font-style:normal}@media screen and (max-width: 400px){.input-box-container h2{font-size:.6rem}}.sign-intro{width:100%;font-family:Montserrat,sans-serif;font-optical-sizing:auto;font-style:normal;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.3rem}.sign-intro-logo{width:70px;height:70px;font-size:2rem;border-radius:50%;background-color:#1e3a8a80;display:grid;place-content:center}.sign-intro h2{text-align:center;color:#fff;font-weight:bolder;font-size:1.2rem}.sign-intro p{text-align:center;color:#d1d5db;font-weight:500;font-size:.7rem;margin-bottom:10px}@media screen and (max-width: 550px){.sign-intro-logo{width:40px;height:40px;font-size:1rem}}.register-home{padding:10px;text-decoration:none;color:#2563eb;font-size:1rem;font-family:Montserrat,sans-serif;font-optical-sizing:auto;font-style:normal;display:flex;align-items:center;justify-content:start;gap:.5rem}.shift{transition:.5s ease}.register-home:hover .shift{transform:translate(-10px);transition:transform .5s ease}@media screen and (max-width: 700px){.register-home{width:90%}}.login{width:100%;min-height:100dvh;background:linear-gradient(to bottom right,#111827,#1f2937,#000);background-repeat:no-repeat;background-position:center;background-size:cover;display:grid}.sign-in-container{width:500px;padding:1rem;border:1px solid #374151;border-radius:20px;background-color:#1f2937;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}@media screen and (max-width: 650px){.sign-in-container{width:500px}}@media screen and (max-width: 550px){.sign-in-container{width:400px}}@media screen and (max-width: 400px){.sign-in-container{width:350px}}.sign-in-footer{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}.sign-in-footer button{width:95%;height:45px;outline:none;border:none;background-color:#2563eb;border-radius:10px;color:#fff;font-size:1.2rem;font-family:Montserrat,sans-serif;font-optical-sizing:auto;font-weight:700;font-style:normal}.sign-in-footer p{font-family:Montserrat,sans-serif;font-optical-sizing:auto;font-style:normal;color:#fff}.sign-in-footer a{padding-left:4px;font-weight:700;text-decoration:none;color:#2563eb}@media screen and (max-width: 500px){.sign-in-footer p{font-size:.6rem}}.dashboardContainer{display:flex;flex-direction:column;min-height:100dvh;width:100%;align-items:flex-end;justify-content:space-between}@media screen and (max-width: 1000px){.dashboardContainer{flex-direction:column-reverse}}.sidebarContainer{width:15%;height:100dvh;padding:1.5rem;background-color:#1f2937;position:fixed;left:0;display:flex;flex-direction:column;align-items:center;gap:2rem}@media screen and (max-width: 1300px){.sidebarContainer{width:20%}}@media screen and (max-width: 1000px){.sidebarContainer{width:100%;height:80px;padding:initial;position:sticky;bottom:0;flex-direction:row;justify-content:space-evenly;gap:initial}}.sideHeader{color:#fff;font-size:1.3rem;font-family:Roboto,sans-serif;font-optical-sizing:auto;font-weight:bolder;font-style:normal;font-variation-settings:"wdth" 100}.sideHeader label{display:flex;align-items:center;justify-content:space-between;gap:1rem}@media screen and (max-width: 1000px){.sideHeader label h2{display:none}}.sidebarNav{width:100%;display:flex;flex-direction:column;gap:.4rem}@media screen and (max-width: 1000px){.sidebarNav{flex-direction:row;width:initial}.sidebarNav div a p{display:none;gap:initial}}.sidebarFooter{width:100%;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:1.5rem}@media screen and (max-width: 1000px){.sidebarFooter{width:initial;flex-direction:row;flex:initial;gap:.5rem}}.logoutButton{height:40px;width:100%;padding:8px;background-color:transparent;outline:none;border:none;border-radius:8px;display:flex;align-items:center;justify-content:flex-start;gap:1rem;color:#fff;font-size:1rem;font-family:Roboto,sans-serif;font-optical-sizing:auto;font-style:normal;font-variation-settings:"wdth" 100}.logoutButton:hover{background-color:#374151}@media screen and (max-width: 1000px){.logoutButton p{display:none}}.dashLinkContainer{width:100%;height:35px;border-radius:6px;display:flex;align-items:center;justify-content:flex-start}.dashLinkContainer:hover{background-color:#374151;transition:ease-in .3s}.dashLinkContainer a{width:100%;height:100%;padding:1rem;color:#d1d5db;text-decoration:none;font-size:1rem;font-family:Open Sans,sans-serif;font-optical-sizing:auto;font-weight:bolder;font-style:normal;font-variation-settings:"wdth" 100;border-radius:8px;display:flex;justify-content:flex-start;align-items:center;gap:1rem}@media screen and (max-width: 1000px){.dashLinkContainer{width:initial}.dash-link-icon{font-size:1.5rem}}.profile-link.active{font-weight:700;background-color:#374151}.accountNav{width:100%}.accountNav a{width:100%;display:flex;align-items:center;justify-content:flex-start;gap:1rem;font-size:1rem;text-decoration:none;color:#d1d5db;font-family:Roboto,sans-serif;font-optical-sizing:auto;font-weight:bolder;font-style:normal;font-variation-settings:"wdth" 100}@media screen and (max-width: 750px){.accountNav a{flex-direction:row}.name{display:none}}.initials{width:30px;height:30px;border-radius:50%;background-color:#60a5fa;display:grid;place-content:center}.dashboardHome{flex-grow:1;width:85%;min-height:100dvh;background-color:#111827;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}@media screen and (max-width: 1300px){.dashboardHome{width:80%}}@media screen and (max-width: 1000px){.dashboardHome{width:100%}}.dash-sum-stats{width:100%;padding:2rem;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:1rem}@media screen and (max-width: 620px){.dash-sum-stats{flex-direction:column}}.dash-individual-stats{padding:2rem;width:100%;min-height:32rem;font-family:Roboto,sans-serif;font-optical-sizing:auto;font-style:normal;font-variation-settings:"wdth" 100;display:flex;align-items:center;justify-content:space-between}@media screen and (max-width: 750px){.dash-individual-stats{flex-direction:column;height:initial;gap:1.5rem}}.inventory-stats{width:49%;height:28rem;padding:1rem;background-color:#1f2937;border-radius:10px;display:flex;flex-direction:column}.stats{padding:1rem;height:100%;overflow-y:auto;display:flex;flex-direction:column;gap:.5rem}.stats{flex:1}.stats::-webkit-scrollbar{display:none}.inventory-stats h2{color:#fff}@media screen and (max-width: 750px){.inventory-stats{width:100%}}.recent-activities{width:49%;height:28rem;padding:1rem;background-color:#1f2937;border-radius:10px;display:flex;flex-direction:column}.recent-activities h2{color:#fff}.activities{height:100%;padding:1.2rem;overflow-y:scroll;display:flex;flex-direction:column;gap:.5rem}.activities{flex:1}.activities::-webkit-scrollbar{display:none}@media screen and (max-width: 750px){.recent-activities{width:100%}}.dash-card{height:130px;width:30%;flex-grow:1;padding:1rem;background-color:#1f2937;border-radius:8px;font-size:1rem;font-family:Roboto,sans-serif;font-optical-sizing:auto;font-style:normal;font-variation-settings:"wdth" 100;display:flex;align-items:flex-start;flex-direction:column;justify-content:space-between}@media screen and (max-width: 620px){.dash-card{width:90%}}.dash-card-header{width:100%;display:flex;align-items:center;justify-content:space-between;font-weight:bolder}.recent-activity{width:100%;height:50px;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:.5rem}.recent-type{font-weight:bolder;color:#fff}.recent-activity p{font-size:1.3rem;color:#fff}.recent-icon{font-size:1rem}.recent-activity div{height:35px;width:35px;background-color:#374151;border-radius:50%;display:grid;place-content:center}@media screen and (max-width: 1200px){.recent-activity p{font-size:1rem}}@media screen and (max-width: 1100px){.recent-activity p{font-size:.9rem}}@media screen and (max-width: 750px){.recent-activity p{font-size:1rem}}@media screen and (max-width: 450px){.recent-activity p{font-size:.9rem}}@media screen and (max-width: 380px){.recent-activity p{font-size:.8rem}}.inventory-stat{padding:1rem;width:100%;height:60px;text-decoration:none;color:#fff;background-color:#6b72801c;border:1px solid #4b5563;border-radius:5px;font-size:initial;font-family:Open Sans,sans-serif;font-optical-sizing:auto;font-style:normal;font-variation-settings:"wdth" 100;display:flex;flex-direction:row;align-items:center;justify-content:space-between}.inventory-stat:hover{background-color:#4b556365}.inventory-stat p{color:#fff}.stat-name{display:flex;align-items:center;justify-content:center;gap:.5rem}.stat-name h2{font-size:1.2rem}.stat-icon{width:30px;height:30px;background-color:#10b981;border-radius:5px;display:grid;place-content:center}@media screen and (max-width: 1200px){.stat-name h2{font-size:1rem}.inventory-stat p{font-size:.8rem}}@media screen and (max-width: 1100px){.stat-name h2{font-size:.8rem}.inventory-stat p{font-size:.7rem}}@media screen and (max-width: 750px){.stat-name h2{font-size:1.2rem}.inventory-stat p{font-size:1rem}}@media screen and (max-width: 510px){.stat-name h2{font-size:1rem}.inventory-stat p{font-size:.8rem}}@media screen and (max-width: 450px){.stat-name h2{font-size:.8rem}.inventory-stat p{font-size:.7rem}}@media screen and (max-width: 380px){.stat-name h2{font-size:.7rem}.inventory-stat p{font-size:.6rem}}.notFound{width:100%;height:100%;font-size:1rem;font-family:Archivo,sans-serif;font-optical-sizing:auto;font-weight:bolder;font-style:normal;font-variation-settings:"wdth" 100;display:grid;place-content:center}.notFound h2{color:#9ca3afa2}@media screen and (max-width: 850px){.notFound h2{text-align:center;font-size:.9rem;font-weight:400}}.log-pop-up{height:100dvh;width:100%;position:fixed;right:0;left:0;bottom:0;top:0;background-color:#11182770;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);transition:ease-in .4s;display:grid;place-content:center}.logout-app{width:350px;height:300px;background-color:#111827;border:1px solid #1f2937;border-radius:5px;text-align:center;color:#fff;font-family:Archivo,sans-serif;font-optical-sizing:auto;font-weight:700;font-style:normal;font-variation-settings:"wdth" 100;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3rem}.logout-buttons{display:flex;align-items:center;justify-content:center;gap:2rem}.logout-buttons button,.logout-buttons a{width:100px;height:40px;font-size:1rem;font-family:Archivo,sans-serif;font-optical-sizing:auto;font-weight:700;font-style:normal;font-variation-settings:"wdth" 100;outline:none;border:none;border-radius:4px;display:grid;place-content:center}.logout-buttons button{background-color:#90ee90}.logout-buttons a{background-color:#fff;text-decoration:none;color:#000}.dashboard-header{width:100%;min-height:5rem;padding:2rem;display:flex;align-items:center;justify-content:space-between}.dashboard-intro{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:1rem}.dashboard-intro h1{color:#fff;font-size:3rem;font-family:Roboto,sans-serif;font-optical-sizing:auto;font-style:normal;font-variation-settings:"wdth" 100}.dashboard-intro p{color:#9ca3af;font-size:1.2rem;font-family:Inter,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal}@media screen and (max-width: 700px){.dashboard-intro h1{font-size:2rem}.dashboard-intro p{font-size:1rem}}@media screen and (max-width: 580px){.dashboard-intro h1{font-size:1.5rem}.dashboard-intro p{font-size:.8rem;width:80%}}@media screen and (max-width: 440px){.dashboard-intro h1{font-size:1.5rem}.dashboard-intro p{font-size:.7rem}}.dashboard-btn{width:160px;height:40px;background-color:#2563eb;outline:none;border:none;border-radius:5px;color:#fff;display:flex;align-items:center;justify-content:center;gap:.5rem}.dashboard-btn:hover{background-color:#1d4ed8}.dashboard-btn p{font-family:Inter,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal}@media screen and (max-width: 700px){.dashboard-btn{width:60px;height:60px;font-size:2rem;font-weight:bolder}.dashboard-btn p{display:none}}@media screen and (max-width: 580px){.dashboard-btn{width:40px;height:40px;font-size:1.5rem;font-weight:bolder}.dashboard-btn p{display:none}}@media screen and (max-width: 440px){.dashboard-btn{width:30px;height:30px;font-size:1.2rem;font-weight:bolder}.dashboard-btn p{display:none}}.errorContainer{height:100dvh;width:100%;background-color:#111827;display:grid;place-items:center}.errorApp{width:60%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem}@media screen and (width: 800px){.errorApp{width:100%}}.errorHeader{width:100%;text-align:center;font-family:Inter,sans-serif;display:grid;place-items:center;gap:1rem}.errorHeader h1{color:#2563eb;font-size:5rem}.errorHeader h1 span{border-bottom:5px solid #2563eb;border-radius:10px}.errorHeader h2{color:#fff}.errorHeader p{text-align:center;color:#6b7280;width:29rem}@media screen and (max-width: 800px){.errorHeader p{width:100%}}@media screen and (max-width: 540px){.errorHeader p{font-size:.8rem}}.errorFooter{display:flex;flex-direction:row;align-content:center;justify-content:center;gap:1.5rem}.errorFooter button,.errorFooter a{width:140px;height:50px;border-radius:8px;outline:none;font-size:1rem;font-family:Inter,sans-serif;font-weight:700;text-decoration:none;display:flex;align-items:center;justify-content:space-evenly}.errorHome{color:#111827;background-color:#3b82f6;border:none}.errorHome:hover{background-color:#2563eb}.errorBack{background-color:#6b72801c;border:1px solid #4b5563;color:#fff}.errorBack:hover{background-color:#4b556365}@media screen and (max-width: 540px){.errorFooter a,.errorFooter button{width:100px;height:40px;font-size:.8rem;font-weight:800}}.inventory-home{width:85%;min-height:100dvh;background-color:#111827;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}@media screen and (max-width: 1300px){.inventory-home{width:80%}}@media screen and (max-width: 1000px){.inventory-home{width:100%}}.inventory-bottom-section{padding:10px;width:100%;min-height:10rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));place-content:center;place-items:center;gap:1rem}.inventory-box{width:18rem;height:10rem;padding:1rem;background-color:#6b72801c;border:1px solid #4b5563;border-radius:5px;aspect-ratio:1 / 1;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-evenly}.inventory-box:hover{background-color:#4b556365}.inventory-icon{width:40px;height:40px;padding:1rem;background-color:#2563eb;border:none;border-radius:3px;font-size:1.2rem;color:#000;display:grid;place-content:center}@media screen and (max-width: 325px){.inventory-box{width:16rem;height:12rem}}.inventory-header{width:100%;display:flex;align-items:center;justify-content:space-between}.inventory-buttonss{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.inventory-buttonss button{font-size:1rem;background-color:transparent;color:#d1d5db;outline:none;border:none}.inventory-body{width:100%}.inventory-body h2{font-size:1rem;color:#fff;font-family:Lexend,sans-serif;font-optical-sizing:auto;font-weight:700;font-style:normal}.inventory-body p{color:#9ca3af;font-size:1rem;font-family:Inter,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal}.inventory-footer{width:100%;display:flex;align-items:center;justify-content:space-between}.inventory-footer p{font-size:1rem;font-family:Inter,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal}.inventory-footer p:first-child{color:#fff}.inventory-footer p:last-child{font-weight:700;color:#9ca3af}.inventory-popup{height:100dvh;width:100%;position:fixed;right:0;left:0;bottom:0;top:0;z-index:1;background-color:#11182770;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);transition:ease-in .4s;display:grid;place-content:center}.inventory-popup-h2{margin-bottom:1rem}.inventory-popup-app{width:500px;min-height:300px;padding:1rem;background-color:#111827;border:1px solid #1f2937;border-radius:5px;text-align:center;color:#fff;font-family:Archivo,sans-serif;font-optical-sizing:auto;font-weight:700;font-style:normal;font-variation-settings:"wdth" 100;display:flex;flex-direction:column;align-items:center;justify-content:center}@media screen and (max-width: 600px){.inventory-popup-app{width:400px;padding:2rem}}@media screen and (max-width: 450px){.inventory-popup-app{width:350px;padding:2rem}}.inventory-buttons{display:flex;align-items:center;justify-content:center;gap:2rem}.inventory-buttons button{width:100px;height:40px;font-size:1rem;font-family:Archivo,sans-serif;font-optical-sizing:auto;font-weight:700;font-style:normal;font-variation-settings:"wdth" 100;outline:none;border:none;border-radius:4px;display:grid;place-content:center}.popup-container{min-height:100dvh;width:100%;position:fixed;right:0;left:0;bottom:0;top:0;background-color:#11182770;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);transition:ease-in .4s;display:grid;place-content:center}.popup-app{width:500px;min-height:400px;padding:1rem;background-color:#374151;border:1px solid #4b5563;border-radius:5px;text-align:center;color:#fff;font-family:Archivo,sans-serif;font-optical-sizing:auto;font-weight:700;font-style:normal;font-variation-settings:"wdth" 100;display:flex;flex-direction:column;align-items:center;justify-content:center}.popup-message{text-align:center;width:100%;padding:1rem}@media screen and (max-width: 600px){.popup-app{width:400px}.popup-message{font-size:1.3rem}}@media screen and (max-width: 450px){.popup-app{width:320px}.popup-message{font-size:1.3rem}}.popup-buttons{display:flex;align-items:center;justify-content:center;gap:2rem}.popup-buttons button,.popup-buttons a{width:100px;height:40px;font-size:1rem;font-family:Archivo,sans-serif;font-optical-sizing:auto;font-weight:700;font-style:normal;font-variation-settings:"wdth" 100;outline:none;border:none;border-radius:4px;display:grid;place-content:center}@media screen and (max-width: 450px){.popup-buttons button{width:80px;height:30px;font-size:.8rem}}.popup-inputs{width:100%;padding-left:1rem;padding-right:1rem}.filter-container{width:100%;padding:2rem;color:#9ca3af;font-size:2rem;font-family:Roboto,sans-serif;font-optical-sizing:auto;font-style:normal;font-variation-settings:"wdth" 100;display:flex;align-items:center;gap:1rem}@media screen and (max-width: 570px){.filter-container{font-size:1rem;gap:.5rem}}@media screen and (max-width: 330px){.filter-container{font-size:.8rem;gap:.5rem}}#category-filter{width:120px;height:30px;outline:none;border:none}select option{background-color:transparent}@media screen and (max-width: 570px){#category-filter{width:90px;height:20px}}@media screen and (max-width: 330px){#category-filter{width:70px;height:20px}}.item-home{width:85%;min-height:100dvh;background-color:#111827;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}@media screen and (max-width: 1300px){.item-home{width:80%}}@media screen and (max-width: 1000px){.item-home{width:100%}}.item-home .item-bottom{width:100%;min-height:10rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.item-filter-container{width:100%;padding:2rem;color:#9ca3b0;font-size:1.2rem;font-family:Roboto,sans-serif;font-optical-sizing:auto;font-style:normal;font-variation-settings:"wdth" 100;display:flex;align-items:center;gap:1rem}@media screen and (max-width: 570px){.item-filter-container{font-size:1rem;gap:.5rem}}@media screen and (max-width: 700px){.item-filter-container{font-size:1rem;gap:.5rem}}@media screen and (max-width: 500px){.item-filter-container{font-size:.8rem;gap:.5rem}}.filter-options{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:.5rem}#item-category-filter,#inventory-name-filter{width:120px;height:25px;outline:none;border:none}@media screen and (max-width: 570px){#item-category-filter,#inventory-name-filter{width:90px;height:20px}}@media screen and (max-width: 700px){#item-category-filter,#inventory-name-filter{width:70px;height:20px}}@media screen and (max-width: 500px){#item-category-filter,#inventory-name-filter{width:60px;height:20px;font-size:.8rem}}.item-card{padding:1rem;background-color:#1f2937;border:1px solid #374151;border-radius:5px;aspect-ratio:1 / 1;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-evenly}.item-icon{width:40px;height:40px;padding:1rem;background-color:#2563eb;border:none;border-radius:3px;font-size:1.2rem;color:#000;display:grid;place-content:center}.item-header{width:100%;display:flex;align-items:center;justify-content:space-between}.item-buttonss{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.item-buttonss button{font-size:1rem;background-color:transparent;color:#d1d5db;outline:none;border:none}.item-body{width:100%}.item-body h2{font-size:1rem;color:#fff;font-family:Lexend,sans-serif;font-optical-sizing:auto;font-weight:700;font-style:normal}.item-body p{color:#9ca3af;font-size:1rem;font-family:Inter,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal}@media screen and (max-width: 419px){.item-box h2{font-size:1.5rem}}.item-footer{width:100%;display:flex;align-items:center;justify-content:space-between}.item-footer p{font-size:1rem;font-family:Inter,sans-serif;font-optical-sizing:auto;font-style:normal}.item-footer p:first-child{color:#fff}.item-footer p:last-child{color:#9ca3af}.item-bottom{min-height:32rem;width:100%;padding:2rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}@media screen and (max-width: 560px){.item-bottom{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}}@media screen and (max-width: 439px){.item-bottom{grid-template-columns:repeat(auto-fill,minmax(170px,1fr))}}.createitem-container{min-height:100dvh;width:100%;position:fixed;right:0;left:0;bottom:0;top:0;background-color:#11182770;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);transition:ease-in .4s;display:grid;place-content:center}.create-item-app{width:500px;min-height:400px;background-color:#374151;padding:2rem;border-radius:.5rem;border:1px solid #4b5563;color:#fff;font-family:Archivo,sans-serif;font-optical-sizing:auto;font-weight:700;font-style:normal;font-variation-settings:"wdth" 100}.create-item-app h1{font-family:Playfair Display,serif;font-size:1.5rem;margin-bottom:1.5rem}.create-item-app label{display:block;color:#d1d5db;margin-bottom:.5rem}.create-item-app input,.create-item-app select{width:100%;padding:.5rem;margin-bottom:1rem;background-color:#374151;color:#fff;border:1px solid #4b5563;border-radius:.375rem;font-family:Inter,sans-serif}.create-item-app input::placeholder{color:#9ca3af}@media screen and (max-width: 560px){.create-item-app{width:400px}}@media screen and (max-width: 450px){.create-item-app{width:320px}}.actions{display:flex;justify-content:flex-end;gap:.5rem;padding-top:1rem}.btn{padding:.5rem 1rem;border:none;border-radius:.375rem;font-family:Inter,sans-serif;cursor:pointer}.btn-outline{background:transparent;color:#d1d5db;border:1px solid #4b5563}.btn-outline:hover{background-color:#374151}.btn-primary{background-color:#2563eb;color:#fff}.btn-primary:hover{background-color:#1d4ed8}.item-box-container{min-height:15rem;padding:1rem;background-color:#1f2937b7;border:1px solid #374151;border-radius:10px;display:flex;flex-direction:column}.item-box-container:hover{background-color:#1f2937}.item-box-header{width:100%;display:flex;align-items:center;justify-content:space-between}.item-box-icon{width:40px;height:40px;padding:1rem;background-color:#2563eb;border:none;border-radius:3px;font-size:1.5rem;font-size:1.2rem;color:#fff;display:grid;place-content:center}.item-box-buttons{display:flex;align-items:center;justify-content:center;gap:.4rem}.item-box-buttons button{width:40px;height:40x;padding:.5rem;display:grid;place-items:center;border:none;background-color:transparent;outline:none;color:#fff;font-size:1.2rem}.item-box-buttons .btn-1:hover{color:#adff2f}.item-box-buttons .btn-2:hover{color:red}.item-box-body{margin-top:20px;width:100%;flex:1;font-family:TikTok Sans,sans-serif;font-optical-sizing:auto;font-style:normal;font-variation-settings:"slnt" 0,"wdth" 100;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between}.item-box-body h2{font-size:1.2rem}.item-box-body p{font-size:1rem;font-weight:500;color:#94a3b8}.item-box-main-body{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem}.item-box-main-body h2{color:#fff}.item-detail-popup-container{min-height:100dvh;width:100%;position:fixed;right:0;left:0;bottom:0;top:0;background-color:#11182770;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);transition:ease-in .4s;display:grid;place-content:center}.item-detail-popup-app{width:400px;min-height:300px;padding:1rem;background-color:#111827;border:1px solid #4b5563;border-radius:5px;font-family:TikTok Sans,sans-serif;font-optical-sizing:auto;font-style:normal;font-variation-settings:"slnt" 0,"wdth" 100;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}@media screen and (max-width: 450px){.item-detail-popup-app{width:320px}}.item-detail-popup-header{width:100%;display:flex;align-items:center;justify-content:space-between}.item-detail-popup-header h2{font-size:1.5rem;font-weight:700;color:#fff;display:flex;align-items:center;justify-content:center;gap:.3rem}.item-detail-popup-header h2 span{color:plum}.item-detail-popup-header button{width:30px;height:30px;border:none;outline:none;background-color:transparent;border:1px solid hsl(215,20%,65%);border-radius:6px;color:#fff;display:grid;place-items:center}.item-detail-item-info{width:100%;margin-top:30px;display:flex;flex-direction:column;align-items:flex-start}.item-detail-item-info h2{padding-bottom:10px;width:100%;border-bottom:1px solid hsl(215,20%,65%);color:#fff}.item-detail-info-container{width:100%;padding-top:20px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:1rem}.item-detail-info-container div{width:100%;font-size:1rem;font-weight:700;display:flex;align-items:center;justify-content:space-between}.item-detail-label{color:#94a3b8}@media screen and (max-width: 450px){.item-detail-info-container div{font-size:.8rem}}.invi-box-container{width:100%;min-height:100dvh;padding:2rem;background-color:#111827;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}.invi-box-navbar{width:100%;font-family:TikTok Sans,sans-serif;font-optical-sizing:auto;font-style:normal;font-variation-settings:"slnt" 0,"wdth" 100;display:flex;align-items:center;justify-content:space-between;gap:1rem}.invi-box-nav-intro{display:flex;gap:.5rem}.invi-box-navbar a{padding:.8rem;text-decoration:none;color:#9ca3af;border-radius:8px;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:ease-in-out .2s}.invi-box-navbar a:hover{background-color:#374151;border-color:#374151;color:#fff;transition:ease-in-out .2s}.invi-box-navbar h2{padding:.5rem;border-left:1px solid #9ca3af;color:#fff;font-size:2rem}.invi-box-nav-buttons{display:flex;align-items:center;justify-content:center;gap:.5rem}.invi-box-nav-buttons button{width:50px;height:50px;font-size:1.5rem;background-color:transparent;outline:none;border:none;color:#fff;display:grid;place-items:center}.invi-box-nav-buttons button:first-child:hover{color:#10b981}.invi-box-nav-buttons button:last-child:hover{color:red}@media screen and (max-width: 700px){.invi-box-navbar h2{font-size:1.3rem;display:grid;place-items:center}}@media screen and (max-width: 590px){.invi-box-nav-intro{padding:1rem}.invi-box-navbar a span{display:none}.invi-box-nav-buttons button{width:30px;height:30px;font-size:1rem}}@media screen and (max-width: 590px){.invi-box-navbar h2{font-size:1rem}}.invi-box-details{width:100%;margin-top:30px;display:flex;align-items:center;justify-content:space-between}.invi-box-right-details,.invi-box-left-details{width:49%;min-height:22rem}@media screen and (max-width: 930px){.invi-box-details{flex-direction:column;gap:1rem}.invi-box-left-details{width:95%;min-height:5rem}.invi-box-right-details{width:95%}}@media screen and (max-width: 500px){.invi-box-left-details,.invi-box-right-details{width:100%}}.invi-box-items{width:100%;margin-top:30px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:1rem}.invi-box-item-header{width:100%;display:flex;align-items:center;justify-content:space-between}.invi-box-item-header button{width:160px;height:40px;font-family:TikTok Sans,sans-serif;font-optical-sizing:auto;font-style:normal;font-variation-settings:"slnt" 0,"wdth" 100;background-color:#2563eb;outline:none;border:none;border-radius:5px;color:#fff;font-size:1rem;display:flex;align-items:center;justify-content:center;gap:.5rem}.invi-box-items-intro{color:#fff;font-size:2rem;font-family:TikTok Sans,sans-serif;font-optical-sizing:auto;font-style:normal;font-variation-settings:"slnt" 0,"wdth" 100;display:flex;align-items:center;justify-content:center;gap:.5rem}@media screen and (max-width: 850px){.invi-box-item-header button{width:120px}}@media screen and (max-width: 650px){.invi-box-item-header button{width:100px;height:30px;font-size:.8rem}.invi-box-items-intro{font-size:1.5rem}}@media screen and (max-width: 500px){.invi-box-items-intro{font-size:1rem}}@media screen and (max-width: 400px){.invi-box-items h2{font-size:1.2rem}}@media screen and (max-width: 350px){.invi-box-items h2{font-size:1rem}}.invi-box-item-container{width:100%;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.box-details-app{width:100%;height:100%;padding:1rem;border-radius:8px;font-family:TikTok Sans,sans-serif;font-optical-sizing:auto;font-style:normal;font-variation-settings:"slnt" 0,"wdth" 100}.box-detail-header{display:flex;align-items:center;justify-content:flex-start;gap:.5rem}.box-detail-header h2{font-size:1.5rem;color:#fff}@media screen and (max-width: 650px){.box-detail-header h2{font-size:1.2rem}}.box-detail-container{margin-top:30px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.2rem}.box-details{width:100%;font-size:1.1rem;display:flex;align-items:center;justify-content:space-between}.detail-title{color:#94a3b8}.detail-info{color:#fff}@media screen and (max-width: 650px){.box-details{font-size:.9rem}}.profile-container{width:100%;min-height:100dvh;padding:2rem;background-color:#111827;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem}.profile-header{width:50%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:1rem}.profile-home-btn{width:100px;height:40px;text-decoration:none;font-family:TikTok Sans,sans-serif;font-optical-sizing:auto;font-style:normal;font-variation-settings:"slnt" 0,"wdth" 100;font-size:1.1rem;color:#fff;background-color:#1f2937;border:1px solid #4b5563;outline:none;border-radius:6px;display:flex;align-items:center;justify-content:center}.profile-app-intro{width:100%;text-align:center;font-family:TikTok Sans,sans-serif;font-optical-sizing:auto;font-style:normal;font-variation-settings:"slnt" 0,"wdth" 100;display:flex;flex-direction:column;align-items:center;justify-content:center}.profile-app-intro h2{color:#fff;font-size:3rem;font-weight:bolder}.profile-app-intro p{font-size:1.2rem;color:#d1d5db;font-weight:700}@media screen and (max-width: 1150px){.profile-header{width:80%}}@media screen and (max-width: 1000px){.profile-header{width:90%}}@media screen and (max-width: 850px){.profile-header{width:100%}}@media screen and (max-width: 450px){.profile-app-intro h2{font-size:1.7rem}.profile-app-intro p{font-size:.9rem}}.profile-app{width:50%;height:100%;display:flex;align-items:flex-start;justify-content:center;gap:2rem}.profile-app-details{width:65%;height:44.5rem;border-radius:6px}.profile-app-messages{width:35%;min-height:100%;padding:1rem;background-color:#1f2937;border-radius:6px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2rem}@media screen and (max-width: 1500px){.profile-app{width:70%}}@media screen and (max-width: 1150px){.profile-app{width:80%}}@media screen and (max-width: 1000px){.profile-app{width:90%}}@media screen and (max-width: 850px){.profile-app{width:100%;flex-direction:column}.profile-app-details{height:initial;min-height:100%}.profile-app-details,.profile-app-messages{width:100%}}.delete-card{width:50%;height:10rem;padding:2rem;border:1px solid rgb(220,38,38);background-color:#7719193b;border-radius:8px;color:#f87171;display:flex;align-items:center;justify-content:space-between}.delete-card-info{display:flex;align-items:flex-start;justify-content:center;gap:.5rem;font-family:TikTok Sans,sans-serif;font-optical-sizing:auto;font-style:normal;font-variation-settings:"slnt" 0,"wdth" 100}.delete-card-info p{color:#ffaeae;width:70%}.delete-button{width:150px;height:50px;padding:.5rem;display:flex;align-items:center;justify-content:space-between;border:none;outline:none;border-radius:4px;background-color:#dc2626;color:#fff;font-family:TikTok Sans,sans-serif;font-optical-sizing:auto;font-style:normal;font-variation-settings:"slnt" 0,"wdth" 100}.delete-button:hover{background-color:#b91c1c}@media screen and (max-width: 1500px){.delete-card{width:70%}}@media screen and (max-width: 1150px){.delete-card{width:80%}}@media screen and (max-width: 1000px){.delete-card{width:90%}}@media screen and (max-width: 850px){.delete-card{width:100%;padding:.5rem}}@media screen and (max-width: 450px){.delete-card-info h2{font-size:.9rem}.delete-card-info p{font-size:.9rem;width:90%}.delete-button{flex-direction:column}}.profile-detail-app{width:100%;height:100%;padding:1rem;background-color:#1f2937;border-radius:6px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:1rem}.profile-detail-header{width:100%;color:#d1d5db;font-size:1rem;font-family:TikTok Sans,sans-serif;font-optical-sizing:auto;font-style:normal;font-variation-settings:"slnt" 0,"wdth" 100;display:flex;align-items:center;justify-content:space-between}.profile-detail-header button{width:120px;height:40px;color:#fff;font-size:1rem;font-family:TikTok Sans,sans-serif;font-optical-sizing:auto;font-style:normal;font-variation-settings:"slnt" 0,"wdth" 100;background-color:#2563eb;outline:none;border:none;border-radius:4px}@media screen and (max-width: 500px){.profile-detail-header h2{font-size:1rem}.profile-detail-header button{width:100px}}.profile-detail-names{width:100%;font-size:1rem;font-family:TikTok Sans,sans-serif;font-optical-sizing:auto;font-style:normal;font-variation-settings:"slnt" 0,"wdth" 100;display:flex;align-items:center;justify-content:flex-start;gap:1rem}.detail-initial{width:80px;height:80px;background-color:#3b82f6;border-radius:50%;color:#fff;font-size:2rem;font-weight:bolder;display:flex;align-items:center;justify-content:center}.detail-names h2{color:#fff;font-weight:bolder}.detail-names p{color:#9ca3af}@media screen and (max-width: 500px){.detail-initial{width:60px;height:60px}.detail-names h2{font-size:1rem}}.profile-detail-footer{width:100%;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);gap:1.5rem}@media screen and (max-width: 500px){.profile-detail-footer{grid-template-columns:repeat(1,1fr);grid-template-rows:repeat(4,1fr);justify-items:flex-start}}.detail-info-container{font-family:TikTok Sans,sans-serif;font-optical-sizing:auto;font-style:normal;font-variation-settings:"slnt" 0,"wdth" 100;display:flex;align-items:center;justify-content:center;gap:1rem}.detail-info-title{color:#9ca3af;font-size:1rem;font-weight:700}.detail-info-content{color:#fff}.profile-card-container{width:100%;min-height:12rem;padding:1rem;font-family:TikTok Sans,sans-serif;font-optical-sizing:auto;font-style:normal;font-variation-settings:"slnt" 0,"wdth" 100;border-radius:8px;display:flex;align-items:flex-start;justify-content:center;gap:.4rem}.profile-card-message{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem}