@import url(https://fonts.googleapis.com/css2?family=Urbanist:ital,wght@0,100..900;1,100..900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Urbanist:ital,wght@0,100..900;1,100..900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.landing-page{background:#fff;display:flex;flex-direction:column;min-height:100vh;position:relative;width:100%}.landing-page .landing-page-background{height:auto;left:0;mask-image:linear-gradient(180deg,#000 0,#000 70%,#0000);-webkit-mask-image:linear-gradient(180deg,#000 0,#000 70%,#0000);opacity:.15;position:absolute;top:0;width:100%}.landing-page .landing-page-content{align-items:center;display:flex;flex-direction:column;padding-top:4rem;position:relative;text-align:center;width:100%;z-index:1}.landing-page .landing-page-content .landing-page-title-container{margin-top:40px;max-width:90%;padding:0 1rem;width:800px}@media(max-width:1024px){.landing-page .landing-page-content .landing-page-title-container{margin-top:30px;width:700px}}@media(max-width:768px){.landing-page .landing-page-content .landing-page-title-container{margin-top:20px;max-width:100%;padding:0 2rem;width:100%}}.landing-page .landing-page-content .landing-page-title-container .landing-page-title{font-family:Poppins,sans-serif;font-size:60px;font-weight:700;line-height:72px;margin-bottom:1rem}@media(max-width:1024px){.landing-page .landing-page-content .landing-page-title-container .landing-page-title{font-size:48px;line-height:56px}}@media(max-width:768px){.landing-page .landing-page-content .landing-page-title-container .landing-page-title{font-size:32px;line-height:40px;margin-bottom:1rem}}.landing-page .landing-page-content .landing-page-title-container .landing-page-subtitle{font-family:Urbanist,sans-serif;font-size:20px;line-height:28px;margin-bottom:2rem}@media(max-width:1024px){.landing-page .landing-page-content .landing-page-title-container .landing-page-subtitle{font-size:18px;line-height:26px}}@media(max-width:768px){.landing-page .landing-page-content .landing-page-title-container .landing-page-subtitle{font-size:16px;line-height:24px;margin-bottom:1.5rem}}.landing-page .landing-page-content .landing-page-title-container .join-button-large{background:#06f;border:none;border-radius:20px;color:#fff;cursor:pointer;font-family:Urbanist,sans-serif;font-size:16px;font-weight:500;padding:.5rem 1.5rem;transition:background-color .2s}@media(max-width:768px){.landing-page .landing-page-content .landing-page-title-container .join-button-large{font-size:16px;padding:.75rem 2rem}}.landing-page .landing-page-content .landing-page-title-container .join-button-large:hover{background:#0052cc}.landing-page .landing-page-content .key-features-container{margin-top:8rem;max-width:1200px;padding:0;width:100%}.landing-page .landing-page-content .key-features-container .key-features-title{color:#000;font-family:Poppins,sans-serif;font-size:40px;font-weight:700;margin-bottom:3rem}.landing-page .landing-page-content .key-features-container .features-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(4,1fr)}@media(max-width:1024px){.landing-page .landing-page-content .key-features-container .features-grid{gap:2rem;grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.landing-page .landing-page-content .key-features-container .features-grid{gap:2rem;grid-template-columns:1fr}}.landing-page .landing-page-content .key-features-container .features-grid .feature-item{align-items:center;display:flex;flex-direction:column;text-align:center}.landing-page .landing-page-content .key-features-container .features-grid .feature-item .feature-image{border-radius:12px;box-shadow:0 4px 12px #0000001a;height:445px;margin-bottom:1.5rem;width:250px}.landing-page .landing-page-content .key-features-container .features-grid .feature-item .feature-title{color:#000;font-family:Poppins,sans-serif;font-size:24px;font-weight:600;margin-bottom:1rem}.landing-page .landing-page-content .key-features-container .features-grid .feature-item .feature-description{color:#666;font-family:Urbanist,sans-serif;font-size:16px;line-height:24px;max-width:300px}.landing-page .landing-page-content .how-it-works-container{margin-top:2rem;max-width:1200px;padding:0;width:100%}.landing-page .landing-page-content .how-it-works-container .how-it-works-title{color:#000;font-family:Poppins,sans-serif;font-size:40px;font-weight:700;margin-bottom:3rem}.landing-page .landing-page-content .how-it-works-container .steps-grid{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:repeat(3,1fr)}@media(max-width:1024px){.landing-page .landing-page-content .how-it-works-container .steps-grid{grid-template-columns:repeat(2,1fr)}.landing-page .landing-page-content .how-it-works-container .steps-grid .step-item:nth-child(3){grid-column:1/-1;justify-self:center}}@media(max-width:768px){.landing-page .landing-page-content .how-it-works-container .steps-grid{gap:2rem;grid-template-columns:1fr}}.landing-page .landing-page-content .how-it-works-container .steps-grid .step-item{align-items:center;display:flex;flex-direction:column;justify-self:center;max-width:350px;text-align:center}.landing-page .landing-page-content .how-it-works-container .steps-grid .step-item .step-number{align-items:center;border-radius:12px;color:#fff;display:flex;font-family:Poppins,sans-serif;font-size:24px;font-weight:700;height:60px;justify-content:center;margin-bottom:1.5rem;width:60px}.landing-page .landing-page-content .how-it-works-container .steps-grid .step-item .step-number.step-number-1{background:#a3d977}.landing-page .landing-page-content .how-it-works-container .steps-grid .step-item .step-number.step-number-2{background:#6b9aff}.landing-page .landing-page-content .how-it-works-container .steps-grid .step-item .step-number.step-number-3{background:#c9a9dd}.landing-page .landing-page-content .how-it-works-container .steps-grid .step-item .step-title{color:#000;font-family:Poppins,sans-serif;font-size:24px;font-weight:600;margin-bottom:1rem}.landing-page .landing-page-content .how-it-works-container .steps-grid .step-item .step-description{color:#666;font-family:Urbanist,sans-serif;font-size:16px;line-height:24px}.landing-page .landing-page-content .audience-container{margin-top:2rem;max-width:1200px;padding:0;text-align:left;width:100%}.landing-page .landing-page-content .audience-container .audience-content{grid-gap:4rem;align-items:center;display:grid;gap:4rem;grid-template-columns:1fr 1fr;padding-right:2rem}@media(max-width:1024px){.landing-page .landing-page-content .audience-container .audience-content{gap:3rem}}@media(max-width:768px){.landing-page .landing-page-content .audience-container .audience-content{gap:0;grid-template-columns:1fr;padding-left:1rem;padding-right:1rem;text-align:center}}.landing-page .landing-page-content .audience-container .audience-content .audience-image img{border-radius:12px;height:auto;width:100%}.landing-page .landing-page-content .audience-container .audience-content .audience-text .audience-title{color:#000;font-family:Poppins,sans-serif;font-size:36px;font-weight:700;line-height:1.2;margin-bottom:2rem}@media(max-width:768px){.landing-page .landing-page-content .audience-container .audience-content .audience-text .audience-title{font-size:28px}}.landing-page .landing-page-content .audience-container .audience-content .audience-text .audience-list{display:flex;flex-direction:column;gap:2rem}.landing-page .landing-page-content .audience-container .audience-content .audience-text .audience-list .audience-item{border-left:4px solid #06f;padding-left:1.5rem}@media(max-width:768px){.landing-page .landing-page-content .audience-container .audience-content .audience-text .audience-list .audience-item{border-left:none;border-radius:4px;padding-left:0;padding-top:1rem}}.landing-page .landing-page-content .audience-container .audience-content .audience-text .audience-list .audience-item .audience-subtitle{color:#000;font-family:Poppins,sans-serif;font-size:20px;font-weight:600;margin-bottom:.5rem;margin-top:.5rem}.landing-page .landing-page-content .audience-container .audience-content .audience-text .audience-list .audience-item .audience-description{color:#666;font-family:Urbanist,sans-serif;font-size:16px;line-height:24px;margin:0 0 .5rem}.landing-page .landing-page-content .footer-container{background-color:#06f;color:#fff;padding:.5rem 0;width:100%}@media(min-width:769px){.landing-page .landing-page-content .footer-container{grid-gap:1rem;align-items:center;display:grid;gap:1rem;grid-template-columns:1fr auto 1fr}.landing-page .landing-page-content .footer-container .footer-links{justify-self:start;margin-left:1rem}.landing-page .landing-page-content .footer-container p{justify-self:center;margin:0}.landing-page .landing-page-content .footer-container .chrome-store-link{justify-self:end;margin-right:1rem}}@media(max-width:768px){.landing-page .landing-page-content .footer-container{align-items:center;display:flex;flex-direction:column;gap:1rem;padding:1rem;text-align:center}}.landing-page .landing-page-content .footer-container .footer-links{align-items:center;display:flex}@media(min-width:769px){.landing-page .landing-page-content .footer-container .footer-links{gap:2rem}}@media(max-width:768px){.landing-page .landing-page-content .footer-container .footer-links{flex-wrap:wrap;gap:1.5rem;justify-content:center}}.landing-page .landing-page-content .footer-container .footer-links a{color:#fff;font-family:Urbanist,sans-serif;font-size:16px;font-weight:400;text-decoration:none}@media(max-width:768px){.landing-page .landing-page-content .footer-container .footer-links a{font-size:14px}}.landing-page .landing-page-content .footer-container .footer-links a:hover{text-decoration:underline}.landing-page .landing-page-content .footer-container p{font-family:Urbanist,sans-serif;font-size:16px;font-weight:400}@media(max-width:768px){.landing-page .landing-page-content .footer-container p{font-size:14px;margin:0}}.landing-page .landing-page-content .footer-container .chrome-store-link{align-items:center;background-color:#fff;border-radius:15px;cursor:pointer;display:flex;height:40px;justify-content:center;padding:4px;transition:transform .2s}@media(max-width:768px){.landing-page .landing-page-content .footer-container .chrome-store-link{height:36px}}.landing-page .landing-page-content .footer-container .chrome-store-link:hover{transform:scale(1.05)}.landing-page .landing-page-content .footer-container .chrome-store-link .chrome-store-image{height:60px;width:auto}@media(max-width:768px){.landing-page .landing-page-content .footer-container .chrome-store-link .chrome-store-image{height:52px}}.plan-card{background:#fff;border-radius:16px;box-shadow:0 8px 32px #0000001a;display:flex;flex-direction:column;height:580px;padding:2rem;position:relative;transition:transform .2s ease,box-shadow .2s ease;width:320px}.plan-card:hover{box-shadow:0 12px 48px #00000026;transform:translateY(-4px)}.plan-card .plan-header{align-items:flex-start;display:flex;flex-direction:column;margin-bottom:1rem}.plan-card .plan-header .plan-icon{margin-bottom:1rem}.plan-card .plan-header .plan-icon .icon-circle{align-items:center;border-radius:12px;display:flex;font-size:20px;font-weight:600;height:48px;justify-content:center;width:48px}.plan-card .plan-header .plan-icon .icon-circle.basic-icon,.plan-card .plan-header .plan-icon .icon-circle.premium-icon{background:#06f;color:#fff}.plan-card .plan-header .plan-title{color:#000;font-family:Poppins,sans-serif;font-size:24px;font-weight:600;margin:0}.plan-card .plan-pricing{margin-bottom:2rem}.plan-card .plan-pricing .price-display{align-items:baseline;display:flex;margin-bottom:.5rem}.plan-card .plan-pricing .price-display .price-currency{color:#000;font-family:Poppins,sans-serif;font-size:32px;font-weight:600}.plan-card .plan-pricing .price-display .price-amount{color:#000;font-family:Poppins,sans-serif;font-size:48px;font-weight:600;margin:0 .5rem 0 .25rem}.plan-card .plan-pricing .price-display .price-period{color:#666;font-family:Urbanist,sans-serif;font-size:14px;font-weight:500;text-transform:uppercase}.plan-card .plan-pricing .price-display .discount-badge{background:#a7d7ff;border-radius:20px;color:#333;display:inline-block;font-size:12px;font-weight:600;margin-left:1rem;padding:.25rem .75rem}.plan-card .plan-pricing .plan-subtitle{color:#666;font-family:Urbanist,sans-serif;font-size:14px;font-weight:600;letter-spacing:.5px;margin:0;text-align:left;text-transform:uppercase}.plan-card .plan-features{flex-grow:1;height:250px;list-style:none;margin:0 0 1.5rem;padding:0}.plan-card .plan-features .plan-feature{align-items:flex-start;display:flex;margin-bottom:1rem;text-align:left}.plan-card .plan-features .plan-feature .feature-dot{background:#06f;border-radius:50%;flex-shrink:0;height:8px;margin-right:1rem;margin-top:.5rem;width:8px}.plan-card .plan-features .plan-feature span{color:#333;font-family:Urbanist,sans-serif;font-size:16px;line-height:24px;text-align:left}.plan-card .plan-button{background:#06f;border:none;border-radius:8px;color:#fff;cursor:pointer;flex-shrink:0;font-family:Urbanist,sans-serif;font-size:16px;font-weight:600;margin-top:auto;padding:1rem 2rem;transition:background-color .2s ease;width:100%}.plan-card .plan-button:hover{background:#0052cc}@media(max-width:768px){.plan-card{margin-bottom:1.5rem;max-width:100%}.plan-card .plan-pricing .price-display .price-amount{font-size:40px}.plan-card .plan-pricing .price-display .price-currency{font-size:28px}}.pricing-container{background:rgba(22,93,245,.102);margin-top:4rem;padding:2rem 0 4rem;width:100%}.pricing-container .pricing-header{margin-bottom:2rem;text-align:center}.pricing-container .pricing-header .pricing-title{color:#000;font-family:Poppins,sans-serif;font-size:40px;font-weight:700;line-height:1.2;margin-bottom:1.5rem}@media(max-width:768px){.pricing-container .pricing-header .pricing-title{font-size:32px}}.pricing-container .pricing-header .pricing-subtitle{color:#666;font-family:Urbanist,sans-serif;font-size:18px;line-height:28px;margin:0 auto 3rem;max-width:800px}@media(max-width:768px){.pricing-container .pricing-header .pricing-subtitle{font-size:16px;line-height:24px}}.pricing-container .pricing-header .pricing-toggle{align-items:center;display:flex;justify-content:center;margin:0 auto}.pricing-container .pricing-header .pricing-toggle .toggle-container{align-items:center;border:2px solid rgba(22,93,245,.278);border-radius:50px;display:flex;gap:0;padding:6px;position:relative}.pricing-container .pricing-header .pricing-toggle .toggle-container:before{background:#fff;border-radius:50px;content:"";height:46px;left:6px;position:absolute;top:6px;transition:all .3s ease;width:83px;z-index:1}.pricing-container .pricing-header .pricing-toggle .toggle-container.yearly:before{transform:translateX(83px);width:148px}.pricing-container .pricing-header .pricing-toggle .toggle-container .toggle-option{align-items:center;background:#0000;border:none;border-radius:50px;color:#333;cursor:pointer;display:flex;font-family:Urbanist,sans-serif;font-size:14px;font-weight:600;gap:.5rem;height:46px;padding:.75rem .75rem .75rem 1rem;position:relative;transition:color .3s ease;white-space:nowrap;z-index:2}.pricing-container .pricing-header .pricing-toggle .toggle-container .toggle-option:hover:not(.active){color:#06f}.pricing-container .pricing-header .pricing-toggle .toggle-container .toggle-option .save-badge{background:#a7d7ff;border-radius:14px;color:#333;font-family:Urbanist,sans-serif;font-size:14px;font-weight:600;padding:.25rem .5rem;white-space:nowrap}.pricing-container .pricing-plans{align-items:flex-start;display:flex;gap:6rem;justify-content:center;margin:0 auto;max-width:900px}@media(max-width:768px){.pricing-container .pricing-plans{align-items:center;flex-direction:column;gap:3rem}.pricing-container{margin-top:6rem;padding:3rem 1.5rem}}.landing-header{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#ffffff4d;border-bottom:1px solid #ffffff1a;left:0;padding:.75rem 2rem;position:fixed;right:0;top:0;z-index:10}@media(max-width:1024px){.landing-header{padding:.75rem 1rem}}@media(max-width:768px){.landing-header{padding:.5rem .75rem}}.landing-header .landing-header-container{align-items:center;display:flex;justify-content:space-between;margin-left:100px;margin-right:100px}@media(max-width:1024px){.landing-header .landing-header-container{margin-left:50px;margin-right:50px}}@media(max-width:768px){.landing-header .landing-header-container{margin-left:0;margin-right:0}}.landing-header .landing-header-container .header-left .header-logo{cursor:pointer;height:45px;width:auto}@media(max-width:768px){.landing-header .landing-header-container .header-left .header-logo{height:35px}}.landing-header .landing-header-container .header-right{align-items:center;display:flex;gap:1rem}@media(max-width:768px){.landing-header .landing-header-container .header-right{gap:.5rem}}.landing-header .landing-header-container .header-right .login-button{background:#0000;border:none;color:#000;cursor:pointer;font-family:Urbanist,sans-serif;font-size:16px;font-weight:500;padding:.5rem 1.5rem;transition:color .2s}@media(max-width:768px){.landing-header .landing-header-container .header-right .login-button{font-size:14px;padding:.4rem 1rem}}.landing-header .landing-header-container .header-right .login-button:hover{color:#06f}.landing-header .landing-header-container .header-right .dashboard-button,.landing-header .landing-header-container .header-right .join-button{background:#06f;border:none;border-radius:20px;color:#fff;cursor:pointer;font-family:Urbanist,sans-serif;font-size:16px;font-weight:500;padding:.5rem 1.5rem;transition:background-color .2s}@media(max-width:768px){.landing-header .landing-header-container .header-right .dashboard-button,.landing-header .landing-header-container .header-right .join-button{font-size:14px;padding:.4rem 1rem}}.landing-header .landing-header-container .header-right .dashboard-button:hover,.landing-header .landing-header-container .header-right .join-button:hover{background:#0052cc}.sign-up-success-page{align-items:center;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);display:flex;flex-direction:column;height:100vh;justify-content:center;overflow:hidden;text-align:center;width:100vw}.sign-up-success-page .success-container{background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000001a;max-width:600px;overflow:hidden;padding:3rem 2.5rem;position:relative;width:100%}@media(max-width:768px){.sign-up-success-page .success-container{border-radius:16px;padding:2rem 1.5rem}}.sign-up-success-page .success-container:before{background:#06f;content:"";height:5px;left:0;position:absolute;right:0;top:0}.sign-up-success-page .success-container .success-icon{align-items:center;animation:pulse 2s infinite;background:linear-gradient(135deg,#06f,#4facfe);border-radius:50%;display:flex;height:80px;justify-content:center;margin:0 auto 2rem;width:80px}.sign-up-success-page .success-container .success-icon .checkmark{color:#fff;font-size:40px;font-weight:700}.sign-up-success-page .success-container .success-title{color:#000;font-family:Poppins,sans-serif;font-size:42px;font-weight:700;line-height:1.2;margin-bottom:1rem}@media(max-width:768px){.sign-up-success-page .success-container .success-title{font-size:32px}}.sign-up-success-page .success-container .success-title .highlight{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#06f,#4facfe);-webkit-background-clip:text;background-clip:text}.sign-up-success-page .success-container .success-actions{align-items:center;display:flex;flex-direction:column;gap:1rem}@media(min-width:769px){.sign-up-success-page .success-container .success-actions{flex-direction:row;gap:1.5rem;justify-content:center}}.sign-up-success-page .success-container .success-actions .primary-button{background:linear-gradient(135deg,#06f,#4facfe);border:none;border-radius:25px;color:#fff;cursor:pointer;font-family:Urbanist,sans-serif;font-size:16px;font-weight:600;min-width:160px;padding:.75rem 2rem;transition:all .3s ease}.sign-up-success-page .success-container .success-actions .primary-button:hover{box-shadow:0 10px 25px #0066ff4d;transform:translateY(-2px)}.sign-up-success-page .success-container .success-actions .primary-button:active{transform:translateY(0)}.sign-up-success-page .success-container .success-actions .secondary-button{background:#0000;border:2px solid #06f;border-radius:25px;color:#06f;cursor:pointer;font-family:Urbanist,sans-serif;font-size:16px;font-weight:600;min-width:160px;padding:.75rem 2rem;transition:all .3s ease}.sign-up-success-page .success-container .success-actions .secondary-button:hover{background:#06f;box-shadow:0 10px 25px #0066ff4d;color:#fff;transform:translateY(-2px)}.sign-up-success-page .success-container .success-actions .secondary-button:active{transform:translateY(0)}.sign-up-success-page .success-container .features-preview{border-top:1px solid #eee;margin-top:2rem;padding-top:1rem}.sign-up-success-page .success-container .features-preview .preview-title{color:#000;font-family:Poppins,sans-serif;font-size:20px;font-weight:600;margin-bottom:1.5rem}.sign-up-success-page .success-container .features-preview .preview-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.sign-up-success-page .success-container .features-preview .preview-grid .preview-item{align-items:center;background:#f8fafc;border-radius:12px;display:flex;flex-direction:column;padding:1rem;text-align:center;transition:all .3s ease}.sign-up-success-page .success-container .features-preview .preview-grid .preview-item:hover{background:#e1f5fe;transform:translateY(-2px)}.sign-up-success-page .success-container .features-preview .preview-grid .preview-item .preview-icon{align-items:center;background:linear-gradient(135deg,#06f,#4facfe);border-radius:8px;display:flex;height:40px;justify-content:center;margin-bottom:.5rem;width:40px}.sign-up-success-page .success-container .features-preview .preview-grid .preview-item .preview-icon .icon-text{color:#fff;font-size:18px;font-weight:700}.sign-up-success-page .success-container .features-preview .preview-grid .preview-item .preview-name{color:#333;font-family:Urbanist,sans-serif;font-size:14px;font-weight:500}.subscription-success-page{align-items:center;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);display:flex;flex-direction:column;height:100vh;justify-content:center;overflow-y:auto;text-align:center}.subscription-success-page .success-container{background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000001a;margin:auto;max-width:1100px;overflow:hidden;padding:3rem 2.5rem;position:relative;width:100%}@media(max-width:768px){.subscription-success-page .success-container{border-radius:16px;max-height:95vh;overflow-y:auto;padding:2rem 1.5rem}}.subscription-success-page .success-container .content-layout{align-items:flex-start;display:flex;gap:3rem}@media(max-width:768px){.subscription-success-page .success-container .content-layout{flex-direction:column;gap:2rem}}.subscription-success-page .success-container .content-layout .welcome-section{flex:1 1;text-align:center}@media(max-width:768px){.subscription-success-page .success-container .content-layout .welcome-section{text-align:center}}.subscription-success-page .success-container:before{background:#06f;content:"";height:5px;left:0;position:absolute;right:0;top:0}.subscription-success-page .success-container .success-icon{align-items:center;animation:pulse 2s infinite;background:linear-gradient(135deg,#06f,#4facfe);border-radius:50%;display:flex;height:80px;justify-content:center;margin:0 auto 2rem;width:80px}@keyframes pulse{0%{box-shadow:0 0 0 0 #0066ffb3;transform:scale(1)}70%{box-shadow:0 0 0 10px #06f0;transform:scale(1.05)}to{box-shadow:0 0 0 0 #06f0;transform:scale(1)}}.subscription-success-page .success-container .success-icon .checkmark{color:#fff;font-size:40px;font-weight:700}.subscription-success-page .success-container .success-title{color:#000;font-family:Poppins,sans-serif;font-size:42px;font-weight:700;line-height:1.2;margin-bottom:1rem}@media(max-width:768px){.subscription-success-page .success-container .success-title{font-size:28px}}.subscription-success-page .success-container .success-title .highlight{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#06f,#4facfe);-webkit-background-clip:text;background-clip:text}.subscription-success-page .success-container .success-message{color:#666;font-family:Urbanist,sans-serif;font-size:18px;line-height:1.5;margin-bottom:2rem}@media(max-width:768px){.subscription-success-page .success-container .success-message{font-size:16px;margin-bottom:1.5rem}}.subscription-success-page .success-container .success-actions{align-items:center;display:flex;flex-direction:column;gap:1rem;margin-bottom:2.5rem}.subscription-success-page .success-container .success-actions .primary-button{background:linear-gradient(135deg,#06f,#4facfe);border:none;border-radius:25px;color:#fff;cursor:pointer;font-family:Urbanist,sans-serif;font-size:16px;font-weight:600;min-width:160px;padding:.75rem 2rem;transition:all .3s ease}.subscription-success-page .success-container .success-actions .primary-button:hover{box-shadow:0 10px 25px #0066ff4d;transform:translateY(-2px)}.subscription-success-page .success-container .success-actions .primary-button:active{transform:translateY(0)}.subscription-success-page .success-container .premium-features{border-left:1px solid #eee;flex:1 1;padding-left:2rem}@media(max-width:768px){.subscription-success-page .success-container .premium-features{border-left:none;border-top:1px solid #eee;padding-left:0;padding-top:1rem}}.subscription-success-page .success-container .premium-features .premium-title{color:#000;font-family:Poppins,sans-serif;font-size:20px;font-weight:600;margin-bottom:1.5rem;text-align:left}@media(max-width:768px){.subscription-success-page .success-container .premium-features .premium-title{text-align:center}}.subscription-success-page .success-container .premium-features .premium-grid{display:flex;flex-direction:column;gap:1rem}.subscription-success-page .success-container .premium-features .premium-grid .premium-item{align-items:center;background:#f8fafc;border-radius:12px;display:flex;gap:1rem;padding:1.25rem;transition:all .3s ease}.subscription-success-page .success-container .premium-features .premium-grid .premium-item:hover{background:#e1f5fe;transform:translateY(-2px)}.subscription-success-page .success-container .premium-features .premium-grid .premium-item .premium-icon{align-items:center;background:linear-gradient(135deg,#06f,#4facfe);border-radius:10px;display:flex;flex-shrink:0;height:50px;justify-content:center;width:50px}.subscription-success-page .success-container .premium-features .premium-grid .premium-item .premium-icon .icon-text{color:#fff;font-size:20px;font-weight:700}.subscription-success-page .success-container .premium-features .premium-grid .premium-item .premium-content{align-items:flex-start;display:flex;flex-direction:column;text-align:left}.subscription-success-page .success-container .premium-features .premium-grid .premium-item .premium-content .premium-name{color:#333;font-family:Urbanist,sans-serif;font-size:16px;font-weight:600;margin-bottom:.25rem}.subscription-success-page .success-container .premium-features .premium-grid .premium-item .premium-content .premium-description{color:#666;font-family:Urbanist,sans-serif;font-size:14px;line-height:1.3}.terms-of-service-page{background-color:#f8f9fa;min-height:100vh}.terms-of-service-content{display:flex;justify-content:center;padding-bottom:60px;padding-top:100px}.terms-of-service-container{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;margin:0 20px;max-width:800px;padding:40px;width:100%}@media(max-width:768px){.terms-of-service-container{margin:0 10px;padding:20px}}.back-button{background:none;border:none;color:#007bff;cursor:pointer;font-size:16px;margin-bottom:0;padding:8px 0;text-decoration:none;transition:color .2s ease}.back-button:hover{color:#0056b3;text-decoration:underline}.legal-content h1,.markdown-content h1{color:#000;font-size:2.5rem;font-weight:700;margin-bottom:20px;text-align:center}@media(max-width:768px){.legal-content h1,.markdown-content h1{font-size:2rem}}.legal-content h2,.markdown-content h2{border-bottom:2px solid #007bff;color:#000;font-size:1.5rem;font-weight:600;margin-bottom:15px;margin-top:10px;padding-bottom:8px}.legal-content h3,.markdown-content h3{color:#000;font-size:1.2rem;font-weight:500;margin-bottom:10px;margin-top:20px}.legal-content p,.markdown-content p{color:#000;font-size:16px;line-height:1.6;margin-bottom:15px}.legal-content p em,.markdown-content p em{border-bottom:1px solid #eee;color:#000;display:block;font-style:italic;margin-bottom:40px;padding-bottom:20px;text-align:center}.legal-content ul,.markdown-content ul{color:#000;line-height:1.6;margin-bottom:15px;padding-left:20px}.legal-content ul li,.markdown-content ul li{font-size:16px;margin-bottom:8px}.legal-content ol,.markdown-content ol{color:#000;line-height:1.6;margin-bottom:15px;padding-left:20px}.legal-content ol li,.markdown-content ol li{font-size:16px;margin-bottom:8px}.legal-content code,.markdown-content code{background-color:#f4f4f4;border-radius:4px;font-family:Monaco,Consolas,monospace;font-size:14px;padding:2px 6px}.legal-content pre,.markdown-content pre{background-color:#f4f4f4;border-radius:6px;margin-bottom:15px;overflow-x:auto;padding:15px}.legal-content pre code,.markdown-content pre code{background-color:#0000;padding:0}.legal-content a,.markdown-content a{color:#007bff;text-decoration:none}.legal-content a:hover,.markdown-content a:hover{color:#0056b3;text-decoration:underline}.legal-content blockquote,.markdown-content blockquote{border-left:4px solid #007bff;color:#000;font-style:italic;margin-left:0;padding-left:15px}@media(max-width:768px){.terms-of-service-content{padding-bottom:40px;padding-top:80px}.legal-content section h2{font-size:1.3rem}.legal-content section h3{font-size:1.1rem}.legal-content section li,.legal-content section p{font-size:15px}}.layout-container{height:100%;width:100%}.pulse-spinner{height:100%;width:100%}.logo-page,.pulse-spinner{align-items:center;display:flex;justify-content:center}.logo-page{background-color:#f8f9fa;box-sizing:border-box;flex-direction:column;height:100vh;left:0;padding:20px;position:fixed;top:0;width:100vw;z-index:1000}.logo-page .logo-container{align-items:center;display:flex;justify-content:center;margin-bottom:40px}.logo-page .logo-container .logo{height:auto;max-width:300px;width:100%}.logo-page .loading-container{align-items:center;display:flex;flex-direction:column;gap:12px;justify-content:center;text-align:center}.logo-page .loading-container button{background-color:#6893e4;border:none;border-radius:8px;color:#fff;cursor:pointer;display:block;font-size:1rem;font-weight:600;margin-left:auto;margin-right:auto;padding:12px 24px;transition:all .2s ease}.logo-page .loading-container button:hover{background-color:#93b2ec;box-shadow:0 4px 12px #00000026;transform:translateY(-1px)}.logo-page .loading-message{color:#333;font-size:16px;font-weight:500}.logo-page .spinner{animation:spin 1s linear infinite;border:3px solid #ccc;border-radius:50%;border-top-color:#6893e4;height:24px;width:24px}.subscription-modal-backdrop{align-items:center;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;display:flex;height:100vh;justify-content:center;left:0;padding:20px;position:fixed;top:0;width:100vw;z-index:1000}.subscription-modal-backdrop .subscription-modal-content{animation:slideUp .3s ease-out;background:#fff;border-radius:20px;box-shadow:0 20px 40px #00000026;max-height:85vh;max-width:480px;overflow-y:auto;padding:2rem;position:relative;width:100%}@media(max-width:768px){.subscription-modal-backdrop .subscription-modal-content{margin:10px;padding:1.5rem}}.subscription-modal-backdrop .modal-close-btn{align-items:center;background:none;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:1.5rem;height:40px;justify-content:center;position:absolute;right:1rem;top:1rem;transition:all .2s ease;width:40px}.subscription-modal-backdrop .modal-close-btn:hover{background:#f5f5f5;color:#333}.subscription-modal-backdrop .modal-header{margin-bottom:2rem;text-align:center}.subscription-modal-backdrop .modal-header .premium-icon{align-items:center;background:linear-gradient(135deg,#6893e4,#a9c1f0);border-radius:16px;box-shadow:0 8px 20px #6893e44d;color:#fff;display:flex;height:64px;justify-content:center;margin:0 auto 1rem;width:64px}.subscription-modal-backdrop .modal-header .modal-title{color:#1a1a1a;font-family:Urbanist,sans-serif;font-size:28px;font-weight:700;margin:0 0 .5rem}.subscription-modal-backdrop .modal-header .modal-subtitle{color:#666;font-family:Urbanist,sans-serif;font-size:16px;margin:0}.subscription-modal-backdrop .pricing-toggle{display:flex;justify-content:center;margin-bottom:2rem}.subscription-modal-backdrop .pricing-toggle .toggle-container{align-items:center;background:#f8f9fa;border:2px solid #6893e44d;border-radius:50px;display:flex;gap:0;padding:6px;position:relative}.subscription-modal-backdrop .pricing-toggle .toggle-container:before{background:#fff;border-radius:50px;box-shadow:0 2px 8px #0000001a;content:"";height:46px;left:6px;position:absolute;top:6px;transition:all .3s ease;width:83px;z-index:1}.subscription-modal-backdrop .pricing-toggle .toggle-container.yearly:before{transform:translateX(83px);width:148px}.subscription-modal-backdrop .pricing-toggle .toggle-container .toggle-option{align-items:center;background:#0000;border:none;border-radius:50px;color:#666;cursor:pointer;display:flex;font-family:Urbanist,sans-serif;font-size:14px;font-weight:600;gap:.5rem;height:46px;padding:.75rem 1rem;position:relative;transition:color .3s ease;white-space:nowrap;z-index:2}.subscription-modal-backdrop .pricing-toggle .toggle-container .toggle-option.active{color:#6893e4}.subscription-modal-backdrop .pricing-toggle .toggle-container .toggle-option .save-badge{background:#6893e426;border-radius:12px;color:#6893e4;font-size:12px;font-weight:700;padding:.25rem .5rem;white-space:nowrap}.subscription-modal-backdrop .pricing-display{align-items:center;display:flex;flex-direction:row;justify-content:space-between;margin-bottom:2rem;padding:0 28px;text-align:center}.subscription-modal-backdrop .pricing-display .price-info{align-items:baseline;display:flex;justify-content:center;margin-bottom:.5rem}.subscription-modal-backdrop .pricing-display .price-info .price-currency{color:#1a1a1a;font-family:Urbanist,sans-serif;font-size:24px;font-weight:600}.subscription-modal-backdrop .pricing-display .price-info .price-amount{color:#1a1a1a;font-family:Urbanist,sans-serif;font-size:48px;font-weight:700;margin:0 .25rem}.subscription-modal-backdrop .pricing-display .price-info .price-period{color:#666;font-family:Urbanist,sans-serif;font-size:16px;font-weight:500}.subscription-modal-backdrop .pricing-display .discount-info{background:#6893e41a;border-radius:20px;color:#6893e4;display:inline-block;font-family:Urbanist,sans-serif;font-size:14px;font-weight:600;padding:.5rem 1rem}.subscription-modal-backdrop .features-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr;margin-bottom:2rem}@media(max-width:400px){.subscription-modal-backdrop .features-grid{gap:.75rem;grid-template-columns:1fr}}.subscription-modal-backdrop .features-grid .feature-item{align-items:center;color:#333;display:flex;font-family:Urbanist,sans-serif;font-size:14px;font-weight:500;gap:.75rem}.subscription-modal-backdrop .features-grid .feature-item .check-icon{color:#6893e4;flex-shrink:0;font-size:18px}.subscription-modal-backdrop .upgrade-button{background:linear-gradient(135deg,#6893e4,#93b2ec);border:none;border-radius:12px;box-shadow:0 4px 12px #6893e44d;color:#fff;cursor:pointer;font-family:Urbanist,sans-serif;font-size:16px;font-weight:600;margin-bottom:1rem;padding:1rem 2rem;transition:all .2s ease;width:100%}.subscription-modal-backdrop .upgrade-button:hover:not(:disabled){box-shadow:0 6px 20px #6893e466;transform:translateY(-2px)}.subscription-modal-backdrop .upgrade-button:disabled{cursor:not-allowed;opacity:.7}.subscription-modal-backdrop .modal-footer-text{color:#999;font-family:Urbanist,sans-serif;font-size:12px;line-height:1.4;margin:0;text-align:center}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.site-header{align-items:center;background-color:#6893e4;box-shadow:0 2px 4px #0000001a;box-sizing:border-box;display:flex;height:60px;justify-content:space-between;left:0;padding:12px 24px;position:fixed;right:0;top:0;z-index:1000}.site-header .site-header-left{align-items:center;display:flex;gap:16px}.site-header .site-header-left .hamburger-menu{align-items:center;background:none;border:none;border-radius:4px;color:#000;cursor:pointer;display:flex;font-size:20px;justify-content:center;padding:8px}.site-header .site-header-left .hamburger-menu:hover{background-color:#ffffff1a}.site-header .site-header-left .site-logo{cursor:pointer;height:48px;width:auto}.site-header .site-header-center{flex:1 1;margin:0 32px;max-width:500px}.site-header .site-header-center .search-bar{display:none;position:relative;width:100%}.site-header .site-header-center .search-bar .search-input{background-color:#fff;border:none;border-radius:24px;box-sizing:border-box;color:#333;font-size:14px;outline:none;padding:10px 16px;width:100%}.site-header .site-header-center .search-bar .search-input::placeholder{color:#999}.site-header .site-header-center .search-bar .search-input:focus{box-shadow:0 0 0 2px #ffffff4d}.site-header .site-header-right .subscribe-btn{align-items:center;background:#fff;border:none;border-radius:20px;box-shadow:0 2px 8px #0000001a;color:#6893e4;cursor:pointer;display:flex;font-family:Urbanist,sans-serif;font-size:14px;font-weight:600;margin-right:.75rem;padding:8px 16px;transition:all .2s ease}.site-header .site-header-right .subscribe-btn:hover{background:#f8f9fa;box-shadow:0 4px 12px #00000026;transform:translateY(-1px)}.site-header .site-header-right .subscribe-btn:active{box-shadow:0 2px 6px #0000001f;transform:translateY(0)}.site-header .site-header-right .subscribe-btn-label{font-family:Urbanist,sans-serif;font-size:14px;font-weight:600}.site-header .site-header-right .profile-section{align-items:center;border-radius:8px;color:#000;cursor:pointer;display:flex;gap:8px;padding:8px 12px;transition:background-color .2s}.site-header .site-header-right .profile-section:hover{background-color:#ffffff1a}.site-header .site-header-right .profile-section .profile-icon{font-size:18px}.site-header .site-header-right .profile-section .profile-name{font-size:14px;font-weight:500}.sidebar{background-color:#fff;box-shadow:2px 0 8px #0000001a;display:flex;flex-direction:column;height:calc(100vh - 60px);left:0;position:fixed;top:60px;transform:translateX(-100%);transition:transform .3s ease;width:225px;z-index:999}.sidebar.sidebar-open{transform:translateX(0)}.sidebar .sidebar-content{display:flex;flex-direction:column;height:100%;padding:24px 0}.sidebar .nav-items{flex:1 1}.sidebar .nav-item{align-items:center;background:none;border:none;color:#000;cursor:pointer;display:flex;font-size:14px;gap:12px;padding:16px 24px;text-align:left;width:100%}.sidebar .nav-item:hover{background-color:#6893e4;color:#fff}.sidebar .nav-item:hover .nav-icon{color:#fff}.sidebar .nav-item.active{background-color:#b0c7f3;color:#fff}.sidebar .nav-item.active .nav-icon{color:#fff}.sidebar .nav-item .nav-icon{color:#000;font-size:18px}.sidebar .nav-item .nav-label{font-weight:500}.sidebar .nav-item.logout,.sidebar .nav-item.logout .nav-icon{color:#dc3545}.sidebar .nav-item.logout:hover{background-color:#f8d7da}.sidebar .sidebar-bottom{border-top:1px solid #e9ecef;padding-top:16px}.sidebar-overlay{background-color:#00000080;bottom:0;left:0;position:fixed;right:0;top:60px;z-index:998}body.sidebar-open{overflow:hidden}.layout-container{display:flex;flex-direction:column;height:100vh;overflow:hidden}.main-content{flex:1 1;height:calc(100vh - 60px);margin-top:60px;overflow-x:hidden;overflow-y:auto}.main-content,.main-content>*{box-sizing:border-box;width:100%}.notes-page{color:#000;display:flex;flex-direction:column;font-family:Poppins,sans-serif;height:100%;width:100%}.notes-page .section{flex:1 1;margin-top:10px;max-width:330px;overflow-y:scroll;padding:.375rem 1rem 1rem;width:100%}.notes-page .sort-container{font-size:14px;font-weight:600;padding-bottom:15px;padding-left:10px}.notes-page .sort-container label{padding-right:7px}.notes-page .sort-container select{font-size:12px;font-weight:400}.notes-page .notes-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));padding-left:10px}.notes-page .notes-grid .create-note-card{background-color:#6893e4}.notes-grid .notes-grid-card{background:#fff;background-color:#fff;border-radius:8px;border-radius:.5rem;box-shadow:0 0 13px rgba(0,0,0,.322);display:flex;font-size:14px;height:106px;margin:0;max-width:none;position:relative;transition:box-shadow .3s;width:74%;width:146px}.notes-grid .notes-grid-card .card-content{cursor:pointer;display:flex;flex:1 1;flex-direction:column;min-height:0;min-width:0;overflow:hidden;padding:15px}.notes-grid .notes-grid-card .card-icon-container{bottom:-10px;display:flex;flex-direction:row;left:25%;position:absolute;transform:translateX(-50%);z-index:10}.notes-grid .notes-grid-card .card-icon-slot{margin:0 5px;width:36px}.notes-grid .notes-grid-card .card-icon{background-color:#b0c7f3;border-radius:50%;color:#666;cursor:pointer;font-size:1.35rem;padding:6px;-webkit-user-select:none;user-select:none}.notes-grid .notes-grid-card .card-icon:hover{color:#000}.notes-grid .notes-grid-card .card-icon-hidden{display:none}.notes-grid .notes-grid-card .card-title{line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;word-break:break-word}.notes-grid .notes-grid-card h3,.notes-grid .notes-grid-card p{margin:0;text-align:center}.notes-grid .notes-grid-card h3{font-weight:600}.notes-grid .notes-grid-card p{font-size:12px}.notes-grid .notes-grid-card .favourite{font-size:23px}.notes-grid .notes-grid-card .arrow-icon{background-color:#b0c7f3;border-radius:50%;bottom:-10px;color:#555;font-size:1.25rem;left:50%;padding:6px;position:absolute;transform:translateX(-50%)}.notes-grid .notes-grid-card:hover{background-color:#6893e4;box-shadow:0 4px 16px #00000026;cursor:pointer}.notes-grid .notes-grid-card:hover .card-icon-hidden{display:block}.confirmation-modal-backdrop{align-items:center;background-color:#0006;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:1000}.confirmation-modal{animation:fadeIn .2s ease-out;background-color:#fff;border-radius:12px;box-shadow:0 12px 24px #0003;max-width:400px;padding:16px 12px;text-align:center;width:90%}.confirmation-modal p{color:#333;font-size:16px;margin-bottom:24px;margin-top:0}.confirmation-modal .buttons{display:flex;gap:1rem;justify-content:space-between}.confirmation-modal .buttons button{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:1rem;padding:.75rem 1rem;transition:background-color .2s ease}.confirmation-modal .buttons button:first-child{background-color:#d9d9d9;color:#333}.confirmation-modal .buttons button:first-child:hover{background-color:#b4b4b4}.confirmation-modal .buttons button:last-child{background-color:#dc3545;color:#fff}.confirmation-modal .buttons button:last-child:hover{background-color:#c82333}@keyframes fadeIn{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.app-header{align-items:center;background-color:#fff;box-sizing:border-box;display:flex;justify-content:space-between;padding:20px 20px 0;width:100%}.app-header .header-icon-slot{align-items:center;background:none;border:none;border-radius:6px;display:flex;font-size:1.5rem;height:30px;justify-content:center;width:30px}.app-header .left-header-icon,.app-header .right-header-icon{cursor:pointer}.app-header .left-header-icon:hover,.app-header .right-header-icon:hover{background-color:#6893e4}.app-header .header-title{flex:1 1;font-size:20px;margin:0;text-align:center}.reminders-container{background-color:#f8f9fa;font-family:Urbanist,sans-serif;min-height:100vh;width:100%}.reminders-container .reminders-main-content{display:flex;flex-direction:column;margin:0 auto;max-width:1400px;min-height:calc(100vh - 92px);padding:20px}.reminders-container .page-header .search-and-sort-container{align-items:center;display:flex;flex-direction:row;gap:10px;justify-content:start}.reminders-container .page-header .search-icon-container{align-items:center;background-color:#6893e4;border-radius:20px;box-shadow:0 0 5px rgba(75,75,75,.557);cursor:pointer;display:flex;height:30px;justify-content:center;overflow:hidden;padding:5px;position:relative;transition:width .3s ease-in-out,background-color .2s ease;width:30px}.reminders-container .page-header .search-icon-container.expanded{background-color:#f5f5f5;padding:5px 10px;width:400px}.reminders-container .page-header .search-icon-container .search-icon{color:#000;flex-shrink:0;height:20px;pointer-events:none;transition:color .2s ease;width:20px}.reminders-container .page-header .search-icon-container.expanded .search-icon{color:#686868;margin-right:8px}.reminders-container .page-header .search-icon-container .search-input{animation:slideIn .3s ease-in-out;background:#0000;border:none;color:#374151;flex:1 1;font-family:Urbanist,sans-serif;font-size:14px;outline:none}.reminders-container .page-header .search-icon-container .search-input::placeholder{color:#9ca3af}.reminders-container .page-header .sort-container{font-size:14px;font-weight:600;margin-top:auto}.reminders-container .page-header .sort-container label{padding-right:7px}.reminders-container .page-header .sort-container select{font-size:12px;font-weight:400}.reminders-container .upcoming-reminder-section{margin-bottom:24px}.reminders-container .reminders-content{display:flex;flex:1 1;flex-direction:column}.reminders-container .loading-container{align-items:center;display:flex;height:300px;justify-content:center;width:100%}.reminders-container .no-results{align-items:center;color:#666;display:flex;font-size:16px;font-style:italic;height:200px;justify-content:center;width:100%}.reminders-container .reminders-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));padding:0}@media(max-width:480px){.reminders-container .reminders-grid{gap:16px;grid-template-columns:1fr}}@media(min-width:768px){.reminders-container .reminders-grid{gap:20px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}}@media(min-width:1024px){.reminders-container .reminders-grid{gap:18px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}}@media(min-width:1200px){.reminders-container .reminders-grid{gap:20px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}}@media(min-width:1600px){.reminders-container .reminders-grid{gap:24px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}.reminders-container .reminder-list{margin-left:25px;margin-right:25px;margin-top:20px}.reminders-container .pulse-spinner{margin-top:40px}.edit-reminder-container{background-color:#f8f9fa;color:#000;display:flex;flex-direction:column;font-family:Urbanist,sans-serif;height:calc(100% - 60px);left:0;min-height:0;overflow-y:auto;position:fixed;top:60px;width:100%;z-index:101}.edit-reminder-container .edit-reminder-content{box-sizing:border-box;display:flex;flex:0 0 auto;justify-content:center;min-height:calc(100vh - 60px);padding:30px 20px 20px;width:100%}@media(max-width:768px){.edit-reminder-container .edit-reminder-content{padding:16px}}.edit-reminder-container .edit-reminder-card{align-self:flex-start;background:#fff;border-radius:16px;box-shadow:0 4px 20px #0000001a;max-width:800px;overflow:hidden;width:100%}.edit-reminder-container .edit-reminder-header{align-items:center;background:linear-gradient(135deg,#6893e4,#a9c1f0);color:#fff;display:flex;justify-content:space-between;overflow:hidden;padding:20px 24px;position:relative}.edit-reminder-container .edit-reminder-header:before{background:#ffffff1a;border-radius:50%;content:"";height:120px;position:absolute;right:0;top:0;transform:translate(40px,-40px);width:120px}@media(max-width:768px){.edit-reminder-container .edit-reminder-header{padding:16px 20px}}.edit-reminder-container .edit-reminder-header .back-button{align-items:center;background:#fff3;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:8px;position:relative;transition:all .2s ease;z-index:2}.edit-reminder-container .edit-reminder-header .back-button:hover{background:#ffffff4d}.edit-reminder-container .edit-reminder-header .edit-reminder-title{flex:1 1;font-size:20px;font-weight:600;line-height:1.3;margin:0;position:relative;text-align:center;z-index:1}@media(max-width:768px){.edit-reminder-container .edit-reminder-header .edit-reminder-title{font-size:18px}}.edit-reminder-container .edit-reminder-header .save-button{align-items:center;background:#ffffffe6;border:1px solid #fff3;border-radius:8px;box-shadow:0 2px 8px #0000001a;color:#6893e4;cursor:pointer;display:flex;font-weight:600;gap:8px;padding:8px 16px;position:relative;transition:all .2s ease;z-index:2}.edit-reminder-container .edit-reminder-header .save-button:hover:not(:disabled){background:#fff;box-shadow:0 4px 12px #00000026;transform:translateY(-1px)}.edit-reminder-container .edit-reminder-header .save-button.save-button-disabled,.edit-reminder-container .edit-reminder-header .save-button:disabled{background:#fff9;color:#667eea99;cursor:not-allowed;opacity:.5}.edit-reminder-container .edit-reminder-form{padding:16px}@media(max-width:768px){.edit-reminder-container .edit-reminder-form{padding:24px 20px}}.edit-reminder-container .form-section{margin-bottom:16px}.edit-reminder-container .form-section:last-child{margin-bottom:0}.edit-reminder-container .form-section .section-label{color:#2c3e50;display:block;font-size:16px;font-weight:600;margin-bottom:12px}.edit-reminder-container .form-section .form-group{margin-bottom:8px}.edit-reminder-container .form-section .form-group:last-child{margin-bottom:0}.edit-reminder-container .form-section .form-group .field-label{color:#374151;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.edit-reminder-container .form-section .form-group .form-input{background:#fff;border:2px solid #e5e7eb;border-radius:12px;box-sizing:border-box;font-family:Urbanist,sans-serif;font-size:14px;padding:12px 16px;transition:all .2s ease;width:100%}.edit-reminder-container .form-section .form-group .form-input:focus{border-color:#6893e4;box-shadow:0 0 0 3px #6893e41a;outline:none}.edit-reminder-container .form-section .form-group .form-input::placeholder{color:#9ca3af}.edit-reminder-container .form-section .form-group .form-textarea{font-family:Urbanist,sans-serif;min-height:100px;resize:vertical}.edit-reminder-container .form-section .form-group .form-select{cursor:pointer}.edit-reminder-container .form-section .form-group .input-with-counter{position:relative}.edit-reminder-container .form-section .form-group .input-with-counter .input-counter{background:#ffffffe6;border-radius:4px;color:#9ca3af;font-size:12px;font-weight:500;padding:2px 6px;position:absolute;right:16px;top:12px}.edit-reminder-container .form-section .form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}@media(max-width:768px){.edit-reminder-container .form-section .form-row{gap:0;grid-template-columns:1fr}}.edit-reminder-container .form-section .form-row .form-group{margin-bottom:8px}.edit-reminder-container .form-section .form-row .form-group:last-child{margin-bottom:0}.edit-reminder-container .react-select__control{background:#fff!important;border:2px solid #e5e7eb!important;border-radius:12px!important;box-shadow:none!important;min-height:48px!important;padding:4px 8px!important;transition:all .2s ease!important}.edit-reminder-container .react-select__control:hover{border-color:#d1d5db!important}.edit-reminder-container .react-select__control--is-focused{border-color:#6893e4!important;box-shadow:0 0 0 3px #6893e41a!important}.edit-reminder-container .react-select__value-container{padding:0 8px!important;position:relative!important}.edit-reminder-container .react-select__value-container:before{color:#9ca3af!important;content:"Enter connection name..."!important;font-family:Urbanist,sans-serif!important;font-size:14px!important;left:8px!important;pointer-events:none!important;position:absolute!important;top:50%!important;transform:translateY(-50%)!important;z-index:1!important}.edit-reminder-container .react-select__value-container .react-select__placeholder{display:none!important}.edit-reminder-container .react-select__value-container .react-select__input-container{background:#0000!important;position:relative!important;z-index:2!important}.edit-reminder-container .react-select__input-container{font-family:Urbanist,sans-serif!important;font-size:14px!important}.edit-reminder-container .react-select__multi-value{background:#fff!important;border-radius:8px!important;display:none!important;margin:2px!important}.edit-reminder-container .react-select__multi-value__label{color:#3d74dc!important;font-family:Urbanist,sans-serif!important;font-size:13px!important;font-weight:500!important;padding:4px 8px!important}.edit-reminder-container .react-select__multi-value__remove{border-radius:0 8px 8px 0!important;color:#3d74dc!important;padding:0 4px!important}.edit-reminder-container .react-select__multi-value__remove:hover{background:#d4e0f7!important;color:#235ac3!important}.edit-reminder-container .react-select__clear-indicator{display:none!important}.edit-reminder-container .react-select__menu{border:2px solid #e5e7eb!important;border-radius:12px!important;box-shadow:0 10px 25px #00000026!important;overflow:hidden!important}.edit-reminder-container .react-select__menu-list{padding:8px!important}.edit-reminder-container .react-select__option{background:#0000!important;border-radius:8px!important;cursor:pointer!important;font-family:Urbanist,sans-serif!important;font-size:14px!important;margin-bottom:2px!important;padding:12px 16px!important}.edit-reminder-container .react-select__option:last-child{margin-bottom:0!important}.edit-reminder-container .react-select__option--is-focused,.edit-reminder-container .react-select__option--is-selected{background:#fff!important;color:#3d74dc!important}.edit-reminder-container .react-select__option:active{background:#eaf0fb!important}.edit-reminder-container .react-select__indicator-separator{display:none!important}.edit-reminder-container .react-select__dropdown-indicator{color:#6b7280!important;padding:0 8px!important}.edit-reminder-container .react-select__dropdown-indicator:hover{color:#6893e4!important}.edit-reminder-container .tags-filter-section .tags-filter-label{color:#2c3e50;display:block;font-size:16px;font-weight:600;margin-bottom:12px}.edit-reminder-container .tags-filter-section .tags-filter-description{color:#6b7280;font-size:13px;line-height:1.4;margin-bottom:12px}.edit-reminder-container .tags-filter-section .tags-grid{display:flex;flex-wrap:wrap;gap:4px}.edit-reminder-container .tags-filter-section .tag-filter-pill{align-items:center;background:#f3f4f6;border:1px solid #0000;border-radius:16px;color:#374151;cursor:pointer;display:inline-flex;font-size:12px;font-weight:500;gap:4px;padding:6px 12px;transition:all .2s ease;-webkit-user-select:none;user-select:none}.edit-reminder-container .tags-filter-section .tag-filter-pill:hover{background:#e5e7eb;transform:translateY(-1px)}.edit-reminder-container .tags-filter-section .tag-filter-pill.selected{background:#fff;border-color:#a9c1f0;box-shadow:0 1px 4px #6893e433;color:#3d74dc}.edit-reminder-container .tags-filter-section .tag-filter-pill.selected:hover{background:#eaf0fb;border-color:#6893e4}.edit-reminder-container .tags-filter-section .tag-filter-pill .tag-icon{background:currentColor;border-radius:50%;height:12px;opacity:.6;width:12px}.edit-reminder-container .connections-preview{background:#f8f9fa;border:2px solid #e5e7eb;border-radius:12px;margin-top:24px;padding:20px}.edit-reminder-container .connections-preview .connections-header-row{align-items:center;display:flex;gap:16px;margin-bottom:16px}@media(max-width:768px){.edit-reminder-container .connections-preview .connections-header-row{align-items:stretch;flex-direction:column;gap:12px}}.edit-reminder-container .connections-preview .connections-header-row .field-label{color:#374151;flex-shrink:0;font-size:14px;font-weight:600;margin-bottom:0;white-space:nowrap}@media(max-width:768px){.edit-reminder-container .connections-preview .connections-header-row .field-label{margin-bottom:8px}}.edit-reminder-container .connections-preview .connections-header-row .select-wrapper{flex:1 1;min-width:0}.edit-reminder-container .connections-preview .connections-header-row .clear-all-btn{background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;flex-shrink:0;font-family:Urbanist,sans-serif;font-size:13px;font-weight:500;padding:4px 8px;text-decoration:underline;text-underline-offset:2px;transition:all .2s ease}.edit-reminder-container .connections-preview .connections-header-row .clear-all-btn:hover{background:#ef44440d;color:#ef4444}@media(max-width:768px){.edit-reminder-container .connections-preview .connections-header-row .clear-all-btn{align-self:flex-start}}.edit-reminder-container .connections-preview .preview-label{color:#374151;display:block;font-size:14px;font-weight:600;margin-bottom:12px}.edit-reminder-container .connections-preview .preview-grid{display:flex;flex-wrap:wrap;gap:8px}.edit-reminder-container .connections-preview .preview-connection{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#374151;display:inline-flex;font-size:13px;gap:8px;padding:8px 12px}.edit-reminder-container .connections-preview .preview-connection .connection-avatar{align-items:center;background:#6893e4;border-radius:50%;color:#fff;display:flex;font-size:10px;font-weight:600;height:20px;justify-content:center;width:20px}.edit-reminder-container .connections-preview .preview-connection .connection-name{font-weight:500;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.edit-reminder-container .connections-preview .preview-connection .remove-connection-btn{align-items:center;background:none;border:none;border-radius:4px;color:#9ca3af;cursor:pointer;display:flex;justify-content:center;margin-left:4px;padding:2px;transition:all .2s ease}.edit-reminder-container .connections-preview .preview-connection .remove-connection-btn:hover{background:#fef2f2;color:#ef4444}.edit-reminder-container .connections-preview .no-connections{color:#9ca3af;font-style:italic;padding:20px;text-align:center}.header-save{color:#fff;cursor:pointer;transition:opacity .2s ease}.header-save:hover{opacity:.8}.header-save-disabled{color:#ffffff80;cursor:not-allowed}.header-save-disabled:hover{opacity:1}.right-header-icon-disabled .right-header-icon{opacity:.5}.right-header-icon-disabled .right-header-icon:hover{background-color:#0000!important}.modern-reminder-card{background:#fff;border:1px solid #e5e7eb;border-left-width:4px;border-radius:12px;box-shadow:0 2px 8px #0000000f;cursor:pointer;display:flex;flex-direction:column;min-height:120px;padding:16px;position:relative;transition:all .2s ease}.modern-reminder-card:hover{background:linear-gradient(135deg,#fff,#fafbff);border-color:#6366f133;box-shadow:0 8px 25px #0000001f;transform:translateY(-2px)}.modern-reminder-card .card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:12px}.modern-reminder-card .card-header .status-badge-container{flex:1 1}.modern-reminder-card .card-header .status-badge{border-radius:16px;display:inline-block;font-size:11px;font-weight:600;letter-spacing:.5px;padding:3px 10px;text-transform:uppercase}.modern-reminder-card .card-header .status-badge.expired{background:#fee2e2;color:#dc2626}.modern-reminder-card .card-header .status-badge.due-today,.modern-reminder-card .card-header .status-badge.due-tomorrow{background:#fef3c7;color:#d97706}.modern-reminder-card .card-header .status-badge.due-soon{background:#fbbf24;color:#fff}.modern-reminder-card .card-header .status-badge.upcoming{background:#dcfce7;color:#16a34a}.modern-reminder-card .card-header .delete-button{align-items:center;background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;display:flex;justify-content:center;padding:4px;transition:all .2s ease}.modern-reminder-card .card-header .delete-button:hover{background:#fee2e2;color:#dc2626;transform:scale(1.1)}.modern-reminder-card .card-content{display:flex;flex:1 1;flex-direction:column;gap:12px}.modern-reminder-card .card-content .reminder-title{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:#1a1a1a;display:-webkit-box;font-size:16px;font-weight:600;line-height:1.3;margin:0;overflow:hidden}.modern-reminder-card .card-content .reminder-meta{display:flex;flex-direction:column;gap:8px;margin-top:auto}.modern-reminder-card .card-content .reminder-meta .connection-info,.modern-reminder-card .card-content .reminder-meta .date-info{align-items:center;display:flex;font-size:13px;gap:6px}.modern-reminder-card .card-content .reminder-meta .connection-info svg,.modern-reminder-card .card-content .reminder-meta .date-info svg{color:#6b7280;flex-shrink:0}.modern-reminder-card .card-content .reminder-meta .date-info .date-text{color:#1a1a1a;font-weight:600}.modern-reminder-card .card-content .reminder-meta .date-info .date-secondary{color:#6b7280;font-size:12px;margin-left:4px}.modern-reminder-card .card-content .reminder-meta .connection-info .connection-text{color:#4b5563;font-weight:500}.reminder-card-wrapper{align-items:stretch;background-color:#fff;gap:0;margin-bottom:18px;padding:0}.reminder-card-wrapper .reminder-card-tab{border-radius:20px 0 0 20px;height:auto;width:15px}.reminder-card-wrapper .reminder-card-content{align-items:center;display:flex;flex-direction:row;gap:2px;padding:10px;width:100%}.reminder-card-wrapper .reminder-card-content .reminder-details{display:flex;flex-direction:column;margin-right:auto}.reminder-card-wrapper .reminder-card-content .reminder-details .reminder-title{cursor:pointer;font-size:14px;font-weight:600}.reminder-card-wrapper .reminder-card-content .reminder-details .reminder-title:hover{text-decoration:underline}.reminder-card-wrapper .reminder-card-content .reminder-details .reminder-size{color:gray}.reminder-card-wrapper .reminder-card-buttons{display:flex;flex-direction:row;gap:2px;min-width:40px}.reminder-card-wrapper .reminder-card-icon{align-items:center;border-radius:6px;cursor:pointer;display:flex;height:30px;justify-content:center;width:30px}.reminder-card-wrapper .reminder-card-icon:hover{background-color:#6893e4}.empty-data-component{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;width:100%}.empty-data-component .empty-data-component-link,.empty-data-component .empty-data-component-message{color:#555;font-size:14px}.empty-data-component .empty-data-component-link{cursor:pointer;margin-top:8px;text-decoration:underline}.upcoming-reminder-modern{background:linear-gradient(135deg,#6893e4,#a9c1f0);border-radius:16px;color:#fff;overflow:hidden;padding:24px;position:relative}.upcoming-reminder-modern:before{background:#ffffff1a;border-radius:50%;content:"";height:100px;position:absolute;right:0;top:0;transform:translate(30px,-30px);width:100px}.upcoming-reminder-modern .upcoming-main-content{grid-gap:24px;align-items:start;display:grid;gap:24px;grid-template-columns:1fr 1fr 1fr}@media(max-width:768px){.upcoming-reminder-modern .upcoming-main-content{gap:20px;grid-template-columns:1fr}}.upcoming-reminder-modern .upcoming-info{display:flex;flex-direction:column;gap:16px}.upcoming-reminder-modern .upcoming-info .upcoming-badge{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:20px;display:inline-flex;font-size:14px;font-weight:600;gap:8px;margin-bottom:8px;padding:6px 12px;width:fit-content}.upcoming-reminder-modern .upcoming-info .upcoming-title{font-size:24px;font-weight:700;line-height:1.3;margin:0 0 16px}@media(max-width:768px){.upcoming-reminder-modern .upcoming-info .upcoming-title{font-size:20px}}.upcoming-reminder-modern .upcoming-info .upcoming-meta{display:flex;flex-direction:column;gap:16px;margin-bottom:16px}.upcoming-reminder-modern .upcoming-info .upcoming-meta .date-display .date-formatted{font-size:16px;opacity:.9}.upcoming-reminder-modern .upcoming-info .note-display{margin-bottom:16px}.upcoming-reminder-modern .upcoming-info .note-display .note-text{font-size:14px;font-style:italic;line-height:1.4;opacity:.8}.upcoming-reminder-modern .upcoming-info .upcoming-actions{display:flex;flex-wrap:wrap;gap:12px}.upcoming-reminder-modern .upcoming-info .upcoming-actions .action-button{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:6px;padding:8px 16px;transition:all .2s ease}.upcoming-reminder-modern .upcoming-info .upcoming-actions .action-button.primary{background:#fff3;border:1px solid #ffffff4d;color:#fff}.upcoming-reminder-modern .upcoming-info .upcoming-actions .action-button.primary:hover{background:#ffffff4d;transform:translateY(-2px)}.upcoming-reminder-modern .upcoming-info .upcoming-actions .action-button.secondary{background:#ffffff1a;border:1px solid #fff3;color:#fff}.upcoming-reminder-modern .upcoming-info .upcoming-actions .action-button.secondary:hover{background:#fff3;transform:translateY(-2px)}.upcoming-reminder-modern .upcoming-info .upcoming-actions .action-button.danger{background:#ef444433;border:1px solid #ef44444d;color:#fff}.upcoming-reminder-modern .upcoming-info .upcoming-actions .action-button.danger:hover{background:#ef44444d;transform:translateY(-2px)}.upcoming-reminder-modern .middle-section{align-items:flex-end;display:flex;height:100%;justify-content:center;margin-top:auto}.upcoming-reminder-modern .middle-section .note-display{text-align:left}.upcoming-reminder-modern .middle-section .note-display .note-label{font-size:12px;font-weight:600;letter-spacing:1px;margin-bottom:8px;opacity:.7;text-align:left;text-transform:uppercase}.upcoming-reminder-modern .middle-section .note-display .note-text{display:block;font-size:14px;font-style:italic;line-height:1.4;opacity:.8}.upcoming-reminder-modern .days-display{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #fff3;border-radius:16px;display:flex;flex-direction:column;gap:16px;justify-content:flex-start;min-width:120px;padding:20px}.upcoming-reminder-modern .days-display .days-number{font-size:48px;font-weight:800;line-height:1;text-shadow:0 2px 4px #0000001a}.upcoming-reminder-modern .days-display .days-label{font-size:12px;font-weight:600;letter-spacing:1px;opacity:.9;text-align:center;text-transform:uppercase}.upcoming-reminder-modern .days-display .connections-display{border-top:1px solid #fff3;padding-top:16px;width:100%}.upcoming-reminder-modern .days-display .connections-display .connections-label{align-items:center;display:flex;font-size:12px;font-weight:600;gap:6px;justify-content:center;margin-bottom:12px;opacity:.9}.upcoming-reminder-modern .days-display .connections-display .connections-grid{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.upcoming-reminder-modern .days-display .connections-display .connections-grid .connection-chip{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #ffffff4d;border-radius:16px;box-shadow:0 2px 8px #0000001a;color:#6893e4;display:inline-flex;font-size:11px;font-weight:600;gap:6px;padding:6px 10px;transition:all .2s ease;width:fit-content}.upcoming-reminder-modern .days-display .connections-display .connections-grid .connection-chip:hover{background:#fff;box-shadow:0 4px 12px #00000026;cursor:pointer;transform:translateY(-1px)}.upcoming-reminder-modern .days-display .connections-display .connections-grid .connection-chip .connection-avatar{align-items:center;background:linear-gradient(135deg,#6893e4,#bfd1f3);border-radius:50%;color:#fff;display:flex;font-size:8px;font-weight:700;height:16px;justify-content:center;width:16px}.upcoming-reminder-modern .days-display .connections-display .connections-grid .connection-chip .connection-name{color:#6893e4;font-weight:600;max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.upcoming-reminder-modern .days-display .connections-display .connections-grid .connection-chip.more-connections{background:#ffffffe6;border:1px solid #ffffff40;color:#667eeacc;font-size:10px;font-weight:500}.upcoming-reminder-empty{background:#fff;border:2px dashed #d1d5db;border-radius:16px;color:#6b7280;padding:48px 24px;text-align:center}.upcoming-reminder-empty svg{margin-bottom:16px;opacity:.5}.upcoming-reminder-empty h3{color:#374151;font-size:20px;font-weight:600;margin:0 0 8px}.upcoming-reminder-empty p{font-size:16px;margin:0;opacity:.8}.page-header{align-items:center;display:flex;flex-shrink:0;justify-content:space-between;margin-bottom:24px}.page-header .header-left{align-items:center;display:flex;gap:16px}.page-header .header-left .back-button{align-items:center;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:8px;color:#374151;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .2s ease}.page-header .header-left .back-button:hover{background:#e5e7eb;border-color:#d1d5db}.page-header h1{color:#1a1a1a;font-family:Urbanist,sans-serif;font-size:32px;font-weight:600;margin:0}.add-icon-container,.page-header .header-right{align-items:center;display:flex}.add-icon-container{background-color:#b0c7f3;border-radius:50%;bottom:40px;box-shadow:0 4px 12px #0003;cursor:pointer;height:60px;justify-content:center;position:fixed;right:40px;transition:background-color .2s;width:60px;z-index:10}.add-icon-container:hover{background-color:#6893e4}.add-icon-container .add-icon{color:#000;font-size:24px}.edit-note-page{background-color:#fff;color:#000;display:flex;flex-direction:column;font-family:Poppins,sans-serif;height:100%;left:0;min-height:0;position:fixed;top:0;width:100%;z-index:101}.edit-note-page .response-msg-section{height:20px;text-align:center;width:100%}.edit-note-page .response-msg-section.success{color:green}.edit-note-page .response-msg-section.error{color:red}.edit-note-page .body-section{display:flex;flex:1 1;flex-direction:column;min-height:0;width:100%}.edit-note-page .body-section .note-body{background-color:#fff;flex:1 1;min-height:0}.edit-note-page .body-section .note-actions{display:flex;justify-content:flex-end;margin-top:15px}.edit-note-page .body-section .note-actions button{background-color:#6893e4;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:10px 20px}.edit-note-page .body-section .note-actions button:hover{background-color:#5278c2}.connection-main-content{display:flex;flex-direction:row;flex-grow:1;padding-bottom:36px}.connection-main-content .connection-content-right{background-color:#fff;border-radius:5px;box-shadow:0 0 16px 0 #1f26871f;display:flex;flex-direction:row;flex-grow:1;margin-left:20px;overflow:hidden}.connection-main-content .connection-content-right .notes-list-section{border-right:1px solid #e5e7eb;display:flex;flex:1 1;flex-direction:column;max-height:calc(100vh - 200px)}.connection-main-content .connection-content-right .notes-list-section .notes-list-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;height:70px;justify-content:space-between;padding:0 20px}.connection-main-content .connection-content-right .notes-list-section .notes-list-header h3{color:#1a1a1a;font-family:Poppins,sans-serif;font-size:22px;font-weight:400;margin:0}.connection-main-content .connection-content-right .notes-list-section .notes-list-header .add-note-button{align-items:center;background-color:#f3f4f6;border:1px solid #e5e7eb;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s ease;width:40px}.connection-main-content .connection-content-right .notes-list-section .notes-list-header .add-note-button:hover{background-color:#f0f9ff;border-color:#3b82f6;color:#3b82f6}.connection-main-content .connection-content-right .notes-list-section .notes-list-header .add-note-button:focus{box-shadow:0 0 0 2px #dbeafe;outline:none}.connection-main-content .connection-content-right .notes-list-section .notes-list-content{flex:1 1;overflow-y:auto}.connection-main-content .connection-content-right .note-detail-section{display:flex;flex:2 1;flex-direction:column;max-height:calc(100vh - 200px)}.connection-main-content .connection-content-right .note-detail-section .note-detail-content{flex:1 1;overflow-y:auto}.connection-main-content .pointer{cursor:pointer}.connection-main-content .ai-chat-link{align-items:center;background-color:#b0c7f3;border-radius:50%;bottom:15px;cursor:pointer;display:flex;height:40px;justify-content:center;position:fixed;right:15px;width:40px;z-index:1100}.connection-main-content .ai-chat-link .ai-chat-logo{height:75%;width:75%}.connection-main-content .ai-chat-link:hover{background-color:#6893e4}.connection-main-content .connection-modal{background:#fff;border-radius:10px;box-shadow:0 4px 12px #0003;height:100%;max-width:400px;position:relative;width:100%}.connection-main-content .connection-modal .connection-content-container{display:flex;flex-direction:column;height:100%}.connection-main-content .connection-modal .connection-content-container .connection-content{border-radius:25px;box-shadow:0 0 15px #00000040;display:flex;flex:1 1;flex-direction:column;margin:10px 25px 22px 22px}.connection-main-content .connection-modal h3{align-items:center;color:#000;display:flex;flex-direction:column;font-size:16px;font-weight:600;justify-content:flex-start;margin:0;padding:0;text-align:center}.connection-main-content .connection-modal .reminders-loader{align-items:center;display:flex;justify-content:center;width:100%}.connection-main-content .edit-icon{margin-left:2px}.connection-main-content .close-button{background:#0000;border:none;cursor:pointer;font-size:1.25rem;position:absolute;right:.75rem;top:.5rem}.connection-main-content .connection-info{align-items:center;display:flex;flex-direction:column;justify-content:flex-start;margin-top:15px;text-align:center}.connection-main-content .info-header{align-items:center;display:flex;flex-direction:column;justify-content:center;text-align:center}.connection-main-content .info-header .connection-name-container{align-items:center;display:flex;flex-direction:row;justify-content:center}.connection-main-content .info-header .connection-name{font-size:24px;margin-left:35px;margin-right:10px;max-width:220px;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.connection-main-content .info-header .connection-business,.connection-main-content .info-header .connection-jobtitle{font-size:14px;margin-bottom:2px;margin-top:2px}.connection-main-content .info-header h3,.connection-main-content .info-header p{margin:0;padding:0}.connection-main-content .images-container{display:flex;flex-direction:column;gap:12px;margin-bottom:5px;margin-top:5px;padding:10px 20px}.connection-main-content .images-container .contact-item{align-items:center;display:flex;gap:12px}.connection-main-content .images-container .contact-item svg{color:#666;min-width:20px}.connection-main-content .images-container .contact-item svg.pointer{cursor:pointer}.connection-main-content .images-container .contact-item svg.pointer:hover{color:#222}.connection-main-content .images-container .contact-item .contact-info{color:#444;font-size:14px;word-break:break-all}.connection-main-content .help-chat{background-color:#b0c7f3;border-radius:50%;bottom:20px;height:40px;margin-top:10px;position:fixed;right:20px;width:40px;z-index:1100}.connection-main-content .help-chat img{height:100%;width:100%}.connection-main-content .connection-notes-grid{align-items:center;display:flex;flex-direction:row;justify-content:center;margin:0 auto;position:relative;text-align:center;width:265px}.connection-main-content .connection-notes-grid .arrow-icon{background-color:#b0c7f3;border-radius:50%;bottom:-15px;color:#555;cursor:pointer;font-size:1.25rem;left:50%;padding:6px;position:absolute;transform:translateX(-50%)}.connection-main-content .connection-notes-grid .arrow-icon:hover{background-color:#6893e4}.connection-main-content .connection-notes-grid .connection-notes-grid-card{background:#6893e4;border-radius:16px;box-shadow:0 4px 6px #00000040;cursor:pointer;font-size:14px;height:110px;margin:0;max-height:110px;max-width:none;overflow:hidden;position:relative;text-align:center;transition:all .3s;width:100%}.connection-main-content .connection-notes-grid .connection-notes-grid-card .notes-label{font-weight:600;padding:8px 0 0 15px;text-align:left}.connection-main-content .connection-notes-grid .connection-notes-grid-card .notes-list{height:62px;overflow:hidden;padding-left:24px;padding-right:16px;text-align:left}.connection-main-content .connection-notes-grid .connection-notes-grid-card .notes-list .notes-list-note{display:flex;flex-direction:row;gap:10px;justify-content:space-between}.connection-main-content .connection-notes-grid .connection-notes-grid-card .notes-list .notes-list-title{height:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.connection-main-content .connection-notes-grid .connection-notes-grid-card .card-title{line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;word-break:break-word}.connection-main-content .connection-notes-grid .connection-notes-grid-card .favourite{font-size:23px}.connection-main-content .connection-notes-grid .connection-notes-grid-card .add-icon-container,.connection-main-content .connection-notes-grid .connection-notes-grid-card .arrow-icon{background-color:#b0c7f3;border-radius:50%;bottom:-10px;color:#555;cursor:pointer;font-size:1.25rem;left:50%;padding:6px;position:absolute;transform:translateX(-50%)}.connection-main-content .connection-notes-grid .connection-notes-grid-card:hover{background-color:#6893e4;box-shadow:0 8px 20px #0003;transform:translateY(-1px) scale(1.01)}.connection-main-content .connection-tags{align-items:center;display:flex;flex-direction:column;height:78px;justify-content:center;padding:0 20px;text-align:center}.connection-main-content .connection-tags .tags-label{font-size:14px;font-weight:600;margin:auto 0;padding:0;text-align:center;width:100%}.connection-main-content .connection-tags .tags{align-items:center;display:flex;flex-direction:row;gap:8px;justify-content:center;padding:0 0 8px;width:100%}.connection-main-content .tag-card{background-color:#b0c7f3;border:1px solid #dcdcdc;border-radius:15px;color:#000;display:inline-block;font-size:12px;font-weight:500;padding:5px 15px;text-align:center;white-space:nowrap}.connection-main-content .connection-reminders-card{width:350px}.connection-main-content .connection-reminders{border-radius:8px;border-radius:.5rem;height:160px;margin:auto auto 18px;max-width:none;width:350px}.connection-main-content .connection-reminders h3{margin-bottom:4px}.connection-main-content .connection-reminders .reminder-list{padding-bottom:80px;width:100%}.connection-main-content .connection-reminders .reminder-group{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #00000026;box-sizing:border-box;margin:0;max-width:none;overflow:hidden;width:100%}.connection-main-content .connection-reminders .reminder-group .reminder-header{background-color:#ccc;color:#fff;font-size:14px;font-weight:600;padding:10px 16px;width:100%}.connection-main-content .connection-reminders .reminder-group .reminder-items .reminder-item{align-items:center;border-bottom:1px solid #f0f0f0;cursor:pointer;display:flex;padding:4px 12px;position:relative}.connection-main-content .connection-reminders .reminder-group .reminder-items .reminder-item:last-child{border-bottom:none;padding-bottom:8px}.connection-main-content .connection-reminders .reminder-group .reminder-items .reminder-item:first-child{padding-top:8px}.connection-main-content .connection-reminders .reminder-group .reminder-items .reminder-item .content{align-items:center;background-color:#f9f9f9;border-radius:8px;display:flex;justify-content:space-between;padding:12px 16px;transition:all .2s ease-in-out;width:100%}.connection-main-content .connection-reminders .reminder-group .reminder-items .reminder-item .content:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.connection-main-content .connection-reminders .reminder-group .reminder-items .reminder-item .content .title{color:#333;font-size:16px;font-weight:500}.connection-main-content .connection-reminders .reminder-group .reminder-items .reminder-item .content .date{color:#888;font-size:13px;font-weight:500;margin-left:16px;white-space:nowrap}.connection-page{background-color:#f8f9fa;font-family:Urbanist,sans-serif;height:100%;width:100%}.connection-page .connection-body{display:flex;flex-direction:column;height:100%;margin-left:auto;margin-right:auto;max-width:1200px;padding:0 40px}.connection-page .page-header{margin-top:20px}.connection-page .page-header .edit-button{align-items:center;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:8px;color:#374151;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .2s ease}.connection-page .page-header .edit-button:hover{background:#e5e7eb;border-color:#d1d5db;color:#1f2937}.connection-page .page-header .edit-button:focus{box-shadow:0 0 0 2px #dbeafe;outline:none}.connection-page .connection-details-container{display:flex;flex-direction:column;gap:20px;margin-right:auto;max-width:350px}.connection-page .connection-details-card{background-color:#fff;border-radius:15px;box-shadow:0 0 16px 0 #1f26871f;margin:0 auto;width:350px}.connection-page .connection-tags-label-container{display:flex;flex-direction:row;justify-content:space-between;width:100%}.connection-page .add-tags{background-color:#b0c7f3;border-radius:50px;box-shadow:0 2px 10px #00000040;cursor:pointer;font-size:13px;margin-right:10px;padding:5px 12px;width:80px}.connection-page .add-tags:hover{background-color:#6893e4}.connection-page .ai-chat-link{align-items:center;background-color:#b0c7f3;border-radius:50%;bottom:25px;cursor:pointer;display:flex;height:50px;justify-content:center;position:fixed;right:25px;width:50px;z-index:1100}.connection-page .ai-chat-link .ai-chat-logo{height:75%;width:75%}.connection-page .ai-chat-link:hover{background-color:#6893e4}.add-connection-overlay{align-items:center;background-color:#0009;box-sizing:border-box;display:flex;font-family:Urbanist,sans-serif;height:100%;justify-content:center;left:0;padding:20px;position:fixed;top:0;width:100%;z-index:1000}@media(max-width:768px){.add-connection-overlay{padding:16px}}.add-connection-overlay .add-connection-modal{background:#fff;border-radius:16px;box-shadow:0 20px 40px #00000026;display:flex;flex-direction:column;max-height:90vh;max-width:700px;overflow:hidden;width:100%}@media(max-width:768px){.add-connection-overlay .add-connection-modal{max-height:95vh;max-width:100%}}.add-connection-overlay .add-connection-modal .modal-header{align-items:center;background:linear-gradient(135deg,#6893e4,#a9c1f0);color:#fff;display:flex;justify-content:space-between;overflow:hidden;padding:20px 24px;position:relative}.add-connection-overlay .add-connection-modal .modal-header:before{background:#ffffff1a;border-radius:50%;content:"";height:120px;position:absolute;right:0;top:0;transform:translate(40px,-40px);width:120px}@media(max-width:768px){.add-connection-overlay .add-connection-modal .modal-header{padding:16px 20px}}.add-connection-overlay .add-connection-modal .modal-header .back-button{align-items:center;background:#fff3;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:8px;position:relative;transition:all .2s ease;z-index:2}.add-connection-overlay .add-connection-modal .modal-header .back-button:hover{background:#ffffff4d}.add-connection-overlay .add-connection-modal .modal-header .modal-title{color:#fff;flex:1 1;font-size:20px;font-weight:600;line-height:1.3;margin:0;position:relative;text-align:center;z-index:1}@media(max-width:768px){.add-connection-overlay .add-connection-modal .modal-header .modal-title{font-size:18px}}.add-connection-overlay .add-connection-modal .modal-header .header-spacer{width:44px}.add-connection-overlay .add-connection-modal .modal-content{display:flex;flex:1 1;flex-direction:column;overflow-y:auto;padding-top:20px}.add-connection-overlay .add-connection-modal .tabs-container{display:flex;gap:12px;justify-content:center;margin-bottom:20px;padding:0 24px}@media(max-width:768px){.add-connection-overlay .add-connection-modal .tabs-container{padding:16px 20px 0}}.add-connection-overlay .add-connection-modal .tabs-container .tab-button{background:#fff;border:2px solid #e5e7eb;border-radius:12px;color:#6b7280;cursor:pointer;font-family:Urbanist,sans-serif;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s ease}.add-connection-overlay .add-connection-modal .tabs-container .tab-button:hover{border-color:#bfd1f3;color:#6893e4}.add-connection-overlay .add-connection-modal .tabs-container .tab-button.active{background:#6893e4;border-color:#6893e4;box-shadow:0 2px 8px #6893e44d;color:#fff}.add-connection-overlay .add-connection-modal .connection-form{display:flex;flex:1 1;flex-direction:column;padding:0 24px}@media(max-width:768px){.add-connection-overlay .add-connection-modal .connection-form{padding:0 20px}}.add-connection-overlay .add-connection-modal .connection-form .form-section{display:flex;flex:1 1;flex-direction:column;gap:20px}.add-connection-overlay .add-connection-modal .connection-form .form-section .form-group{display:flex;flex-direction:column}.add-connection-overlay .add-connection-modal .connection-form .form-section .form-group .field-label{color:#374151;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.add-connection-overlay .add-connection-modal .connection-form .form-section .form-group .form-input{background:#fff;border:2px solid #e5e7eb;border-radius:12px;box-sizing:border-box;font-family:Urbanist,sans-serif;font-size:14px;padding:12px 16px;transition:all .2s ease;width:100%}.add-connection-overlay .add-connection-modal .connection-form .form-section .form-group .form-input:focus{border-color:#6893e4;box-shadow:0 0 0 3px #6893e41a;outline:none}.add-connection-overlay .add-connection-modal .connection-form .form-section .form-group .form-input::placeholder{color:#9ca3af}.add-connection-overlay .add-connection-modal .connection-form .form-section .form-group .tag-select .react-select__control{background:#fff!important;border:2px solid #e5e7eb!important;border-radius:12px!important;box-shadow:none!important;font-family:Urbanist,sans-serif!important;min-height:48px!important;padding:4px 8px!important;transition:all .2s ease!important}.add-connection-overlay .add-connection-modal .connection-form .form-section .form-group .tag-select .react-select__control:hover{border-color:#d1d5db!important}.add-connection-overlay .add-connection-modal .connection-form .form-section .form-group .tag-select .react-select__control--is-focused{border-color:#6893e4!important;box-shadow:0 0 0 3px #6893e41a!important}.add-connection-overlay .add-connection-modal .connection-form .form-section .form-group .tag-select .react-select__placeholder{color:#9ca3af!important;font-family:Urbanist,sans-serif!important;font-size:14px!important}.add-connection-overlay .add-connection-modal .connection-form .form-section .form-group .tag-select .react-select__input-container{color:#374151!important;font-family:Urbanist,sans-serif!important;font-size:14px!important}.add-connection-overlay .add-connection-modal .connection-form .form-section .form-group .tag-select .react-select__value-container{max-height:100px;overflow-y:auto;padding:0 8px!important;scrollbar-width:none}.add-connection-overlay .add-connection-modal .connection-form .form-section .form-group .tag-select .react-select__value-container::-webkit-scrollbar{display:none}.add-connection-overlay .add-connection-modal .connection-form .form-section .form-group .tag-select .react-select__value-container:has(.react-select__multi-value){scrollbar-width:thin}.add-connection-overlay .add-connection-modal .connection-form .form-section .form-group .tag-select .react-select__value-container:has(.react-select__multi-value)::-webkit-scrollbar{display:inline;display:initial;height:4px}.add-connection-overlay .add-connection-modal .connection-form .form-section .form-group .tag-select .react-select__multi-value{background:#fff!important;border:1.5px solid #6893e4!important;border-radius:8px!important;box-shadow:0 1px 3px #0000001a!important;display:inline-flex!important;margin:2px!important}.add-connection-overlay .add-connection-modal .connection-form .form-section .form-group .tag-select .react-select__multi-value__label{color:#6893e4!important;font-family:Urbanist,sans-serif!important;font-size:13px!important;font-weight:600!important;padding:4px 8px!important}.add-connection-overlay .add-connection-modal .connection-form .form-section .form-group .tag-select .react-select__multi-value__remove{align-items:center!important;border-radius:0 8px 8px 0!important;color:#6893e4!important;cursor:pointer;display:flex!important;opacity:.7;padding:0 6px!important}.add-connection-overlay .add-connection-modal .connection-form .form-section .form-group .tag-select .react-select__multi-value__remove:hover{background:#fff!important;opacity:1}.add-connection-overlay .add-connection-modal .connection-form .form-section .form-group .tag-select .react-select__menu{border:2px solid #e5e7eb!important;border-radius:12px!important;box-shadow:0 10px 25px #00000026!important;margin-top:2px!important;overflow:hidden!important}.add-connection-overlay .add-connection-modal .connection-form .form-section .form-group .tag-select .react-select__menu-list{padding:8px!important}.add-connection-overlay .add-connection-modal .connection-form .form-section .form-group .tag-select .react-select__option{background:#0000!important;border-radius:8px!important;cursor:pointer!important;font-family:Urbanist,sans-serif!important;font-size:14px!important;margin-bottom:2px!important;padding:12px 16px!important}.add-connection-overlay .add-connection-modal .connection-form .form-section .form-group .tag-select .react-select__option:last-child{margin-bottom:0!important}.add-connection-overlay .add-connection-modal .connection-form .form-section .form-group .tag-select .react-select__option--is-focused,.add-connection-overlay .add-connection-modal .connection-form .form-section .form-group .tag-select .react-select__option--is-selected{background:#fff!important;color:#3d74dc!important}.add-connection-overlay .add-connection-modal .connection-form .form-section .form-group .tag-select .react-select__option:active{background:#eaf0fb!important}.add-connection-overlay .add-connection-modal .connection-form .form-section .form-group .tag-select .react-select__indicator-separator{display:none!important}.add-connection-overlay .add-connection-modal .connection-form .form-section .form-group .tag-select .react-select__dropdown-indicator{color:#6b7280!important;padding:0 8px!important}.add-connection-overlay .add-connection-modal .connection-form .form-section .form-group .tag-select .react-select__dropdown-indicator:hover{color:#6893e4!important}.add-connection-overlay .add-connection-modal .connection-form .form-section .form-group .tag-select .react-select__clear-indicator{display:none!important}.add-connection-overlay .add-connection-modal .connection-form .form-section .form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}@media(max-width:768px){.add-connection-overlay .add-connection-modal .connection-form .form-section .form-row{grid-template-columns:1fr}}.add-connection-overlay .add-connection-modal .connection-form .form-footer{border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;margin-top:20px;padding:24px 0}.add-connection-overlay .add-connection-modal .connection-form .form-footer .cancel-button{background:#fff;border:2px solid #e5e7eb;border-radius:8px;color:#6b7280;cursor:pointer;font-family:Urbanist,sans-serif;font-weight:600;padding:10px 20px;transition:all .2s ease}.add-connection-overlay .add-connection-modal .connection-form .form-footer .cancel-button:hover{border-color:#d1d5db;color:#374151}.add-connection-overlay .add-connection-modal .connection-form .form-footer .submit-button{align-items:center;background:#6893e4;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-family:Urbanist,sans-serif;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s ease}.add-connection-overlay .add-connection-modal .connection-form .form-footer .submit-button:hover:not(:disabled){background:#3d74dc;box-shadow:0 4px 12px #6893e44d;transform:translateY(-1px)}.add-connection-overlay .add-connection-modal .connection-form .form-footer .submit-button:disabled{background:#9ca3af;box-shadow:none;cursor:not-allowed;transform:none}.add-connection-overlay .add-connection-modal .batch-upload-section{display:flex;flex:1 1;flex-direction:column;padding:24px}@media(max-width:768px){.add-connection-overlay .add-connection-modal .batch-upload-section{padding:20px}}.add-connection-overlay .add-connection-modal .batch-upload-section .batch-upload-header{margin-bottom:32px;text-align:center}.add-connection-overlay .add-connection-modal .batch-upload-section .batch-upload-header h3{color:#1f2937;font-size:20px;font-weight:600;margin:0 0 8px}.add-connection-overlay .add-connection-modal .batch-upload-section .batch-upload-header p{color:#6b7280;font-size:14px;margin:0}.add-connection-overlay .add-connection-modal .batch-upload-section .upload-area{background:#f9fafb;border:2px dashed #d1d5db;border-radius:12px;margin-bottom:20px;padding:40px 20px;text-align:center;transition:all .2s ease}.add-connection-overlay .add-connection-modal .batch-upload-section .upload-area:hover{background:#fff;border-color:#6893e4}.add-connection-overlay .add-connection-modal .batch-upload-section .upload-area .file-input{display:none}.add-connection-overlay .add-connection-modal .batch-upload-section .upload-area .file-upload-label{cursor:pointer;display:block;width:100%}.add-connection-overlay .add-connection-modal .batch-upload-section .upload-area .file-upload-label .upload-prompt{align-items:center;display:flex;flex-direction:column;gap:12px}.add-connection-overlay .add-connection-modal .batch-upload-section .upload-area .file-upload-label .upload-prompt .upload-icon{font-size:48px}.add-connection-overlay .add-connection-modal .batch-upload-section .upload-area .file-upload-label .upload-prompt span:last-child{color:#374151;font-weight:600}.add-connection-overlay .add-connection-modal .batch-upload-section .upload-area .file-upload-label .file-selected{align-items:center;display:flex;flex-direction:column;gap:8px}.add-connection-overlay .add-connection-modal .batch-upload-section .upload-area .file-upload-label .file-selected .file-name{color:#6893e4;font-weight:600}.add-connection-overlay .add-connection-modal .batch-upload-section .upload-area .file-upload-label .file-selected .file-size{color:#6b7280;font-size:12px}.add-connection-overlay .add-connection-modal .batch-upload-section .template-link{margin-bottom:32px;text-align:center}.add-connection-overlay .add-connection-modal .batch-upload-section .template-link a{color:#6893e4;font-size:14px;font-weight:600;text-decoration:none}.add-connection-overlay .add-connection-modal .batch-upload-section .template-link a:hover{text-decoration:underline}.add-connection-overlay .add-connection-modal .batch-upload-section .batch-footer{border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;margin-top:auto;padding-top:24px}.add-connection-overlay .add-connection-modal .batch-upload-section .batch-footer .cancel-button{background:#fff;border:2px solid #e5e7eb;border-radius:8px;color:#6b7280;cursor:pointer;font-family:Urbanist,sans-serif;font-weight:600;padding:10px 20px;transition:all .2s ease}.add-connection-overlay .add-connection-modal .batch-upload-section .batch-footer .cancel-button:hover{border-color:#d1d5db;color:#374151}.add-connection-overlay .add-connection-modal .batch-upload-section .batch-footer .submit-button{align-items:center;background:#6893e4;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-family:Urbanist,sans-serif;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s ease}.add-connection-overlay .add-connection-modal .batch-upload-section .batch-footer .submit-button:hover:not(:disabled){background:#3d74dc;box-shadow:0 4px 12px #6893e44d;transform:translateY(-1px)}.add-connection-overlay .add-connection-modal .batch-upload-section .batch-footer .submit-button:disabled{background:#9ca3af;box-shadow:none;cursor:not-allowed;transform:none}.tag-select-fallback{align-items:center;background-color:#fff;border:1px solid #ccc;border-radius:4px;box-sizing:border-box;color:#aaa;color:gray;cursor:not-allowed;display:flex;font-size:14px;font-size:12px;height:38px;justify-content:space-between;padding:10px 8px 10px 10px;width:100%}.tag-select-fallback .dropdown-container{display:flex;flex-direction:row}.tag-select-fallback .dropdown-icon{align-items:center;display:flex;justify-content:center;margin-left:8px;opacity:.6}.tag-select-fallback .dropdown-icon svg{opacity:.6}.tag-select-fallback .seperator{align-self:stretch;background-color:#ccc;box-sizing:border-box;width:1px}.tag-select-fallback .tag-select-fallback .placeholder{-webkit-user-select:none;user-select:none}.tag-select-fallback .tag-select-fallback .dropdown-icon{font-size:14px;opacity:.6}input{border:1px solid #ccc;border-radius:5px;box-sizing:border-box;font-size:13px;margin-top:.25rem;padding:.5rem;resize:none}.input-with-counter{align-items:center;display:flex;position:relative}.input-with-counter input{box-sizing:border-box;padding-right:2.5em;width:100%}.input-counter{background:#0000;position:absolute;right:.75em}.input-counter,.input-counter-body{color:#888;font-size:.95em;pointer-events:none}.input-counter-body{background:#fff;bottom:8px;display:flex;justify-content:right;margin-bottom:0;margin-top:0;padding-left:4px;right:10px;z-index:2}.input-with-counter-select{position:relative;width:100%}.input-counter-select{background:#fff;color:#888;font-size:.85em;padding-left:4px;pointer-events:none;position:absolute;right:10px;top:50%;transform:translateY(-50%);z-index:2}.input-textarea{border:1px solid #ccc;border-radius:6px;box-sizing:border-box;display:block;font-size:13px;height:33px;padding:8px 0 8px 8px;position:relative;resize:none;width:100%}.body-textarea{height:360px;overflow-y:scroll;white-space:pre-wrap;width:100%}.body-textarea span[data-var]{background-color:#fff6b0;cursor:pointer}.body-textarea span[data-var]:hover{background-color:#ffe97f}.connection-reminders-component{background-color:#fff;border-radius:15px;box-shadow:0 0 16px 0 #1f26871f;display:flex;flex-direction:column;font-family:Urbanist,sans-serif;margin:0 auto;padding:5px 20px}.connection-reminders-component .reminders-header{align-items:center;border-bottom:2px solid #dfdfdf;display:flex;flex-direction:row;justify-content:space-between;padding:10px 0}.connection-reminders-component .reminders-header .reminders-quick-add{background-color:#b0c7f3;border-radius:50px;box-shadow:0 2px 10px #00000040;cursor:pointer;font-size:13px;padding:5px 12px}.connection-reminders-component .reminders-header .reminders-quick-add:hover{background-color:#6893e4}.connection-reminders-component .reminders-header .reminders-title{color:gray;font-family:Poppins,sans-serif;font-size:14px}.connection-reminders-component .reminders-header .reminders-title:hover{cursor:pointer;text-decoration:underline}.connection-reminders-component .reminders-row{align-items:center;cursor:pointer;display:flex;flex-direction:row;justify-content:space-between;padding:12px 0}.connection-reminders-component .reminders-row .reminders-row-details{display:flex;flex-direction:column}.connection-reminders-component .reminders-row .reminders-row-details .reminders-row-date{color:gray;font-size:13px;margin-top:2px}.connection-reminders-component .reminders-row .reminders-row-title{font-size:15px;font-weight:600}.connection-reminders-component .reminders-row .reminder-row-redirect-icon{color:#9b9b9b;height:18px;width:18px}.connection-reminders-component .reminders-row:nth-child(3){border-top:2px solid #dfdfdf}.connection-reminders-component .reminders-row:hover .reminder-row-redirect-icon{color:#000}.connection-reminders-component .reminders-row:hover .reminders-row-title{text-decoration:underline}.connection-reminders-component .reminders-empty,.connection-reminders-component .reminders-loader{padding:20px 0}.quick-add-reminder-overlay{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1002}.quick-add-reminder-modal{background:#fff;border-radius:20px;box-shadow:0 4px 12px #0003;color:#000;display:flex;flex-direction:column;font-family:Poppins,sans-serif;max-width:400px;min-height:0;position:relative;width:90%}.quick-add-reminder-modal .quick-reminder-content{padding:15px}.quick-add-reminder-modal .prompt-container{margin-bottom:15px}.quick-add-reminder-modal .prompt-label,.quick-add-reminder-modal .reminder-date-label{color:#333;display:block;font-weight:600;margin-bottom:6px}.quick-add-reminder-modal .prompt-textarea{display:block;font-family:Poppins,sans-serif;height:75px;overflow-y:auto;resize:vertical}.quick-add-reminder-modal .prompt-textarea,.quick-add-reminder-modal .reminder-date-input{border:1px solid #ccc;border-radius:6px;box-sizing:border-box;font-size:12px;padding:.5rem;width:100%}.quick-add-reminder-modal .prompt-textarea:focus,.quick-add-reminder-modal .reminder-date-input:focus{border-color:#b0c7f3;box-shadow:0 0 0 2px #4532dd1a;outline:none}.quick-add-reminder-modal .header-save{border-radius:4px;color:#000;cursor:pointer;padding:4px;transition:background-color .2s ease}.quick-add-reminder-modal .header-save:hover:not(.header-save-disabled){background-color:#0000000d}.quick-add-reminder-modal .header-save-disabled{cursor:not-allowed;opacity:.5}.quick-add-reminder-modal .save-loader{align-items:center;display:flex;justify-content:center}.quick-add-reminder-modal .app-header{border-radius:20px}.notes-list-container{display:flex;flex-direction:column;height:100%;width:100%}.notes-list-container .sort-container{border-bottom:1px solid #e5e7eb;flex-shrink:0;padding:16px 20px}.notes-list-container .sort-container label{align-items:center;color:#374151;display:flex;font-size:14px;gap:8px}.notes-list-container .sort-container label select{background-color:#fff;border:1px solid #d1d5db;border-radius:4px;cursor:pointer;font-size:14px;padding:4px 8px}.notes-list-container .sort-container label select:focus{border-color:#3b82f6;box-shadow:0 0 0 1px #3b82f6;outline:none}.notes-list-container .notes-list{display:flex;flex:1 1;flex-direction:column;height:100%;overflow-y:auto;padding-bottom:5px;width:100%}.notes-list-container .notes-list .notes-list-empty{margin-top:25%}.notes-list-container .notes-list .create-note-card{align-items:center;background-color:#f8f9fa;border-bottom:1px solid #e5e7eb;cursor:pointer;display:flex;flex-shrink:0;height:85px;padding:0 20px;transition:all .2s ease-in-out}.notes-list-container .notes-list .create-note-card:hover{background-color:#e5e7eb}.notes-list-container .notes-list .create-note-card .card-content{align-items:center;display:flex;flex-direction:row;gap:12px;justify-content:center;width:100%}.notes-list-container .notes-list .create-note-card .card-content h3{color:#6b7280;font-size:16px;font-weight:500;margin:0}.notes-list-container .notes-list .create-note-card .card-content .arrow-icon{color:#6b7280;font-size:20px}.notes-list-container .pulse-spinner{align-items:center;display:flex;flex:1 1;justify-content:center}.connection-notes-card{align-items:center;background-color:#fff;border:2px solid;border-color:#0000 #0000 #e5e7eb;cursor:pointer;display:flex;height:80px;min-height:80px;padding:0 20px;transition:all .2s ease-in-out}.connection-notes-card:hover{background-color:#f8f9fa}.connection-notes-card.active{background-color:#f0f9ff;border:2px solid #3b82f6}.connection-notes-card .card-content{align-items:center;display:flex;flex-direction:column;gap:4px;justify-content:center;width:100%}.connection-notes-card .card-content .note-title{color:#1a1a1a;font-size:16px;font-weight:500;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.connection-notes-card .card-content .note-date{color:#6b7280;font-size:14px;margin:0}.edit-note-container{background-color:#fff;display:flex;flex-direction:column;height:100%;width:100%}.edit-note-container .empty-note-state{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;padding:40px;text-align:center}.edit-note-container .empty-note-state h3{color:#374151;font-size:20px;font-weight:600;margin:0 0 12px}.edit-note-container .empty-note-state p{color:#6b7280;font-size:14px;line-height:1.5;margin:0}.edit-note-container .edit-note-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;flex-shrink:0;height:70px;justify-content:space-between;padding:0 24px}.edit-note-container .edit-note-header .header-actions{align-items:center;display:flex;gap:12px}.edit-note-container .edit-note-header .header-actions .save-button{align-items:center;background-color:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s ease;width:40px}.edit-note-container .edit-note-header .header-actions .save-button:hover:not(.disabled){background-color:#2563eb}.edit-note-container .edit-note-header .header-actions .save-button.disabled{background-color:#9ca3af;cursor:not-allowed}.edit-note-container .edit-note-header .header-actions .save-button:focus{box-shadow:0 0 0 2px #dbeafe;outline:none}.edit-note-container .edit-note-header .header-actions .edit-button{align-items:center;background-color:#f3f4f6;border:1px solid #e5e7eb;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s ease;width:40px}.edit-note-container .edit-note-header .header-actions .edit-button:hover{background-color:#f0f9ff;border-color:#3b82f6;color:#3b82f6}.edit-note-container .edit-note-header .header-actions .edit-button:focus{box-shadow:0 0 0 2px #dbeafe;outline:none}.edit-note-container .edit-note-header .header-actions .save-loader{align-items:center;background-color:#fff;border:1px solid #e5e7eb;border-radius:6px;display:flex;height:40px;justify-content:center;width:40px}.edit-note-container .edit-note-body{flex:1 1;overflow:hidden;padding:0;position:relative}.edit-note-container .edit-note-body .pulse-spinner{align-items:center;display:flex;height:100%;justify-content:center}.edit-note-container .edit-note-body.view-mode .note-editor .toolbar{display:none}.edit-note-container .edit-note-body.edit-mode .note-editor .toolbar{display:flex}.edit-note-container .edit-note-body.view-mode .note-editor .ProseMirror{pointer-events:none;-webkit-user-select:text;user-select:text}.edit-note-container .edit-note-body.view-mode .is-editor-empty{display:none}.edit-note-container .edit-note-body.view-mode .note-editor .note-title .note-title-input{background:#0000;border:none;pointer-events:none}.edit-note-container .edit-note-body.view-mode .note-editor .input-counter{display:none!important}.edit-note-container .edit-note-body.view-mode .note-editor .input-counter-body{display:none}.edit-note-container .edit-note-body .note-editor{border-radius:0;display:flex;flex-direction:column;height:100%}.edit-note-container .edit-note-body .note-editor .toolbar{background-color:#f8f9fa;border-bottom:1px solid #e5e7eb;flex-shrink:0;padding:12px 24px}.edit-note-container .edit-note-body .note-editor .editor-scroll{flex:1 1;overflow-y:auto;padding:24px}.edit-note-container .edit-note-body .note-editor .editor-scroll .note-title{margin-bottom:20px}.edit-note-container .edit-note-body .note-editor .editor-scroll .note-title .note-title-input{word-wrap:break-word;background:#0000;border:none;color:#1a1a1a;font-size:24px;font-weight:600;max-width:100%;outline:none;overflow-wrap:break-word;padding:0;width:100%;word-break:break-word}.edit-note-container .edit-note-body .note-editor .editor-scroll .note-title .note-title-input::placeholder{color:#9ca3af}.edit-note-container .edit-note-body .note-editor .editor-scroll .note-title .input-counter{color:#6b7280;display:block;font-size:12px;margin-top:4px;text-align:right}.edit-note-container .edit-note-body .note-editor .editor-scroll .ProseMirror{word-wrap:break-word;color:#374151;font-size:16px;line-height:1.6;max-width:100%;min-height:200px;outline:none;overflow-wrap:break-word;word-break:break-word}.edit-note-container .edit-note-body .note-editor .editor-scroll .ProseMirror.is-editor-empty:before{color:#9ca3af;content:attr(data-placeholder);float:left;height:0;pointer-events:none}.edit-note-container .edit-note-body .note-editor .editor-scroll .ProseMirror p{word-wrap:break-word;margin:0 0 12px;overflow-wrap:break-word;word-break:break-word}.edit-note-container .edit-note-body .note-editor .editor-scroll .ProseMirror ul{margin:0 0 12px;padding-left:24px}.edit-note-container .edit-note-body .note-editor .editor-scroll .ProseMirror ul li{margin-bottom:4px}.edit-note-container .edit-note-body .note-editor .editor-scroll .ProseMirror strong{font-weight:600}.edit-note-container .edit-note-body .note-editor .editor-scroll .ProseMirror em{font-style:italic}.edit-note-container .edit-note-body .note-editor .editor-scroll .ProseMirror u{text-decoration:underline}.edit-note-container .edit-note-body .note-editor .input-counter-body{background-color:#f8f9fae6;border-radius:4px;bottom:12px;color:#6b7280;font-size:12px;padding:4px 8px;position:absolute;right:24px}.network-container{align-items:center;background-color:#fff;display:flex;flex-direction:column;font-family:Poppins;height:100%;justify-content:flex-start;max-width:100%;width:100%}.network-container>div{margin-bottom:22px}.network-container .page-header{margin-bottom:5px;margin-top:20px;max-width:85%;width:100%}@media(max-width:1200px){.network-container .page-header{max-width:95%}}.network-container .section{align-items:center;box-sizing:border-box;flex:1 1;max-width:85%;min-width:0;overflow-y:auto;padding:1rem;width:100%}@media(max-width:1200px){.network-container .section{max-width:95%}}.network-container .notes-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));padding-left:10px}.network-container .notes-grid .create-note-card{background-color:#6893e4}.network-container .network-options{display:flex;flex-direction:row;gap:0;justify-content:flex-end;margin:0 auto;width:100%}.network-container .network-options .filter-container{align-items:center;display:flex;gap:10px;justify-content:flex-end;margin:0;max-width:100%}.network-container .network-options .filter-container label{font-size:14px;font-weight:600;padding-right:7px}.network-container .network-options .filter-container select{font-size:12px;font-weight:400}.network-container .network-options .filter-container .filter-icon-container{align-items:center;background-color:#6893e4;border-radius:50%;cursor:pointer;display:flex;height:30px;justify-content:center;margin-bottom:0;padding:5px;width:30px}.network-container .network-options .filter-container .search-icon-container{align-items:center;background-color:#6893e4;border-radius:20px;box-shadow:0 0 5px rgba(75,75,75,.557);cursor:pointer;display:flex;height:30px;justify-content:center;overflow:hidden;padding:5px;position:relative;transition:width .3s ease-in-out,background-color .2s ease;width:30px}.network-container .network-options .filter-container .search-icon-container.expanded{background-color:#f5f5f5;padding:5px 10px;width:400px}.network-container .network-options .filter-container .search-icon-container .search-icon{color:#000;flex-shrink:0;height:20px;pointer-events:none;transition:color .2s ease;width:20px}.network-container .network-options .filter-container .search-icon-container.expanded .search-icon{color:#686868;margin-right:8px}.network-container .network-options .filter-container .search-icon-container .search-input{animation:slideIn .3s ease-in-out;background:#0000;border:none;color:#374151;flex:1 1;font-family:Poppins,sans-serif;font-size:14px;outline:none}.network-container .network-options .filter-container .search-icon-container .search-input::placeholder{color:#9ca3af}.network-container .network-options .filter-container .sort-container{align-items:center;display:flex;float:left;margin-bottom:0}.network-container .switch{height:40px;width:90px}.network-container .options-container{display:flex;justify-content:space-between;margin-top:auto;max-width:320px;width:100%}.network-container .grid-view{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));width:100%}.network-container .list-view{font-size:13px}.network-container .toggles-container{display:flex;gap:7px}.section-header{background:linear-gradient(135deg,#6893e4,#a9c1f0);color:#fff;display:flex;justify-content:space-between;margin-bottom:0;overflow:hidden;padding:20px 24px;position:relative}.section-header:before{background:#ffffff1a;border-radius:50%;content:"";height:100px;position:absolute;right:0;top:0;transform:translate(30px,-30px);width:100px}.section-header .section-title{align-items:center;color:#fff;display:flex;font-size:18px;font-weight:600;gap:12px;margin:0;position:relative;z-index:2}.section-header .network-list{flex:1 1;min-height:0;min-width:0;overflow:auto}.network-table-wrapper{background:#fff;border-radius:16px;box-shadow:0 8px 25px #00000014;box-sizing:border-box;overflow-x:auto;overflow-y:hidden;padding:0 0 24px;width:100%}.network-table{background:#fff;border-collapse:collapse;font-family:Urbanist,Poppins,sans-serif;font-size:15px;table-layout:fixed;width:100%}.network-table thead tr{background:#6893e4;color:#fff;position:sticky}.network-table td,.network-table th{overflow-wrap:anywhere;padding:16px 12px;text-align:left;white-space:normal;word-break:break-word}.network-table th{background:none;border-bottom:2px solid #e5e7eb;font-size:15px;font-weight:700}.network-table tbody tr{border-bottom:1px solid #e5e7eb;cursor:pointer;transition:background .2s}.network-table tbody tr:hover{background:#f9f9f9}.connection-name-email{display:flex;flex-direction:column}.connection-name-email .name{align-items:center;color:#1a1a1a;display:flex;font-weight:600}.connection-name-email .name svg{margin-left:6px}.connection-name-email .email{color:#6b7280;font-size:13px}.view-details-btn{background-color:#0000;border:1px solid #6893e4;border-radius:24px;color:#6893e4;cursor:pointer;font-size:14px;font-weight:600;padding:4px 24px;transition:all .2s}.view-details-btn:hover{background-color:#6893e4;color:#fff}.delete-icon{border-radius:50%;cursor:pointer;margin-left:10%;padding:4px;transition:background .2s,color .2s}.delete-icon:hover{background:#e3342f1a;color:#e3342f}.row-buttons{align-items:center;display:flex}@media(max-width:480px){.network-table td,.network-table th{font-size:13px;padding:8px 6px}.view-details-btn{font-size:12px;padding:4px 8px}}.filter-overlay{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fff3;font-family:Poppins;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:1000}.filter-modal,.filter-overlay{align-items:center;display:flex}.filter-modal{background-color:#fff;border-radius:14px;box-shadow:0 0 16px #00000026;color:#fff;flex-direction:column;min-height:260px;padding:24px 18px 18px;width:340px}.filter-modal .filter-header{margin-bottom:18px;text-align:center;width:100%}.filter-modal .filter-header h2{color:#000;font-weight:600;margin:0}.filter-modal .filter-content{align-items:center;display:flex;flex-direction:column;margin-bottom:18px;width:100%}.filter-modal .filter-content-box{background:#ffffff14;border-radius:11px;box-shadow:0 2px 6px #00000026;margin-top:8px;width:100%}.filter-modal .filter-content-box .box-option{align-items:center;border-radius:11px;color:#000;cursor:pointer;display:flex;padding:12px 10px;transition:background .2s}.filter-modal .filter-content-box .box-option p{font-weight:500;margin:0;padding-left:8px}.filter-modal .filter-content-box .box-option:hover{background:#ffffff2e}.filter-modal .filter-footer{display:flex;justify-content:center;width:100%}.filter-modal .filter-footer .apply-btn{background-color:#6893e4;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:8px;padding:10px 0;transition:background .2s,color .2s;width:80%}.filter-modal .filter-footer .apply-btn:hover{background:#e6eaff;color:#1d4ed8}.sort-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fff3;display:flex;font-family:Poppins;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:1000}.sort-modal-content{align-items:center;background:#fff;border-radius:14px;box-shadow:0 0 16px #00000026;color:#000;display:flex;flex-direction:column;min-height:180px;padding:24px 18px 18px;width:340px}.sort-modal-content h2{color:#000;font-weight:600;margin:0 0 18px;text-align:center}.sort-modal-content .sort-radio,.sort-modal-content .sort-radio.Mui-checked{color:#000}.sort-modal-content .sort-options{list-style:none;margin-bottom:1rem;padding:0;width:90%}.sort-modal-content .sort-options .sort-option-label{align-content:center;align-items:center;color:#000;cursor:pointer;display:flex;flex-direction:row-reverse;flex-wrap:nowrap;height:20px;justify-content:space-between;margin:11px}.sort-modal-content .sort-modal-actions{display:flex;flex-direction:column;justify-content:center;margin-top:10px;width:80%}.sort-modal-content .sort-modal-actions .apply-button{background-color:#6893e4;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-bottom:12px;padding:10px 0;transition:background .2s,color .2s;width:100%}.sort-modal-content .sort-modal-actions .apply-button:hover{background:#e6eaff;color:#1d4ed8}.radio-group .radio-button{align-items:center;display:flex;justify-content:space-between;margin-right:180px;padding-bottom:12px;width:100%}.radio-group .radio-button-label{cursor:pointer;float:left;font-family:Urbanist;font-size:18px;text-align:left}.radio-group .radio-button-input{appearance:none;-webkit-appearance:none;background-color:#fff;border:2px solid #b0c7f3;border-radius:50%;cursor:pointer;float:right;height:20px;margin-bottom:5px;position:relative;transition:border-color .2s ease;width:20px}.radio-group .radio-button-input:checked:before{background-color:#b0c7f3;border-radius:50%;box-shadow:0 0 0 2px #fff;content:"";height:10px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:10px}.radio-group .radio-button-input:focus{box-shadow:0 0 0 3px #b0c7f366;outline:none}.add-filter-overlay{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fff3;display:flex;font-family:Poppins;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:1000}.add-filter-overlay .add-filter-content{align-items:center;background:#fff;border-radius:14px;box-shadow:0 0 16px #00000026;color:#000;display:flex;flex-direction:column;height:auto;max-height:82vh;overflow-y:auto;padding:28px 22px 22px;position:relative;width:420px}.add-filter-overlay .add-filter-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem;padding:0;width:100%}.add-filter-overlay .add-filter-header h4{color:#000;font-size:18px;font-weight:600;margin:0}.add-filter-overlay .add-filter-header .cancel-btn,.add-filter-overlay .add-filter-header .reset-btn{background:none;border:none;color:#000;cursor:pointer;font-size:15px;font-weight:600;padding:0 6px;transition:color .2s}.add-filter-overlay .add-filter-header .cancel-btn:hover,.add-filter-overlay .add-filter-header .reset-btn:hover{color:#1d4ed8}.add-filter-overlay .add-filter-body{color:#000;display:flex;flex-direction:column;gap:12px;width:100%}.add-filter-overlay .add-filter-footer{display:flex;justify-content:center;margin-top:8px;text-align:center;width:100%}.add-filter-overlay .add-filter-footer .apply-btn{background-color:#6893e4;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:8px;padding:10px 0;transition:background .2s,color .2s;width:80%}.add-filter-overlay .add-filter-footer .apply-btn:hover{background:#e6eaff;color:#1d4ed8}.add-filter-overlay .company-label,.add-filter-overlay .job-title-label,.add-filter-overlay .tags-label{color:#000;font-size:14px;font-weight:600}.add-filter-overlay .company-container{height:180px;max-height:15vh;overflow-y:auto;padding:4px;width:100%}.add-filter-overlay .job-title-grid,.add-filter-overlay .tags-grid{display:flex;flex-wrap:wrap;gap:8px;height:120px;margin-bottom:4px;max-height:15vh;overflow-y:auto;padding:6px;width:100%}.add-filter-overlay .tags-grid{max-height:12vh!important}.add-filter-overlay .company-name-label{color:#000;cursor:pointer;font-size:16px;padding-left:5px;-webkit-user-select:none;user-select:none}.add-filter-overlay .company-item{align-items:center;cursor:pointer;display:flex;margin-top:6px}.add-filter-overlay .company-checkbox{accent-color:#000;border:1px solid #000;border-radius:2px;cursor:pointer;height:16px;position:relative;width:16px}.add-filter-overlay .company-checkbox:checked{accent-color:#000}.add-filter-overlay .job-title-tile,.add-filter-overlay .tag-tile{background-color:#ffffff14;border:1px solid #000;border-radius:15px;box-shadow:0 0 5px #00000026;color:#000;cursor:pointer;font-family:Urbanist;font-size:16px;font-weight:600;line-height:16px;max-height:35px;padding:8px;transition:background-color .2s,color .2s}.add-filter-overlay .job-title-tile.active,.add-filter-overlay .tag-tile.active{background-color:#fff;border-color:#000;color:#6893e4}.add-filter-overlay .company-header,.add-filter-overlay .job-title-header,.add-filter-overlay .tags-header{align-items:center;color:#000;justify-content:space-between;padding:.5rem}.add-filter-overlay .header-search{color:#000;cursor:pointer;height:18px;margin-right:4px;width:18px}.add-filter-overlay .company-header,.add-filter-overlay .job-title-header,.add-filter-overlay .tags-header{display:flex}.add-filter-overlay .company-header .header-search,.add-filter-overlay .job-title-header .header-search,.add-filter-overlay .tags-header .header-search{cursor:pointer;margin-right:4px}.add-filter-overlay .company-header .search-input,.add-filter-overlay .job-title-header .search-input,.add-filter-overlay .tags-header .search-input{color:#222;font-size:14px;margin:0 0 0 4px;max-width:100%;padding:0}.add-filter-overlay .company-search-container,.add-filter-overlay .job-title-search-container,.add-filter-overlay .tags-search-container{align-items:center;display:flex}.switch{display:inline-block;height:1.5em;position:relative;width:3em}.switch input{height:0;opacity:0;width:0}.slider{background-color:hsla(0,0%,49%,.507);bottom:0;cursor:pointer;overflow:hidden;right:0;transition:background-color .4s}.slider,.slider:before{border-radius:999px;left:0;position:absolute;top:0}.slider:before{background-color:#6893e4;content:"";height:100%;transform:translateX(100%);transition:transform .4s;width:50%}input:checked+.slider:before{transform:translateX(0)}.slider-icon{align-items:center;color:#000;display:flex;font-size:.65em;height:auto;justify-content:center;padding:6px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);width:auto}.grid-icon{left:4px}.list-icon{right:4px}.settings-page{color:#000;display:flex;flex-direction:column;font-family:Urbanist,sans-serif;margin:0 auto;max-height:calc(100vh - 60px);max-width:1200px;width:100%}.settings-page .page-header{margin-bottom:12px;margin-top:15px}.settings-page .settings-container{display:flex;flex:1 1;min-height:0}.settings-page .settings-sidebar{background-color:#fff;border-right:1px solid #e1e4e8;margin-bottom:20px;min-width:280px;padding:20px 0;width:280px}.settings-page .settings-sidebar .settings-tabs .tab-item{align-items:center;border-right:3px solid #0000;color:#586069;cursor:pointer;display:flex;font-size:16px;font-weight:500;gap:14px;padding:16px 20px;position:relative;transition:all .2s ease}.settings-page .settings-sidebar .settings-tabs .tab-item .icon{height:18px;width:18px}.settings-page .settings-sidebar .settings-tabs .tab-item:hover{background-color:#e1e7ef;color:#24292e}.settings-page .settings-sidebar .settings-tabs .tab-item.active{background-color:#e1e7ef;border-right-color:#6893e4;color:#24292e;font-weight:600}.settings-page .settings-sidebar .settings-tabs .tab-item.logout{color:#d73a49}.settings-page .settings-sidebar .settings-tabs .tab-item.logout:hover{background-color:#ffeef0;color:#cb2431}.settings-page .settings-sidebar .settings-tabs .tab-divider{background-color:#e1e4e8;height:1px;margin:16px 20px}.settings-page .settings-main{background-color:#fff;flex:1 1;min-height:0;overflow-y:auto}.settings-page .settings-main .settings-content{max-width:800px;padding:32px 40px}.settings-page .settings-main .settings-content h2{border-bottom:1px solid #e1e4e8;color:#1a1a1a;font-size:1.5rem;font-weight:600;margin-bottom:16px;margin-top:0;padding-bottom:8px}.settings-page .settings-main .settings-content .content-placeholder{padding:24px 0}.settings-page .settings-main .settings-content .content-placeholder p{color:#586069;font-size:14px;margin-bottom:16px}.settings-page .settings-main .settings-content .content-placeholder .user-info{background-color:#f8f9fa;border:1px solid #e1e4e8;border-radius:6px;margin-top:16px;padding:16px}.settings-page .settings-main .settings-content .content-placeholder .user-info h3{color:#24292e;font-size:16px;font-weight:600;margin-bottom:4px}.settings-page .settings-main .settings-content .content-placeholder .user-info p{color:#586069;font-size:14px;margin:0}@media(max-width:768px){.settings-page .settings-container{flex-direction:column}.settings-page .settings-sidebar{border-bottom:1px solid #e1e4e8;border-right:none;min-width:0;min-width:auto;width:100%}.settings-page .settings-sidebar .settings-tabs{display:flex;overflow-x:auto;padding:0 16px}.settings-page .settings-sidebar .settings-tabs .tab-item{border-bottom:3px solid #0000;border-right:none;min-width:fit-content;white-space:nowrap}.settings-page .settings-sidebar .settings-tabs .tab-item.active{border-bottom-color:#6893e4;border-right:none}.settings-page .settings-sidebar .settings-tabs .tab-divider{display:none}.settings-page .settings-main .settings-content{padding:20px 16px}}.update-profile-component{font-family:Poppins,sans-serif;max-width:600px;width:100%}.update-profile-component h2{border-bottom:1px solid #e1e4e8;color:#1a1a1a;font-family:Urbanist,sans-serif;font-size:1.5rem;font-weight:600;margin-bottom:2rem;margin-top:0;padding-bottom:8px}.update-profile-component .profile-form,.update-profile-component .profile-form .profile-input-group{box-sizing:border-box;display:flex;flex-direction:column;width:100%}.update-profile-component .profile-form .profile-input-group{margin-bottom:18px;text-align:left}.update-profile-component .profile-form .profile-input-group .profile-input-label{color:#000;display:block;font-size:16px;font-weight:400;margin-bottom:.25rem}.update-profile-component .profile-form .profile-input-group .profile-input-label .optional-message{color:#98a2b3;font-size:12px;font-weight:500;margin-left:4px}.update-profile-component .profile-form .profile-input-group .profile-input-box,.update-profile-component .profile-form .profile-input-group .styled-select{background-color:#fff;border:1px solid #797979;border-radius:7px;box-sizing:border-box;font-size:14px;max-width:100%;outline:none;padding:10px;width:100%}.update-profile-component .profile-form .profile-input-group .profile-input-box:focus,.update-profile-component .profile-form .profile-input-group .styled-select:focus{border-color:#06f;box-shadow:0 0 0 2px #0066ff1a}.update-profile-component .profile-form .profile-input-group .profile-input-box::placeholder,.update-profile-component .profile-form .profile-input-group .styled-select::placeholder{color:#98a2b3}.update-profile-component .profile-form .profile-input-group .styled-select{appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%23797979' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;cursor:pointer;padding-right:40px}.update-profile-component .profile-form #email{background-color:#cecece;cursor:not-allowed}.update-profile-component .profile-form .profile-input-group:last-of-type{margin-bottom:0}.update-profile-component .profile-form .error-message{align-items:center;color:red;display:flex;font-size:12px;justify-content:center;margin-bottom:0;margin-top:0;min-height:25px;text-align:center}.update-profile-component .profile-form .profile-info-submit{align-items:center;background:#6893e4;border:none;border-radius:25px;color:#fff;cursor:pointer;display:flex;font-family:Urbanist,sans-serif;font-size:18px;font-weight:600;justify-content:center;margin:0 auto;padding:.75rem 2rem;transition:all .3s ease;width:60%}.update-profile-component .profile-form .profile-info-submit:hover:not(:disabled){box-shadow:0 10px 10px #0066ff40}.update-profile-component .profile-form .profile-info-submit:disabled{box-shadow:none;cursor:not-allowed;opacity:.7;transform:none}.subscription-component h2{color:#1a1a1a;font-size:1.5rem;font-weight:600;margin-bottom:2rem;margin-top:0}.subscription-loading{align-items:center;display:flex;flex-direction:column;gap:1rem;padding:2rem;text-align:center}.subscription-loading p{color:#666;margin:0}.subscription-content{max-width:600px}.subscription-status{margin-bottom:2rem}.subscription-status .status-indicator{align-items:center;background:#fff;border:1px solid #e1e5e9;border-radius:8px;display:flex;gap:.75rem;padding:1rem 1.5rem}.subscription-status .status-indicator.active{background:#ecfdf5;border-color:#10b981}.subscription-status .status-indicator.active .status-dot{background:#10b981}.subscription-status .status-indicator.active .status-text{color:#047857}.subscription-status .status-indicator.inactive{background:#fffbeb;border-color:#f59e0b}.subscription-status .status-indicator.inactive .status-dot{background:#f59e0b}.subscription-status .status-indicator.inactive .status-text{color:#92400e}.subscription-status .status-indicator .status-dot{border-radius:50%;height:8px;width:8px}.subscription-status .status-indicator .status-text{font-size:.95rem;font-weight:500}.active-subscription .subscription-details{background:#fff;border:1px solid #e1e5e9;border-radius:8px;margin-bottom:1.5rem;padding:1.5rem}.active-subscription .subscription-details .detail-item{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.active-subscription .subscription-details .detail-item:last-child{margin-bottom:0}.active-subscription .subscription-details .detail-item label{color:#666;font-size:.9rem;font-weight:500}.active-subscription .subscription-details .detail-item .plan-info{color:#1a1a1a;font-size:1rem}.active-subscription .subscription-details .detail-item .period-end{color:#1a1a1a}.active-subscription .subscription-details .detail-item .cancel-notice{color:#92400e;font-weight:500}.active-subscription .subscription-actions .modify-button{background:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;padding:.75rem 1.5rem;transition:all .2s ease}.active-subscription .subscription-actions .modify-button:hover{background:#0056b3;transform:translateY(-1px)}.active-subscription .subscription-actions .modify-button:active{transform:translateY(0)}.inactive-subscription .inactive-message{color:#666;font-size:1rem;line-height:1.5;margin-bottom:2rem;text-align:center}.inactive-subscription .subscription-actions{display:flex}.inactive-subscription .subscription-actions .subscribe-button-main{background:#6893e4;border:none;border-radius:12px;box-shadow:0 4px 12px #007bff4d;color:#fff;cursor:pointer;font-size:16px;font-weight:600;min-width:200px;padding:1rem 2rem;transition:all .2s ease}.inactive-subscription .subscription-actions .subscribe-button-main:hover{box-shadow:0 6px 20px #007bff66;transform:translateY(-2px)}.inactive-subscription .subscription-actions .subscribe-button-main:active{box-shadow:0 2px 8px #007bff4d;transform:translateY(0)}.dashboard-page{background-color:#f8f9fa;width:100%}.dashboard-page,.dashboard-page button{font-family:Urbanist,sans-serif}.dashboard-page .dashboard-main-content{display:flex;flex-direction:column;height:calc(100vh - 92px);margin:0 auto;max-width:1400px;padding:16px}.dashboard-page .dashboard-page-header{align-items:center;display:flex;flex-shrink:0;height:60px;justify-content:space-between}.dashboard-page .dashboard-page-header h1{color:#1a1a1a;font-size:32px;font-weight:600;margin:0}.dashboard-page .dashboard-page-header .chat-with-ai-button{align-items:center;background-color:#6893e4;border:none;border-radius:24px;box-shadow:0 4px 6px #0000001a;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;padding:8px 16px;text-decoration:none;transition:background-color .3s,box-shadow .3s}.dashboard-page .dashboard-page-header .chat-with-ai-button:hover{background-color:#93b2ec;box-shadow:0 6px 10px #00000026}.dashboard-page .dashboard-grid{grid-gap:24px;display:grid;gap:24px;grid-template-areas:"network templates" "network checkin";grid-template-columns:2fr 1fr;grid-template-rows:1fr 1fr}@media(max-width:1024px){.dashboard-page .dashboard-grid{grid-template-columns:1fr;grid-template-rows:auto auto auto}.dashboard-page .dashboard-grid .network-section,.dashboard-page .dashboard-grid .reminder-section,.dashboard-page .dashboard-grid .templates-section{grid-column:1/-1;grid-row:auto}}.dashboard-page .dashboard-section{background:#fff;border:1px solid #0000;border-radius:16px;box-shadow:0 8px 25px #0000001a;cursor:pointer;display:flex;flex-direction:column;min-height:0;overflow:hidden;padding:0;position:relative;transition:all .3s ease}.dashboard-page .dashboard-section:hover{border-color:#6366f14d;box-shadow:0 12px 35px #00000026;transform:translateY(-4px)}.dashboard-page .dashboard-section .section-header{background:linear-gradient(135deg,#6893e4,#a9c1f0);color:#fff;display:flex;justify-content:space-between;margin-bottom:0;overflow:hidden;padding:20px 24px;position:relative}.dashboard-page .dashboard-section .section-header:before{background:#ffffff1a;border-radius:50%;content:"";height:100px;position:absolute;right:0;top:0;transform:translate(30px,-30px);width:100px}.dashboard-page .dashboard-section .section-header .section-title{align-items:center;color:#fff;display:flex;font-size:18px;font-weight:600;gap:12px;margin:0;position:relative;z-index:2}.dashboard-page .dashboard-section .section-header .see-all{background:#fff;border:none;border-radius:20px;box-shadow:0 2px 8px #0000001a;color:#6893e4;cursor:pointer;font-size:14px;font-weight:600;padding:8px 16px;position:relative;text-decoration:none;transition:all .2s ease;z-index:2}.dashboard-page .dashboard-section .section-header .see-all:hover{background:#f8f9fa;box-shadow:0 4px 12px #00000026;text-decoration:none;transform:translateY(-1px)}.dashboard-page .dashboard-section .section-header .reminder-controls{align-items:center;display:flex;gap:12px;position:relative;z-index:2}.dashboard-page .dashboard-section .section-header .reminder-controls .reminder-filter-dropdown{appearance:none;background:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%234532dd' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;border:none;border-radius:20px;box-shadow:0 2px 8px #0000001a;color:#6893e4;cursor:pointer;font-size:14px;font-weight:600;min-width:130px;outline:none;padding:8px 16px;transition:all .2s ease}.dashboard-page .dashboard-section .section-header .reminder-controls .reminder-filter-dropdown option{background:#fff;border:none;color:#6893e4;font-family:Urbanist,sans-serif;font-size:14px;font-weight:600;padding:12px 16px}.dashboard-page .dashboard-section .section-header .reminder-controls .reminder-filter-dropdown option:hover{background:#6893e41a;color:#6893e4}.dashboard-page .dashboard-section .section-header .reminder-controls .reminder-filter-dropdown option:checked{background:#6893e426;color:#6893e4;font-weight:700}.dashboard-page .dashboard-section .section-header .reminder-controls .reminder-filter-dropdown option:focus{background:#6893e41a;outline:none}.dashboard-page .dashboard-section .section-header .reminder-controls .reminder-filter-dropdown:hover{transform:translateY(-1px)}.dashboard-page .dashboard-section .section-header .reminder-controls .reminder-filter-dropdown:focus,.dashboard-page .dashboard-section .section-header .reminder-controls .reminder-filter-dropdown:hover{background:#f8f9fa url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%234532dd' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;box-shadow:0 4px 12px #00000026}.dashboard-page .dashboard-section .network-list,.dashboard-page .dashboard-section .reminders-grid,.dashboard-page .dashboard-section .templates-grid{flex:1 1;min-height:0;overflow:auto;padding:24px}.dashboard-page .dashboard-section .reminders-grid,.dashboard-page .dashboard-section .templates-grid{padding:16px 24px 24px}.dashboard-page .network-section{display:flex;flex-direction:column;grid-column:1/2;grid-row:1/3;overflow-y:hidden}.dashboard-page .network-section .network-list{display:flex;flex:1 1;flex-direction:column;gap:.5rem;min-height:0;overflow:hidden}.dashboard-page .templates-section{grid-column:2/3;grid-row:1/2}.dashboard-page .templates-section .templates-grid{overflow-y:auto}.dashboard-page .reminder-section{grid-column:2/3;grid-row:2/3}.dashboard-page .reminder-section .reminders-grid{overflow-y:auto}.dashboard-page .loader{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.dashboard-page .dashboard-title{font-size:19px;margin-bottom:5px;margin-left:10px;margin-top:0}@media(max-width:1024px){.dashboard-page .dashboard-main-content{height:auto;min-height:calc(100vh - 48px)}}@media(max-width:768px){.dashboard-page .dashboard-main-content{height:auto;padding:16px}.dashboard-page .page-header{align-items:flex-start;flex-direction:column;gap:16px;height:auto}.dashboard-page .page-header h1{font-size:24px}}.dashboard-page .loading-container{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.dashboard-page a{text-decoration:none}.dashboard-template-row{align-items:center;border-bottom:1px solid #d2cece;cursor:pointer;display:flex;flex-direction:row;gap:4px;justify-content:space-between;margin:0;transition:background-color .3s,box-shadow .3s}.dashboard-template-row:hover{background-color:#f3f4f6;box-shadow:0 4px 8px #0000001a}.template-info{margin-left:8px}.download-button{background-color:#b0c7f3;border:none;border-radius:6px;box-shadow:0 4px 6px #0000001a;color:#000;cursor:pointer;font-size:14px;font-weight:500;margin-right:8px;padding:8px 16px;transition:background-color .2s,box-shadow .2s}.download-button:hover{background-color:#6893e4;box-shadow:0 6px 10px #00000026}.dashboard-network-row{border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;padding:.5rem;transition:all .2s}.dashboard-network-row:hover{background-color:#f9f9f9;border-color:#6893e4;box-shadow:0 2px 8px #0000000f}.dashboard-network-row .network-card-header{align-items:center;display:flex;gap:12px}.dashboard-network-row .company-icon{align-items:center;background-color:#f3f4f6;border-radius:8px;color:#6b7280;display:flex;height:48px;justify-content:center;width:48px}.dashboard-network-row .network-card-info{flex:1 1}.dashboard-network-row .network-card-info .connection-name-container{align-items:center;display:flex;gap:8px;margin-bottom:4px}.dashboard-network-row .network-card-info .connection-name{color:#1a1a1a;font-size:16px;font-weight:600;margin:0}.dashboard-network-row .network-card-info .connection-title{color:#6b7280;font-size:14px;margin:0}.dashboard-network-row .network-card-actions{align-items:flex-end;display:flex;flex-direction:column;gap:4px}.dashboard-network-row .network-card-actions .last-updated{color:#9ca3af;font-size:11px;margin:0;text-align:right}.dashboard-network-row .view-button{background-color:#b0c7f3;border:none;border-radius:24px;box-shadow:0 4px 6px #0000001a;color:#000;cursor:pointer;font-size:14px;font-weight:500;padding:4px 24px;transition:background-color .2s,box-shadow .2s}.dashboard-network-row .view-button:hover{background-color:#6893e4;box-shadow:0 6px 10px #00000026}.dashboard-network-row .network-card-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px}.dashboard-network-row .tag{background-color:#f3f4f6;border-radius:4px;color:#374151;font-size:12px;font-weight:500;padding:4px 8px}.dashboard-reminder-row{align-items:center;background:#fff;border:1px solid #e2e5e9;border-left:4px solid #e5e7eb;border-radius:6px;box-shadow:0 1px 2px #00000008;cursor:pointer;display:flex;flex-direction:row;gap:12px;margin-bottom:6px;min-height:44px;padding:12px;transition:background-color .3s,box-shadow .3s,border-left-color .3s,transform .2s}.dashboard-reminder-row:hover{background-color:#f9fafb;border-color:#d1d5db;box-shadow:0 4px 8px #00000014;transform:translateY(-1px)}.dashboard-reminder-row:last-child{margin-bottom:0}.dashboard-reminder-row .reminder-date-container{align-items:flex-start;display:flex;flex-direction:column;flex-shrink:0;gap:2px;justify-content:center;min-width:75px}.dashboard-reminder-row .reminder-date-primary{color:#4b4b4b;font-size:13px;font-weight:700;line-height:1.2}.dashboard-reminder-row .reminder-date-secondary{color:gray;font-size:10px;font-weight:500;line-height:1.2}.dashboard-reminder-row .reminder-content{display:flex;flex:1 1;flex-direction:column;gap:4px;justify-content:center;min-width:0}.dashboard-reminder-row .reminder-title{margin:0}.dashboard-reminder-row .reminder-title h4{color:#1a1a1a;font-size:14px;font-weight:600;line-height:1.3;margin:0}.dashboard-reminder-row .reminder-cons{color:#8b8b8b;font-size:12px;font-weight:500;opacity:.8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.login-container{align-items:center;background-color:#fff;display:flex;font-family:Poppins;height:100%;justify-content:center;width:100%}.login-container .sign-in-container,.login-container .sign-up-container{align-items:center;display:flex;flex-direction:column;justify-content:center;max-width:30%;width:100%}.login-container .sign-in-container .button-group{display:flex;flex-direction:column}.login-container button{background:#06f;border:none;border-radius:25px;color:#fff;cursor:pointer;display:block;font-family:Urbanist,sans-serif;font-size:18px;font-weight:600;margin-left:auto;margin-right:auto;padding:.75rem 2rem;transition:all .3s ease}.login-container button:hover{box-shadow:0 10px 10px #0066ff40}.login-container button:disabled{box-shadow:none;cursor:not-allowed;opacity:.7;transform:none}.login-container form{width:100%}.login-container img{margin-right:7px;width:16px}.login-container .sign-in{align-items:center;background:#06f;border:none;border-radius:25px;color:#fff;display:flex;font-family:Urbanist,sans-serif;font-size:18px;font-weight:600;justify-content:center;padding:.75rem 2rem;transition:all .3s ease;width:60%}.login-container .sign-in:hover{box-shadow:0 10px 10px #0066ff40}.login-container .sign-in:disabled{box-shadow:none;cursor:not-allowed;opacity:.7;transform:none}.login-container .form-group{margin-bottom:18px}.login-container .form-group label{display:block;font-size:16px;margin-bottom:.25rem}.login-container .form-group input{border:1px solid #797979;border-radius:7px;box-sizing:border-box;max-width:100%;padding:14px;width:100%}.login-container h1{font-size:26px}.login-container .form-message{color:red;font-size:12px;margin-bottom:5px;margin-top:0;min-height:15px;text-align:center}.login-container .button-group{display:flex;gap:20px;width:100%}.login-container .loginApple,.login-container .loginGoogle{width:100%}.login-container .hover-link{margin-bottom:4px;margin-top:16px}.login-container .hover-link:hover{cursor:pointer}.login-container .link{color:#1570ef}.login-container .text-greyed{color:#98a2b3;font-weight:500}.login-container .input-wrapper{align-items:center;display:flex;position:relative}.login-container .toggle-password{align-items:center;background:none;border:none;color:#666;cursor:pointer;display:flex;font-size:1.1rem;height:1.5rem;justify-content:center;padding:0;position:absolute;right:12px;top:50%;transform:translateY(-50%);width:1.5rem}.login-container .form-message.success{color:green;font-size:14px;text-align:center}.app-container{height:100%;width:100%}.change-password{margin-top:1px}.change-password:hover{cursor:pointer}.password-reset{align-items:center;background:#06f;border:none;border-radius:25px;color:#fff;display:flex;font-family:Urbanist,sans-serif;font-size:18px;font-weight:600;justify-content:center;padding:.75rem 2rem;transition:all .3s ease;width:60%}.password-reset:hover{box-shadow:0 10px 10px #0066ff40}.password-reset:disabled{box-shadow:none;cursor:not-allowed;opacity:.7;transform:none}.view-reminder-container{background-color:#f8f9fa;color:#000;display:flex;flex-direction:column;font-family:Urbanist,sans-serif;min-height:0;overflow-y:auto;width:100%}.view-reminder-container .loader-container{align-items:center;display:flex;height:100vh;justify-content:center;width:100%}.view-reminder-container .reminder-content{box-sizing:border-box;display:flex;flex:0 0 auto;justify-content:center;min-height:calc(100vh - 60px);padding:30px 20px 20px;width:100%}@media(max-width:768px){.view-reminder-container .reminder-content{padding:16px}}.view-reminder-container .reminder-card{align-self:flex-start;background:#fff;border-radius:16px;box-shadow:0 4px 20px #0000001a;max-width:800px;overflow:hidden;width:100%}.view-reminder-container .reminder-header{background:linear-gradient(135deg,#6893e4,#a9c1f0);color:#fff;display:flex;flex-direction:column;gap:16px;overflow:hidden;padding:20px 24px;position:relative}.view-reminder-container .reminder-header:before{background:#ffffff1a;border-radius:50%;content:"";height:120px;position:absolute;right:0;top:0;transform:translate(40px,-40px);width:120px}@media(max-width:768px){.view-reminder-container .reminder-header{padding:16px 20px}}.view-reminder-container .reminder-header .header-top{align-items:center;display:flex;justify-content:flex-start;position:relative;z-index:2}.view-reminder-container .reminder-header .header-top .back-button{align-items:center;background:#fff3;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;justify-content:center;margin-right:16px;padding:8px;transition:all .2s ease}.view-reminder-container .reminder-header .header-top .back-button:hover{background:#ffffff4d}.view-reminder-container .reminder-header .header-top .page-title{font-size:18px;font-weight:600;margin:0}.view-reminder-container .reminder-header .reminder-title{font-size:28px;font-weight:700;line-height:1.3;margin:0;position:relative;z-index:1}@media(max-width:768px){.view-reminder-container .reminder-header .reminder-title{font-size:24px}}.view-reminder-container .reminder-header .reminder-actions{display:flex;flex-wrap:wrap;gap:12px;position:relative;z-index:1}.view-reminder-container .reminder-header .reminder-actions .action-button{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:2px solid #ffffff4d;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-family:Urbanist,sans-serif;font-size:14px;font-weight:600;gap:8px;padding:10px 16px;transition:all .2s ease}.view-reminder-container .reminder-header .reminder-actions .action-button:hover{background:#fff3;border-color:#ffffff80;transform:translateY(-2px)}.view-reminder-container .reminder-header .reminder-actions .action-button:active{transform:translateY(0)}@media(max-width:480px){.view-reminder-container .reminder-header .reminder-actions .action-button{flex:1 1;justify-content:center}}.view-reminder-container .reminder-details{padding:32px}@media(max-width:768px){.view-reminder-container .reminder-details{padding:24px 20px}}.view-reminder-container .detail-section{margin-bottom:32px}.view-reminder-container .detail-section .detail-row{display:grid;grid-template-columns:1fr 1fr;margin-bottom:24px}@media(max-width:768px){.view-reminder-container .detail-section .detail-row{grid-template-columns:1fr}}.view-reminder-container .detail-section .detail-item{margin-bottom:24px}.view-reminder-container .detail-section .detail-item:last-child{margin-bottom:0}.view-reminder-container .detail-section .detail-item .detail-label{color:#6b7280;display:block;font-size:14px;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.view-reminder-container .detail-section .detail-item .detail-content .date-text{color:#1a1a1a;font-size:16px;font-weight:600}.view-reminder-container .detail-section .detail-item .detail-content .repeat-badge{border-radius:20px;color:#000;display:inline-block;font-size:16px;font-weight:600}.view-reminder-container .detail-section .detail-item .detail-content.note-content p{background:#f9fafb;border-left:4px solid #6893e4;border-radius:12px;color:#374151;font-size:16px;line-height:1.6;margin:0;padding:16px}.view-reminder-container .connections-section .section-label{color:#6b7280;display:block;font-size:14px;font-weight:600;letter-spacing:.5px;margin-bottom:12px;text-transform:uppercase}.view-reminder-container .connections-section .connections-grid{display:flex;flex-wrap:wrap;gap:8px;padding-right:4px}.view-reminder-container .connections-section .connections-grid .connection-card{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:20px;cursor:pointer;display:flex;flex:0 0 auto;gap:8px;max-width:calc(50% - 4px);min-width:0;overflow:hidden;padding:8px 12px;transition:all .2s ease}@media(max-width:480px){.view-reminder-container .connections-section .connections-grid .connection-card{max-width:100%}}.view-reminder-container .connections-section .connections-grid .connection-card:hover{background:#f3f4f6;border-color:#6893e4;box-shadow:0 2px 8px #0000001a;transform:translateY(-1px)}.view-reminder-container .connections-section .connections-grid .connection-card .connection-avatar{align-items:center;background:linear-gradient(135deg,#6893e4,#bfd1f3);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:14px;font-weight:700;height:32px;justify-content:center;width:32px}.view-reminder-container .connections-section .connections-grid .connection-card .connection-info{flex:1 1;min-width:0;overflow:hidden}.view-reminder-container .connections-section .connections-grid .connection-card .connection-info .connection-name{color:#1a1a1a;font-size:14px;font-weight:600;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.view-reminder-container .connections-section .connections-grid .no-connections{color:#6b7280;font-size:14px;font-style:italic;padding:20px;text-align:center;width:100%}.header-save{align-items:center;background:none;border:none;display:flex;font-size:24px;justify-content:center;padding:1px 6px}.header-save-disabled{color:#acacac}.right-header-icon-disabled .right-header-icon{cursor:default!important}.right-header-icon-disabled .right-header-icon:hover{background-color:#fff!important}.react-calendar{background:#fff;border:1px solid #a0a096;font-family:Arial,Helvetica,sans-serif;line-height:1.125em;max-width:100%;width:350px}.react-calendar--doubleView{width:700px}.react-calendar--doubleView .react-calendar__viewContainer{display:flex;margin:-.5em}.react-calendar--doubleView .react-calendar__viewContainer>*{margin:.5em;width:50%}.react-calendar,.react-calendar *,.react-calendar :after,.react-calendar :before{box-sizing:border-box}.react-calendar button{border:0;margin:0;outline:none}.react-calendar button:enabled:hover{cursor:pointer}.react-calendar__navigation{display:flex;height:44px;margin-bottom:1em}.react-calendar__navigation button{background:none;min-width:44px}.react-calendar__navigation button:disabled{background-color:#f0f0f0}.react-calendar__navigation button:enabled:focus,.react-calendar__navigation button:enabled:hover{background-color:#e6e6e6}.react-calendar__month-view__weekdays{font:inherit;font-size:.75em;font-weight:700;text-align:center;text-transform:uppercase}.react-calendar__month-view__weekdays__weekday{padding:.5em}.react-calendar__month-view__weekNumbers .react-calendar__tile{align-items:center;display:flex;font:inherit;font-size:.75em;font-weight:700;justify-content:center}.react-calendar__month-view__days__day--weekend{color:#d10000}.react-calendar__century-view__decades__decade--neighboringCentury,.react-calendar__decade-view__years__year--neighboringDecade,.react-calendar__month-view__days__day--neighboringMonth{color:#757575}.react-calendar__century-view .react-calendar__tile,.react-calendar__decade-view .react-calendar__tile,.react-calendar__year-view .react-calendar__tile{padding:2em .5em}.react-calendar__tile{background:none;font:inherit;font-size:.833em;max-width:100%;padding:10px 6.6667px;text-align:center}.react-calendar__tile:disabled{background-color:#f0f0f0;color:#ababab}.react-calendar__century-view__decades__decade--neighboringCentury:disabled,.react-calendar__decade-view__years__year--neighboringDecade:disabled,.react-calendar__month-view__days__day--neighboringMonth:disabled{color:#cdcdcd}.react-calendar__tile:enabled:focus,.react-calendar__tile:enabled:hover{background-color:#e6e6e6}.react-calendar__tile--now{background:#ffff76}.react-calendar__tile--now:enabled:focus,.react-calendar__tile--now:enabled:hover{background:#ffffa9}.react-calendar__tile--hasActive{background:#76baff}.react-calendar__tile--hasActive:enabled:focus,.react-calendar__tile--hasActive:enabled:hover{background:#a9d4ff}.react-calendar__tile--active{background:#006edc;color:#fff}.react-calendar__tile--active:enabled:focus,.react-calendar__tile--active:enabled:hover{background:#1087ff}.react-calendar--selectRange .react-calendar__tile--hover{background-color:#e6e6e6}.templates-page{display:flex;flex-direction:column;height:100%;width:100%}.templates-page .templates-page-container{margin:0 auto;max-width:1440px;width:100%}.templates-page-body{display:flex;flex:1 1;flex-direction:column}.templates-page .page-header{margin:15px 20px 0}.templates-page .list-container{grid-gap:20px;display:grid;flex:1 1;gap:20px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));margin-bottom:10px;margin-top:2px;min-height:0;overflow-y:auto;padding:20px}.templates-page .search-and-sort-container{align-items:center;display:flex;flex-direction:row;gap:10px;justify-content:start}.templates-page .search-icon-container{align-items:center;background-color:#6893e4;border-radius:20px;box-shadow:0 0 5px rgba(75,75,75,.557);cursor:pointer;display:flex;height:30px;justify-content:center;overflow:hidden;padding:5px;position:relative;transition:width .3s ease-in-out,background-color .2s ease;width:30px}.templates-page .search-icon-container.expanded{background-color:#f5f5f5;padding:5px 10px;width:400px}.templates-page .search-icon-container .search-icon{color:#000;flex-shrink:0;height:20px;pointer-events:none;transition:color .2s ease;width:20px}.templates-page .search-icon-container.expanded .search-icon{color:#686868;margin-right:8px}.templates-page .search-icon-container .search-input{animation:slideIn .3s ease-in-out;background:#0000;border:none;color:#374151;flex:1 1;font-family:Poppins,sans-serif;font-size:14px;outline:none}.templates-page .search-icon-container .search-input::placeholder{color:#9ca3af}@keyframes slideIn{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}.templates-page .sort-container{font-size:14px;font-weight:600;margin-top:auto}.templates-page .sort-container label{padding-right:7px}.templates-page .sort-container select{font-size:12px;font-weight:400}.template-card{aspect-ratio:1/1;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 8px #0000000f;cursor:pointer;display:flex;flex-direction:column;min-height:120px;transition:all .2s ease}.template-card:hover{background:linear-gradient(135deg,#fff,#fafbff);box-shadow:0 8px 25px #0000001f;transform:translateY(-2px)}.template-card .card-header{align-items:center;background:linear-gradient(135deg,#6893e4,#a9c1f0);border-radius:12px 12px 0 0;color:#fff;display:flex;font-size:14px;font-weight:600;justify-content:space-between;padding:12px}.template-card .card-header .template-title{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.template-card .card-header .action-buttons{display:flex;gap:6px}.template-card .card-header .action-buttons .icon-btn{align-items:center;background:none;border:none;border-radius:6px;color:hsla(0,0%,100%,.667);cursor:pointer;display:flex;justify-content:center;padding:4px;transition:all .2s ease}.template-card .card-header .action-buttons .icon-btn:hover{color:#fff;transform:scale(1.1)}.template-card .card-header .action-buttons .icon-btn.delete:hover{background:#fee2e2;color:#dc2626}.template-card .card-content{display:flex;flex:1 1;flex-direction:column;gap:8px;justify-content:space-between;padding:12px}.template-card .card-content .snippet{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:#374151;display:-webkit-box;font-size:14px;line-height:1.4;overflow:hidden}.template-card .card-content .meta{color:#6b7280;font-size:13px}.template-card .card-content .meta .date-created{font-weight:500}.template-card .card-footer{display:flex;gap:8px;justify-content:flex-end;padding:8px 12px}.template-card .card-footer button{background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;padding:4px;transition:all .2s ease}.template-card .card-footer button:hover{background:#f3f4f6;color:#6893e4}.template-card .card-footer button.delete:hover{background:#fee2e2;color:#dc2626}.ai-chat-page{color:#000;display:flex;flex-direction:column;font-family:Poppins,sans-serif;margin:0 auto;padding:0 20px}.ai-chat-page,.ai-chat-page .page-header{box-sizing:border-box;max-width:1000px;width:100%}.ai-chat-page .page-header{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#fffffff2;border-bottom:1px solid #0000001a;left:50%;margin-bottom:0;margin-top:0;padding:20px;position:fixed;top:60px;transform:translateX(-50%);z-index:100}.ai-chat-page-body{box-sizing:border-box;display:flex;flex:1 1;flex-direction:column;margin:0 auto;max-width:1000px;width:100%}.ai-chat-page-body.prompt-mode{justify-content:center;min-height:calc(100vh - 200px)}.ai-chat-page-body.conversation-mode,.ai-chat-page-body.prompt-mode{padding-bottom:120px;padding-top:80px}.ai-chat-page-body .ai-carousel-container:hover .embla__buttons{display:flex!important}.ai-chat-page-body .prompt-card{-webkit-user-select:none;user-select:none}.ai-chat-page-body .ai-prompt-input-container{align-items:flex-end;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#fffffffa;border-top:1px solid #0000001a;bottom:0;box-sizing:border-box;display:flex;flex-direction:row;gap:12px;height:auto;left:50%;max-width:1000px;min-height:60px;padding:20px;position:fixed;transform:translateX(-50%);width:100%;z-index:100}.ai-chat-page-body .ai-prompt-input-container .prompt-settings-icon-container{align-items:center;display:flex;flex-shrink:0;height:44px;justify-content:center;width:44px}.ai-chat-page-body .ai-prompt-input-container .prompt-settings-icon-container .prompt-settings-icon{background-color:#b0c7f3;border:1px solid #0000001a;border-radius:12px;box-shadow:0 2px 8px #0000001a;cursor:pointer;font-size:1.2rem;padding:10px;transition:all .2s ease}.ai-chat-page-body .ai-prompt-input-container .prompt-settings-icon-container .prompt-submit-icon{align-items:center;background-color:#6893e4;border:1px solid #0000001a;border-radius:12px;box-shadow:0 2px 8px #0000001a;cursor:pointer;display:flex;justify-content:center;padding:10px;transition:all .2s ease}.ai-chat-page-body .ai-prompt-input-container .prompt-settings-icon-container .prompt-submit-icon:hover{background-color:#5a7fd1;box-shadow:0 4px 12px #00000026;transform:translateY(-1px)}.ai-chat-page-body .ai-prompt-input-container .prompt-settings-icon-container .prompt-settings-icon:hover{background-color:#6893e4;box-shadow:0 4px 12px #00000026;transform:translateY(-1px)}.ai-chat-page-body .ai-prompt-input-container .prompt-settings-icon-container .hidden-icon{opacity:0;pointer-events:none}.ai-chat-page-body .ai-prompt-input-container .prompt-input{background:#fff;border:2px solid #0000001a;border-radius:12px;box-shadow:0 2px 12px #00000014;box-sizing:border-box;flex:1 1;font-family:Poppins,sans-serif;font-size:14px;max-height:100px;min-height:44px;overflow-y:hidden;padding:12px 16px;resize:none;transition:all .2s ease}.ai-chat-page-body .ai-prompt-input-container .prompt-input:focus{border-color:#6893e4;box-shadow:0 2px 12px #6893e433;outline:none}.ai-chat-page-body .ai-prompt-input-container .prompt-input::placeholder{color:#8d8d8d;font-size:14px}@media(max-width:768px){.ai-chat-page{padding:0 10px}.ai-chat-page .page-header{max-width:calc(100% - 20px);padding:15px}.ai-chat-page-body{max-width:100%;padding-bottom:100px;padding-top:70px}.ai-chat-page-body .ai-prompt-input-container{gap:8px;max-width:calc(100% - 20px);padding:15px}.ai-chat-page-body .ai-prompt-input-container .prompt-settings-icon-container{height:40px;width:40px}.ai-chat-page-body .ai-prompt-input-container .prompt-settings-icon-container .prompt-settings-icon,.ai-chat-page-body .ai-prompt-input-container .prompt-settings-icon-container .prompt-submit-icon{font-size:1.1rem;padding:8px}.ai-chat-page-body .ai-prompt-input-container .prompt-input{font-size:14px;padding:10px 14px}}@media(max-width:480px){.ai-chat-page .page-header{max-width:calc(100% - 10px);padding:12px}.ai-chat-page-body{padding-bottom:90px;padding-top:60px}.ai-chat-page-body .ai-prompt-input-container{gap:6px;max-width:calc(100% - 10px);padding:12px}.ai-chat-page-body .ai-prompt-input-container .prompt-settings-icon-container{height:36px;width:36px}.ai-chat-page-body .ai-prompt-input-container .prompt-settings-icon-container .prompt-settings-icon,.ai-chat-page-body .ai-prompt-input-container .prompt-settings-icon-container .prompt-submit-icon{font-size:1rem;padding:6px}}.ai-prompt-selection-component{align-items:center;display:flex;flex:1 1;flex-direction:column;margin:0 auto;max-width:1000px;padding:15px 20px 0}.ai-prompt-selection-component .ai-robot-intro-container{align-items:center;background:#fff9;border:1px solid #0000000d;border-radius:20px;box-shadow:0 4px 20px #00000014;display:flex;flex-direction:column;margin-bottom:25px;max-width:500px;padding:25px 20px;width:100%}.ai-prompt-selection-component .ai-robot-intro-container .ai-robot-image{height:60px;margin-bottom:15px;width:60px}.ai-prompt-selection-component .ai-robot-intro-container .intro-header{color:#333;font-size:24px;font-weight:600;line-height:30px;margin-bottom:8px;text-align:center}.ai-prompt-selection-component .ai-robot-intro-container .intro-text-regular{color:#646464;font-size:14px;line-height:1.5;text-align:center}.ai-prompt-selection-component .ai-suggested-prompts-container{align-items:center;display:flex;flex-direction:row;justify-content:center;max-width:1000px;width:100%}@media(max-width:768px){.ai-prompt-selection-component,.ai-prompt-selection-component .ai-robot-intro-container{padding:30px 15px}.ai-prompt-selection-component .ai-robot-intro-container .ai-robot-image{height:70px;margin-bottom:15px;width:70px}.ai-prompt-selection-component .ai-robot-intro-container .intro-header{font-size:24px;line-height:32px;margin-bottom:10px}.ai-prompt-selection-component .ai-robot-intro-container .intro-text-regular{font-size:13px}.ai-prompt-selection-component .ai-suggested-prompts-container{margin-top:25px}}@media(max-width:480px){.ai-prompt-selection-component{padding:20px 10px}.ai-prompt-selection-component .ai-robot-intro-container{border-radius:16px;padding:25px 15px}.ai-prompt-selection-component .ai-robot-intro-container .ai-robot-image{height:60px;margin-bottom:12px;width:60px}.ai-prompt-selection-component .ai-robot-intro-container .intro-header{font-size:20px;line-height:28px;margin-bottom:8px}.ai-prompt-selection-component .ai-robot-intro-container .intro-text-regular{font-size:12px}.ai-prompt-selection-component .ai-suggested-prompts-container{margin-top:20px}}.ai-carousel-container{max-width:100%;position:relative}.ai-carousel-container .embla,.ai-carousel-container .embla__viewport{width:100%}.ai-carousel-container .embla__container{align-items:stretch;display:flex;flex-wrap:wrap;gap:12px;justify-content:center;padding:0 10px}.ai-carousel-container .embla__slide{align-items:center;display:flex;flex:1 1;justify-content:center;max-width:320px;min-width:280px}.ai-carousel-container .embla__slide__number{align-items:center;background:#ddd;border-radius:.5rem;display:flex;font-size:1.25rem;justify-content:center;max-height:90%;padding:.5rem 1rem;white-space:nowrap}.ai-carousel-container .embla__buttons{display:flex;justify-content:space-between;left:30px;padding:0 .5rem;pointer-events:none;position:absolute;right:30px;top:90%;transform:translateY(-50%);z-index:15}.ai-carousel-container .embla__buttons button{pointer-events:auto}.ai-carousel-container .embla__button,.ai-carousel-container .embla__buttons,.ai-carousel-container .embla__dots{display:none}@media(max-width:1200px){.ai-carousel-container .embla__container{gap:10px}.ai-carousel-container .embla__slide{max-width:300px}}@media(max-width:768px){.ai-carousel-container .embla__container{flex-direction:column;gap:10px;padding:0 5px}.ai-carousel-container .embla__slide{max-width:none;min-width:0;min-width:auto;width:100%}}@media(max-width:480px){.ai-carousel-container .embla__container{gap:8px;padding:0}}.prompt-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffffffe6,#f9fafbe6);border:1px solid #ffffff4d;border-radius:16px;box-shadow:0 8px 32px #0000001a;cursor:pointer;display:flex;flex-direction:column;height:auto;max-width:320px;overflow:hidden;padding:0;position:relative;transition:all .4s cubic-bezier(.175,.885,.32,1.275);width:100%}.prompt-card:before{background:linear-gradient(90deg,#6893e4,#b0c7f3);content:"";height:4px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.prompt-card:hover{border-color:#6893e44d;box-shadow:0 16px 48px #00000026;transform:translateY(-8px) scale(1.02)}.prompt-card:hover:before{opacity:1}.prompt-card:hover .prompt-card-icon{background:linear-gradient(135deg,#6893e4,#b0c7f3);transform:scale(1.1) rotate(5deg)}.prompt-card:hover .prompt-card-button{background:linear-gradient(135deg,#6893e4,#b0c7f3);box-shadow:0 6px 20px #6893e44d;color:#fff;transform:translateY(-2px)}.prompt-card .prompt-card-header{align-items:center;display:flex;gap:10px;margin-bottom:8px;padding:16px 16px 0}.prompt-card .prompt-card-icon{align-items:center;background:linear-gradient(135deg,#6893e41a,#b0c7f31a);border-radius:10px;display:flex;flex-shrink:0;font-size:16px;height:32px;justify-content:center;transition:all .3s ease;width:32px}.prompt-card .prompt-card-title{color:#1f2937;font-size:15px;font-weight:700;line-height:1.3;margin:0}.prompt-card .prompt-card-content{flex:1 1;padding:0 16px}.prompt-card .prompt-card-prompt{color:#6b7280;font-size:13px;font-weight:400;line-height:1.4;margin:0 0 16px}.prompt-card .prompt-card-footer{align-items:center;display:flex;justify-content:space-between;padding:0 16px 16px}.prompt-card .prompt-card-button{background:linear-gradient(135deg,#6893e41a,#b0c7f31a);border:1px solid #6893e433;border-radius:12px;color:#6893e4;cursor:pointer;font-family:inherit;font-size:13px;font-weight:600;padding:10px 16px;transition:all .3s ease}.prompt-card .prompt-card-tag{background:#b0c7f31a;border-radius:6px;color:#b0c7f3;font-size:11px;font-weight:600;letter-spacing:.5px;padding:4px 8px;text-transform:uppercase}@media(max-width:768px){.prompt-card .prompt-card-header{padding:16px 16px 0}.prompt-card .prompt-card-content{padding:0 16px}.prompt-card .prompt-card-footer{padding:0 16px 16px}.prompt-card .prompt-card-icon{font-size:16px;height:36px;width:36px}.prompt-card .prompt-card-title{font-size:15px}.prompt-card .prompt-card-prompt{font-size:13px}}@media(max-width:480px){.prompt-card .prompt-card-header{gap:10px;padding:14px 14px 0}.prompt-card .prompt-card-content{padding:0 14px}.prompt-card .prompt-card-footer{padding:0 14px 14px}.prompt-card .prompt-card-icon{font-size:14px;height:32px;width:32px}.prompt-card .prompt-card-title{font-size:14px}.prompt-card .prompt-card-prompt{font-size:12px;margin:0 0 16px}.prompt-card .prompt-card-button{font-size:12px;padding:8px 12px}.prompt-card .prompt-card-tag{font-size:10px;padding:3px 6px}}.prompt-filters-modal-overlay{align-items:center;background-color:#00000080;box-sizing:border-box;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1000}.prompt-filters-modal-overlay .modal-content{background:#fff;border-radius:16px;box-shadow:0 10px 40px #00000026;display:flex;flex-direction:column;font-family:Urbanist,sans-serif;max-height:95vh;max-width:750px;overflow:hidden;width:100%}@media(max-width:768px){.prompt-filters-modal-overlay .modal-content{max-height:90vh;max-width:95vw}}.prompt-filters-modal-overlay .modal-content .modal-header{background:linear-gradient(135deg,#6893e4,#a9c1f0);color:#fff;overflow:hidden;padding:24px;position:relative}.prompt-filters-modal-overlay .modal-content .modal-header:before{background:#ffffff1a;border-radius:50%;content:"";height:120px;position:absolute;right:0;top:0;transform:translate(40px,-40px);width:120px}@media(max-width:768px){.prompt-filters-modal-overlay .modal-content .modal-header{padding:20px}}.prompt-filters-modal-overlay .modal-content .modal-header .modal-title{align-items:center;display:flex;font-size:24px;font-weight:600;gap:8px;line-height:1.3;margin:0;position:relative;z-index:1}@media(max-width:768px){.prompt-filters-modal-overlay .modal-content .modal-header .modal-title{font-size:20px}}.prompt-filters-modal-overlay .modal-content .modal-header .modal-title .modal-info-tooltip{position:relative;z-index:2}.prompt-filters-modal-overlay .modal-content .modal-header .modal-title .modal-info-tooltip .tooltip-box{transform:translateX(-80%)!important}.prompt-filters-modal-overlay .modal-content .modal-header .modal-title .modal-info-tooltip .tooltip-box:after{left:80.5%!important}.prompt-filters-modal-overlay .modal-content .modal-form{flex:1 1;overflow-y:auto;padding:32px}@media(max-width:768px){.prompt-filters-modal-overlay .modal-content .modal-form{padding:24px}}.prompt-filters-modal-overlay .modal-content .modal-form .form-section{margin-bottom:24px}.prompt-filters-modal-overlay .modal-content .modal-form .form-section:last-child{margin-bottom:0}.prompt-filters-modal-overlay .modal-content .modal-form .form-section .form-group .field-label{color:#000;display:block;font-size:16px;font-weight:600;margin-bottom:12px}.prompt-filters-modal-overlay .modal-content .modal-form .form-section .form-group .field-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.prompt-filters-modal-overlay .modal-content .modal-form .form-section .form-group .field-header .clear-all-button{background:none;border:none;border-radius:6px;color:#ef4444;cursor:pointer;font-family:Urbanist,sans-serif;font-size:14px;font-weight:600;padding:6px 10px;transition:all .2s ease}.prompt-filters-modal-overlay .modal-content .modal-form .form-section .form-group .field-header .clear-all-button:hover{background:#fef2f2;color:#dc2626}.prompt-filters-modal-overlay .modal-content .modal-form .form-section .form-group .selected-chips-container{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:12px;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:16px;min-height:28px;padding:16px}.prompt-filters-modal-overlay .modal-content .modal-form .form-section .form-group .filter-options{display:flex;flex-direction:column;gap:8px;margin-top:12px}.prompt-filters-modal-overlay .modal-content .modal-form .form-section .form-group .tags-chip-container{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.prompt-filters-modal-overlay .modal-content .modal-form .form-section .form-group .tags-chip-container .tag-chip{background:#e2e8f0;border:1px solid #cbd5e1;border-radius:20px;color:#111827;cursor:pointer;font-family:Urbanist,sans-serif;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s ease}.prompt-filters-modal-overlay .modal-content .modal-form .form-section .form-group .tags-chip-container .tag-chip:hover{background:#cbd5e1;border-color:#94a3b8;color:#0f172a}.prompt-filters-modal-overlay .modal-content .modal-form .form-section .form-group .tags-chip-container .tag-chip.selected{background:#eaf0fb;border-color:#6893e4;color:#3d74dc}.prompt-filters-modal-overlay .modal-content .modal-form .form-section .form-group .tags-chip-container .tag-chip.selected:hover{background:#d4e0f7;color:#2765d8}.prompt-filters-modal-overlay .modal-content .modal-footer{align-items:center;background:#f9fafb;border-top:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px 24px}@media(max-width:768px){.prompt-filters-modal-overlay .modal-content .modal-footer{padding:16px 20px}}.prompt-filters-modal-overlay .modal-content .modal-footer .action-buttons{display:flex;gap:12px}.prompt-filters-modal-overlay .modal-content .modal-footer .action-button{border:none;border-radius:8px;cursor:pointer;font-family:Urbanist,sans-serif;font-size:15px;font-weight:600;padding:14px 28px;transition:all .2s ease}.prompt-filters-modal-overlay .modal-content .modal-footer .action-button.cancel-button{background:#e5e7eb;border:1px solid #d1d5db;color:#111827}.prompt-filters-modal-overlay .modal-content .modal-footer .action-button.cancel-button:hover{background:#d1d5db;border-color:#9ca3af;color:#111827}.prompt-filters-modal-overlay .modal-content .modal-footer .action-button.save-button{background:#6893e4;box-shadow:0 2px 4px #6893e433;color:#fff}.prompt-filters-modal-overlay .modal-content .modal-footer .action-button.save-button:hover{background:#7ea2e8;box-shadow:0 4px 8px #6893e44d;transform:translateY(-1px)}.prompt-filters-modal-overlay .modal-content .modal-footer .action-button.save-button:active{transform:translateY(0)}.prompt-filters-modal-overlay .modal-content .react-select__control{background:#fff!important;border:2px solid #e5e7eb!important;border-radius:12px!important;box-shadow:none!important;font-family:Urbanist,sans-serif!important;min-height:56px!important;padding:10px 14px!important;transition:all .2s ease!important}.prompt-filters-modal-overlay .modal-content .react-select__control:hover{border-color:#d1d5db!important}.prompt-filters-modal-overlay .modal-content .react-select__control--is-focused{border-color:#6893e4!important;box-shadow:0 0 0 3px #6893e41a!important}.prompt-filters-modal-overlay .modal-content .react-select__control--is-focused:hover{border-color:#6893e4!important}.prompt-filters-modal-overlay .modal-content .react-select__value-container{padding:0 8px!important;position:relative!important}.prompt-filters-modal-overlay .modal-content .react-select__value-container .react-select__placeholder{display:none!important}.prompt-filters-modal-overlay .modal-content .react-select__input-container{color:#111827!important;font-family:Urbanist,sans-serif!important;font-size:15px!important;position:relative!important;z-index:2!important}.prompt-filters-modal-overlay .modal-content .react-select__value-container:before{color:#9ca3af!important;font-family:Urbanist,sans-serif!important;font-size:15px!important;left:8px!important;pointer-events:none!important;position:absolute!important;top:50%!important;transform:translateY(-50%)!important;z-index:1!important}.prompt-filters-modal-overlay .modal-content .react-select__control--is-focused .react-select__value-container:before{opacity:0!important}.prompt-filters-modal-overlay .modal-content .form-section:nth-child(2) .react-select__value-container:before{content:"Search and select connections..."!important}.prompt-filters-modal-overlay .modal-content .form-section:nth-child(3) .react-select__value-container:before{content:"Search and select notes..."!important}.prompt-filters-modal-overlay .modal-content .react-select__clear-indicator,.prompt-filters-modal-overlay .modal-content .react-select__multi-value{display:none}.prompt-filters-modal-overlay .modal-content .react-select__menu{border:1px solid #e5e7eb!important;border-radius:12px!important;box-shadow:0 10px 25px #00000026!important;margin-top:4px!important;overflow:hidden!important;z-index:999!important}.prompt-filters-modal-overlay .modal-content .react-select__menu-list{padding:8px!important}.prompt-filters-modal-overlay .modal-content .react-select__option{background:#0000!important;border-radius:8px!important;color:#111827!important;cursor:pointer!important;font-family:Urbanist,sans-serif!important;font-size:15px!important;margin-bottom:2px!important;padding:14px 18px!important}.prompt-filters-modal-overlay .modal-content .react-select__option:last-child{margin-bottom:0!important}.prompt-filters-modal-overlay .modal-content .react-select__option--is-selected{background:#eaf0fb!important;color:#3d74dc!important}.prompt-filters-modal-overlay .modal-content .react-select__option--is-focused{background:#fff!important;color:#5284e0!important}.prompt-filters-modal-overlay .modal-content .react-select__option:active{background:#d4e0f7!important}.prompt-filters-modal-overlay .modal-content .react-select__indicators .react-select__dropdown-indicator{color:#9ca3af!important;transition:color .2s ease!important}.prompt-filters-modal-overlay .modal-content .react-select__indicators .react-select__dropdown-indicator:hover{color:#6893e4!important}.prompt-filters-modal-overlay .modal-content .react-select__indicators .react-select__clear-indicator{color:#9ca3af!important;transition:color .2s ease!important}.prompt-filters-modal-overlay .modal-content .react-select__indicators .react-select__clear-indicator:hover{color:#ef4444!important}.info-tooltip{display:inline-block;position:relative}.info-tooltip .info-icon{align-items:center;background:#ccc;border-radius:50%;color:#fff;cursor:pointer;display:inline-block;display:flex;font-size:14px;height:18px;justify-content:center;line-height:18px;text-align:center;width:18px}.info-tooltip .tooltip-box{background-color:#333;border-radius:4px;color:#fff;left:50%;max-width:250px;opacity:0;padding:6px 8px;position:absolute;text-align:left;top:125%;transform:translateX(-20%);transition:opacity .2s ease;visibility:hidden;white-space:pre-line;width:max-content;z-index:99999}.info-tooltip .tooltip-box:after{border:5px solid;border-color:#0000 #0000 #333;bottom:100%;content:"";left:50%;margin-left:-5px;position:absolute}.info-tooltip:hover .tooltip-box{opacity:1;visibility:visible}.selected-chip{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 1px 2px #0000000d;color:#111827;display:flex;font-size:14px;font-weight:500;gap:10px;padding:8px 16px}.selected-chip .chip-avatar{align-items:center;background:#6893e4;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:11px;font-weight:600;height:24px;justify-content:center;width:24px}.selected-chip .chip-name{color:#111827;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.selected-chip .chip-remove{align-items:center;background:none;border:none;border-radius:50%;color:#94a3b8;cursor:pointer;display:flex;flex-shrink:0;font-size:18px;font-weight:700;height:18px;justify-content:center;padding:0;transition:all .2s ease;width:18px}.selected-chip .chip-remove:hover{background:#f1f5f9;color:#ef4444}.checkbox-label{align-items:center;color:#111827;cursor:pointer;display:flex;font-size:15px;gap:12px;position:relative}.checkbox-label input[type=checkbox]{display:none}.checkbox-label .checkmark{background-color:#fff;border:2px solid #d1d5db;border-radius:4px;flex-shrink:0;height:18px;position:relative;transition:all .2s ease;width:18px}.checkbox-label .checkmark:after{border:2px solid #fff;border-left:none;border-top:none;content:"";height:10px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%) scale(0);transform-origin:center;transition:transform .2s ease;width:6px}.checkbox-label input[type=checkbox]:checked+.checkmark{background-color:#6893e4;border-color:#6893e4}.checkbox-label input[type=checkbox]:checked+.checkmark:after{transform:translate(-50%,-60%) rotate(45deg) scale(1)}.checkbox-label:hover .checkmark{border-color:#6893e4}.conversation-component{align-items:center;display:flex;flex:1 1;flex-direction:column;padding:20px 0}.conversation-component .message-card{animation:messageSlideIn .4s ease-out;background-color:#e0e0e0;border:1px solid #00000014;border-radius:18px;box-shadow:0 4px 16px #0000001f;display:inline-block;margin:8px 20px;max-width:70%;padding:16px 20px;position:relative;transition:all .3s ease}.conversation-component .message-card:before{background:linear-gradient(135deg,#fff6,#ffffff1a);border-radius:18px;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.conversation-component .user-prompt-card{background-color:#bbdefb;border:1px solid #6893e44d;box-shadow:0 4px 16px #6893e433}.conversation-component .message-title{color:#2c3e50;font-size:14px;font-weight:700;margin:0 30px;text-shadow:0 1px 2px #fffc}.conversation-component .message-container{display:flex;flex-direction:column;margin-bottom:10px;margin-top:10px;width:100%}.conversation-component .user-prompt-container{align-items:flex-end}.conversation-component .ai-response-container{align-items:flex-start}.conversation-component .ai-response-error{color:red}.conversation-component .message{color:#2c3e50;font-size:14px;line-height:1.6;position:relative;white-space:pre-wrap;z-index:1}.highlighted-template{background:#f5faff;border:1px solid #6893e433;border-radius:12px;display:inline-block;font-weight:500;margin:8px 0;padding:12px;position:relative;transition:all .3s ease}.highlighted-template:hover{background:#f0f7ff;border-color:#6893e44d;box-shadow:0 4px 12px #6893e426}.highlighted-template:hover .template-actions{opacity:1;transform:translateY(0)}.highlighted-template .template-actions{display:flex;gap:8px;opacity:0;position:absolute;right:8px;top:-8px;transform:translateY(4px);transition:all .3s ease;z-index:10}.highlighted-template .template-action-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#fffffff2,#f8fafcf2);border:1px solid #6893e433;border-radius:8px;box-shadow:0 2px 8px #0000001a;cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:6px;justify-content:center;min-width:60px;padding:8px 12px;transition:all .2s ease}.highlighted-template .template-action-btn .btn-icon{font-size:14px}.highlighted-template .template-action-btn .btn-text{font-size:11px;white-space:nowrap}.highlighted-template .template-action-btn:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.highlighted-template .template-action-btn:active{transform:translateY(0)}.highlighted-template .template-action-btn:disabled{cursor:not-allowed;opacity:.6;transform:none!important}.highlighted-template .save-btn{color:#2563eb}.highlighted-template .save-btn:hover{background:linear-gradient(135deg,#2563eb1a,#3b82f60d);border-color:#2563eb4d;color:#1d4ed8}.highlighted-template .copy-btn{color:#059669}.highlighted-template .copy-btn:hover{background:linear-gradient(135deg,#0596691a,#10b9810d);border-color:#0596694d;color:#047857}.highlighted-template .template-saved-indicator{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#dcfce7f2,#bbf7d0f2);border:1px solid #22c55e33;border-radius:8px;box-shadow:0 2px 8px #22c55e1a;color:#15803d;display:flex;font-size:12px;font-weight:600;gap:6px;padding:8px 12px}.highlighted-template .template-saved-indicator .btn-icon{font-size:14px}.highlighted-template .template-saved-indicator .btn-text{font-size:11px}.highlighted-template .template-title{color:#1e40af;display:block;font-size:14px;margin-bottom:8px}.highlighted-template .template-body{color:#374151;font-size:13px;line-height:1.5;white-space:pre-wrap}@media(max-width:768px){.conversation-component{padding:15px 0}.conversation-component .message-card{margin:6px 15px;max-width:85%;padding:14px 16px}.conversation-component .message-title{font-size:13px;margin:0 20px}.conversation-component .message{font-size:13px}.conversation-component .highlighted-template .template-actions{justify-content:center;margin-top:8px;opacity:1;position:relative;right:auto;top:auto;transform:none}.conversation-component .highlighted-template .template-action-btn,.conversation-component .highlighted-template .template-saved-indicator{font-size:11px;min-width:50px;padding:6px 10px}}@media(max-width:480px){.conversation-component{padding:10px 0}.conversation-component .message-card{border-radius:16px;margin:4px 10px;max-width:90%;padding:12px 14px}.conversation-component .message-title{font-size:12px;margin:0 15px}.conversation-component .message{font-size:12px}.conversation-component .highlighted-template .template-modal,.conversation-component .highlighted-template-saved .template-modal-saved{border-radius:10px;font-size:11px;min-width:120px;padding:6px 10px;right:-10px;top:-38px}}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.spinner{animation:spin .6s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:#fff;display:inline-block;height:16px;vertical-align:middle;width:16px}@keyframes spin{to{transform:rotate(1turn)}}.template-view-page{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:20px}.template-view-page .page-header{width:80%}.template-view-page .template-view-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 12px #0000000f;display:flex;flex-direction:column;overflow:hidden;width:80%}.template-view-page .template-view-card .card-header{align-items:center;background:linear-gradient(135deg,#6893e4,#a9c1f0);border-radius:12px 12px 0 0;color:#fff;display:flex;font-size:18px;font-weight:600;justify-content:space-between;padding:16px}.template-view-page .template-view-card .card-body{display:flex;flex-direction:column;gap:12px;padding:16px}.template-view-page .template-view-card .card-body .body-container,.template-view-page .template-view-card .card-body .title-container{display:flex;flex-direction:column}.template-view-page .template-view-card .card-body .body-container .input-label,.template-view-page .template-view-card .card-body .title-container .input-label{color:#333;font-weight:600;margin-bottom:4px}.template-view-page .template-view-card .card-body .body-textarea{max-height:calc(100vh - 450px);min-height:120px}.template-view-page .template-view-card .card-body .footer-container{display:flex;gap:12px;justify-content:flex-end;margin-top:10px}.template-view-page .template-view-card .card-body .footer-container .footer-icon{align-items:center;border-radius:6px;cursor:pointer;display:flex;height:30px;justify-content:center;transition:all .2s ease;width:30px}.template-view-page .template-view-card .card-body .footer-container .footer-icon:hover{background-color:#6893e4;color:#fff}.template-view-page .tooltip-input{background:#fff;border:1px solid #ccc;border-radius:4px;box-shadow:0 2px 8px #00000026;display:none;font-family:inherit;font-size:14px;max-width:300px;min-width:100px;outline:none;padding:4px 6px;position:absolute;z-index:9999}.initalize-profile-page{background:#f5f5f5;font-family:Inter,Poppins,sans-serif;min-height:100vh}.initalize-profile-page,.initalize-profile-page .upload-pfp-container{align-items:center;display:flex;flex-direction:column;justify-content:center;width:100%}.initalize-profile-page .upload-pfp-container .upload-pfp-label{color:#0f0f0f;font-size:16px;margin-bottom:20px}.initalize-profile-page .upload-pfp-container .upload-pfp-icon{align-items:center;background-color:#6893e4;border-radius:50%;cursor:pointer;display:flex;height:115px;justify-content:center;margin:0 auto 24px;width:115px}.initalize-profile-page .upload-pfp-container .upload-pfp-icon-icon{color:#000}.initalize-profile-page .profile-info-form{background:#fff;border-radius:12px;box-shadow:0 4px 15px #0000001a;box-sizing:border-box;display:flex;flex-direction:column;padding:1.5rem;width:500px}.initalize-profile-page .profile-info-form .profile-input-group{box-sizing:border-box;display:flex;flex-direction:column;margin-bottom:14px;text-align:left;width:100%}.initalize-profile-page .profile-info-form .profile-input-group .profile-input-label{color:#374151;display:block;font-family:Inter,sans-serif;font-size:15px;font-weight:500;margin-bottom:4px}.initalize-profile-page .profile-info-form .profile-input-group .profile-input-label .optional-message{color:#6b7280;font-size:13px;font-weight:400;margin-left:4px}.initalize-profile-page .profile-info-form .profile-input-group .profile-input-box{background:#fff;border:1px solid #d1d5db;border-radius:8px;box-sizing:border-box;font-family:Inter,sans-serif;font-size:15px;outline:none;padding:10px 16px;transition:all .2s ease;width:100%}.initalize-profile-page .profile-info-form .profile-input-group .profile-input-box:hover{border-color:#9ca3af}.initalize-profile-page .profile-info-form .profile-input-group .profile-input-box:focus{border-color:#06f;box-shadow:0 0 0 3px #0066ff1a}.initalize-profile-page .profile-info-form .profile-input-group .profile-input-box::placeholder{color:#9ca3af}.initalize-profile-page .profile-info-form .profile-input-group .styled-select{background:#fff;border:1px solid #d1d5db;border-radius:8px;box-sizing:border-box;cursor:pointer;font-family:Inter,sans-serif;font-size:15px;outline:none;padding:12px 16px;transition:all .2s ease;width:100%}.initalize-profile-page .profile-info-form .profile-input-group .styled-select:hover{border-color:#9ca3af}.initalize-profile-page .profile-info-form .profile-input-group .styled-select:focus{border-color:#06f;box-shadow:0 0 0 3px #0066ff1a}.initalize-profile-page .profile-info-form .profile-info-submit{align-items:center;align-self:center;border:none;border-radius:25px;cursor:pointer;display:flex;font-family:Urbanist,sans-serif;font-size:18px;font-weight:600;justify-content:center;margin-bottom:.5rem;margin-top:.5rem;padding:.75rem 2rem;transition:all .3s ease;width:60%}.initalize-profile-page .profile-info-form .profile-info-submit.primary{background:#06f;color:#fff}.initalize-profile-page .profile-info-form .profile-info-submit.primary:hover{box-shadow:0 10px 10px #0066ff40}.initalize-profile-page .profile-info-form .profile-info-submit.primary:disabled{box-shadow:none;cursor:not-allowed;opacity:.7;transform:none}.initalize-profile-page .profile-info-form .profile-info-submit.secondary{background:#0000;border:2px solid #06f;color:#06f}.initalize-profile-page .profile-info-form .profile-info-submit.secondary:hover{background:#06f;box-shadow:0 10px 10px #0066ff40;color:#fff}.initalize-profile-page .profile-info-form .error-message{color:red;font-size:14px;height:18px;margin:0;text-align:center}.sign-in-container{align-items:center;background:#fff;border-radius:12px;box-shadow:0 4px 15px #00000014;display:flex;flex-direction:column;gap:1rem;margin:4rem auto;max-width:35%;padding:2rem}.sign-in-container h1{color:#222;font-size:1.8rem;margin-bottom:.5rem;text-align:center}.sign-in-container p{color:#666;font-size:.95rem;line-height:1.4;margin-bottom:1rem;text-align:center}.sign-in-container input{border:1px solid #ddd;border-radius:8px;font-size:.95rem;padding:.75rem 1rem;transition:border-color .2s ease;width:100%}.sign-in-container input:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f626;outline:none}.sign-in-container .change-button{align-items:center;background:#06f;border:none;border-radius:25px;color:#fff;cursor:pointer;display:flex;font-family:Urbanist,sans-serif;font-size:18px;font-weight:600;justify-content:center;margin-top:.5rem;padding:.75rem 2rem;transition:all .3s ease;width:60%}.sign-in-container .change-button:hover{box-shadow:0 10px 10px #0066ff40}.sign-in-container .change-button:disabled{box-shadow:none;cursor:not-allowed;opacity:.7;transform:none}.sign-in-container .auth-message{border-radius:6px;font-size:.9rem;margin-top:1rem;padding:.6rem .8rem;text-align:center}.sign-in-container .auth-message.success{background:#ecfdf5;border:1px solid #34d399;color:#065f46}.sign-in-container .auth-message.error{background:#fef2f2;border:1px solid #f87171;color:#991b1b}