.home-page-wrapper{overflow-x:hidden;position:relative}#tsparticles-background{contain:paint;height:100%;left:0;position:fixed;top:0;width:100%;will-change:transform;z-index:-1}.home-page-content{align-items:center;background-color:initial;display:flex;flex-direction:column;margin:0 auto;max-width:1200px;min-height:100vh;padding:40px 20px;position:relative;z-index:1}.section-title{color:var(--text-primary);font-size:clamp(1.8rem,5vw,2.5rem);font-weight:700;margin-bottom:1.5rem;text-align:center}.section-subtitle{color:var(--text-secondary);font-size:clamp(1rem,2.5vw,1.2rem);line-height:1.6;margin:0 auto 2.5rem;max-width:650px;text-align:center}.hero-section-new{align-items:center;display:flex;flex-direction:column;margin-bottom:3rem;padding:clamp(2rem,10vh,5rem) 20px;text-align:center}.hero-section-new h1{color:var(--text-primary);font-size:clamp(2.2rem,7vw,3.5rem);font-weight:800;margin-bottom:1rem}.hero-section-new .highlight-link{animation:glow 3s ease-in-out infinite;color:var(--highlight-color)}body.dark-theme .highlight-link{color:var(--highlight-dark)}@keyframes glow{0%,to{text-shadow:0 0 5px #007bff4d;text-shadow:0 0 5px rgba(var(--highlight-color-rgb,0,123,255),.3)}50%{text-shadow:0 0 15px #007bff99;text-shadow:0 0 15px rgba(var(--highlight-color-rgb,0,123,255),.6)}}body.dark-theme .highlight-link{animation:glow-dark 3s ease-in-out infinite}@keyframes glow-dark{0%,to{text-shadow:0 0 5px #ff98004d;text-shadow:0 0 5px rgba(var(--highlight-dark-rgb,255,152,0),.3)}50%{text-shadow:0 0 15px #ff980099;text-shadow:0 0 15px rgba(var(--highlight-dark-rgb,255,152,0),.6)}}.hero-subtitle{color:var(--text-secondary);font-size:clamp(1rem,3vw,1.3rem);line-height:1.7;margin:0 auto 2rem;max-width:600px}.features-section-new{contain:paint;isolation:isolate;margin-bottom:3rem;padding:3rem 0;width:100%}.features-grid-new{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(2,minmax(280px,1fr))}.feature-card-new{background-color:var(--card-bg);border:1px solid var(--accent-color-light);border-radius:12px;box-shadow:var(--shadow-md);padding:2rem 1.5rem;text-align:left;transition:transform .3s ease,box-shadow .3s ease;will-change:transform,box-shadow}body.dark-theme .feature-card-new{background-color:var(--card-bg-dark);border-color:var(--accent-dark)}.feature-icon-wrapper-new{align-items:center;background-color:var(--highlight-color-light);border-radius:50%;box-shadow:0 4px 10px #007bff33;box-shadow:0 4px 10px rgba(var(--highlight-color-rgb,0,123,255),.2);display:flex;height:64px;justify-content:center;margin-bottom:1.25rem;transition:transform .3s ease;width:64px}.feature-card-new:hover .feature-icon-wrapper-new{transform:scale(1.1)}body.dark-theme .feature-icon-wrapper-new{background-color:var(--highlight-dark-light);box-shadow:0 4px 10px #ff980033;box-shadow:0 4px 10px rgba(var(--highlight-dark-rgb,255,152,0),.2)}.feature-icon-new{color:var(--highlight-color);height:32px;width:32px}body.dark-theme .feature-icon-new{color:var(--highlight-dark)}.feature-title-new{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin-bottom:.75rem}.feature-desc-new{color:var(--text-secondary);font-size:.95rem;line-height:1.6}.ecosystem-section-new{contain:paint;isolation:isolate;margin-bottom:3rem;padding:3rem 0;text-align:center;width:100%}.button--toggle-ecosystem{align-items:center;background-color:var(--highlight-color)!important;border:none;border-radius:10px;color:#fff;display:inline-flex;font-size:1rem;gap:.5rem;margin-bottom:2rem;margin-top:1rem;padding:12px 24px;transition:transform .3s ease,box-shadow .3s ease,background-color .3s ease}.button--toggle-ecosystem:hover{box-shadow:0 6px 12px #00000026;transform:scale(1.05)}.toggle-arrow-ecosystem{color:#fff;height:16px;transition:transform .3s ease;width:16px}.toggle-arrow-ecosystem.up{transform:rotate(180deg)}.ecosystem-grid-new{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(2,minmax(240px,1fr));margin:0 auto;max-width:620px}.sphere-card-new{background-color:var(--card-bg);border:1px solid var(--accent-color-light);border-radius:12px;box-shadow:var(--shadow-md);contain:paint;cursor:pointer;min-height:120px;transition:box-shadow .3s ease;width:100%}body.dark-theme .sphere-card-new{background-color:var(--card-bg-dark);border-color:var(--accent-dark)}.sphere-card-content-new{display:flex;flex-direction:column;gap:.5rem;padding:1rem}.sphere-card-header-new{align-items:center;display:flex;flex-direction:column;justify-content:center;text-align:center}.sphere-icon-new{color:var(--highlight-color);height:36px;margin-bottom:.75rem;width:36px}body.dark-theme .sphere-icon-new{color:var(--highlight-dark)}.sphere-card-new h3{color:var(--text-primary);font-size:1.1rem;font-weight:600;margin:0}.sphere-card-details-new{align-items:center;display:flex;flex-direction:column;gap:.75rem;padding-top:.5rem;position:relative}.sphere-line-new{background-color:var(--highlight-color);box-shadow:0 0 8px #007bff99;box-shadow:0 0 8px rgba(var(--highlight-color-rgb,0,123,255),.6);height:2px;left:50%;position:absolute;top:0;transform:translateX(-50%)}body.dark-theme .sphere-line-new{background-color:var(--highlight-dark);box-shadow:0 0 8px #ff980099;box-shadow:0 0 8px rgba(var(--highlight-dark-rgb,255,152,0),.6)}.sphere-text-new{align-items:center;display:flex;flex-direction:column;gap:.75rem}.sphere-card-new p{color:var(--text-secondary);font-size:.8rem;line-height:1.4;margin:0;max-width:95%;text-align:center}.sphere-button-new{background-color:var(--highlight-color);border-radius:6px;color:#fff;font-size:.9rem;padding:8px 16px;text-decoration:none;transition:background-color .3s ease,transform .3s ease}.sphere-button-new:hover{background-color:var(--highlight-color-hover);transform:scale(1.05)}body.dark-theme .sphere-button-new{background-color:var(--highlight-yellow)}body.dark-theme .sphere-button-new:hover{background-color:var(--highlight-color-hover)}.sphere-soon-new{color:var(--text-secondary);font-size:.9rem;font-weight:500;opacity:.7}.mobile-teaser-section-new{background-color:var(--bg-secondary);border-radius:12px;box-shadow:0 4px 12px #0000001a;contain:paint;margin-bottom:3rem;padding:2.5rem 1.5rem;width:100%}body.dark-theme .mobile-teaser-section-new{background-color:var(--accent-dark);box-shadow:0 4px 12px #0003}.mobile-teaser-content-new{align-items:center;display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;text-align:center}@media (min-width:768px){.mobile-teaser-content-new{flex-wrap:nowrap;justify-content:space-between;text-align:left}.teaser-image-new{order:2}.teaser-text-new{max-width:60%;order:1}}.teaser-icon-new{color:var(--highlight-color);filter:drop-shadow(0 5px 10px rgba(0,123,255,.3));filter:drop-shadow(0 5px 10px rgba(var(--highlight-color-rgb,0,123,255),.3));height:auto;width:clamp(80px,15vw,120px)}body.dark-theme .teaser-icon-new{color:var(--highlight-dark);filter:drop-shadow(0 5px 10px rgba(255,152,0,.3));filter:drop-shadow(0 5px 10px rgba(var(--highlight-dark-rgb,255,152,0),.3))}.teaser-text-new h3{color:var(--text-primary);font-size:clamp(1.3rem,4vw,1.8rem);font-weight:600;margin-bottom:.75rem}.teaser-text-new p{color:var(--text-secondary);font-size:clamp(.9rem,2.5vw,1.1rem);line-height:1.6;margin-bottom:1.5rem}.app-store-links-new{display:flex;gap:.75rem;justify-content:center}@media (min-width:768px){.app-store-links-new{justify-content:flex-start}}.store-badge-new{background-color:var(--accent-color-light);border-radius:6px;color:var(--text-secondary);font-size:.9rem;font-weight:500;opacity:.7;padding:.6rem 1rem}body.dark-theme .store-badge-new{background-color:var(--accent-dark-light)}.final-cta-section{border-radius:12px;contain:paint;margin-top:2rem;padding:3rem 1.5rem;text-align:center;width:100%}body.dark-theme .final-cta-section{background-color:var(--card-bg-dark)}.final-cta-section h2{color:var(--text-primary);font-size:clamp(1.8rem,5vw,2.5rem);font-weight:700;margin-bottom:1rem}.final-cta-section p{color:var(--text-secondary);font-size:clamp(1rem,2.5vw,1.2rem);line-height:1.6;margin:0 auto 2rem;max-width:600px}.feature-card-new .redraw:after,.feature-card-new:after,.feature-card-new:before{animation:none;display:none}@media (max-width:768px){.home-page-content{padding:20px 15px}.ecosystem-section-new,.features-section-new,.final-cta-section,.hero-section-new,.mobile-teaser-section-new{margin-bottom:2rem;padding:30px 10px}.ecosystem-grid-new,.features-grid-new{gap:1.5rem;grid-template-columns:1fr}.mobile-teaser-content-new{align-items:center;flex-direction:column}.sphere-card-new{margin:0 auto;max-width:280px}}.forgot-password-page-container,.login-page-container,.register-page-container{align-items:center;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background-color:#ffffff1a;border:1px solid #ffffff1f;border-radius:12px;box-shadow:0 4px 15px 0 #0000000d;box-sizing:border-box;display:flex;justify-content:center;min-height:calc(85vh - 60px);padding:40px 20px;width:100%!important}.forgot-password-page-container,.register-page-container,body.dark-theme .login-page-container{backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);background-color:#14141926;border:1px solid #ffffff14;box-shadow:0 4px 20px 0 #00000026}.forgot-password-form-box,.login-form-box,.register-form-box{background-color:var(--card-bg);border:1px solid var(--accent-color-light);border-radius:12px;box-shadow:var(--shadow-lg);color:var(--text-primary);max-width:450px!important;padding:35px 40px!important;text-align:center;transition:box-shadow .3s ease-out;width:100%}.forgot-password-form-box:hover,.login-form-box:hover,.register-form-box:hover{box-shadow:0 12px 25px rgba(var(--shadow-color-rgb),.12)}body.dark-theme .forgot-password-form-box,body.dark-theme .login-form-box,body.dark-theme .register-form-box{background-color:var(--card-bg-dark);border-color:var(--accent-dark)}body.dark-theme .forgot-password-form-box:hover,body.dark-theme .login-form-box:hover,body.dark-theme .register-form-box:hover{box-shadow:0 12px 25px rgba(var(--shadow-color-rgb),.15)}.login-form-box h2{color:var(--text-primary);font-size:1.6em!important;font-weight:600;margin-bottom:25px;margin-top:0}.login-form-box .error-message,.login-form-box .success-message{border:1px solid;border-radius:4px;font-size:.9em!important;margin-bottom:15px;padding:8px 12px;text-align:left}.login-form-box .error-message{background-color:var(--danger-bg);border-color:var(--danger-border);color:var(--danger-text)}body.dark-theme .login-form-box .error-message{background-color:var(--danger-bg-dark);border-color:var(--danger-border);color:var(--danger-text-dark)}.login-form-box .success-message{background-color:var(--green-light);border-color:var(--green-main);color:var(--green-dark)}body.dark-theme .login-form-box .success-message{background-color:#66bb6a33;border-color:#388e3c;color:#a5d6a7}.login-form-box form{display:flex;flex-direction:column;gap:15px;text-align:left}.login-form-box .form-field{margin-bottom:0}.login-form-box .form-field label{color:var(--text-secondary);display:block;font-size:.9em!important;font-weight:500;margin-bottom:6px}.login-form-box .form-input{background-color:var(--bg-primary);border:1px solid var(--accent-color);border-radius:6px;box-sizing:border-box;color:var(--text-primary);font-size:1em!important;padding:12px 14px!important;transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease;width:100%}body.dark-theme .login-form-box .form-input{background-color:var(--bg-secondary);border-color:var(--accent-dark)}.login-form-box .form-input:not(:focus):hover{background-color:var(--bg-secondary)}body.dark-theme .login-form-box .form-input:not(:focus):hover{background-color:var(--accent-dark)}.login-form-box .form-input:focus{border-color:var(--grey-dark);box-shadow:0 0 0 3px color-mix(in srgb,var(--grey-dark) 20%,#0000);outline:none}body.dark-theme .login-form-box .form-input:focus{border-color:var(--grey-light);box-shadow:0 0 0 3px color-mix(in srgb,var(--grey-light) 15%,#0000)}.forgot-password-link{color:var(--text-secondary);display:block;font-size:.85em!important;margin-bottom:10px;margin-top:-10px;text-align:right;text-decoration:none;transition:color .2s ease}.forgot-password-link:hover{color:var(--text-primary);text-decoration:underline}.login-form-box .form-field--checkbox{align-items:center;display:flex;gap:.5rem;margin-bottom:15px;margin-top:5px}.login-form-box .form-field--checkbox input[type=checkbox]{accent-color:var(--grey-dark);cursor:pointer;margin-top:0;transition:filter .2s ease;width:auto}body.dark-theme .login-form-box .form-field--checkbox input[type=checkbox]{accent-color:var(--grey-light)}.login-form-box .form-field--checkbox input[type=checkbox]:hover{filter:brightness(1.2)}.login-form-box .form-field--checkbox label{color:var(--text-secondary);cursor:pointer;font-size:.9em;font-weight:400;margin-bottom:0}.login-form-box .policy-link{color:var(--text-primary);text-decoration:underline;transition:color .2s ease}.login-form-box .policy-link:hover{color:var(--grey-dark)}body.dark-theme .login-form-box .policy-link{color:var(--grey-light)}body.dark-theme .login-form-box .policy-link:hover{color:#fff}.login-form-box .button{align-items:center;border-radius:6px;cursor:pointer;display:flex;font-size:1em!important;font-weight:500;gap:10px;justify-content:center;outline:none;padding:10px 20px!important;transform:scale(1);transition:background-color .2s ease,border-color .2s ease,color .2s ease,transform .1s ease,box-shadow .2s ease;width:100%}.login-form-box .button:hover:not(:disabled){box-shadow:var(--shadow-md);opacity:1;transform:translateY(-2px)}.login-form-box .button:active:not(:disabled){box-shadow:var(--shadow-sm);transform:scale(.98);transition-duration:.05s}.login-form-box .button:disabled{cursor:not-allowed;opacity:.6!important /* !important чтобы переопределить base */}.login-form-box .button--submit{background-color:var(--text-primary);border:1px solid var(--text-primary);color:var(--bg-primary);font-size:1.05em!important;margin-top:10px;padding:12px 20px!important}.login-form-box .button--submit:hover:not(:disabled){background-color:var(--grey-darkest);border-color:var(--grey-darkest)}body.dark-theme .login-form-box .button--submit:hover:not(:disabled){background-color:var(--grey-lightest);border-color:var(--grey-lightest)}.login-form-box .button--submit:disabled{background-color:var(--grey-medium)!important; /* !important */border-color:var(--grey-medium)!important;color:var(--grey-lightest)!important}body.dark-theme .login-form-box .button--submit:disabled{background-color:var(--grey-dark)!important;border-color:var(--grey-dark)!important;color:var(--grey-medium)!important}.login-form-box .button--google{background-color:#fff;border:1px solid #ddd;box-shadow:var(--shadow-sm);color:#444}.login-form-box .button--google:hover:not(:disabled){background-color:#f8f8f8;border-color:#ccc}.login-form-box .button--google svg{height:18px;width:18px}.login-form-box p{color:var(--text-secondary);font-size:.9em!important;margin-bottom:5px;margin-top:20px}.login-form-box p a{border-bottom:1px solid #0000;color:var(--text-primary);font-weight:500;text-decoration:none;transition:color .2s ease,border-color .2s ease}.login-form-box p a:hover{border-bottom-color:initial;color:var(--text-primary)}body.dark-theme .login-form-box p a{color:var(--grey-light)}body.dark-theme .login-form-box p a:hover{color:#fff}@media (max-width:500px){.login-form-box{max-width:95%!important;padding:25px!important}.login-form-box h2{font-size:1.4em!important}}.contact-page h1{color:var(--text-primary);margin-bottom:40px;text-align:center;transition:color var(--transition-speed) ease}.contact-page__content{display:flex;flex-wrap:wrap;gap:30px;justify-content:center;margin-top:30px}.contact-page__column{display:flex;flex:1 1;min-width:320px}.contact-page__column .auth-form-box{background-color:var(--card-bg);border:1px solid var(--accent-color);border-radius:8px;box-shadow:var(--shadow-md);display:flex;flex-direction:column;height:100%;margin:0;max-width:none;padding:25px 30px;text-align:left;transition:background-color var(--transition-speed) ease,border-color var(--transition-speed) ease;width:100%}.contact-page__column .auth-form-box h2{border-bottom:1px solid var(--accent-color);flex-shrink:0;font-size:1.3em;font-weight:600;margin-bottom:25px;margin-top:0;padding-bottom:10px;text-align:center;transition:border-color var(--transition-speed) ease}.contact-page__column .auth-form-box p{color:var(--text-secondary);flex-shrink:0;margin-bottom:20px;text-align:left}.contact-page__column .auth-form-box form{display:flex;flex-direction:column;flex-grow:1}.contact-page__column .auth-form-box form .form-field{flex-shrink:0;margin-bottom:15px}.contact-page__column .auth-form-box form .form-field label{color:var(--text-secondary);display:block;font-size:.9em;font-weight:500;margin-bottom:5px;text-align:left}.contact-page__column .auth-form-box form textarea{flex-grow:1;min-height:100px}.contact-page__column .auth-form-box .form-actions{flex-shrink:0;margin-top:auto;padding-top:20px;text-align:right}.contact-page__column--left .auth-form-box .button--submit{background-color:var(--card-bg);border:1px solid var(--accent-color);color:var(--text-primary);font-weight:500;min-width:160px;padding:8px 15px;transition:background-color var(--transition-speed) ease,color var(--transition-speed) ease,border-color var(--transition-speed) ease;width:auto}.contact-page__column--left .auth-form-box .button--submit:hover:not(:disabled){background-color:color-mix(in srgb,var(--card-bg) 85%,#000);border-color:color-mix(in srgb,var(--text-primary) 40%,#0000);color:var(--text-primary);opacity:1}body.dark-theme .contact-page__column--left .auth-form-box .button--submit:hover:not(:disabled){background-color:color-mix(in srgb,var(--card-bg) 85%,#fff);border-color:color-mix(in srgb,var(--text-primary) 60%,#0000)}input[readOnly]{background-color:var(--bg-secondary);cursor:not-allowed;opacity:.7;transition:background-color var(--transition-speed) ease}.flip-card-container{display:flex;justify-content:center;margin-top:25px}.flip-card{background-color:initial;cursor:pointer;height:188px;perspective:1000px;width:300px}.flip-card-inner{border-radius:10px;box-shadow:var(--shadow-md);height:100%;position:relative;text-align:center;transform-style:preserve-3d;transition:transform .6s;width:100%}.flip-card:hover .flip-card-inner{transform:rotateY(180deg)}.flip-card-back,.flip-card-front{backface-visibility:hidden;-webkit-backface-visibility:hidden;border:1px solid var(--accent-color);border-radius:10px;color:var(--text-primary);display:flex;flex-direction:column;height:100%;justify-content:space-between;overflow:hidden;padding:20px;position:absolute;transition:background var(--transition-speed) ease,border-color var(--transition-speed) ease,color var(--transition-speed) ease;width:100%}.flip-card-front{background:linear-gradient(45deg,var(--bg-secondary),color-mix(in srgb,var(--bg-secondary) 85%,#000))}body.dark-theme .flip-card-front{background:linear-gradient(45deg,var(--bg-secondary),color-mix(in srgb,var(--bg-secondary) 85%,#fff))}.flip-card-logo{font-size:1.2em;font-weight:700;opacity:.8;text-align:right}.flip-card-chip{align-self:flex-start;background-color:#e0e0e0;border:1px solid #bdbdbd;border-radius:4px;height:30px;width:40px}body.dark-theme .flip-card-chip{background-color:#757575;border-color:#9e9e9e}.flip-card-hint{align-self:center;font-size:.9em;font-weight:500;opacity:.9;text-align:center}.flip-card-back{align-items:center;background-color:var(--bg-secondary);font-family:Courier New,Courier,monospace;justify-content:center;transform:rotateY(180deg)}.flip-card-back-header{color:var(--text-secondary);font-size:.8em;margin-bottom:15px}.flip-card-number{font-size:1.4em;font-weight:600;letter-spacing:2px;margin-bottom:10px}.flip-card-recipient{color:var(--text-secondary);font-size:.9em}.legal-page{background-color:var(--bg-primary);color:var(--text-primary);padding-bottom:50px;padding-top:30px;transition:background-color var(--transition-speed) ease,color var(--transition-speed) ease}.legal-page h1{color:var(--text-primary);font-size:1.8em;font-weight:600;margin-bottom:40px;text-align:center}.legal-content{background-color:var(--card-bg);border:1px solid var(--accent-color);border-radius:8px;box-shadow:var(--shadow-sm);margin:0 auto;max-width:850px;padding:30px 40px;transition:background-color var(--transition-speed) ease,border-color var(--transition-speed) ease}body.dark-theme .legal-content{background-color:var(--card-bg-dark);border-color:var(--accent-dark)}.legal-content p{font-size:.95em;line-height:1.7;margin-bottom:1.2em;transition:color var(--transition-speed) ease}.legal-content p,body.dark-theme .legal-content p{color:var(--text-secondary)}.legal-content h2{border-bottom:1px solid var(--accent-color-light);font-size:1.4em;margin-bottom:.8em;margin-top:2em;padding-bottom:5px;transition:color var(--transition-speed) ease,border-color var(--transition-speed) ease}.legal-content h2,.legal-content h3{color:var(--text-primary);font-weight:600}.legal-content h3{font-size:1.2em;margin-bottom:.6em;margin-top:1.6em;transition:color var(--transition-speed) ease}.legal-content p>strong{color:var(--text-primary);display:block;font-size:1.1em;font-weight:600;margin-bottom:.4em}.legal-content ol,.legal-content ul{color:var(--text-secondary);margin-bottom:1.2em;margin-top:.5em;padding-left:30px}.legal-content li{line-height:1.7;margin-bottom:.6em}.legal-content em{color:var(--text-secondary);opacity:.7}.dashboard-layout{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background-color:#ffffff1a;border:1px solid #ffffff1f;border-radius:12px;box-shadow:0 4px 15px 0 #0000000d;display:flex;min-height:calc(100vh - 60px)}body.dark-theme .dashboard-layout{backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);background-color:#14141926;border:1px solid #ffffff14;box-shadow:0 4px 20px 0 #00000026}.dashboard-sidebar{background-color:var(--bg-secondary);border-right:1px solid var(--accent-color);display:flex;flex-direction:column;flex-shrink:0;padding:15px 0;transition:background-color var(--transition-speed) ease,border-color var(--transition-speed) ease;width:220px}body.dark-theme .dashboard-sidebar{background-color:var(--bg-dark);border-right-color:var(--accent-dark)}.dashboard-sidebar-nav{flex-grow:1}.dashboard-sidebar-nav ul{list-style:none;margin:0;padding:0}.dashboard-sidebar-nav li{margin:0}.dashboard-sidebar-link{border-left:4px solid #0000;color:var(--text-secondary);cursor:pointer;display:block;font-size:.95em;margin:2px 0;padding:10px 20px;text-decoration:none;transition:background-color .15s ease,color .15s ease,border-left-color .15s ease}.dashboard-sidebar-link:hover{background-color:var(--bg-hover);color:var(--text-primary)}body.dark-theme .dashboard-sidebar-link:hover{background-color:var(--bg-hover-dark)}.dashboard-sidebar-link.active{background-color:var(--highlight-color-light);border-left-color:var(--highlight-color);color:var(--highlight-color);font-weight:600}body.dark-theme .dashboard-sidebar-link.active{background-color:var(--highlight-dark-light);border-left-color:var(--highlight-dark);color:var(--highlight-dark)}.sidebar-footer{border-top:1px solid var(--accent-color);color:var(--text-secondary);font-size:.85em;margin-top:auto;padding:15px 20px}body.dark-theme .sidebar-footer{border-top-color:var(--accent-dark)}.sidebar-user-email{margin-bottom:10px;opacity:.8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.button--logout-sidebar{background-color:initial;border:1px solid #e57373;border:1px solid var(--danger-border,#e57373);color:#d32f2f;color:var(--danger-text,#d32f2f);font-size:.9em;padding:6px 10px;text-align:center;transition:background-color .2s ease,color .2s ease;width:100%}.button--logout-sidebar:hover:not(:disabled){background-color:#ffebee;background-color:var(--danger-bg,#ffebee);color:#c62828;color:var(--danger-text-dark,#c62828)}body.dark-theme .button--logout-sidebar{border-color:#a13535;border-color:var(--danger-border-dark,#a13535);color:#ef9a9a;color:var(--danger-text-dark,#ef9a9a)}body.dark-theme .button--logout-sidebar:hover:not(:disabled){background-color:#ef9a9a1a;background-color:var(--danger-bg-dark,#ef9a9a1a);color:#fff}.dashboard-content{background-color:var(--bg-primary)}@media (max-width:768px){.dashboard-layout{flex-direction:column}.dashboard-sidebar{align-items:center;border-bottom:1px solid var(--accent-color);border-right:none;flex-direction:row;height:auto;justify-content:space-between;padding:5px 0;width:100%;z-index:20}body.dark-theme .dashboard-sidebar{border-bottom-color:var(--accent-dark)}.dashboard-sidebar-nav{flex-grow:0}.dashboard-sidebar-nav ul{display:flex}.dashboard-sidebar-link{border-bottom:3px solid #0000;border-left:none;border-radius:4px 4px 0 0;margin:0 2px;padding:8px 15px}.dashboard-sidebar-link.active{border-bottom-color:var(--highlight-color);border-left-color:#0000}body.dark-theme .dashboard-sidebar-link.active{border-bottom-color:var(--highlight-dark)}.dashboard-sidebar{position:relative;z-index:100}.dashboard-dropdown-menu{position:absolute;z-index:200}.dropdown-menu{background-color:#fff;border:1px solid #ccc;box-shadow:0 4px 12px #00000026;left:0;padding:10px;position:absolute;top:100%;z-index:999}.nav-item-dropdown{position:relative}.sidebar-footer{align-items:center;border-top:none;display:flex;gap:10px;margin-top:0;padding:0 15px}.sidebar-user-email{display:none}.button--logout-sidebar{padding:5px 10px;width:auto}.dashboard-content{padding:20px}}.dashboard-content{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background-color:#ffffff1a;border:1px solid #ffffff1f;border-radius:12px;box-shadow:0 4px 15px 0 #0000000d;flex-grow:1;overflow-y:auto;padding:25px 30px;position:relative;transition:background-color var(--transition-speed) ease;z-index:10}body.dark-theme .dashboard-content{backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);background-color:#14141926;border:1px solid #ffffff14;box-shadow:0 4px 20px 0 #00000026}.announcement-box{background:var(--card-bg);border:1px solid var(--accent-color);border-radius:8px;box-shadow:var(--shadow-sm);margin-bottom:1rem;padding:1rem;transition:box-shadow var(--transition-speed) ease}.announcement-box:hover{box-shadow:var(--shadow-md)}.announcement-title{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.announcement-icon{color:var(--highlight-color);height:1.5rem;margin-right:.5rem;width:1.5rem}.feed-item-body-content{color:var(--text-primary);font-size:.875rem;line-height:1.5}.feed-item-actions{display:flex;gap:1rem;margin-top:.75rem}.like-button{align-items:center;background:none;border:none;color:var(--text-secondary);cursor:pointer;display:flex;gap:.25rem;padding:.25rem;transition:color var(--transition-speed) ease,transform var(--transition-speed) ease,box-shadow var(--transition-speed) ease}.like-button:hover{color:var(--highlight-color-hover);transform:scale(1.1)}.like-button.liked{color:#e0245e}.like-icon{height:1.25rem;width:1.25rem}.like-count{font-size:.875rem}.comment-button{align-items:center;background:none;border:none;color:var(--text-secondary);cursor:pointer;display:flex;gap:.25rem;padding:.25rem;transition:color var(--transition-speed) ease,transform var(--transition-speed) ease}.comment-button:hover{color:var(--highlight-color-hover);transform:scale(1.1)}.comment-icon{height:1.25rem;width:1.25rem}.comment-count{font-size:.875rem}.comments-section{border-top:1px solid var(--accent-color-light);margin-top:1rem;padding-top:1rem}.comments-list{list-style:none;margin:0;padding:0}.comment-item{margin-bottom:1rem}.comment-box{background:var(--bg-secondary);border:1px solid var(--accent-color);border-radius:8px;box-shadow:var(--shadow-sm);padding:.75rem;transition:transform var(--transition-speed) ease,box-shadow var(--transition-speed) ease}.comment-box:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.comment-header{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem}.comment-author-avatar{flex-shrink:0;transition:transform var(--transition-speed) ease}.comment-author-avatar:hover{transform:scale(1.1)}.comment-author-info{align-items:center;display:flex;flex-grow:1;gap:.5rem}.comment-author{color:var(--text-primary);font-size:.875rem;font-weight:600;text-decoration:none;transition:color var(--transition-speed) ease,-webkit-text-decoration var(--transition-speed) ease;transition:color var(--transition-speed) ease,text-decoration var(--transition-speed) ease;transition:color var(--transition-speed) ease,text-decoration var(--transition-speed) ease,-webkit-text-decoration var(--transition-speed) ease}.comment-author:hover{color:var(--highlight-color-hover);text-decoration:underline}.comment-time{color:var(--text-secondary);font-size:.75rem}.comment-actions{display:flex;gap:.5rem;margin-left:auto}.comment-action-button{font-size:.875rem;line-height:1;padding:.25rem}.comment-action-button.edit{background:#0000;border:1px solid var(--accent-color);color:var(--text-primary);transition:background-color var(--transition-speed) ease,color var(--transition-speed) ease,transform var(--transition-speed) ease}.comment-action-button.edit:hover{background:var(--highlight-color);color:#fff;transform:scale(1.1)}.comment-action-icon{height:1rem;width:1rem}.comment-content{color:var(--text-primary);font-size:.875rem;line-height:1.4;margin-top:.5rem;word-break:break-word}.comment-form{align-items:center}.comment-edit-form,.comment-form{display:flex;gap:.5rem;margin-top:1rem}.comment-edit-form{flex-direction:column}.comment-input{font-size:.875rem;padding:.5rem}.form-actions{justify-content:flex-start}.no-comments{color:var(--text-secondary);font-size:.875rem;text-align:center}.avatar-image,.avatar-placeholder{border:1px solid var(--accent-color);border-radius:50%}.avatar-placeholder{font-size:.875rem}.feed-view-container{margin:0 auto;max-width:1200px;padding:20px}.feed-title{color:var(--text-primary);font-size:1.75rem;font-weight:600;margin-bottom:1.5rem}.pinned-section{margin-bottom:2rem}.pinned-header{align-items:center;color:var(--text-primary);display:flex;font-size:1.25rem;font-weight:600;gap:.5rem;margin-bottom:1rem}.pinned-icon{color:var(--highlight-color);height:20px;width:20px}body.dark-theme .pinned-icon{color:var(--highlight-dark)}.other-projects-section{margin-bottom:2rem}.other-projects-title{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin-bottom:1rem}.other-projects-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.other-project-card{background-color:var(--card-bg);border:1px solid var(--accent-color-light);border-radius:6px;color:var(--text-primary);padding:1rem;text-decoration:none;transition:transform var(--transition-speed) ease,box-shadow var(--transition-speed) ease}body.dark-theme .other-project-card{background-color:var(--card-bg-dark);border-color:var(--accent-dark-light)}.other-project-card:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}.other-project-name{font-size:1.1rem;font-weight:500;margin:0 0 .5rem}.other-project-description{color:var(--text-secondary);font-size:.9rem;line-height:1.4;margin:0}.old-updates-container{background-color:var(--bg-secondary);border:1px solid var(--accent-color-light);border-radius:6px;margin-bottom:1.5rem;padding:1rem}body.dark-theme .old-updates-container{background-color:var(--bg-secondary);border-color:var(--accent-dark-light)}.old-updates-toggle{align-items:center;background:none;border:none;color:var(--text-primary);cursor:pointer;display:flex;font-size:1.1rem;font-weight:600;justify-content:space-between;padding:.5rem 0;width:100%}.old-updates-toggle:hover{color:var(--highlight-color)}body.dark-theme .old-updates-toggle:hover{color:var(--highlight-dark)}.toggle-arrow{border:solid var(--text-secondary);border-width:0 2px 2px 0;padding:3px;transition:transform .3s ease}.toggle-arrow.down{transform:rotate(45deg)}.toggle-arrow.up{transform:rotate(-135deg)}.old-updates-content{overflow:hidden}.update-categories-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:1rem}.update-category-card{background-color:var(--card-bg);border:1px solid var(--accent-color-light);border-radius:6px;box-shadow:var(--shadow-sm);padding:1rem}body.dark-theme .update-category-card{background-color:var(--card-bg-dark);border-color:var(--accent-dark-light)}.update-category-title{color:var(--text-primary);font-size:1.1rem;font-weight:600;margin:0 0 .75rem}.update-category-list{color:var(--text-secondary);font-size:.95rem;line-height:1.6;list-style-type:disc;margin:0;padding-left:1.25rem}.update-category-list li{margin-bottom:.5rem}.update-footer{border-top:1px dashed var(--accent-color-light);color:var(--text-secondary);font-size:.9rem;font-style:italic;margin-top:1rem;padding-top:.75rem}body.dark-theme .update-footer{border-top-color:var(--accent-dark-light)}.error-message{border-radius:6px;font-size:.9rem;margin-bottom:1rem;padding:.75rem}.no-news{color:var(--text-secondary);font-style:italic;opacity:.8;padding:1.5rem;text-align:center}.project-header{padding-bottom:15px}.project-header__title-bar{align-items:flex-start;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:8px}.project-header__title-group{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.project-header h1{color:var(--text-primary);font-size:1.8em;line-height:1.2;margin:0;word-break:break-word}.project-header__actions{margin-left:auto;padding-top:2px}.project-description{color:var(--text-secondary);font-size:1em;line-height:1.6;margin-bottom:15px;margin-top:0;white-space:pre-wrap}.project-description .text-placeholder{color:var(--text-secondary);opacity:.7}.project-meta-info{color:var(--text-secondary);display:flex;flex-wrap:wrap;font-size:.75em;gap:15px;opacity:.8}.project-meta-info span{margin:0}.project-status-badge{border:1px solid #0000;border-radius:12px;display:inline-block;font-size:.7em;font-weight:600;line-height:1.4;margin-left:5px;padding:3px 10px;text-transform:uppercase;vertical-align:middle;white-space:nowrap}.project-status-badge.status--planned{background-color:#9e9e9e1a;border-color:#9e9e9e4d;color:#616161}body.dark-theme .project-status-badge.status--planned{background-color:#9e9e9e33;border-color:#9e9e9e66;color:#bdbdbd}.project-status-badge.status--inprogress{background-color:#03a9f41a;border-color:#03a9f44d;color:#0277bd}body.dark-theme .project-status-badge.status--inprogress{background-color:#03a9f433;border-color:#03a9f466;color:#4fc3f7}.project-status-badge.status--completed{background-color:#4caf501a;border-color:#4caf504d;color:#2e7d32}body.dark-theme .project-status-badge.status--completed{background-color:#4caf5033;border-color:#4caf5066;color:#81c784}.status-badge{border:1px solid #0000;font-weight:600;padding:3px 10px;text-transform:uppercase;transition:background-color var(--transition-speed) ease,color var(--transition-speed) ease,border-color var(--transition-speed) ease;vertical-align:middle}.status-badge.status--completed{background-color:#4caf501a;border-color:#4caf504d;color:#2e7d32}body.dark-theme .status-badge.status--completed{background-color:#81c78433;border-color:#81c78466;color:#a5d6a7}.status-badge.status--inprogress{background-color:#03a9f41a;border-color:#03a9f44d;color:#0277bd}body.dark-theme .status-badge.status--inprogress{background-color:#4fc3f733;border-color:#4fc3f766;color:#81d4fa}.status-badge.status--planned{background-color:#9e9e9e1a;border-color:#9e9e9e4d;color:#616161}body.dark-theme .status-badge.status--planned{background-color:#bdbdbd33;border-color:#bdbdbd66;color:#e0e0e0}.project-card-wrapper{border-radius:12px!important;box-shadow:var(--shadow-md)!important;cursor:pointer;display:block;height:100%;overflow:hidden;position:relative;transition:transform .2s ease-out,box-shadow .2s ease-out}.project-card-wrapper:hover{box-shadow:var(--shadow-lg)!important;transform:translateY(-5px)!important}.project-card-overlay{background:linear-gradient(180deg,#0006 0,#0000001a 50%,#00000080);border-radius:inherit;inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity .3s ease;z-index:1}.project-card-wrapper.has-bg-image .project-card-overlay{opacity:1}body.dark-theme .project-card-overlay{background:linear-gradient(180deg,#0a0a0a99 0,#0a0a0a33 50%,#0a0a0ab3)}.project-card{background-color:var(--card-bg);background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:inherit;color:var(--text-primary);display:flex;flex-direction:column;height:100%;min-height:270px!important;padding:0!important;position:relative;transition:background-color var(--transition-speed) ease,color var(--transition-speed) ease;z-index:0}.project-card-wrapper.has-bg-image .project-card{background-color:initial!important;border:none!important;color:#fff!important;text-shadow:0 1px 3px #0009}body.dark-theme .project-card-wrapper:not(.has-bg-image) .project-card{background-color:var(--card-bg-dark);border:1px solid var(--accent-dark);color:var(--text-primary)}.project-card-content{display:flex;flex-direction:column;flex-grow:1;padding:20px 25px 15px!important;position:relative;z-index:2}.project-card__header{align-items:flex-start;color:inherit;display:flex;flex-shrink:0;gap:10px;justify-content:space-between;margin-bottom:8px;position:relative;z-index:3}.project-card__title-wrapper{background-color:initial;border-radius:4px;flex-grow:1;margin:-3px -6px;padding:3px 6px!important;transition:background-color .2s ease}.project-card-wrapper.has-bg-image .project-card__title-wrapper{background-color:#00000073!important}body.dark-theme .project-card-wrapper.has-bg-image .project-card__title-wrapper{background-color:#0000008c!important}.project-card__title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:inherit;display:-webkit-box;font-size:1.4em!important;font-weight:600;line-height:1.3;margin:0;max-height:3.64em;overflow:hidden;text-overflow:ellipsis;word-break:break-word}.project-card__header-icons{align-items:center;display:flex;flex-shrink:0;gap:8px;padding-top:3px}.project-card__icon{color:currentColor;height:18px;opacity:.85;width:18px}.project-card__delete-button{background:none;border:none;color:currentColor;cursor:pointer;line-height:0;margin:0;opacity:.75;padding:0;position:relative;transition:opacity .2s ease,color .2s ease;z-index:5}.project-card__delete-button:hover{color:var(--danger-text);opacity:1}.project-card-wrapper.has-bg-image .project-card__delete-button{color:#ffffffd9}.project-card-wrapper.has-bg-image .project-card__delete-button:hover{color:#ff8a80}.project-card__delete-button svg{display:block;height:20px;width:20px}.project-card__priority-dots-container{align-items:center;border-radius:4px;color:inherit;display:flex;flex-shrink:0;gap:8px;height:18px;margin-bottom:15px!important;margin-left:-6px;margin-right:-6px;padding:4px 6px!important;position:relative;transition:background-color .2s ease;width:100%;z-index:3}.project-card-wrapper.has-bg-image .project-card__priority-dots-container{background-color:#00000059!important}body.dark-theme .project-card-wrapper.has-bg-image .project-card__priority-dots-container{background-color:#00000073!important}.project-card__priority-dots-container.updating{cursor:progress;opacity:.6}.project-card__priority-dots-container.disabled{cursor:default;opacity:.7}.priority-dots-label{color:inherit;font-size:.8em!important;font-weight:500;line-height:1;margin-right:auto;opacity:.85;white-space:nowrap}.project-card-wrapper:not(.has-bg-image) .priority-dots-label{color:var(--text-secondary)}.priority-dots-buttons{align-items:center;display:flex;gap:7px;height:100%}.priority-dot-button{background-color:grey;border:2px solid #0000!important;border-radius:50%;box-shadow:0 1px 2px #0000001a;cursor:pointer;display:block;font-size:0!important;height:16px!important;margin:0;outline:none;padding:0!important;transition:background-color .2s ease,border-color .2s ease,transform .1s ease,box-shadow .2s ease;width:16px!important}.priority-dot-button:disabled,.project-card__priority-dots-container.disabled .priority-dot-button{box-shadow:none;cursor:not-allowed!important;filter:grayscale(70%)}.priority-dot-button.priority--low{background-color:#4caf50!important}.priority-dot-button.priority--medium{background-color:#ff9800!important}.priority-dot-button.priority--high{background-color:#f44336!important}body.dark-theme .priority-dot-button.priority--low{background-color:#66bb6a!important}body.dark-theme .priority-dot-button.priority--medium{background-color:#ffa726!important}body.dark-theme .priority-dot-button.priority--high{background-color:#ef5350!important}.priority-dot-button.active{border-color:var(--card-bg)!important;box-shadow:0 0 0 2px currentColor,0 2px 4px #0003;transform:scale(1.1)}.project-card-wrapper.has-bg-image .priority-dot-button.active{border-color:#fffc!important;box-shadow:0 0 0 2px currentColor,0 2px 4px #0006}body.dark-theme .priority-dot-button.active{border-color:var(--card-bg-dark)!important;box-shadow:0 0 0 2px currentColor,0 2px 4px #0006}body.dark-theme .project-card-wrapper.has-bg-image .priority-dot-button.active{border-color:#00000080!important}.project-card__priority-dots-container:not(.disabled):not(.updating) .priority-dot-button:not(.active):not(:disabled):hover{border-color:#80808080;filter:brightness(1.05);transform:scale(1.15)}.priority-error-indicator{flex-shrink:0;margin-left:8px}.project-card-wrapper.has-bg-image .priority-error-indicator{color:#ff8a80}.priority-error-indicator svg{display:block}.project-card__body{flex-grow:1;margin-bottom:15px!important;overflow:hidden}.project-card__description{-webkit-line-clamp:3;-webkit-box-orient:vertical;background-color:initial;border-radius:6px;color:inherit;display:-webkit-box;font-size:.95em!important;line-height:1.5;margin:5px 0 0;max-height:4.275em;opacity:.9;overflow:hidden;padding:8px 10px!important;text-overflow:ellipsis;transition:background-color .2s ease}.project-card-wrapper.has-bg-image .project-card__description{background-color:#00000059!important}body.dark-theme .project-card-wrapper.has-bg-image .project-card__description{background-color:#00000073!important}.project-card-wrapper:not(.has-bg-image) .project-card__description{background-color:initial!important;color:var(--text-secondary);margin-top:0;opacity:1;padding:0!important}body.dark-theme .project-card-wrapper:not(.has-bg-image) .project-card__description{color:var(--text-secondary)}.project-card__description .text-placeholder{background-color:initial!important;font-style:italic;opacity:.7;padding:0!important}.project-card__footer-wrapper{background-color:initial;border-radius:0 0 10px 10px!important;border-top:1px solid #80808033;margin:auto -25px -15px;padding:10px 15px!important;position:relative;transition:background-color .2s ease,border-color .2s ease;z-index:3}.project-card-wrapper.has-bg-image .project-card__footer-wrapper{background-color:#0006!important;border-top-color:#fff3!important}body.dark-theme .project-card-wrapper:not(.has-bg-image) .project-card__footer-wrapper{border-top-color:var(--accent-dark-light)}body.dark-theme .project-card-wrapper.has-bg-image .project-card__footer-wrapper{background-color:#00000080!important;border-top-color:#ffffff40!important}.project-card__footer{align-items:center;border-top:none!important;color:inherit;display:flex;flex-shrink:0;gap:15px;justify-content:space-between;opacity:.95;padding-top:0!important}.project-card__progress{align-items:center;display:flex;gap:8px;max-width:55%}.progress-bar{background-color:#80808033;border-radius:3px;flex-grow:1;height:6px!important;overflow:hidden}.progress-bar__inner{background-color:currentColor;border-radius:3px;height:100%;opacity:.7;transition:width .4s ease-out}.project-card-wrapper.has-bg-image .progress-bar{background-color:#fff3}.project-card-wrapper.has-bg-image .progress-bar__inner{background-color:#fff;opacity:.8}body.dark-theme .project-card-wrapper:not(.has-bg-image) .progress-bar{background-color:var(--accent-dark)}.progress-text{font-size:.8em!important;font-weight:500;white-space:nowrap}.project-card__status{flex-shrink:0}.status-badge{border-radius:4px;font-size:.8em!important;line-height:1.3;padding:3px 8px!important;white-space:nowrap}.status--completed{background-color:#4caf5026;color:#2e7d32}.status--inprogress{background-color:#03a9f426;color:#0277bd}.status--planned{background-color:#9e9e9e26;color:#424242}body.dark-theme .status--completed{background-color:#66bb6a33;color:#a5d6a7}body.dark-theme .status--inprogress{background-color:#4fc3f733;color:#4fc3f7}body.dark-theme .status--planned{background-color:#bdbdbd33;color:#bdbdbd}.project-card-wrapper.has-bg-image .status-badge{background-color:#ffffff4d!important;color:#fff!important}.project-card__tags-placeholder{margin-top:10px;min-height:25px!important}.priority-selector-container{align-items:center;display:flex;gap:8px;margin-top:4px;width:100%}.priority-selector-container.disabled{cursor:not-allowed;opacity:.6}.priority-label-end,.priority-label-start{color:var(--text-secondary);flex-shrink:0;font-size:.8em}.priority-selector-scale{background-color:var(--bg-secondary);border:1px solid var(--accent-color);border-radius:10px;display:flex;flex-grow:1;height:20px;overflow:hidden;transition:background-color .3s ease,border-color .3s ease}.priority-section{background-color:initial;border:none;cursor:pointer;flex:1 1;height:100%;margin:0;outline:none;padding:0;position:relative;transition:background-color .3s ease,transform .1s ease,box-shadow .2s ease}.priority-selector-container.disabled .priority-section{cursor:not-allowed}.priority-section:before{background-color:currentColor;bottom:0;content:"";left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .3s ease}.priority-section.active:before{opacity:1}.priority-section:not(:last-child){border-right:1px solid color-mix(in srgb,var(--accent-color) 50%,#0000)}body.dark-theme .priority-section:not(:last-child){border-right-color:color-mix(in srgb,var(--accent-dark) 50%,#0000)}.priority-selector-container:not(.disabled) .priority-section:hover{box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--highlight-color) 50%,#0000)}body.dark-theme .priority-selector-container:not(.disabled) .priority-section:hover{box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--highlight-dark) 50%,#0000)}.priority-selector-container:not(.disabled) .priority-section:active{transform:scale(.98)}.priority-selector-scale.priority--low{color:#4caf50}.priority-selector-scale.priority--medium{color:#ff9800}.priority-selector-scale.priority--high{color:#f44336}body.dark-theme .priority-selector-scale.priority--low{color:#66bb6a}body.dark-theme .priority-selector-scale.priority--medium{color:#ffa726}body.dark-theme .priority-selector-scale.priority--high{color:#ef5350}.create-project-form{display:flex;flex-direction:column;gap:1rem;padding:5px}.create-project-form .form-title{border-bottom:1px solid var(--accent-color-light);color:var(--text-primary);font-size:1.2em;font-weight:500;margin-bottom:10px;padding-bottom:10px}body.dark-theme .create-project-form .form-title{border-bottom-color:var(--accent-dark-light)}.create-project-form .form-field--checkbox{align-items:center;display:flex;gap:.5rem;margin-top:5px}.create-project-form .form-field--checkbox input[type=checkbox]{accent-color:var(--highlight-color);cursor:pointer;margin-top:0;width:auto}.create-project-form .form-field--checkbox label{cursor:pointer;font-size:.9em;font-weight:400;margin-bottom:0}.create-project-form .form-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:.5rem;padding-top:1rem}.form-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:15px}.card-bg-upload{align-items:center;display:flex;gap:15px;margin-top:5px}.card-bg-preview-container{border-radius:4px;flex-shrink:0;height:60px;overflow:hidden;position:relative;width:100px}.card-bg-preview{display:block;height:100%;object-fit:cover;width:100%}.card-bg-placeholder{align-items:center;background-color:var(--bg-secondary);border:1px dashed var(--accent-color);border-radius:4px;color:var(--text-secondary);display:flex;height:100%;justify-content:center;opacity:.7;width:100%}.card-bg-placeholder svg{height:24px;width:24px}.card-bg-remove-btn{align-items:center;background-color:#0009;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:20px;justify-content:center;opacity:.8;padding:0;position:absolute;right:3px;top:3px;transition:opacity .2s ease;width:20px}.card-bg-remove-btn:hover{opacity:1}.card-bg-remove-btn svg{height:14px;width:14px}.error-message.small-error{background-color:initial;border:none;font-size:.8em;margin-bottom:0;margin-top:5px;padding:4px 8px}.upload-progress{color:var(--text-secondary);font-size:.8em;gap:8px;margin-top:8px}.upload-progress progress{border-radius:2.5px;height:5px}.upload-progress progress::-webkit-progress-bar{background-color:var(--accent-color-light)}.upload-progress progress::-webkit-progress-value{background-color:var(--highlight-color);-webkit-transition:width .1s linear;transition:width .1s linear}body.dark-theme .upload-progress progress::-webkit-progress-bar{background-color:var(--accent-dark)}body.dark-theme .upload-progress progress::-webkit-progress-value{background-color:var(--highlight-dark)}.guest-greeting,.user-greeting{align-items:center;border-bottom:1px solid var(--accent-color);display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:15px;transition:border-color var(--transition-speed) ease}.guest-greeting p,.user-greeting p{color:var(--text-primary);margin:0}.projects-section{margin-top:30px}.filter-container,.projects-section h2{margin-bottom:20px}.filter-container{margin-top:15px;max-width:700px}.filter-container label{color:var(--text-secondary);font-weight:500;margin-right:10px}.project-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));padding-top:15px}body.dark-theme .project-list-item .button--delete:hover:not(:disabled){background-color:#ef9a9a26}.button--create-project{font-weight:500;margin-top:25px}.project-item-content{align-items:center;display:flex;flex-grow:1;gap:8px;overflow:hidden}.project-item__title{color:var(--text-primary);flex-shrink:1;font-weight:500;overflow:hidden;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}.project-item__title:hover{text-decoration:underline}.project-item__public-icon{color:var(--text-secondary);flex-shrink:0;line-height:0}.project-item__public-icon svg{display:block;height:16px;opacity:.7;width:16px}.project-status-badge{flex-shrink:0}.project-list-item{align-items:center;border-bottom:1px solid var(--accent-color-light);display:flex;justify-content:space-between;padding:10px 5px}body.dark-theme .project-list-item{border-bottom-color:var(--accent-dark-light)}.button--delete-project{flex-shrink:0;font-size:.8em;margin-left:10px;padding:4px 8px}.filters-wrapper{align-items:center;display:flex;flex-wrap:wrap;gap:15px;margin-bottom:1.5rem}.filter-container{flex-grow:1;min-width:250px}.priority-filter-container{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.button.button-filter{background-color:initial;border:1px solid var(--accent-color);border-radius:6px;color:var(--text-secondary);font-size:.85em;padding:5px 10px;transition:background-color .2s ease,color .2s ease,border-color .2s ease,box-shadow .2s ease}.button.button-filter:hover:not(.active){background-color:var(--bg-secondary);border-color:var(--accent-color-light);color:var(--text-primary)}.button.button-filter.active{background-color:var(--highlight-color);border-color:var(--highlight-color);box-shadow:0 2px 5px -1px color-mix(in srgb,var(--highlight-color) 30%,#0000);color:#fff;font-weight:500}body.dark-theme .button.button-filter.active{background-color:var(--highlight-dark);border-color:var(--highlight-dark);box-shadow:0 2px 5px -1px color-mix(in srgb,var(--highlight-dark) 30%,#0000);color:var(--bg-primary)}.button.button-filter.priority--high:not(.active){border-color:#f44336;color:#f44336}.button.button-filter.priority--medium:not(.active){border-color:#ff9800;color:#ff9800}.button.button-filter.priority--low:not(.active){border-color:#4caf50;color:#4caf50}body.dark-theme .button.button-filter.priority--high:not(.active){border-color:#ef5350;color:#ef5350}body.dark-theme .button.button-filter.priority--medium:not(.active){border-color:#ffa726;color:#ffa726}body.dark-theme .button.button-filter.priority--low:not(.active){border-color:#66bb6a;color:#66bb6a}.button.button-filter.priority--high:hover:not(.active){background-color:#f443361a}.button.button-filter.priority--medium:hover:not(.active){background-color:#ff98001a}.button.button-filter.priority--low:hover:not(.active){background-color:#4caf501a}body.dark-theme .button.button-filter.priority--high:hover:not(.active){background-color:#ef535026}body.dark-theme .button.button-filter.priority--medium:hover:not(.active){background-color:#ffa72626}body.dark-theme .button.button-filter.priority--low:hover:not(.active){background-color:#66bb6a26}.no-items-message{padding:40px 20px}.button.button--secondary.mt-4{margin-top:1rem}.project-details-page-layout{box-sizing:border-box;display:flex;gap:25px;min-height:calc(100vh - 60px);padding:20px;width:100%}.project-main-content{display:flex;flex-direction:column;flex-grow:1;min-width:0}.project-tasks-area{flex-grow:1}.project-right-sidebar-area{flex-shrink:0;width:280px}@media (max-width:900px){.project-details-page-layout{flex-direction:column;gap:30px}.project-right-sidebar-area{width:100%}}.modal-content.modal-content--edit-project{max-width:700px!important}.chat-list{flex-grow:1;margin:0;overflow-y:auto;padding:0}.chat-list ul{list-style:none;margin:0;padding:0}.chat-list-item{align-items:center;border-bottom:1px solid var(--accent-color);cursor:pointer;display:flex;gap:10px;padding:12px 15px;position:relative;transition:background-color .15s ease,border-color var(--transition-speed) ease}.chat-list-item:last-child{border-bottom:none}.chat-list-item:hover{background-color:var(--bg-primary)}body.dark-theme .chat-list-item:hover{background-color:var(--accent-dark)}.chat-list-item.selected{background-color:#0078ff1a;background-color:var(--highlight-color,#0078ff1a);border-left:3px solid #007bff;border-left:3px solid var(--highlight-color,#007bff);padding-left:12px}body.dark-theme .chat-list-item.selected{background-color:#339cff33;background-color:var(--highlight-dark,#339cff33);border-left-color:#339cff;border-left-color:var(--highlight-dark,#339cff)}.chat-list-item.selected .last-message{color:var(--text-secondary);opacity:.9}.chat-list-item .chat-info{flex-grow:1;margin-right:25px;overflow:hidden}.chat-list-item .chat-name{color:var(--text-primary);font-weight:600;margin-bottom:3px}.chat-list-item .chat-name,.chat-list-item .last-message{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-list-item .last-message{color:var(--text-secondary);font-size:.85em;transition:color var(--transition-speed) ease}.cleared-history-placeholder{font-style:italic;opacity:.7}.button-hide-chat{align-items:center;background:none;border:none;border-radius:3px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:1.1em;justify-content:center;line-height:1;opacity:0;padding:2px 5px;position:absolute;right:5px;top:5px;transition:opacity .2s ease,background-color .2s ease,color .2s ease;z-index:1}.chat-list-item:hover .button-hide-chat{opacity:.6}.button-hide-chat:hover:not(:disabled){background-color:#8080801a;color:#e53935;color:var(--danger-text,#e53935);opacity:1}body.dark-theme .button-hide-chat:hover:not(:disabled){background-color:#ffffff1a;color:#f48a82;color:var(--danger-text-dark,#f48a82)}.button-hide-chat.button-leaving{cursor:default;opacity:.5}.button-hide-chat .spinner.tiny-spinner{border-width:2px;height:12px;width:12px}.chat-list-loading,.no-chats-message{color:var(--text-secondary);font-style:italic;padding:30px 15px;text-align:center}.leave-error{margin:5px 10px;text-align:center}.chat-list-header{align-items:center;background-color:var(--bg-primary);border-bottom:1px solid var(--accent-color);display:flex;flex-shrink:0;justify-content:space-between;padding:15px;transition:background-color var(--transition-speed) ease,border-color var(--transition-speed) ease;z-index:2}.chat-list-header h2{color:var(--text-primary);font-size:1.2em;margin:0}.button-new-chat{font-size:.9em;padding:5px 10px}.chat-page-container{border:1px solid var(--accent-color);border-radius:8px;box-shadow:var(--shadow-md);color:var(--text-primary);height:85vh;margin:20px auto;max-width:1200px;transition:background-color var(--transition-speed) ease,border-color var(--transition-speed) ease,color var(--transition-speed) ease;width:95%}.chat-list-panel,.chat-page-container{background-color:#ffffff1a;display:flex;overflow:hidden}.chat-list-panel{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border:1px solid #ffffff1f;border-radius:12px;box-shadow:0 4px 15px 0 #0000000d;flex:0 0 320px;flex-direction:column;transition:background-color var(--transition-speed) ease,border-color var(--transition-speed) ease}body.dark-theme .chat-list-panel{backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);background-color:#14141926;border:1px solid #ffffff14;box-shadow:0 4px 20px 0 #00000026}.conversation-panel{display:flex;flex-direction:column;flex-grow:1;overflow:hidden}.conversation-view{background-color:var(--bg-primary);display:flex;flex:1 1;flex-direction:column;height:100%;overflow:hidden;transition:background-color var(--transition-speed) ease}.conversation-placeholder{align-items:center;color:var(--text-secondary);display:flex;height:100%;justify-content:center;text-align:center}.conversation-header{background-color:var(--bg-secondary);border-bottom:1px solid var(--accent-color);flex-shrink:0;padding:10px 15px;transition:background-color var(--transition-speed) ease,border-color var(--transition-speed) ease;z-index:2}.message-list-area{display:flex;flex-direction:column;flex-grow:1;overflow-y:auto;padding:10px 15px 0}.message-list-area .no-messages{color:var(--text-secondary);font-style:italic;margin:auto;text-align:center}.message-list-area .error-message{margin:auto;text-align:center}.date-separator{align-items:center;color:var(--text-secondary);display:flex;font-size:.8em;margin:15px 0;position:relative;text-align:center}.date-separator:after,.date-separator:before{background-color:var(--accent-color);content:"";flex-grow:1;height:1px;margin:0 10px;transition:background-color var(--transition-speed) ease}.date-separator span{background-color:var(--bg-primary);padding:0 8px;transition:background-color var(--transition-speed) ease}.chat-avatar{align-items:center;background-color:var(--accent-color);border-radius:50%;color:var(--text-primary);display:flex;flex-shrink:0;font-size:1.1em;font-weight:500;height:40px;justify-content:center;overflow:hidden;position:relative;-webkit-user-select:none;user-select:none;width:40px}body.dark-theme .chat-avatar{background-color:var(--accent-dark);color:var(--bg-primary)}.chat-avatar img{height:100%;object-fit:cover;width:100%}.user-avatar .avatar-placeholder{font-size:1.2em}.user-avatar.loading-avatar{background-color:var(--bg-secondary);opacity:.7}.square-avatar{background-color:#a1887f;border-radius:6px;color:#fff}body.dark-theme .square-avatar{background-color:#795548;color:#e0e0e0}.square-avatar span{font-weight:700}.default-avatar{background-color:var(--bg-secondary);color:var(--text-secondary);font-size:1.2em}.message-sender-avatar{font-size:.9em;height:32px;width:32px}.spinner.small-spinner{border-width:2px;height:16px;width:16px}.spinner.tiny-spinner{border-width:2px;height:12px;width:12px}.new-chat-modal-content{max-width:500px}.chat-type-selector{border:1px solid var(--accent-color);border-radius:6px;display:flex;justify-content:center;margin-bottom:20px;overflow:hidden}.chat-type-button{background-color:initial;border:none;color:var(--text-secondary);cursor:pointer;flex:1 1;font-weight:500;padding:8px 10px;transition:background-color .2s ease,color .2s ease}.chat-type-button:not(:last-child){border-right:1px solid var(--accent-color)}.chat-type-button.active{background-color:var(--button-bg);color:var(--button-text)}.chat-type-button:disabled{cursor:not-allowed;opacity:.6}.selected-users-list{align-items:center;border:1px dashed var(--accent-color);border-radius:4px;display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 15px;min-height:30px;padding:8px 10px}.selected-users-list strong{color:var(--text-secondary);font-size:.9em;margin-right:5px}.selected-user-tag{align-items:center;background-color:var(--bg-secondary);border:1px solid var(--accent-color);border-radius:12px;color:var(--text-primary);display:inline-flex;font-size:.9em;padding:3px 8px}.selected-user-tag button{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:1.1em;line-height:1;margin-left:6px;opacity:.7;padding:0}.selected-user-tag button:hover{color:#e53935;opacity:1}.user-result-item{align-items:center;display:flex;gap:10px}.user-result-item.item-selected{background-color:#007bff14}body.dark-theme .user-result-item.item-selected{background-color:#339cff26}.user-select-checkbox{cursor:pointer;flex-shrink:0;margin:0}.user-result-item .user-info{overflow:hidden}.user-result-item .user-name{display:block;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-result-item .user-email{color:var(--text-secondary);font-size:.85em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-status{margin:10px 0}.modal-error{margin-bottom:10px;margin-top:10px}.conversation-action-bar{align-items:center;animation:fadeInDown .2s ease-out;background-color:var(--bg-secondary);border-bottom:1px solid var(--accent-color);display:flex;flex-shrink:0;justify-content:space-between;min-height:45px;padding:8px 15px;position:relative;transition:background-color var(--transition-speed) ease,border-color var(--transition-speed) ease}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.conversation-action-bar .selection-count{color:var(--text-secondary);font-size:.9em;font-weight:500;margin-right:15px}.conversation-action-bar .actions{display:flex;gap:15px;margin-left:auto;margin-right:15px}.conversation-action-bar .action-button{align-items:center;background:none;border:none;border-radius:4px;color:var(--text-primary);cursor:pointer;display:flex;font-size:.9em;font-weight:500;gap:5px;padding:5px 8px;transition:background-color .2s ease,color .2s ease,opacity .2s ease}.conversation-action-bar .action-button:hover:not(:disabled){background-color:#8080801a}body.dark-theme .conversation-action-bar .action-button:hover:not(:disabled){background-color:#c8c8c81a}.conversation-action-bar .action-button:disabled{cursor:not-allowed;opacity:.5}.conversation-action-bar .action-button.delete-trigger:hover:not(:disabled){background-color:#e539351a;background-color:var(--danger-bg,#e539351a);color:#e53935;color:var(--danger-text,#e53935)}body.dark-theme .conversation-action-bar .action-button.delete-trigger:hover:not(:disabled){background-color:#f48a821a;background-color:var(--danger-bg-dark,#f48a821a);color:#f48a82;color:var(--danger-text-dark,#f48a82)}.conversation-action-bar .close-button{color:var(--text-secondary);font-size:1.2em;padding:2px 6px}.conversation-action-bar .close-button:hover{color:var(--text-primary)}.action-bar-error{color:#d32f2f;color:var(--danger-text,#d32f2f);flex-grow:1;font-size:.85em;font-weight:500;margin:0 10px;text-align:center}body.dark-theme .action-bar-error{color:#ffcdd2;color:var(--danger-text-dark,#ffcdd2)}.delete-options{align-items:center;display:flex;flex-grow:1;gap:15px;justify-content:center;position:relative}.delete-options .delete-prompt{color:var(--text-secondary);font-size:.9em;font-weight:500;margin-right:10px}.delete-options .delete-option-buttons{display:flex;gap:10px}.delete-options .action-button{padding:5px 12px}.delete-options .action-button.delete-action{color:#e53935;color:var(--danger-text,#e53935);font-weight:600}.delete-options .action-button.delete-action:hover:not(:disabled){background-color:#e539351a;background-color:var(--danger-bg,#e539351a)}body.dark-theme .delete-options .action-button.delete-action{color:#f48a82;color:var(--danger-text-dark,#f48a82)}body.dark-theme .delete-options .action-button.delete-action:hover:not(:disabled){background-color:#f48a821a;background-color:var(--danger-bg-dark,#f48a821a)}.delete-options .action-button.cancel-delete{color:var(--text-secondary)}.delete-options .action-button.cancel-delete:hover:not(:disabled){color:var(--text-primary)}.delete-options .spinner.small-spinner{height:16px;margin-left:5px;width:16px}.media-zoom-overlay{background-color:#000000bf;inset:0;padding:20px;position:fixed;z-index:1050}.media-zoom-content,.media-zoom-overlay{align-items:center;display:flex;justify-content:center}.media-zoom-content{background:none;box-shadow:0 5px 15px #00000080;max-height:90vh;max-width:90vw;position:relative}.zoomed-media{border-radius:4px;display:block;height:auto;max-height:100%;max-width:100%;object-fit:contain;width:auto}.media-zoom-close-button{align-items:center;background:#1e1e1eb3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.2em;height:30px;justify-content:center;line-height:1;position:absolute;right:-15px;top:-35px;transition:background-color .2s ease;width:30px;z-index:10}.media-zoom-close-button:hover{background:#000000e6}.media-zoom-close-button svg{height:20px;width:20px}.chat-message{align-items:flex-start;border-radius:6px;cursor:pointer;display:flex;gap:8px;margin-bottom:5px;max-width:68%;padding:2px 0;position:relative;transition:background-color .15s ease}.chat-message--selected{background-color:#007bff1a}body.dark-theme .chat-message--selected{background-color:#339cff33}.chat-message--being-edited{background-color:#ffc10726;cursor:default}body.dark-theme .chat-message--being-edited{background-color:#ffa00033}.chat-message--sent{gap:0;justify-content:flex-end;margin-left:auto}.chat-message--received{justify-content:flex-start;margin-right:auto}.chat-message--received:not(.with-sender-info) .message-content-container{margin-left:40px}.sender-avatar-container{flex-shrink:0;margin-top:15px;width:32px}.message-content-container{display:flex;flex-direction:column}.message-sender-name{font-size:.8em;font-weight:600;margin-bottom:2px;overflow:hidden;padding-left:14px;text-overflow:ellipsis;white-space:nowrap}.message-sender-name,body.dark-theme .message-sender-name{color:var(--text-secondary)}.message-text.message-text--short{text-align:center}.message-bubble{word-wrap:break-word;border-radius:18px;box-shadow:var(--shadow-sm);line-height:1.4;max-width:100%;min-width:70px;overflow-wrap:break-word;padding:9px 14px 20px;position:relative;transition:background-color var(--transition-speed) ease,color var(--transition-speed) ease,border-color var(--transition-speed) ease,opacity .2s ease;width:fit-content}.chat-message--sent .message-bubble{background-color:var(--bg-secondary);border:1px solid var(--accent-color);border-bottom-right-radius:5px;color:var(--text-primary);margin-left:auto}body.dark-theme .chat-message--sent .message-bubble{background-color:#333;background-color:var(--card-bg-dark,#333);border:1px solid #555;border:1px solid var(--accent-dark,#555);color:var(--text-primary)}.chat-message--received .message-bubble{background-color:var(--bg-primary);border:1px solid var(--accent-color);border-bottom-left-radius:5px;color:var(--text-primary);margin-right:auto}body.dark-theme .chat-message--received .message-bubble{background-color:var(--bg-primary);border:1px solid #555;border:1px solid var(--accent-dark,#555)}.message-footer.simple-footer{align-items:center;bottom:5px;display:flex;gap:4px;position:absolute;right:12px;z-index:1}.chat-message--received .message-footer.simple-footer{left:12px;right:auto}.edited-indicator{cursor:default;margin-right:4px}.edited-indicator,.message-timestamp{color:var(--text-secondary);font-size:.7em;opacity:.7}.message-timestamp{white-space:nowrap}.system-message-container{border-radius:4px;color:var(--text-secondary);font-size:.85em;font-style:italic;margin:10px 0;padding:5px 10px;text-align:center}.system-message-timestamp{margin-left:8px;opacity:.8}.message-text{font-size:.95em;margin:0;overflow-wrap:break-word;white-space:pre-wrap;word-break:break-word}.chat-message--type-image .message-bubble{background-color:initial;border:none;box-shadow:none;max-width:300px;padding:5px;width:auto}.message-image{border:1px solid var(--accent-color);border-radius:12px;cursor:pointer;display:block;height:auto;max-width:100%}body.dark-theme .message-image{border-color:var(--accent-dark)}.message-caption{color:var(--text-primary);font-size:.9em;margin:0;overflow-wrap:break-word;padding:6px 8px 0;text-align:left;white-space:pre-wrap}.chat-message--type-image .message-footer.simple-footer{background-color:#0006;border-radius:8px;bottom:8px;color:#fff;font-size:.65em;padding:1px 5px;position:absolute;right:8px;z-index:1}.chat-message--type-image .message-footer .edited-indicator,.chat-message--type-image .message-footer .message-timestamp{color:#fff;opacity:.9}.chat-message--received.chat-message--type-image .message-footer.simple-footer{left:8px;right:auto}.message-media{background-color:var(--bg-secondary);border:1px solid var(--accent-color);border-radius:12px;cursor:pointer;display:block;height:auto;max-width:100%}body.dark-theme .message-media{background-color:var(--accent-dark);border-color:var(--accent-dark)}.message-video{max-height:250px}.chat-message--type-video .message-bubble{background-color:initial;border:none;box-shadow:none;max-width:350px;padding:5px;width:auto}.chat-message--type-video .message-footer.simple-footer{background-color:#00000080;border-radius:8px;bottom:8px;color:#fff;font-size:.65em;padding:1px 5px;position:absolute;right:8px;z-index:1}.chat-message--type-video .message-footer .edited-indicator,.chat-message--type-video .message-footer .message-timestamp{color:#fff;opacity:.9}.chat-message--type-file .message-bubble{background-color:var(--bg-secondary);border:1px solid var(--accent-color);border-radius:12px;box-shadow:none;max-width:100%;min-width:200px;padding:10px 12px 20px;width:auto}body.dark-theme .chat-message--type-file .message-bubble{background-color:var(--accent-dark);border-color:var(--accent-dark)}.message-file-block{align-items:center;display:flex;gap:10px}.file-icon-container{background-color:var(--highlight-color,#007bff1a)}body.dark-theme .file-icon-container{background-color:var(--highlight-dark,#339cff33)}.button-download-file{align-items:center;border-radius:50%;color:var(--text-secondary);display:flex;flex-shrink:0;justify-content:center;margin-left:10px;padding:4px;transition:background-color .2s ease,color .2s ease}.button-download-file:hover{background-color:#8080801a;color:var(--text-primary)}body.dark-theme .button-download-file:hover{background-color:#c8c8c81a}.button-download-file svg{height:20px;width:20px}.file-caption{color:var(--text-primary);font-size:.9em;margin-top:8px;overflow-wrap:break-word;padding:0;white-space:pre-wrap}.chat-message--type-file .message-footer.simple-footer{background-color:initial;bottom:5px;color:var(--text-secondary);padding:0;right:12px}.chat-message--type-file .message-footer .edited-indicator,.chat-message--type-file .message-footer .message-timestamp{color:var(--text-secondary);opacity:.7}.chat-message--received.chat-message--type-file .message-footer.simple-footer{left:12px;right:auto}.markdown-content{p{margin:0 0 .5em}p:last-child{margin-bottom:0}ol,ul{margin:.5em 0;padding-left:20px}blockquote{border-left:3px solid var(--accent-color);color:var(--text-secondary);font-style:italic;margin:.5em 0;padding-left:10px}}.markdown-content :not(pre)>code{font-size:.88em}.markdown-content pre{font-size:.88em;margin:.8em 0}.markdown-content pre code{font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace}.sender-avatar-container a{border-radius:50%;display:block;line-height:0;transition:opacity .2s ease}.sender-avatar-container a:hover{opacity:.85}.sender-avatar-container a:focus-visible{outline:2px solid var(--highlight-color);outline-offset:1px}.message-sender-link{color:var(--text-secondary);font-size:.85em;font-weight:600;text-decoration:none;transition:color .2s ease}.message-sender-link:hover{color:var(--text-primary);text-decoration:underline}body.dark-theme .message-sender-link{color:var(--text-secondary)}body.dark-theme .message-sender-link:hover{color:var(--text-primary)}.message-input-container{background-color:var(--bg-secondary);border-top:1px solid var(--accent-color);flex-shrink:0;padding:8px 15px 10px;position:relative;transition:background-color var(--transition-speed) ease,border-color var(--transition-speed) ease}body.dark-theme .message-input-container{background-color:var(--accent-dark)}.input-editing-mode{padding-top:35px}.editing-indicator-bar{align-items:center;color:var(--text-secondary);display:flex;font-size:.85em;justify-content:space-between;left:15px;padding-bottom:4px;position:absolute;right:15px;top:6px}.editing-indicator-bar span{font-weight:500}.cancel-edit-button{background:none;border:none;border-radius:3px;color:var(--text-secondary);cursor:pointer;font-size:1.2em;line-height:1;padding:0 4px}.cancel-edit-button:hover{background-color:#8080801a;color:var(--text-primary)}body.dark-theme .cancel-edit-button:hover{background-color:#c8c8c81a}.send-button-container{align-items:center;display:flex;flex-shrink:0;margin:0;padding:0}.media-preview-container{background-color:#8080801a;border-radius:8px;display:inline-block;margin-bottom:8px;max-height:110px;max-width:180px;overflow:hidden;padding:5px;position:relative}body.dark-theme .media-preview-container{background-color:#c8c8c81a}.media-preview-container .upload-progress-overlay{background-color:#0009;border-radius:4px;font-size:.8em}.media-preview-container .upload-progress-overlay progress{height:5px;margin-bottom:3px}.media-preview-thumb{max-height:100px;object-fit:cover}.media-preview-thumb video{height:100px}.file-preview-info{gap:8px;min-height:50px;padding:8px 10px}.file-preview-icon{height:32px;width:32px}.remove-preview-button{background-color:#0009;border:none;box-shadow:0 1px 3px #0000004d;color:#fff;height:20px;right:-5px;top:-5px;width:20px}.remove-preview-button svg{height:14px;width:14px}.remove-preview-button:hover{background-color:#c80000cc}.message-input-form{align-items:center;display:flex;gap:10px}.input-action-buttons{align-items:center;display:flex;flex-shrink:0;margin:0;padding-bottom:0}.button-icon{align-items:center;background:none;border-radius:50%;justify-content:center;padding:5px}.button-icon:hover:not(:disabled){background-color:#8080801a;color:var(--text-primary)}body.dark-theme .button-icon:hover:not(:disabled){background-color:#c8c8c81a}.button-icon:disabled{cursor:not-allowed;opacity:.5}.button-icon svg{height:22px;width:22px}.button-attach:disabled{cursor:not-allowed;opacity:.5}.message-input-form textarea{background-color:var(--bg-primary);border:1px solid var(--accent-color);border-radius:18px;box-sizing:border-box;caret-color:var(--text-primary);color:var(--text-primary);flex-grow:1;font-family:inherit;font-size:1em;line-height:1.4;max-height:200px;min-height:38px;overflow-y:hidden;padding:8px 12px;resize:none;transition:background-color var(--transition-speed) ease,color var(--transition-speed) ease,border-color var(--transition-speed) ease}.message-input-form textarea:focus{border-color:var(--highlight-color,var(--accent-color));outline:none}.message-input-form textarea::placeholder{color:var(--text-secondary);opacity:.8}.message-input-form textarea::-webkit-scrollbar{background-color:initial;width:8px}.message-input-form textarea::-webkit-scrollbar-track{background:#0000;border-radius:4px;margin:2px 0}.message-input-form textarea::-webkit-scrollbar-thumb{background-color:#ccc;background-color:var(--accent-color,#ccc);border:2px solid var(--bg-primary);border-radius:4px}body.dark-theme .message-input-form textarea::-webkit-scrollbar-thumb{background-color:#555;background-color:var(--accent-dark,#555);border-color:var(--bg-primary)}.message-input-form textarea::-webkit-scrollbar-thumb:hover{background-color:var(--text-secondary)}body.dark-theme .message-input-form textarea::-webkit-scrollbar-thumb:hover{background-color:var(--text-primary)}.message-input-form textarea{scrollbar-color:#ccc #0000;scrollbar-color:var(--accent-color,#ccc) #0000;scrollbar-width:thin}body.dark-theme .message-input-form textarea{scrollbar-color:#555 #0000;scrollbar-color:var(--accent-dark,#555) #0000}.button-send{align-self:flex-end;background-color:#007bff;background-color:var(--highlight-color,#007bff);border-radius:50%;color:#fff;flex-shrink:0;height:40px;min-width:40px;padding:8px;transition:background-color .2s ease,opacity .2s ease}body.dark-theme .button-send{background-color:#339cff;background-color:var(--highlight-dark,#339cff)}.button-send:hover:not(:disabled){background-color:#007bff;background-color:var(--highlight-color,#007bff);opacity:.85}body.dark-theme .button-send:hover:not(:disabled){background-color:#339cff;background-color:var(--highlight-dark,#339cff)}.button-send svg{height:20px;margin:0 0 0 1px;transform:rotate(45deg);width:20px}.button-send .spinner{border-color:#0000 #fff #fff;border-width:2px;height:18px;width:18px}.button-send[disabled]{background-color:var(--accent-color)!important;cursor:not-allowed;opacity:.6!important}body.dark-theme .button-send[disabled]{background-color:var(--accent-dark)!important}.error-message.input-error{font-size:.85em;margin:5px 5px -5px;padding:3px 8px;text-align:left}.tiptap-editor-field.message-input-editor-field{background-color:var(--bg-primary);border:1px solid var(--accent-color)!important;border-radius:18px!important;display:flex;flex-direction:column;flex-grow:1;margin:0!important;overflow:hidden;padding:0!important;transition:border-color var(--transition-speed) ease}.message-input-container .tiptap-editor-field.message-input-editor-field:focus-within{border-color:var(--highlight-color,var(--accent-color))!important}.message-input-container .tiptap-toolbar{background-color:var(--bg-secondary)!important;border-bottom:1px solid var(--accent-color)!important;border-radius:0!important;display:flex;flex-shrink:0;flex-wrap:wrap;gap:2px!important;margin:0!important;padding:4px 8px!important;transition:background-color var(--transition-speed) ease,border-color var(--transition-speed) ease}.message-input-container .format-button{align-items:center;background:none;border:none;border-radius:4px;color:var(--text-secondary)!important;cursor:pointer;display:flex;justify-content:center;margin:0;padding:3px!important;transition:background-color .2s ease,color .2s ease}.message-input-container .format-button svg{height:16px!important;width:16px!important}.message-input-container .format-button:hover{background-color:#80808026!important;color:var(--text-primary)!important}.message-input-container .format-button--active{background-color:#007bff33!important;background-color:var(--highlight-color-light,#007bff33)!important;color:#007bff!important;color:var(--highlight-color,#007bff)!important}.message-input-container .chat-input-editor-content{border-bottom-left-radius:18px;border-bottom-right-radius:18px;flex-grow:1;overflow:hidden;padding:0!important}.message-input-container .tiptap-editor.message-tiptap-editor{background-color:initial!important;border:none!important;box-shadow:none!important;box-sizing:border-box;caret-color:var(--text-primary);color:var(--text-primary)!important;font-family:inherit;font-size:1em;line-height:1.4;max-height:150px;min-height:21px;outline:none!important;overflow-x:hidden!important;overflow-y:auto!important;padding:8px 12px!important;transition:color var(--transition-speed) ease;width:100%}.message-input-container .tiptap-editor p.is-editor-empty:first-child:before{color:var(--text-secondary);content:attr(data-placeholder);float:left;font-style:normal;height:0;opacity:.8;pointer-events:none;transition:color var(--transition-speed) ease,opacity var(--transition-speed) ease}.tiptap-editor.message-tiptap-editor::-webkit-scrollbar{background-color:initial;width:8px}.tiptap-editor.message-tiptap-editor::-webkit-scrollbar-track{background:#0000;border-radius:4px;margin:2px 0}.tiptap-editor.message-tiptap-editor::-webkit-scrollbar-thumb{background-color:#ccc;background-color:var(--accent-color,#ccc);border:2px solid var(--bg-primary);border-radius:4px}.tiptap-editor.message-tiptap-editor::-webkit-scrollbar-thumb:hover{background-color:var(--text-secondary)}.tiptap-editor.message-tiptap-editor{scrollbar-color:#ccc #0000;scrollbar-color:var(--accent-color,#ccc) #0000;scrollbar-width:thin}body.dark-theme .message-input-container{background-color:var(--bg-secondary);border-top-color:var(--accent-dark)}body.dark-theme .tiptap-editor-field.message-input-editor-field{background-color:var(--bg-primary)!important;border-color:var(--accent-dark)!important;border-radius:18px!important;overflow:hidden}body.dark-theme .message-input-container .tiptap-editor-field.message-input-editor-field:focus-within{border-color:#339cff!important;border-color:var(--highlight-dark,#339cff)!important}body.dark-theme .message-input-container .tiptap-toolbar{background-color:var(--accent-dark)!important;border-bottom-color:var(--accent-dark)!important}body.dark-theme .message-input-container .format-button{color:var(--text-secondary)!important}body.dark-theme .message-input-container .format-button:hover{background-color:#c8c8c826!important;color:var(--text-primary)!important}body.dark-theme .message-input-container .format-button--active{background-color:#339cff40!important;background-color:var(--highlight-dark-light,#339cff40)!important;color:#339cff!important;color:var(--highlight-dark,#339cff)!important}body.dark-theme .message-input-container .tiptap-editor.message-tiptap-editor{background-color:initial!important;caret-color:var(--text-primary)!important;color:var(--text-primary)!important}body.dark-theme .message-input-container .tiptap-editor.message-tiptap-editor p.is-editor-empty:first-child:before{color:var(--text-secondary)!important;opacity:.5}body.dark-theme .message-input-container .tiptap-editor.message-tiptap-editor::-webkit-scrollbar-thumb{background-color:#555!important;background-color:var(--accent-dark,#555)!important;border-color:var(--bg-primary)!important}body.dark-theme .message-input-container .tiptap-editor.message-tiptap-editor::-webkit-scrollbar-thumb:hover{background-color:var(--text-secondary)!important}body.dark-theme .message-input-container .tiptap-editor.message-tiptap-editor{scrollbar-color:#555 #0000!important;scrollbar-color:var(--accent-dark,#555) #0000!important}body.dark-theme .tiptap-editor.message-tiptap-editor code{background-color:#b4b4b433!important;color:var(--text-secondary)}body.dark-theme .tiptap-editor.message-tiptap-editor pre{background-color:#000!important;border-color:#fff3!important;color:#f1f1f1!important}body.dark-theme .tiptap-editor pre code{color:inherit!important}.group-info-modal-tg{display:flex;flex-direction:column;max-height:85vh;max-width:420px!important;overflow:hidden;padding:0;position:relative;width:90%!important}.modal-close-button{font-size:1.5em;line-height:1;opacity:.7;top:10px;z-index:10}.modal-close-button:hover{opacity:1}.group-info-header-tg{align-items:center;display:flex;flex-shrink:0;gap:15px;padding:15px 20px}.group-info-header-tg .group-info-avatar{margin:0}.group-info-name-tg{font-size:1.25em;font-weight:600}.group-info-description-tg,.group-info-name-tg{color:var(--text-primary);margin:0;word-break:break-word}.group-info-description-tg{flex-shrink:0;font-size:.9em;line-height:1.4;padding:0 20px 15px;white-space:pre-wrap}.group-info-divider{border:none;border-top:1px solid var(--accent-color);flex-shrink:0;margin:0}.group-info-actions-tg{display:flex;flex-direction:column;flex-shrink:0!important;gap:5px!important;padding:10px 12px!important}.action-button-tg{align-items:center;background-color:initial;border:none!important;border-radius:6px;color:var(--highlight-color);display:flex;font-size:.95em!important;font-weight:500;gap:15px!important;padding:10px 15px!important;text-align:left;width:100%}.action-button-tg:hover:not(:disabled){background-color:var(--bg-secondary)}body.dark-theme .action-button-tg:hover:not(:disabled){background-color:var(--accent-dark)}.action-button-tg .button-icon{color:var(--text-secondary);height:20px;opacity:.7;width:20px}body.dark-theme .action-button-tg .button-icon{color:var(--text-primary)}.participants-section-tg{flex-grow:1;min-height:100px;overflow-y:auto;padding:10px 20px 15px}.participants-section-tg h3{color:#007bff;color:var(--highlight-color,#007bff);font-size:.9em;font-weight:600;margin:0 0 10px;text-transform:uppercase}body.dark-theme .participants-section-tg h3{color:#339cff;color:var(--highlight-dark,#339cff)}.participants-list-tg{list-style:none;margin:0;padding:0}.participant-item-tg{align-items:center;border-radius:4px;cursor:pointer;display:flex;padding:6px 0;transition:background-color .15s ease}.participant-item-tg:hover{background-color:var(--bg-secondary)}body.dark-theme .participant-item-tg:hover{background-color:var(--accent-dark)}.participant-item-tg .user-avatar{margin-right:12px}.participant-item-tg .participant-info-tg{display:flex;flex-direction:column;flex-grow:1;overflow:hidden}.participant-name-tg{align-items:center;color:var(--text-primary);display:flex;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-tag-tg{color:#ffc107;font-size:1.1em;line-height:1;margin-left:6px}.participant-status-tg{color:var(--text-secondary);font-size:.85em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.group-info-footer-actions-tg{align-items:center;border-top:1px solid var(--accent-color);display:flex;flex-direction:column;flex-shrink:0;gap:10px;justify-content:center;padding:15px 20px}.button-leave-group{align-items:center!important;background-color:initial;border:none!important;border-radius:4px;color:#d32f2f!important;color:var(--danger-text,#d32f2f)!important;cursor:pointer;display:inline-flex!important;font-size:.95em;font-weight:500!important;gap:6px;justify-content:center!important;padding:6px 12px!important;transition:background-color .2s ease,color .2s ease}body.dark-theme .button-leave-group{color:#ef9a9a;color:var(--danger-text-dark,#ef9a9a)}.button-leave-group:hover:not(:disabled){background-color:#fce8e6;background-color:var(--danger-bg,#fce8e6)}body.dark-theme .button-leave-group:hover:not(:disabled){background-color:#442020;background-color:var(--danger-bg-dark,#442020)}.button-leave-group .button-icon{color:currentColor;height:16px;width:16px}.button-leave-group:disabled{cursor:not-allowed;opacity:.6}.button-leave-group .spinner.tiny-spinner{border-width:2px;height:14px;width:14px}.action-error{font-size:.85em;margin-top:0;text-align:center;width:100%}.button-icon{align-items:center!important;border:none;border-radius:75%;color:var(--text-secondary);cursor:pointer;display:flex;justify-content:center!important;padding:0!important;transition:background-color .2s ease,color .2s ease}.edit-group-modal{display:flex;flex-direction:column;max-height:85vh;max-width:550px;min-height:400px;overflow:hidden;width:90%}.edit-group-modal h2{border-bottom:1px solid var(--accent-color-light);color:var(--text-primary);flex-shrink:0;font-size:1.3em;margin:0 0 20px;padding:0 30px;text-align:center;transition:border-color var(--transition-speed) ease}body.dark-theme .edit-group-modal h2{border-bottom-color:var(--accent-dark-light)}.edit-group-scrollable-content{display:flex;flex-direction:column;flex-grow:1;gap:20px;overflow-y:auto;padding:0 30px 15px;scrollbar-color:var(--highlight-color) #0000;scrollbar-width:thin;&::-webkit-scrollbar{width:6px}&::-webkit-scrollbar-track{background:#0000}&::-webkit-scrollbar-thumb{background-color:var(--highlight-color);border-radius:3px}&::-webkit-scrollbar-thumb:hover{background-color:color-mix(in srgb,var(--highlight-color) 85%,#fff)}}body.dark-theme .edit-group-scrollable-content{scrollbar-color:var(--highlight-dark) #0000}body.dark-theme .edit-group-scrollable-content::-webkit-scrollbar-thumb{background-color:var(--highlight-dark)}body.dark-theme .edit-group-scrollable-content::-webkit-scrollbar-thumb:hover{background-color:color-mix(in srgb,var(--highlight-dark) 85%,#fff)}.form-section{padding-bottom:15px}.form-section:last-child{border-bottom:none;padding-bottom:0}.form-section>label{color:var(--text-secondary);display:block;font-size:1em;font-weight:600;margin-bottom:12px}.basic-info-section{align-items:flex-start;display:flex;gap:20px}.avatar-upload-wrapper{flex-shrink:0;height:80px;position:relative;width:80px}.avatar-upload-spinner{align-items:center;background-color:#00000080;border-radius:6px;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:5}.avatar-upload-spinner .spinner{border-color:#fff #ffffff4d #ffffff4d;height:24px;width:24px}.name-desc-wrapper{display:flex;flex-direction:column;flex-grow:1;gap:12px}.name-desc-wrapper .form-field:last-child{margin-bottom:0}.name-desc-wrapper .form-textarea{min-height:80px;resize:vertical}.form-field{margin-bottom:10px}.form-field label{margin-bottom:4px}.current-participants-list{list-style:none;margin:0 0 15px;max-height:250px;overflow-y:auto;padding:0}.participant-edit-item{align-items:center;border-bottom:1px solid var(--accent-color-light);display:flex;gap:12px;padding:10px 5px;transition:border-color var(--transition-speed) ease}.participant-edit-item:last-child{border-bottom:none}body.dark-theme .participant-edit-item{border-bottom-color:var(--accent-dark-light)}.participant-edit-item .participant-avatar{flex-shrink:0}.participant-edit-item .participant-name{align-items:center;color:var(--text-primary);display:flex;flex-grow:1;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.participant-edit-item .admin-tag{background-color:var(--highlight-color-light);border-radius:4px;color:var(--highlight-color);font-size:.7em;font-weight:700;margin-left:8px;padding:2px 6px}body.dark-theme .participant-edit-item .admin-tag{background-color:var(--highlight-dark-light);color:var(--highlight-dark)}.participant-actions{align-items:center;display:flex;flex-shrink:0;gap:5px;margin-left:auto}.button-participant-action{align-items:center;justify-content:center;transition:background-color .2s ease,color .2s ease}.button-promote-admin .icon-admin-action{color:var(--text-secondary);opacity:.7}.button-demote-admin .icon-admin-action{color:#ffc107}.button-promote-admin:hover:not(:disabled) .icon-admin-action{color:#ffc107;opacity:1}.button-demote-admin:hover:not(:disabled) .icon-admin-action{color:var(--text-secondary);opacity:.8}.button-remove .icon-remove{color:#a50e0e;color:var(--danger-text,#a50e0e)}.button-undo-remove .icon-remove{color:var(--text-secondary)}.button-remove:hover:not(:disabled){background-color:#fce8e6;background-color:var(--danger-bg,#fce8e6)}.button-undo-remove:hover:not(:disabled){background-color:var(--bg-secondary)}body.dark-theme .button-remove .icon-remove{color:#f48a82;color:var(--danger-text-dark,#f48a82)}body.dark-theme .button-remove:hover:not(:disabled){background-color:#442020;background-color:var(--danger-bg-dark,#442020)}body.dark-theme .button-undo-remove:hover:not(:disabled){background-color:var(--accent-dark)}.participant-edit-item.marked-for-removal{opacity:.6}.participant-edit-item.marked-for-removal .participant-name{text-decoration:line-through}.participant-edit-item.marked-for-removal .button-participant-action{visibility:hidden}.participant-edit-item.marked-for-removal .button-undo-remove{visibility:visible}.search-input-wrapper{align-items:center;display:flex;margin-bottom:8px;position:relative}.search-input-wrapper .search-icon{color:var(--text-secondary);height:16px;left:10px;opacity:.6;pointer-events:none;position:absolute;width:16px}.search-input-wrapper .search-input{padding-left:35px;padding-right:30px}.search-input-wrapper .search-spinner{position:absolute;right:8px}.add-search-results{border:1px solid var(--accent-color);border-radius:4px;list-style:none;margin:5px 0 0;max-height:150px;overflow-y:auto;padding:0}.add-search-results li{align-items:center;border-bottom:1px solid var(--accent-color-light);cursor:pointer;display:flex;gap:10px;padding:8px 12px;transition:background-color .15s ease}.add-search-results li:last-child{border-bottom:none}.add-search-results li:hover{background-color:var(--bg-secondary)}body.dark-theme .add-search-results li:hover{background-color:var(--accent-dark)}.add-search-results li .user-avatar{flex-shrink:0}.add-search-results li span{flex-grow:1;font-size:.9em}.add-search-results li .icon-add{color:var(--text-secondary);flex-shrink:0;height:16px;opacity:.7;width:16px}.add-search-results li:hover .icon-add{color:var(--text-primary);opacity:1}.search-status{color:var(--text-secondary);font-size:.9em;font-style:italic;margin-top:8px;text-align:center}.edit-group-modal .modal-actions.edit-group-actions{align-items:center;background-color:var(--bg-secondary);border-top:1px solid var(--accent-color-light);display:flex;flex-shrink:0;gap:10px;justify-content:flex-end;padding:15px 30px;transition:background-color var(--transition-speed) ease,border-color var(--transition-speed) ease}body.dark-theme .edit-group-modal .modal-actions.edit-group-actions{background-color:var(--bg-dark);border-top-color:var(--accent-dark)}.edit-group-modal .modal-actions.edit-group-actions .button--cancel,.edit-group-modal .modal-actions.edit-group-actions .button--submit{font-size:.9em;padding:6px 12px}.button-delete-group-footer{background-color:initial;border:1px solid #0000;color:var(--danger-text);margin-right:auto;padding:6px 8px}.button-delete-group-footer:hover:not(:disabled){background-color:var(--danger-bg);border-color:var(--danger-border);color:var(--danger-text-dark)}body.dark-theme .button-delete-group-footer{color:var(--danger-text-dark)}body.dark-theme .button-delete-group-footer:hover:not(:disabled){background-color:var(--danger-bg-dark);border-color:var(--danger-border-dark);color:var(--danger-text)}.modal-error{margin-bottom:15px;text-align:center}.edit-group-avatar-container{cursor:pointer;display:inline-block;height:80px;position:relative;width:80px}.change-avatar-icon{align-items:center;background-color:#000000a6;border:1px solid #fff6;border-radius:50%;bottom:5px;box-shadow:0 1px 3px #0003;cursor:pointer;display:flex;height:26px;justify-content:center;position:absolute;right:5px;transition:background-color .2s ease,transform .2s ease;width:26px;z-index:10}.edit-group-avatar-container:hover .change-avatar-icon{background-color:#000c;transform:scale(1.1)}.change-avatar-icon svg{color:#fff;height:14px;width:14px}.form-section{border-bottom:none;margin-bottom:20px;padding-bottom:0}.form-section:last-child{margin-bottom:0}.basic-info-section{border-bottom:1px solid var(--accent-color);margin-bottom:20px;padding-bottom:20px}.form-textarea{background-color:var(--bg-primary);border:1px solid #ccc;border-radius:6px;font-size:14px;line-height:1.5;min-height:100px;padding:10px;resize:vertical;transition:border-color .2s ease-in-out;width:100%}.form-textarea:focus{border-color:#4a90e2;outline:none}.form-textarea::placeholder{color:#999}.modal-button{align-items:center;border:1px solid #0000;border-radius:6px;cursor:pointer;display:inline-flex;font-size:.9em;font-weight:500;justify-content:center;padding:8px 16px;text-decoration:none;transition:background-color var(--transition-speed) ease,color var(--transition-speed) ease,border-color var(--transition-speed) ease,opacity .2s ease;white-space:nowrap}.modal-button:disabled{cursor:not-allowed;opacity:.5}.modal-button--submit{background-color:var(--highlight-color);border-color:var(--highlight-color);color:#fff}.modal-button--submit:hover:not(:disabled){background-color:var(--highlight-color-hover);border-color:var(--highlight-color-hover)}body.dark-theme .modal-button--submit{background-color:var(--highlight-dark);border-color:var(--highlight-dark);color:var(--button-text)}body.dark-theme .modal-button--submit:hover:not(:disabled){background-color:var(--highlight-color-hover);border-color:var(--highlight-color-hover)}.modal-button--cancel{background-color:var(--bg-secondary);border-color:var(--accent-color);color:var(--text-secondary)}.modal-button--cancel:hover:not(:disabled){background-color:var(--accent-color-light);border-color:var(--accent-color);color:var(--text-primary)}body.dark-theme .modal-button--cancel{background-color:var(--accent-dark);border-color:var(--accent-dark-light);color:var(--text-secondary)}body.dark-theme .modal-button--cancel:hover:not(:disabled){background-color:var(--accent-dark-light);color:var(--text-primary)}.modal-button--danger{background-color:var(--danger-bg);border-color:var(--danger-border);color:var(--danger-text)}.modal-button--danger:hover:not(:disabled){background-color:color-mix(in srgb,var(--danger-bg) 80%,#000);border-color:var(--danger-text);color:var(--danger-text-dark)}body.dark-theme .modal-button--danger{background-color:var(--danger-bg-dark);border-color:var(--danger-border-dark);color:var(--danger-text-dark)}body.dark-theme .modal-button--danger:hover:not(:disabled){background-color:color-mix(in srgb,var(--danger-bg-dark) 80%,#fff);color:var(--danger-text)}.button-participant-action{background:none;border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer;display:flex;line-height:1;padding:5px;transition:background-color .2s ease}.button-participant-action:disabled{cursor:not-allowed;opacity:.4}.button-participant-action:hover:not(:disabled){background-color:var(--bg-secondary)}body.dark-theme .button-participant-action:hover:not(:disabled){background-color:var(--accent-dark)}.icon-admin-action,.icon-remove{height:20px;width:20px}.task-list-view-container-final{display:flex;flex-direction:column;gap:5px;width:100%}.task-list-header-final{align-items:center;background-color:var(--bg-secondary);border-radius:6px;color:var(--text-secondary);display:flex;font-size:.7em;font-weight:600;letter-spacing:.1rem;margin-bottom:3px;padding:.5rem 1rem;text-transform:uppercase}body.dark-theme .task-list-header-final{background-color:var(--accent-dark)}.task-list-header-cell{align-items:center;cursor:pointer;display:flex;gap:.3rem;padding:.25rem .4rem;text-align:left;white-space:nowrap}.task-list-header-cell:hover{color:var(--highlight-color)}body.dark-theme .task-list-header-cell:hover{color:var(--highlight-dark)}.task-list-header-cell svg.sort-indicator-icon{height:16px;opacity:.9;width:16px}.task-list-header-cell .sort-indicator-placeholder{display:inline-block;height:16px;width:16px}.task-item-title-wrapper-final,.task-list-header-cell.title{flex:2 1 220px;min-width:180px}.task-item-description-wrapper-final,.task-list-header-cell.description{flex:1 1 150px;min-width:100px}.task-item-status-wrapper-final,.task-list-header-cell.status{flex:0 0 120px;justify-content:center}.task-item-date-wrapper-final,.task-list-header-cell.date{flex:0 0 100px;justify-content:center}.task-item-assignee-wrapper-final,.task-list-header-cell.assignee{flex:0 0 45px;justify-content:center}.task-item-actions-final,.task-list-header-cell.actions{flex:0 0 100px;justify-content:flex-end;text-align:right}.task-list-item-box-final{border:1px solid var(--accent-color-light);padding:0;transition:background-color var(--transition-speed) ease,box-shadow var(--transition-speed) ease}.task-list-item-box-final:hover{box-shadow:var(--shadow-sm)}body.dark-theme .task-list-item-box-final{border-color:var(--accent-dark)}.task-list-item-main-row-final{padding:.6rem 1rem}.task-item-title-final{font-size:.9em}.task-item-description-final .task-item-icon-final{opacity:.7}.task-item-description-final-placeholder{height:18px}.task-list-status-badge-final{align-items:center;border:1px solid #0000;border-radius:10px;display:inline-flex;font-size:.75em;font-weight:500;gap:.4rem;padding:.2rem .6rem;text-transform:capitalize;white-space:nowrap}.task-list-status-badge-final.clickable{cursor:pointer}.task-list-status-badge-final.clickable:hover{box-shadow:var(--shadow-sm);filter:brightness(.95)}.status-icon-badge{height:14px;width:14px}.task-item-date-wrapper-final .task-item-icon-final{height:18px;opacity:.7;width:18px}.task-item-date-wrapper-final .placeholder-date{height:18px;width:18px}.assignee-avatar-list-final,.assignee-placeholder-list-final{height:30px;width:30px}.assignee-placeholder-list-final svg{height:20px;width:20px}.assignee-spacer-final{height:30px;width:30px}.task-item-actions-final{gap:.1rem}.task-item-actions-final .button.button--icon-only.button--extra-small{opacity:.7}.task-item-actions-final .button.button--icon-only.button--extra-small:hover{color:var(--text-primary)!important}body.dark-theme .task-item-actions-final .button.button--icon-only.button--extra-small{color:var(--text-secondary)!important}body.dark-theme .task-item-actions-final .button.button--icon-only.button--extra-small:hover{color:var(--text-primary)!important;color:var(--text-primary-dark,var(--text-primary))!important}.task-item-actions-final .button--extra-small svg{height:20px;width:20px}.subtasks-panel-for-list-item{padding-bottom:.5rem;padding-left:1rem;padding-right:.5rem}.subtask-item-in-list-item{border-bottom:1px solid var(--accent-color-light)}body.dark-theme .subtask-checkbox-button-list-item .subtask-unchecked-icon-list-item{border-color:var(--text-secondary)}.no-items-message{padding:1.5rem}body.dark-theme .no-items-message{background-color:var(--card-bg-dark);border-color:var(--accent-dark)}.task-list-header-cell.title{flex:2 1 200px;min-width:150px}.task-list-header-cell.description{align-items:center;display:flex;flex:1 1 150px;min-width:100px}.task-list-header-cell.status{flex:0 0 120px;justify-content:center}.task-list-header-cell.date{flex:0 0 100px;justify-content:center}.task-list-header-cell.assignee{flex:0 0 40px;justify-content:center}.task-list-header-cell.actions{flex:0 0 100px;justify-content:flex-end}.task-list-item-box-final{background-color:var(--card-bg);border-bottom:1px solid var(--accent-color-light);border-radius:6px;box-shadow:none;display:flex;flex-direction:column;transition:background-color var(--transition-speed) ease}.task-list-view-container-final>.task-list-item-box-final:last-child{border-bottom:none}.task-list-item-box-final:hover{background-color:var(--bg-secondary)}body.dark-theme .task-list-item-box-final{background-color:var(--card-bg-dark);border-bottom-color:var(--accent-dark)}body.dark-theme .task-list-item-box-final:hover{background-color:var(--accent-dark)}.task-list-item-main-row-final{gap:.75rem;min-height:40px;padding:.7rem 1rem;width:100%}.task-item-title-wrapper-final{align-items:center;display:flex;flex:2 1 200px;min-width:150px;overflow:hidden}.task-item-title-final{color:var(--text-primary);cursor:pointer;font-size:.95em;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.task-item-description-wrapper-final{align-items:center;display:flex;flex:1 1 150px;min-width:100px;overflow:hidden}.task-item-description-final{align-items:center;color:var(--text-secondary);display:flex;font-size:.8em;gap:.3rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.task-item-description-final .task-item-icon-final{flex-shrink:0;height:18px;opacity:.6;width:18px}.task-item-description-final.placeholder{height:18px;visibility:hidden}.task-item-status-wrapper-final{display:flex;flex:0 0 120px;justify-content:center}.task-item-date-wrapper-final{align-items:center;color:var(--text-secondary);display:flex;flex:0 0 100px;font-size:.8em;gap:.3rem;justify-content:center;white-space:nowrap}.task-item-date-wrapper-final .task-item-icon-final{height:16px;opacity:.6;width:16px}.task-item-date-wrapper-final .placeholder-date{height:16px;visibility:hidden;width:16px}.task-item-assignee-wrapper-final{flex:0 0 40px}.assignee-avatar-list-final,.assignee-placeholder-list-final{height:28px;width:28px}.assignee-placeholder-list-final svg{height:18px;width:18px}.assignee-spacer-final{align-items:center;display:flex;height:28px;justify-content:center;width:28px}.task-item-actions-final{align-items:center;display:flex;flex:0 0 100px;gap:.2rem;justify-content:flex-end}.task-item-actions-final .button.button--icon-only.button--extra-small{background-color:initial!important;border:none!important;box-shadow:none!important;color:var(--text-secondary)!important;opacity:.6;padding:.35rem!important;transition:opacity var(--transition-speed) ease,color var(--transition-speed) ease,background-color var(--transition-speed) ease}.task-item-actions-final .button.button--icon-only.button--extra-small:hover{background-color:var(--accent-color-light)!important;color:var(--highlight-color)!important;opacity:1}body.dark-theme .task-item-actions-final .button.button--icon-only.button--extra-small:hover{background-color:var(--accent-dark)!important;color:var(--highlight-dark)!important}.task-item-actions-final .button--extra-small svg{height:18px;width:18px}.subtasks-panel-for-list-item{padding:.75rem .5rem .5rem calc(1.5rem + 12px)}.subtask-list-in-list-item{margin:.5rem 0 .75rem}.subtask-item-in-list-item{gap:.5rem;padding:.3rem 0}.add-subtask-form-list-item .button--icon-only svg{height:20px;width:20px}.task-item-assignee-wrapper-final{align-items:center;display:flex;flex:0 0 120px;justify-content:center;overflow:hidden;text-align:center}.assignee-avatar-list-final{border:1px solid var(--accent-color-light);border-radius:50%;height:28px;object-fit:cover;width:28px}body.dark-theme .assignee-avatar-list-final{border-color:var(--accent-dark-light)}.assignee-name-list-final{color:var(--text-secondary);font-size:.85em;font-weight:400;height:28px;line-height:28px;overflow:hidden;padding:0 .2rem;text-overflow:ellipsis;white-space:nowrap}.assignee-placeholder-list-final{color:var(--text-secondary);height:28px;width:28px}.task-list-item-main-row-final{align-items:center;display:flex;gap:.4rem}.subtasks-panel-for-list-item{border-top:1px solid var(--accent-color-light);margin-top:.75rem;overflow:hidden;padding:.75rem .5rem .5rem 1.5rem;width:100%}body.dark-theme .subtasks-panel-for-list-item{border-top-color:var(--accent-dark-light)}.subtask-list-in-list-item{display:flex;flex-direction:column;gap:.5rem;list-style:none;margin:0 0 .75rem;padding:0}.subtask-item-in-list-item{align-items:center;border-bottom:1px dotted var(--accent-color-light);color:var(--text-secondary);display:flex;font-size:.9em;gap:.6rem;padding:.4rem 0}.subtask-item-in-list-item:last-child{border-bottom:none}body.dark-theme .subtask-item-in-list-item{border-bottom-color:var(--accent-dark-light)}.subtask-item-in-list-item.completed .subtask-title-list-item{color:var(--text-secondary);opacity:.6;text-decoration:line-through}.subtask-item-in-list-item.completed .subtask-checkbox-button-list-item .subtask-checked-icon-list-item{color:var(--green-main)}body.dark-theme .subtask-item-in-list-item.completed .subtask-checkbox-button-list-item .subtask-checked-icon-list-item{color:var(--green-dark)}.subtask-checkbox-button-list-item{align-items:center;background:none;border:none;color:var(--text-secondary);cursor:pointer;display:flex;flex-shrink:0;height:24px;justify-content:center;padding:0;transition:color .2s ease,border-color .2s ease;width:24px}.subtask-checkbox-button-list-item:hover .subtask-unchecked-icon-list-item{border-color:var(--highlight-color)}.subtask-checkbox-button-list-item:hover .subtask-checked-icon-list-item{color:var(--highlight-color)}body.dark-theme .subtask-checkbox-button-list-item:hover .subtask-unchecked-icon-list-item{border-color:var(--highlight-dark)}body.dark-theme .subtask-checkbox-button-list-item:hover .subtask-checked-icon-list-item{color:var(--highlight-dark)}.subtask-checkbox-button-list-item .subtask-unchecked-icon-list-item{border:2px solid var(--text-secondary);border-radius:50%;box-sizing:border-box;display:inline-block;height:18px;transition:border-color .2s ease;width:18px}.subtask-checkbox-button-list-item .subtask-checked-icon-list-item{height:20px;width:20px}.subtask-title-list-item{color:var(--text-primary);cursor:text;flex-grow:1;line-height:1.3;padding:.1rem 0;word-break:break-word}.subtask-title-edit-list-item{border-color:var(--highlight-color)!important;flex-grow:1;font-size:inherit;height:auto;line-height:1.3;margin:-.2rem -.4rem;padding:.2rem .4rem!important}body.dark-theme .subtask-title-edit-list-item{border-color:var(--highlight-dark)!important}.subtask-delete-button-list-item{align-items:center;background:none!important;border:none!important;border-radius:50%;color:var(--text-secondary)!important;cursor:pointer;display:flex;flex-shrink:0;justify-content:center;opacity:.6;padding:.3rem!important;transition:opacity .2s ease,color .2s ease,background-color .2s ease}.subtask-delete-button-list-item:hover{background-color:var(--danger-bg)!important;color:var(--danger-text)!important;opacity:1}.subtask-delete-button-list-item svg{height:18px;width:18px}.add-subtask-form-list-item{align-items:center;border-top:1px solid var(--accent-color-light);display:flex;gap:.5rem;margin-top:.75rem;padding-top:.75rem}body.dark-theme .add-subtask-form-list-item{border-top-color:var(--accent-dark-light)}.subtask-add-input-list-item{flex-grow:1;font-size:.9em!important;height:auto;padding:.5rem .75rem!important}.add-subtask-form-list-item .button--icon-only.button--extra-small svg{height:20px;width:20px}.no-items-message,.no-subtasks-final{color:var(--text-secondary);font-style:italic;padding:1rem;text-align:center}.archived-tasks-section .task-list-header-final.archived-header{background-color:#f5f5f5;background-color:var(--bg-tertiary);opacity:.9}body.dark-theme .archived-tasks-section .task-list-header-final.archived-header{background-color:var(--bg-dark-tertiary)}.task-list-item-box-final.archived-task{background-color:#fafafa;background-color:var(--card-bg-faded);opacity:.85}body.dark-theme .task-list-item-box-final.archived-task{background-color:var(--card-bg-dark-faded);opacity:.85}.task-list-item-box-final.archived-task .button.button--icon-only.button--extra-small svg{color:var(--highlight-color)}body.dark-theme .task-list-item-box-final.archived-task .button.button--icon-only.button--extra-small svg{color:var(--highlight-dark)}:root{--bg-tertiary:#f5f5f5;--card-bg-faded:#fafafa}body.dark-theme{--bg-dark-tertiary:#2a2a2a;--card-bg-dark-faded:#1e1e1e}.edit-project-form{display:flex;flex-direction:column;gap:1rem;padding:5px}.edit-project-form .form-title{border-bottom:1px solid var(--accent-color-light);color:var(--text-primary);font-size:1.2em;font-weight:500;margin:0 0 10px;padding-bottom:10px}body.dark-theme .edit-project-form .form-title{border-bottom-color:var(--accent-dark-light)}.edit-project-form .error-message{margin-bottom:.5rem}.edit-project-form .form-field label{color:var(--text-secondary);display:block;font-size:.875rem;font-weight:500;margin-bottom:.25rem}.edit-project-form .form-input{margin-top:.25rem}.edit-project-form textarea.form-input{min-height:90px;resize:vertical}.edit-project-form .form-field--checkbox{align-items:center;display:flex;gap:.5rem;margin-top:5px}.edit-project-form .form-field--checkbox input[type=checkbox]{accent-color:var(--highlight-color);cursor:pointer;margin-top:0;width:auto}.edit-project-form .form-field--checkbox label{cursor:pointer;font-size:.9em;font-weight:400;margin-bottom:0}.edit-project-form .text-xs{color:var(--text-secondary);font-size:.75rem;margin-top:-.75rem;opacity:.8;padding-left:.25rem}.edit-project-form .form-actions{border-top:1px solid var(--accent-color);display:flex;gap:.75rem;justify-content:flex-end;margin-top:.5rem;padding-top:1rem}body.dark-theme .edit-project-form .form-actions{border-top-color:var(--accent-dark)}.button.button--danger-outline{align-items:center;background-color:initial;border:1px solid var(--danger-border,var(--danger-text));color:var(--danger-text);display:inline-flex;gap:6px;padding:6px 12px}.button.button--danger-outline:hover:not(:disabled){background-color:var(--danger-bg);color:var(--danger-text-dark)}body.dark-theme .button.button--danger-outline{border-color:var(--danger-text-dark);color:var(--danger-text-dark)}body.dark-theme .button.button--danger-outline:hover:not(:disabled){background-color:var(--danger-bg-dark);color:var(--danger-text)}.card-bg-controls{align-items:flex-start;display:flex;flex-direction:column;gap:10px}.form-field-hint{color:var(--text-secondary);font-size:.8em;margin-bottom:10px;margin-top:-10px}.task-card{background-color:var(--card-bg);border:1px solid var(--accent-color-light);border-radius:6px!important; /* !important */box-shadow:var(--shadow-sm);cursor:grab;padding:12px 15px!important;position:relative;transition:box-shadow .2s ease,border-color .2s ease}body.dark-theme .task-card{background-color:var(--card-bg-dark);border-color:var(--accent-dark)}.task-card:hover{border-color:var(--accent-color);box-shadow:var(--shadow-md)}body.dark-theme .task-card:hover{border-color:var(--accent-dark-light)}.task-card.processing{cursor:grabbing!important;opacity:.6}.task-card-header{cursor:pointer}.task-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-primary);display:-webkit-box;font-size:1.05em!important;font-weight:500;line-height:1.4;overflow:hidden;text-overflow:ellipsis;word-break:break-word}.task-card-body{cursor:pointer;margin-bottom:10px}.task-description{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:var(--text-secondary);display:-webkit-box;font-size:.85em!important; /* !important */line-height:1.5;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:pre-wrap}.task-card-footer{align-items:center;border-top:1px solid var(--accent-color-light);display:flex;justify-content:space-between;margin-top:10px;min-height:22px;padding-top:8px}body.dark-theme .task-card-footer{border-top-color:var(--accent-dark-light)}.task-meta-left,.task-meta-right{align-items:center;display:flex;gap:8px}.task-meta-item{align-items:center;color:var(--text-secondary);display:flex;font-size:.8em!important; /* !important */gap:4px;white-space:nowrap}.task-meta-item svg{flex-shrink:0;height:14px;opacity:.7;width:14px}.task-assignee svg{border-radius:50%;color:var(--text-secondary);height:20px;opacity:.6;width:20px}.task-card.dragging{box-shadow:var(--shadow-lg)!important;cursor:grabbing!important;opacity:.5;transform:scale(1.02)}.task-card.drag-overlay{border-color:var(--highlight-color);box-shadow:0 10px 20px #0003!important;cursor:grabbing!important;transform:scale(1.03)}body.dark-theme .task-card.drag-overlay{border-color:var(--highlight-dark)}.task-card{display:flex;flex-direction:column}.task-card-main-content{flex-grow:1}.task-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.task-title--clickable{-webkit-line-clamp:2;-webkit-box-orient:vertical;border-bottom:1px solid #0000;color:var(--text-primary);cursor:pointer;display:-webkit-box;font-size:1.05em;font-weight:500;line-height:1.4;overflow:hidden;text-overflow:ellipsis;transition:border-color .2s ease;word-break:break-word}.task-title--clickable:hover{border-color:var(--text-primary)}.task-drag-handle{border-radius:4px;color:var(--text-secondary);cursor:grab;margin-left:8px;padding:4px;transition:background-color .2s ease}.task-drag-handle:hover{background-color:var(--accent-color-light)}body.dark-theme .task-drag-handle:hover{background-color:var(--accent-dark-light)}.drag-handle-icon{display:block;height:18px;width:18px}.task-card.dragging-source{opacity:.5}.task-card.drag-overlay-instance{box-shadow:0 10px 20px #0003!important;cursor:grabbing!important;opacity:.95!important}.task-card-final{gap:.75rem;padding:1rem}.task-card-dates-final{font-size:.8em;padding-bottom:.5rem}.task-dates-icon-final{height:15px;opacity:.8;width:15px}.task-date-separator-final{margin:0 .1rem}.task-title-final{font-size:1.05em}.task-description-final{font-size:.9em;line-height:1.45;min-height:2.9em}.task-card-footer-final{flex-shrink:0}.button--extra-small{font-size:.85em!important;line-height:1.2;padding:.3rem .6rem!important}.button--extra-small svg{height:16px;width:16px}.button--icon-only{line-height:0;padding:.4rem!important}.task-assignee-final{align-items:center;display:flex}.task-assignee-avatar-final,.task-assignee-placeholder-final{font-size:.9em}.subtasks-panel-final{padding:.75rem 0 .25rem}.subtask-list-final{gap:.35rem}.subtask-item-final{padding:.15rem 0}.subtask-checkbox-button-final .icon-unchecked{border:1.5px solid var(--accent-color);border-radius:50%;box-sizing:border-box;display:inline-block;height:14px;width:14px}.subtask-checkbox-button-final:hover .icon-unchecked{border-color:var(--highlight-color)}.subtask-checkbox-button-final .icon-checked{color:var(--green-main);height:18px;width:18px}body.dark-theme .subtask-checkbox-button-final .icon-checked{color:var(--green-dark)}.subtask-delete-button-final{opacity:.6}.centered-spinner{display:flex;justify-content:center;padding:1rem}.task-card-final{border-radius:8px;padding:.8rem 1rem}.task-card-final.dragging-source{opacity:.6!important}.task-card-dates-final{font-size:.75em}.task-title-final{-webkit-line-clamp:3;line-height:1.3}.task-description-final{font-size:.85em}.task-card-footer-final{margin-top:.25rem;padding-top:.5rem}.task-actions-final{gap:.5rem}.task-assignee-avatar-final,.task-assignee-placeholder-final{height:26px;width:26px}.task-assignee-placeholder-final svg{height:16px;width:16px}.subtask-list-final{margin:0 0 .5rem;max-height:120px}.subtask-list-final::-webkit-scrollbar{width:4px}.subtask-item-final{font-size:.85em;padding:.2rem 0}.subtask-item-final.completed .subtask-title-final{opacity:.7}.subtask-item-final.completed .subtask-checkbox-button-final .subtask-checked-icon{color:var(--green-main)}body.dark-theme .subtask-item-final.completed .subtask-checkbox-button-final .subtask-checked-icon{color:var(--green-dark)}.subtask-checkbox-button-final{height:20px;width:20px}.subtask-checkbox-button-final .subtask-unchecked-icon{border:2px solid var(--accent-color);border-radius:50%;box-sizing:border-box;display:inline-block;height:15px;transition:border-color .2s ease;width:15px}.subtask-checkbox-button-final:hover .subtask-unchecked-icon{border-color:var(--highlight-color)}.subtask-checkbox-button-final .subtask-checked-icon{height:18px;width:18px}.add-subtask-form-final{margin-top:.5rem;padding-top:.5rem}.subtask-add-input-final{font-size:.85em!important}.task-card-final{background-color:var(--card-bg);border:1px solid var(--accent-color-light);border-radius:10px;box-shadow:var(--shadow-md);display:flex;flex-direction:column;gap:.6rem;padding:.9rem 1.1rem;transition:box-shadow var(--transition-speed) ease,border-color var(--transition-speed) ease,transform var(--transition-speed) ease}body.dark-theme .task-card-final{background-color:var(--card-bg-dark);border-color:var(--accent-dark)}.task-card-final:hover:not(.dragging-source):not(.not-owner){border-color:var(--accent-color);box-shadow:var(--shadow-lg)}body.dark-theme .task-card-final:hover:not(.dragging-source):not(.not-owner){border-color:var(--accent-dark-light)}.task-card-final.processing{opacity:.7}.task-card-final.dragging-source{opacity:.5!important;transform:scale(.98)}.task-card-dates-final{align-items:center;border-bottom:1px dashed var(--accent-color-light);color:var(--text-secondary);display:flex;font-size:.78em;gap:.4rem;padding-bottom:.4rem}body.dark-theme .task-card-dates-final{border-bottom-color:var(--accent-dark-light)}.task-dates-icon-final{flex-shrink:0;height:14px;margin-right:.1rem;opacity:.7;width:14px}.task-date-final{white-space:nowrap}.task-date-separator-final{margin:0 .2rem;opacity:.7}.task-title-final{color:var(--text-primary);font-size:1em;font-weight:600;line-height:1.35;word-break:break-word}.task-description-final,.task-title-final{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;margin:0;overflow:hidden;text-overflow:ellipsis}.task-description-final{color:var(--text-secondary);font-size:.875em;line-height:1.4;min-height:2.8em;white-space:pre-wrap}.task-card-footer-final{align-items:center;border-top:1px solid var(--accent-color-light);display:flex;justify-content:space-between;margin-top:.5rem;padding-top:.6rem}body.dark-theme .task-card-footer-final{border-top-color:var(--accent-dark-light)}.task-actions-final{align-items:center;display:flex;gap:.4rem}.task-actions-final .button--extra-small svg{height:16px;width:16px}.task-assignee-avatar-final,.task-assignee-placeholder-final{align-items:center;background-color:var(--accent-color-light);border-radius:50%;color:var(--text-secondary);display:flex;font-size:.8em;height:28px;justify-content:center;object-fit:cover;width:28px}.task-assignee-placeholder-final svg{height:18px;width:18px}.subtasks-panel-final{background-color:initial;border-top:1px dashed var(--accent-color-light);margin-top:.75rem;padding-top:.75rem}body.dark-theme .subtasks-panel-final{border-top-color:var(--accent-dark-light)}.subtask-list-final{display:flex;flex-direction:column;gap:.4rem;list-style:none;margin:0 0 .75rem;max-height:130px;overflow-y:auto;padding:0 5px 0 0}.subtask-list-final::-webkit-scrollbar{width:5px}.subtask-list-final::-webkit-scrollbar-thumb{background-color:var(--accent-color)}body.dark-theme .subtask-list-final::-webkit-scrollbar-thumb{background-color:var(--accent-dark)}.subtask-item-final{align-items:center;color:var(--text-secondary);display:flex;font-size:.875em;gap:.5rem;padding:.25rem .1rem}.subtask-item-final.completed .subtask-title-final{color:var(--text-secondary);opacity:.6;text-decoration:line-through}.subtask-item-final.completed .subtask-checkbox-button-final .subtask-checked-icon-final{color:var(--green-main)}body.dark-theme .subtask-item-final.completed .subtask-checkbox-button-final .subtask-checked-icon-final{color:var(--green-dark)}.subtask-checkbox-button-final{align-items:center;background:none;border:none;color:var(--text-secondary);cursor:pointer;display:flex;flex-shrink:0;height:22px;justify-content:center;padding:0;transition:color .2s ease;width:22px}.subtask-checkbox-button-final:hover{color:var(--highlight-color)}body.dark-theme .subtask-checkbox-button-final:hover{color:var(--highlight-dark)}.subtask-checkbox-button-final .subtask-unchecked-icon-final{border:2px solid var(--accent-color);border-radius:50%;box-sizing:border-box;display:inline-block;height:16px;transition:border-color .2s ease;width:16px}.subtask-checkbox-button-final:hover .subtask-unchecked-icon-final{border-color:var(--highlight-color)}.subtask-checkbox-button-final .subtask-checked-icon-final{height:18px;width:18px}.subtask-title-final{color:var(--text-primary);cursor:text;flex-grow:1;line-height:1.3;word-break:break-word}.subtask-title-edit-final{border-color:var(--highlight-color)!important;flex-grow:1;font-size:.875em;height:auto;line-height:1.3;margin:-.1rem -.3rem;padding:.1rem .3rem!important}.subtask-delete-button-final{background:none!important;border:none!important;color:var(--text-secondary)!important;flex-shrink:0;opacity:.5;padding:.2rem!important;transition:opacity .2s ease,color .2s ease}.subtask-delete-button-final:hover{color:var(--danger-text)!important;opacity:1}.subtask-delete-button-final svg{height:14px;width:14px}.no-subtasks-final{color:var(--text-secondary);font-size:.8em;font-style:italic;padding:.5rem 0;text-align:center}.add-subtask-form-final{border-top:1px solid var(--accent-color-light);display:flex;gap:.5rem;margin-top:.75rem;padding-top:.75rem}body.dark-theme .add-subtask-form-final{border-top-color:var(--accent-dark-light)}.subtask-add-input-final{flex-grow:1;font-size:.875em!important;height:auto;padding:.4rem .6rem!important}.spinner.tiny-spinner.centered-spinner{display:flex;justify-content:center;padding:1rem}:root,body.dark-theme{--accent-dark-light:#ffffff1a}.task-columns-container{display:flex;flex-grow:1;gap:15px;min-height:300px;overflow-x:auto;padding:10px 5px 10px 0}.task-column{display:flex;flex:0 0 300px;flex-direction:column}.task-column--uncategorized{opacity:.7}.task-column-title{align-items:center;color:#666;color:var(--text-secondary);display:flex;font-size:1em!important;font-weight:600;justify-content:space-between;margin-bottom:5px;padding:5px 8px}.task-count{font-size:.9em;font-weight:400;opacity:.8}.task-column-line{background-color:#0000001a;background-color:var(--accent-color-light);border-radius:1px;height:2px;margin-bottom:15px}body.dark-theme .task-column-line{background-color:#ffffff1a;background-color:var(--accent-dark-light)}.task-list{display:flex;flex-direction:column;flex-grow:1;gap:10px;min-height:50px;padding-bottom:10px}.no-tasks-in-column{font-size:.9em;font-style:italic;opacity:.7;padding:20px}.loading-placeholder,.no-tasks-in-column{color:#666;color:var(--text-secondary);text-align:center}.loading-placeholder{padding:30px}.project-header-container{align-items:stretch;background-color:var(--bg-secondary);background-position:50%;background-size:cover;border-radius:0 0 15px 15px!important;color:var(--text-primary);display:flex;flex-direction:column;margin-bottom:30px;min-height:250px!important;overflow:hidden;padding:0!important;position:relative;transition:background-color .3s ease,background-image .3s ease}.project-header-loading{align-items:center;color:var(--text-secondary);display:flex;justify-content:center;min-height:250px!important}.project-header-container.gradient-default{background-color:var(--bg-secondary);background-image:none}body.dark-theme .project-header-container.gradient-default{background-color:var(--card-bg-dark);background-image:none}.project-header-container.gradient-yellow-white{background-image:linear-gradient(135deg,#fff1c7,#fff)}.project-header-container.gradient-red-white{background-image:linear-gradient(135deg,#ffebee,#fff)}.project-header-container.gradient-blue-white{background-image:linear-gradient(135deg,#e3f2fd,#fff)}.project-header-container.gradient-purple-white{background-image:linear-gradient(135deg,#f3e5f5,#fff)}body.dark-theme .project-header-container.gradient-yellow-white{background-image:linear-gradient(135deg,#4d4432 0,var(--card-bg-dark) 90%)}body.dark-theme .project-header-container.gradient-red-white{background-image:linear-gradient(135deg,#4d3232 0,var(--card-bg-dark) 90%)}body.dark-theme .project-header-container.gradient-blue-white{background-image:linear-gradient(135deg,#2a3a4a 0,var(--card-bg-dark) 90%)}body.dark-theme .project-header-container.gradient-purple-white{background-image:linear-gradient(135deg,#4a2a4a 0,var(--card-bg-dark) 90%)}body.dark-theme .project-header-container.gradient-gray-yellow{background-image:linear-gradient(135deg,#4d4432 0,var(--card-bg-dark) 90%)}body.dark-theme .project-header-container.gradient-gray-red{background-image:linear-gradient(135deg,#4d3232 0,var(--card-bg-dark) 90%)}.project-header-title{background-color:initial!important;color:var(--text-primary);display:inline-block;font-size:1.8em!important;font-weight:600;line-height:1.2;margin:0;max-width:calc(100% - 120px);padding:25px 35px 15px!important;position:relative;width:auto;word-break:break-word;z-index:2}.project-header-container:not(.gradient-default):not(.gradient--white) .project-header-title,body.dark-theme .project-header-container .project-header-title{color:#fff!important;text-shadow:0 1px 3px #0006}.project-header-content{align-items:flex-end;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background-color:#00000026;border:1px solid #ffffff1a;border-radius:8px 8px 0 0;box-sizing:border-box;color:inherit;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-top:auto;padding:10px 25px!important;position:relative;width:100%;z-index:1}.project-header-container.gradient--white:not(body.dark-theme *) .project-header-content,.project-header-container.gradient-default .project-header-content{backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background-color:#ffffffb3!important;border:1px solid #00000014;color:var(--text-primary)!important;text-shadow:none!important}body.dark-theme .project-header-container.gradient-default .project-header-content{background-color:#1a1a1a66!important;border:1px solid #ffffff14}.header-main-info{display:flex;flex-direction:column;flex-grow:1;gap:8px}.project-creation-date{align-items:center;background-color:initial!important;border:none;border-radius:0;color:inherit;display:inline-flex;font-size:.9em!important;gap:6px;opacity:.9;padding:0!important;white-space:nowrap}.meta-icon{flex-shrink:0;height:14px;opacity:.7;width:14px}.project-priority-text-container{align-items:center;background-color:initial!important;border:none;color:inherit;display:inline-flex;gap:6px;height:auto;padding:0!important;position:relative;width:fit-content}.project-priority-text-container.updating{cursor:progress;opacity:.6}.project-priority-text-container.disabled{cursor:default;opacity:.7}.project-priority-text-container:not(.disabled){cursor:pointer}.priority-text-wrapper{align-items:baseline;background-color:initial;border-radius:4px;display:inline-flex;gap:5px;padding:3px 8px!important;transition:background-color .2s ease}.project-header-container:not(.gradient-default):not(.gradient--white) .priority-text-wrapper,body.dark-theme .project-header-container .priority-text-wrapper{background-color:#0006!important}.project-header-container.gradient--white:not(body.dark-theme *) .priority-text-wrapper,.project-header-container.gradient-default .priority-text-wrapper{background-color:#fffc!important}body.dark-theme .project-header-container.gradient-default .priority-text-wrapper{background-color:#ffffff14!important}.priority-text-label{font-size:.9em!important;font-weight:500;opacity:.85;white-space:nowrap}.priority-value-text{background:none;border:none;color:inherit;cursor:pointer;font-size:.9em!important;font-weight:600;margin-left:4px;opacity:1;padding:0;-webkit-text-decoration:underline dashed 1px;text-decoration:underline dashed 1px;transition:color .2s ease,opacity .2s ease,filter .2s ease}.priority-value-text:disabled{cursor:not-allowed;opacity:.7;text-decoration:none}.priority-value-text:not(:disabled):hover{filter:brightness(1.2);-webkit-text-decoration:underline solid 1px;text-decoration:underline solid 1px}.priority-error-indicator{color:var(--danger-text);cursor:help;height:16px;margin-left:5px;width:16px}.inline-spinner{animation:spin .6s linear infinite;border:2px solid;border-radius:50%;border-top:2px solid #0000;height:16px;margin-left:5px;opacity:.7;width:16px}.project-header-progress{background-color:initial!important;border:none;color:inherit;margin-top:5px;opacity:.9;padding:0!important}.progress-wrapper,.project-header-progress{align-items:center;display:flex;gap:10px;width:100%}.progress-wrapper{background-color:initial;border-radius:6px;max-width:250px!important;padding:5px 10px!important;transition:background-color .2s ease}.project-header-container:not(.gradient-default):not(.gradient--white) .progress-wrapper,body.dark-theme .project-header-container .progress-wrapper{background-color:#00000059!important}body.dark-theme .project-header-container:not(.gradient-default) .progress-wrapper{background-color:#00000073!important}.project-header-container.gradient--white:not(body.dark-theme *) .progress-wrapper,.project-header-container.gradient-default .progress-wrapper{background-color:#fffc!important}body.dark-theme .project-header-container.gradient-default .progress-wrapper{background-color:#ffffff14!important}.project-header-progress .progress-text{font-size:.8em!important;font-weight:500;order:1;white-space:nowrap}.project-header-progress .progress-bar{background-color:#8080804d;border-radius:4px;flex-grow:1;height:8px!important;order:2;overflow:hidden}.project-header-progress .progress-bar__inner{background-color:currentColor;border-radius:4px;height:100%;opacity:.7;transition:width .4s ease-out}.project-header-container:not(.gradient-default):not(.gradient--white) .project-header-progress .progress-bar,body.dark-theme .project-header-container .project-header-progress .progress-bar{background-color:#fff3}.project-header-container.gradient--white:not(body.dark-theme *) .project-header-progress .progress-bar__inner,.project-header-container.gradient-default .project-header-progress .progress-bar__inner{background-color:var(--highlight-color)!important;opacity:1}body.dark-theme .project-header-container.gradient-default .project-header-progress .progress-bar__inner{background-color:var(--highlight-dark)!important;opacity:1}.header-actions{flex-shrink:0}.header-action-buttons,.header-actions{align-items:flex-end;display:flex;flex-direction:column;gap:10px}.header-action-buttons .button{align-items:center;background-color:#ffffff26!important;border:1px solid #ffffff4d!important;border-radius:6px!important;color:inherit;cursor:pointer;display:inline-flex;font-size:.95em!important;font-weight:500;justify-content:center;line-height:1.2;padding:8px 18px!important;transition:background-color .2s ease,border-color .2s ease,color .2s ease,transform .1s ease,box-shadow .2s ease;white-space:nowrap;width:auto}.header-action-buttons .button:hover:not(:disabled){background-color:#ffffff40!important;border-color:#ffffff80!important;box-shadow:var(--shadow-sm);transform:translateY(-1px)}.header-action-buttons .button:active:not(:disabled){box-shadow:none;transform:scale(.98)}.project-header-container.gradient--white:not(body.dark-theme *) .header-action-buttons .button,.project-header-container.gradient-default .header-action-buttons .button{background-color:var(--button-secondary-bg)!important;border-color:var(--button-secondary-border)!important;color:var(--button-secondary-text)!important}.project-header-container.gradient--white:not(body.dark-theme *) .header-action-buttons .button:hover:not(:disabled),.project-header-container.gradient-default .header-action-buttons .button:hover:not(:disabled){background-color:color-mix(in srgb,var(--button-secondary-bg) 90%,#000)!important;border-color:color-mix(in srgb,var(--button-secondary-border) 80%,#000)!important;box-shadow:var(--shadow-sm);transform:translateY(-1px)}.button-icon--inline{height:1em;margin-right:.4em;vertical-align:middle;width:1em}.button-change-gradient{align-items:center;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);background-color:rgba(var(--card-bg-rgb),.3);border:1px solid rgba(var(--text-primary-rgb),.2);border-radius:50%!important;color:var(--text-primary);cursor:pointer;display:flex;height:34px!important;justify-content:center;padding:5px!important;position:absolute;right:25px;top:20px;transition:background-color .2s ease,border-color .2s ease,color .2s ease,transform .1s ease;width:34px!important;z-index:1002}.button-change-gradient:hover{background-color:rgba(var(--card-bg-rgb),.5);border-color:rgba(var(--text-primary-rgb),.4);transform:scale(1.1)}body.dark-theme .button-change-gradient{background-color:rgba(var(--card-bg-dark-rgb),.3);border-color:#fff3;color:#fff}body.dark-theme .button-change-gradient:hover{background-color:rgba(var(--card-bg-dark-rgb),.5);border-color:#fff6}.button-change-gradient svg{height:18px;width:18px}.gradient-picker{backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;background-color:#282c34e6!important;background-color:rgba(var(--card-bg-dark-rgb,40,44,52),.9)!important;border:1px solid #fff3!important;border-radius:8px;box-shadow:var(--shadow-md)!important;color:#fff!important;padding:15px!important;position:absolute;right:25px;top:62px;width:260px;z-index:1001}.gradient-picker-title{color:#fffc!important;font-size:.9em;font-weight:500;margin:0 0 15px;text-align:center}.gradient-picker-close{background:none;border:none;color:#fff9!important;cursor:pointer;line-height:0;opacity:.8;padding:4px;position:absolute;right:8px;top:8px;transition:opacity .2s ease,color .2s ease}.gradient-picker-close:hover{color:#fff!important;opacity:1}.gradient-picker-close svg{height:16px;width:16px}.gradient-swatches{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(40px,1fr))}.gradient-swatch{align-items:center;aspect-ratio:1/1;background-position:50%;background-size:cover;border:2px solid #0000!important;border-radius:6px;box-shadow:0 1px 3px #0003;color:#fff;cursor:pointer;display:flex;font-size:1.1em;justify-content:center;position:relative;transition:border-color .2s ease,transform .15s ease,box-shadow .2s ease;width:100%}.gradient-swatch.gradient-default{background-color:var(--bg-secondary);border-color:#8080804d!important}body.dark-theme .gradient-swatch.gradient-default{background-color:var(--card-bg-dark);border-color:#ffffff1a!important}.gradient-swatch.gradient-yellow-white{background-image:linear-gradient(135deg,#fff1c7,#fff 80%)}.gradient-swatch.gradient-red-white{background-image:linear-gradient(135deg,#ffebee,#fff 80%)}.gradient-swatch.gradient-blue-white{background-image:linear-gradient(135deg,#e3f2fd,#fff 80%)}.gradient-swatch.gradient-purple-white{background-image:linear-gradient(135deg,#f3e5f5,#fff 80%)}body.dark-theme .gradient-swatch.gradient-yellow-white{background-image:linear-gradient(135deg,#4d4432 0,var(--card-bg-dark) 90%)}body.dark-theme .gradient-swatch.gradient-red-white{background-image:linear-gradient(135deg,#4d3232 0,var(--card-bg-dark) 90%)}body.dark-theme .gradient-swatch.gradient-blue-white{background-image:linear-gradient(135deg,#2a3a4a 0,var(--card-bg-dark) 90%)}body.dark-theme .gradient-swatch.gradient-purple-white{background-image:linear-gradient(135deg,#4a2a4a 0,var(--card-bg-dark) 90%)}body.dark-theme .gradient-swatch.gradient-gray-yellow{background-image:linear-gradient(135deg,#4d4432 0,var(--card-bg-dark) 90%)}body.dark-theme .gradient-swatch.gradient-gray-red{background-image:linear-gradient(135deg,#4d3232 0,var(--card-bg-dark) 90%)}.gradient-swatch:hover{border-color:#fffc!important;transform:scale(1.05)}.gradient-swatch.selected{border-color:#fff!important;box-shadow:0 0 0 3px #ffffffb3;transform:scale(1.05)}.swatch-checkmark{display:block;font-weight:700;text-shadow:0 0 2px #00000080}.sr-only{clip:rect(1px,1px,1px,1px)!important;border:0!important;clip-path:inset(50%)!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;white-space:nowrap!important;width:1px!important}.task-detail-modal{padding:20px 25px}.task-detail-modal .modal-title{border-bottom:1px solid var(--accent-color);color:var(--text-primary);font-size:1.4em;font-weight:600;margin:0 0 15px;overflow-wrap:break-word;padding-bottom:10px;word-break:break-word}body.dark-theme .task-detail-modal .modal-title{border-bottom-color:var(--accent-dark)}.task-detail-modal .modal-body{font-size:.95em;line-height:1.6;margin-bottom:20px}.detail-section{margin-bottom:15px}.detail-section:last-child{margin-bottom:0}.detail-label{color:var(--text-primary);display:block;font-size:.9em;font-weight:500;margin-bottom:3px}.detail-value{color:var(--text-secondary)}.detail-value-block{background-color:var(--bg-secondary);border:1px solid var(--accent-color-light);border-radius:4px;margin-top:2px;padding:8px 10px}body.dark-theme .detail-value-block{background-color:var(--accent-dark);border-color:var(--accent-dark-light)}.description-block p{margin:0}.description-block p,body.dark-theme .description-block p{color:var(--text-primary)}.description-block .text-placeholder{color:var(--text-secondary)}.detail-section.grid{border-top:1px solid var(--accent-color-light);margin-top:10px;padding-top:10px}body.dark-theme .detail-section.grid{border-top-color:var(--accent-dark-light)}.detail-field .detail-label{font-size:.85em;margin-bottom:2px}.detail-field .detail-value,.detail-field .status-badge{font-size:.9em}.status-badge{background-color:var(--bg-secondary);border:1px solid var(--accent-color-light);border-radius:12px;color:var(--text-secondary);display:inline-block;font-size:.75em;font-weight:500;line-height:1.4;padding:2px 8px;text-transform:capitalize}.status-badge--todo{background-color:#9e9e9e1a;border-color:#9e9e9e4d;color:#616161}body.dark-theme .status-badge--todo{background-color:#9e9e9e33;border-color:#9e9e9e66;color:#bdbdbd}.status-badge--inprogress{background-color:#03a9f41a;border-color:#03a9f44d;color:#0277bd}body.dark-theme .status-badge--inprogress{background-color:#03a9f433;border-color:#03a9f466;color:#4fc3f7}.status-badge--done{background-color:#4caf501a;border-color:#4caf504d;color:#2e7d32}body.dark-theme .status-badge--done{background-color:#4caf5033;border-color:#4caf5066;color:#81c784}.task-id-display{border-top:1px dashed var(--accent-color-light);color:var(--text-secondary);font-size:.75em;margin-top:15px;opacity:.7;padding-top:10px;text-align:center}body.dark-theme .task-id-display{border-top-color:var(--accent-dark-light)}.modal-actions{align-items:center;border-top:1px solid var(--accent-color);justify-content:space-between;margin-top:15px;padding-top:15px}body.dark-theme .modal-actions{border-top-color:var(--accent-dark)}.edit-task-form{display:flex;flex-direction:column;gap:1rem;padding:10px 5px 5px}.edit-task-form .form-title{border-bottom:1px solid var(--accent-color-light);color:var(--text-primary);font-size:1.2em;font-weight:500;margin:0 0 10px;padding-bottom:10px}body.dark-theme .edit-task-form .form-title{border-bottom-color:var(--accent-dark-light)}.edit-task-form .error-message{margin-bottom:.5rem}.edit-task-form .form-field label{color:var(--text-secondary);display:block;font-size:.875rem;font-weight:500;margin-bottom:.25rem}.edit-task-form .form-input{margin-top:.25rem}.edit-task-form textarea.form-input{min-height:90px;resize:vertical}.edit-task-form .form-date-fields{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr}@media (min-width:500px){.edit-task-form .form-date-fields{grid-template-columns:repeat(2,minmax(0,1fr))}}.edit-task-form .form-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:.5rem;padding-top:1rem}.project-switcher-popover{background-color:var(--card-bg);border:1px solid var(--accent-color);border-radius:12px;box-shadow:var(--shadow-lg);color:var(--text-primary);max-width:300px;min-width:220px;padding:.8rem;position:fixed;z-index:1040}body.dark-theme .project-switcher-popover{background-color:var(--card-bg-dark);border-color:var(--accent-dark-light);color:var(--text-primary);color:var(--text-primary-dark,var(--text-primary))}.popover-title{border-bottom:1px solid var(--accent-color-light);color:var(--text-secondary);font-size:.85em;font-weight:600;letter-spacing:.05em;margin:0 0 .75rem;padding:0 .25rem .5rem;text-transform:uppercase}body.dark-theme .popover-title{border-bottom-color:var(--accent-dark-light)}.popover-project-list{list-style:none;margin:0;max-height:280px;overflow-y:auto;padding:0}.popover-project-list::-webkit-scrollbar{width:6px}.popover-project-list::-webkit-scrollbar-track{background:#0000;margin:2px 0}.popover-project-list::-webkit-scrollbar-thumb{background-color:var(--accent-color);border-radius:3px}body.dark-theme .popover-project-list::-webkit-scrollbar-thumb{background-color:var(--accent-dark)}.popover-project-item{margin-bottom:.15rem}.popover-project-item:last-child{margin-bottom:0}.popover-project-link{background-color:initial;border:none;border-radius:6px;color:var(--text-primary);cursor:pointer;display:block;font-size:.9em;font-weight:400;overflow:hidden;padding:.5rem .75rem;text-align:left;text-overflow:ellipsis;transition:background-color var(--transition-speed) ease,color var(--transition-speed) ease;white-space:nowrap;width:100%}.popover-project-item.current .popover-project-link{background-color:var(--highlight-color-light);color:var(--highlight-color);cursor:default;font-weight:500}body.dark-theme .popover-project-item.current .popover-project-link{background-color:var(--highlight-dark-light);color:var(--highlight-dark)}.popover-project-link:not(:disabled):hover{background-color:var(--bg-secondary)}body.dark-theme .popover-project-link:not(:disabled):hover{background-color:var(--accent-dark)}.popover-project-link:disabled{cursor:default;opacity:.7}.popover-no-projects{color:var(--text-secondary);font-size:.85em;font-style:italic;padding:.75rem .5rem;text-align:center}.popover-actions-footer{border-top:1px solid var(--accent-color-light);margin-top:.75rem;padding-top:.75rem}body.dark-theme .popover-actions-footer{border-top-color:var(--accent-dark-light)}.popover-all-projects-link{align-items:center;background-color:initial;border:none;border-radius:6px;color:var(--text-primary);cursor:pointer;display:flex;font-size:.9em;font-weight:500;padding:.5rem .6rem;text-align:left;transition:background-color var(--transition-speed) ease,color var(--transition-speed) ease;width:100%}.popover-all-projects-link:hover{background-color:var(--bg-secondary)}body.dark-theme .popover-all-projects-link:hover{background-color:var(--accent-dark)}.popover-action-icon{height:16px;margin-right:.5rem;opacity:.8;width:16px}.project-left-sidebar{align-items:center;background-color:var(--card-bg);border-radius:16px;box-shadow:var(--shadow-md);display:flex;flex-direction:column;gap:25px;left:15px;max-height:90vh;padding:20px 0;position:fixed;top:50%;transform:translateY(-50%);transition:background-color var(--transition-speed) ease;width:70px;z-index:1030}body.dark-theme .project-left-sidebar{background-color:var(--card-bg-dark)}.sidebar-logo-link{color:var(--highlight-color);display:block;font-size:1.5em;font-weight:700;line-height:1;padding:5px 0;text-align:center;text-decoration:none;width:100%}body.dark-theme .sidebar-logo-link{color:var(--highlight-dark)}.sidebar-logo-link:hover{opacity:.8}.project-sidebar-nav{width:100%}.project-sidebar-nav ul{align-items:center;display:flex;flex-direction:column;gap:12px;list-style:none;margin:0;padding:0;width:100%}.project-sidebar-nav li{width:auto}.nav-item,.project-sidebar-nav li{display:flex;justify-content:center}.nav-item{align-items:center;background-color:var(--bg-secondary);border:1px solid var(--accent-color-light);border-radius:12px;box-shadow:var(--shadow-sm);box-sizing:border-box;color:var(--text-secondary);height:48px;margin:0;overflow:hidden;padding:0;text-decoration:none;transition:background-color .2s ease,color .2s ease,box-shadow .2s ease,border-color .2s ease;width:48px}body.dark-theme .nav-item{background-color:var(--accent-dark);border-color:var(--accent-dark-light);color:var(--text-secondary)}.nav-item:hover{background-color:var(--accent-color-light);box-shadow:var(--shadow-md);color:var(--text-primary)}body.dark-theme .nav-item:hover{background-color:var(--accent-dark-light);color:var(--text-primary);color:var(--text-primary-dark,var(--text-primary))}.nav-item.active{background-color:var(--highlight-color)!important;border-color:var(--highlight-color)!important;box-shadow:0 0 8px color-mix(in srgb,var(--highlight-color) 40%,#0000);color:#fff!important}body.dark-theme .nav-item.active{background-color:var(--highlight-dark)!important;border-color:var(--highlight-dark)!important;box-shadow:0 0 8px color-mix(in srgb,var(--highlight-dark) 40%,#0000);color:var(--button-text)!important}.nav-icon{stroke-width:1.5;flex-shrink:0;height:24px;width:24px}.sidebar-spacer{flex-grow:1}.sidebar-bottom-controls{align-items:center;border-top:1px solid var(--accent-color-light);display:flex;flex-direction:column;gap:10px;padding-top:1rem;width:100%}body.dark-theme .sidebar-bottom-controls{border-top-color:var(--accent-dark-light)}.sidebar-link-text-final,.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.sidebar-link-wrapper-final{display:flex;justify-content:center;position:relative;width:100%}.date-range-modal-container{border-radius:.5rem;max-width:28rem;padding:1.25rem;width:90%}.modal-header-title{font-size:1.125rem}.modal-calendar-header{margin-bottom:.75rem}.modal-nav-button{border:1px solid var(--accent-color);border-radius:.25rem;padding:.25rem .5rem;transition:background-color .2s ease}body.dark-theme .modal-nav-button{border-color:var(--accent-dark)}.modal-calendar-title{font-weight:600}.modal-weekdays{grid-template-columns:repeat(7,minmax(0,1fr));margin-bottom:.25rem}.modal-weekday-header{font-size:.75rem}.modal-grid{grid-template-columns:repeat(7,minmax(0,1fr))}.modal-day-cell{font-size:.875rem;height:2.5rem;transition:background-color .1s ease}.modal-grid .modal-day-cell{border-left-width:0;border-top-width:0}.modal-grid .modal-day-cell:nth-child(7n+1){border-left-width:1px}.modal-weekdays+.modal-grid .modal-day-cell{border-top-width:1px}.modal-day-cell.outside-month{background-color:var(--bg-secondary)!important;color:var(--text-disabled)!important;cursor:default}body.dark-theme .modal-day-cell.outside-month{background-color:var(--accent-dark)!important}.modal-day-cell.can-select:hover{background-color:var(--blue-light)}body.dark-theme .modal-day-cell.can-select:hover{background-color:var(--blue-dark)}.modal-day-cell.selected-end,.modal-day-cell.selected-start{background-color:var(--blue-main)!important; /* !text-white */ /* !bg-blue-500 */z-index:1}.modal-day-cell.selected-start{border-bottom-left-radius:50%;border-top-left-radius:50%}.modal-day-cell.selected-end{border-bottom-right-radius:50%;border-top-right-radius:50%}.modal-day-cell.in-range{background-color:var(--blue-light)!important;border-radius:0!important}body.dark-theme .modal-day-cell.in-range{background-color:rgba(var(--blue-rgb),.2)!important}.modal-day-cell.hover-range{background-color:var(--blue-light)!important}body.dark-theme .modal-day-cell.hover-range{background-color:rgba(var(--blue-rgb),.2)!important}.modal-actions button{border:1px solid var(--accent-color);border-radius:.25rem;padding:.5rem 1rem;transition:background-color .2s ease}.modal-actions .button-cancel{color:var(--text-secondary)}.modal-actions .button-cancel:hover{background-color:var(--bg-secondary)}body.dark-theme .modal-actions .button-cancel{border-color:var(--accent-dark);color:var(--text-secondary)}body.dark-theme .modal-actions .button-cancel:hover{background-color:var(--accent-dark-light)}.modal-actions .button-apply{background-color:var(--blue-main);border-color:var(--blue-main);color:#fff}.modal-actions .button-apply:hover:not(:disabled){background-color:var(--blue-dark);border-color:var(--blue-dark)}.date-range-modal-overlay{align-items:center;background-color:#0009;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1050}.date-range-modal-container{background-color:var(--card-bg);border:1px solid var(--accent-color-light);border-radius:8px;box-shadow:var(--shadow-xl);color:var(--text-primary);max-width:360px;padding:20px 25px;width:100%}body.dark-theme .date-range-modal-container{background-color:var(--card-bg-dark);border-color:var(--accent-dark)}.modal-header-title{font-size:1.1em;font-weight:600;margin-bottom:1rem;text-align:center}.modal-calendar-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.modal-nav-button{background:none;border:none;border-radius:4px;color:var(--text-secondary);cursor:pointer;padding:5px;transition:background-color .2s ease,color .2s ease}.modal-nav-button:hover{background-color:var(--accent-color-light);color:var(--text-primary)}body.dark-theme .modal-nav-button:hover{background-color:var(--accent-dark-light)}.modal-nav-button svg{display:block;height:18px;width:18px}.modal-calendar-title{font-size:1em;font-weight:500}.modal-weekdays{display:grid;grid-template-columns:repeat(7,1fr);margin-bottom:5px;text-align:center}.modal-weekday-header{color:var(--text-secondary);font-size:.75em;font-weight:500;padding:4px 0}.modal-grid{display:grid;grid-template-columns:repeat(7,1fr)}.modal-day-cell{align-items:center;background-color:initial;border:1px solid var(--accent-color-light);color:var(--text-primary);cursor:pointer;display:flex;font-size:.85em;height:36px;justify-content:center;position:relative;transition:background-color .1s ease,color .1s ease,border-color .1s ease}body.dark-theme .modal-day-cell{border-color:var(--accent-dark)}.modal-grid .modal-day-cell{margin-left:-1px;margin-top:-1px}.modal-grid{border-left:1px solid var(--accent-color-light);border-top:1px solid var(--accent-color-light)}body.dark-theme .modal-grid{border-left-color:var(--accent-dark);border-top-color:var(--accent-dark)}.modal-day-cell.disabled,.modal-day-cell.outside-month{background-color:var(--bg-secondary)!important;color:var(--text-disabled)!important;cursor:default}body.dark-theme .modal-day-cell.disabled,body.dark-theme .modal-day-cell.outside-month{background-color:var(--accent-dark)!important}.modal-day-cell.can-select:hover{background-color:var(--accent-color-light)}body.dark-theme .modal-day-cell.can-select:hover{background-color:var(--accent-dark-light)}.modal-day-cell.selected-end,.modal-day-cell.selected-start{background-color:var(--highlight-color)!important;border-color:var(--highlight-color)!important;color:#fff!important;font-weight:600;z-index:2}.modal-day-cell.selected-start{border-bottom-left-radius:18px;border-top-left-radius:18px}.modal-day-cell.selected-end{border-bottom-right-radius:18px;border-top-right-radius:18px}.modal-day-cell.hover-range,.modal-day-cell.in-range{background-color:var(--highlight-color-light)!important;border-color:var(--highlight-color-light)!important;border-radius:0!important;color:var(--highlight-color-hover);z-index:1}body.dark-theme .modal-day-cell.hover-range,body.dark-theme .modal-day-cell.in-range{background-color:rgba(var(--highlight-dark-rgb),.2)!important;border-color:rgba(var(--highlight-dark-rgb),.2)!important}.modal-day-number{position:relative;z-index:3}.modal-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:1.25rem}.modal-actions .button-apply:disabled{cursor:not-allowed;opacity:.5}.calendar-container-final{background-color:var(--card-bg);border-radius:12px;box-shadow:var(--shadow-lg);margin:2rem auto;max-width:500px;padding:1.25rem}body.dark-theme .calendar-container-final{background-color:var(--card-bg-dark)}.calendar-header-modern{align-items:center;border-bottom:1px solid var(--accent-color-light);display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:.75rem}body.dark-theme .calendar-header-modern{border-bottom-color:var(--accent-dark-light)}.calendar-title-modern{color:var(--text-primary);font-size:1.25em;font-weight:600}.calendar-navigation-modern{align-items:center;display:flex;gap:.4rem;left:50%;position:absolute;transform:translateX(-50%)}.calendar-nav-button-modern{align-items:center;background-color:var(--bg-secondary);border:1px solid var(--accent-color-light);border-radius:50%;box-shadow:var(--shadow-sm);color:var(--text-primary);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.calendar-nav-button-modern:hover:not(:disabled){background-color:var(--accent-color-light);border-color:var(--accent-color);box-shadow:var(--shadow-md)}.calendar-nav-button-modern:disabled{box-shadow:none;cursor:not-allowed;opacity:.5}.calendar-nav-button-modern svg{height:16px;width:16px}body.dark-theme .calendar-nav-button-modern{background-color:var(--accent-dark);border-color:var(--accent-dark-light);color:var(--text-primary);color:var(--text-primary-dark,var(--text-primary))}body.dark-theme .calendar-nav-button-modern:hover:not(:disabled){background-color:var(--accent-dark-light);border-color:var(--grey-light)}.calendar-range-controls-modern{align-items:center;display:flex;gap:.5rem;margin-left:auto}.calendar-range-button-modern{background-color:var(--bg-secondary);border:1px solid var(--accent-color);border-radius:6px;cursor:pointer;font-size:.8em;padding:.4rem .7rem;transition:all .2s ease;white-space:nowrap}.calendar-range-button-modern:hover{background-color:var(--accent-color-light);border-color:var(--accent-color)}body.dark-theme .calendar-range-button-modern{background-color:var(--accent-dark);border-color:var(--accent-dark-light)}body.dark-theme .calendar-range-button-modern:hover{background-color:var(--accent-dark-light)}.calendar-clear-range-button-modern{align-items:center;background-color:initial;border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer;display:flex;justify-content:center;padding:.3rem}.calendar-clear-range-button-modern:hover{background-color:var(--accent-color-light);color:var(--text-primary)}body.dark-theme .calendar-clear-range-button-modern:hover{background-color:var(--accent-dark-light)}.calendar-clear-range-button-modern svg{height:16px;width:16px}.calendar-weekdays-final{grid-gap:.25rem;color:var(--text-secondary);display:grid;font-size:.75em;font-weight:500;gap:.25rem;grid-template-columns:repeat(7,1fr);margin-bottom:.5rem;padding:0 .25rem;text-align:center}.weekday-header-final{padding:.25rem 0}.calendar-week-row-final{grid-gap:.25rem;display:grid;gap:.25rem;grid-template-columns:repeat(7,1fr);margin-bottom:.25rem}.calendar-day-cell-final{align-items:center;border-radius:50%;cursor:pointer;display:flex;flex-direction:column;height:48px;justify-content:center;position:relative;text-align:center;transition:color .2s ease}.calendar-day-cell-final:before{background-color:initial;border-radius:50%;box-shadow:none;content:"";height:36px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:background-color .2s ease,box-shadow .2s ease,transform .15s ease;width:36px;z-index:0}.calendar-day-cell-final:hover:not(.outside-month):not(.day-view-active):not(.today-special-bg):before{background-color:var(--accent-color-light);box-shadow:var(--shadow-sm);transform:translate(-50%,-50%) scale(1.05)}body.dark-theme .calendar-day-cell-final:hover:not(.outside-month):not(.day-view-active):not(.today-special-bg):before{background-color:var(--accent-dark-light)}.day-number-final{color:var(--text-primary);font-size:.9em;font-weight:400;line-height:1.2;position:relative;z-index:1}.day-events-final{align-items:center;display:flex;height:6px;justify-content:center;margin-top:2px;position:relative;z-index:1}.event-dot-final{background-color:var(--text-secondary);border-radius:50%;height:4px;margin:0 1px;opacity:.7;width:4px}.event-dot-more-final{color:var(--text-secondary);font-size:.65em;font-weight:700;opacity:.7}.calendar-day-cell-final.today .day-number-final{color:var(--blue-main)!important;font-weight:700}.calendar-day-cell-final.today:not(.day-view-active):before{border:1.5px solid var(--blue-main)}body.dark-theme .calendar-day-cell-final.today .day-number-final{color:var(--blue-light)!important}body.dark-theme .calendar-day-cell-final.today:not(.day-view-active):before{border-color:var(--blue-light)}.calendar-day-cell-final.outside-month{opacity:.35;pointer-events:none}.calendar-day-cell-final.outside-month:hover:before{background-color:initial;box-shadow:none;transform:translate(-50%,-50%) scale(1)}.calendar-day-cell-final.in-range{background-color:color-mix(in srgb,var(--green-main) 8%,#0000)!important;border-radius:6px}body.dark-theme .calendar-day-cell-final.in-range{background-color:color-mix(in srgb,var(--green-dark) 12%,#0000)!important}.calendar-day-cell-final.day-view-active:before{background-color:var(--highlight-color)!important;box-shadow:var(--shadow-md),0 0 8px color-mix(in srgb,var(--highlight-color) 40%,#0000)!important;transform:translate(-50%,-50%) scale(1.05)}.calendar-day-cell-final.day-view-active .day-number-final,.calendar-day-cell-final.day-view-active .event-dot-more-final{color:#fff!important}.calendar-day-cell-final.day-view-active .event-dot-final{background-color:#fff!important;opacity:.9}body.dark-theme .calendar-day-cell-final.day-view-active:before{background-color:var(--highlight-dark)!important;box-shadow:var(--shadow-md),0 0 8px color-mix(in srgb,var(--highlight-dark) 40%,#0000)!important}body.dark-theme .calendar-day-cell-final.day-view-active .day-number-final,body.dark-theme .calendar-day-cell-final.day-view-active .event-dot-more-final{color:var(--bg-primary)!important}body.dark-theme .calendar-day-cell-final.day-view-active .event-dot-final{background-color:var(--bg-primary)!important}.calendar-day-cell-final.has-tasks .task-indicator-final{align-items:center;background-color:var(--highlight-color);border-radius:50%;color:var(--button-text);display:flex;font-size:.7em;height:16px;justify-content:center;position:absolute;right:-4px;top:-4px;transition:background-color .2s ease,color .2s ease;width:16px;z-index:2}body.dark-theme .calendar-day-cell-final.has-tasks .task-indicator-final{background-color:var(--highlight-dark)}.calendar-day-cell-final.has-tasks:not([data-task-count]) .task-indicator-final{height:8px;width:8px}.calendar-day-cell-final.has-tasks[data-task-count] .task-indicator-final:after{content:attr(data-task-count)}@media (max-width:600px){.calendar-day-cell-final.has-tasks .task-indicator-final{font-size:.65em;height:14px;width:14px}.calendar-day-cell-final.has-tasks:not([data-task-count]) .task-indicator-final{height:7px;width:7px}}@media (max-width:400px){.calendar-day-cell-final.has-tasks .task-indicator-final{font-size:.6em;height:12px;width:12px}.calendar-day-cell-final.has-tasks:not([data-task-count]) .task-indicator-final{height:6px;width:6px}}.day-events-indicators-final{align-items:center;display:flex;gap:3px;height:6px;justify-content:center;margin-top:3px}.event-indicator-personal,.event-indicator-project{border-radius:50%;display:inline-block;height:5px;opacity:.8;width:5px}.event-indicator-project{background-color:var(--highlight-color)}body.dark-theme .event-indicator-project{background-color:var(--highlight-dark)}.event-indicator-personal{background-color:var(--green-main)}body.dark-theme .event-indicator-personal{background-color:var(--green-dark)}.calendar-day-cell-final.day-view-active .event-indicator-personal,.calendar-day-cell-final.day-view-active .event-indicator-project{background-color:#fff}body.dark-theme .calendar-day-cell-final.day-view-active .event-indicator-personal,body.dark-theme .calendar-day-cell-final.day-view-active .event-indicator-project{background-color:var(--bg-primary)}.day-view-box-themed{background-color:var(--card-bg);border-radius:8px;box-shadow:var(--shadow-md);color:var(--text-primary);display:flex;flex-direction:column;gap:.75rem;max-height:calc(100vh - 100px - 4rem);max-height:calc(100vh - var(--project-header-height, 100px) - 4rem);padding:1rem 1.25rem;transition:background-color var(--transition-speed) ease,color var(--transition-speed) ease;width:100%}.day-view-header-themed{align-items:center;border-bottom:1px solid var(--accent-color-light);display:flex;flex-shrink:0;justify-content:space-between;padding-bottom:.75rem}.day-title-themed{color:var(--text-primary);font-size:1.1em;font-weight:500;margin:0;transition:color var(--transition-speed) ease}.day-view-header-actions{align-items:center;display:flex;gap:.5rem}.button-create-event-themed{background-color:var(--highlight-color);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9em;font-weight:500;letter-spacing:.02em;padding:.5rem 1rem;text-transform:uppercase;transition:background-color var(--transition-speed) ease,opacity var(--transition-speed) ease}.button-create-event-themed:hover:not(:disabled){background-color:var(--highlight-color-hover);opacity:1}.button-create-event-themed:disabled{cursor:not-allowed;opacity:.5}.button-close-day-view-themed{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:.25rem;transition:color var(--transition-speed) ease}.button-close-day-view-themed:hover{color:var(--text-primary)}.button-close-day-view-themed svg{height:20px;width:20px}.day-events-list-container-themed{flex-grow:1;overflow-y:auto;padding-right:5px}.day-events-list-themed{display:flex;flex-direction:column;gap:.75rem}.day-event-row-themed{align-items:stretch;display:flex;gap:.75rem}.day-event-row-themed.completed .day-event-item-themed{opacity:.6}.day-event-row-themed.completed .event-title-themed{text-decoration:line-through}.day-event-row-themed.completed .event-timeline-marker-themed .event-dot-themed{background-color:var(--highlight-color);border-color:#0000}.event-timeline-marker-themed{align-items:center;align-self:stretch;display:flex;flex-direction:column;flex-shrink:0;padding-top:.4em;width:12px}.event-dot-themed{background-color:initial;border:2px solid var(--highlight-color);border-radius:50%;box-sizing:border-box;flex-shrink:0;height:10px;margin-bottom:2px;transition:border-color var(--transition-speed) ease;width:10px}body.dark-theme .event-dot-themed{border-color:var(--highlight-dark)}.event-line-themed{background-color:var(--highlight-color);flex-grow:1;min-height:25px;transition:background-color var(--transition-speed) ease;width:2px}body.dark-theme .event-line-themed{background-color:var(--highlight-dark)}.day-event-row-themed:last-child .event-line-themed{display:none}.day-event-item-themed{align-items:flex-start;background-color:var(--bg-secondary);border-radius:6px;box-shadow:var(--shadow-sm);display:flex;flex-grow:1;justify-content:space-between;min-width:0;padding:.6rem .9rem;transition:background-color var(--transition-speed) ease}.day-event-item-themed:hover{background-color:color-mix(in srgb,var(--bg-secondary) 90%,var(--highlight-color-light) 10%)}.event-content-themed{display:flex;flex-direction:column;flex-grow:1;gap:.15rem;min-width:0}.event-time-themed{color:var(--text-secondary);font-size:.75em;opacity:.8}.event-time-themed,.event-title-themed{font-weight:500;transition:color var(--transition-speed) ease}.event-title-themed{color:var(--text-primary);cursor:pointer;font-size:.95em;line-height:1.3;margin:0;word-break:break-word}.event-description-themed{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-secondary);display:-webkit-box;font-size:.85em;margin-top:.2rem;opacity:.7;overflow:hidden;transition:color var(--transition-speed) ease;white-space:pre-wrap;word-break:break-word}.event-actions-themed{align-items:center;display:flex;flex-shrink:0;gap:.4rem;margin-left:.5rem}.event-action-button{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:.3rem;transition:color var(--transition-speed) ease}.event-action-button:hover{color:var(--text-primary)}.event-action-button svg{height:17px;width:17px}.event-action-button.complete-button .icon-unchecked{border:1.5px solid var(--text-secondary);border-radius:50%;box-sizing:border-box;display:inline-block;height:16px;transition:border-color var(--transition-speed) ease;width:16px}.event-action-button.complete-button:hover .icon-unchecked{border-color:var(--text-primary)}.event-action-button.complete-button.is-completed .icon-checked{color:var(--green-main)}body.dark-theme .event-action-button.complete-button.is-completed .icon-checked{color:var(--green-dark)}.no-events-themed{color:var(--text-secondary);font-size:.9em;font-style:italic;opacity:.8;padding:1.5rem;text-align:center}.loading-spinner-container-themed .spinner{animation:spin 1s linear infinite;border:2px solid var(--accent-color-light);border-radius:50%;border-top-color:var(--highlight-color);height:24px;width:24px}body.dark-theme .loading-spinner-container-themed .spinner{border-top-color:var(--highlight-dark)}@keyframes spin{to{transform:rotate(1turn)}}.modal-content.day-view-event-modal-custom-content{background-color:var(--card-bg);border-radius:8px;box-shadow:var(--shadow-lg);color:var(--text-primary);max-height:90vh;max-width:400px;overflow-y:auto;padding:25px 30px;transition:background-color var(--transition-speed) ease,color var(--transition-speed) ease;width:90%}.modal-title-main{border-bottom:1px solid var(--accent-color-light);color:var(--text-primary);font-size:1.25em;font-weight:500;margin:0 0 1.5rem;padding-bottom:.75rem;text-align:center;transition:color var(--transition-speed) ease,border-color var(--transition-speed) ease}.themed-event-modal-form .form-field label,.themed-event-modal-form .form-label-group{color:var(--text-secondary);display:block;font-size:.9em;font-weight:500;margin-bottom:.4rem;transition:color var(--transition-speed) ease}.form-time-input-group-final{align-items:center;display:flex;gap:.5rem;margin-bottom:1rem}.time-input-final{background-color:var(--bg-primary);border:1px solid var(--accent-color);border-radius:6px;color:var(--text-primary);flex-grow:0!important;font-family:inherit;font-size:.9em;padding:8px 10px;text-align:center;transition:border-color var(--transition-speed) ease,background-color var(--transition-speed) ease,color var(--transition-speed) ease;width:80px!important}.time-input-final::placeholder{color:var(--text-secondary);opacity:.6}.time-input-final:focus{border-color:var(--highlight-color);box-shadow:0 0 0 2px color-mix(in srgb,var(--highlight-color) 25%,#0000)}body.dark-theme .time-input-final:focus{border-color:var(--highlight-dark);box-shadow:0 0 0 2px color-mix(in srgb,var(--highlight-dark) 25%,#0000)}.time-input-separator-final{color:var(--text-secondary);font-size:1em;padding:0 .25rem;transition:color var(--transition-speed) ease}.themed-event-modal-form .error-message.small-error-message{background-color:var(--danger-bg);border:1px solid var(--danger-border);border-radius:4px;color:var(--danger-text);font-size:.8em;margin-top:.25rem;padding:8px 12px;transition:color var(--transition-speed) ease,background-color var(--transition-speed) ease,border-color var(--transition-speed) ease}@media (max-width:600px){.day-view-box-themed{padding:.75rem}.day-title-themed{font-size:1em}.day-event-item-themed{padding:.5rem .75rem}.event-time-themed{font-size:.7em}.event-title-themed{font-size:.9em}.event-description-themed{font-size:.8em}.modal-content.day-view-event-modal-custom-content{max-width:95%;padding:15px 20px}.form-time-input-group-final{flex-wrap:wrap}.time-input-final{font-size:.85em;padding:6px 8px;width:70px!important}}@media (max-width:400px){.day-view-box-themed{padding:.5rem}.button-create-event-themed{font-size:.85em;padding:.4rem .8rem}.modal-title-main{font-size:1.1em}}.modal-content.upload-file-modal-custom-content{max-width:580px}.upload-file-modal-body{padding:.5rem 0}.file-input-trigger-area{background-color:var(--bg-secondary);border:2px dashed var(--accent-color);border-radius:8px;margin-bottom:1.5rem;padding:1.5rem 1rem;text-align:center;transition:border-color var(--transition-speed) ease,background-color var(--transition-speed) ease}.file-input-trigger-area:hover{border-color:var(--highlight-color)}body.dark-theme .file-input-trigger-area{background-color:var(--accent-dark);border-color:var(--accent-dark)}body.dark-theme .file-input-trigger-area:hover{border-color:var(--highlight-dark)}.choose-file-button-modal .button-icon--inline{height:18px;margin-right:.6em;width:18px}.upload-file-hint{color:var(--text-secondary);font-size:.8em;margin-top:.75rem}.selected-file-info-area{background-color:var(--bg-secondary);border:1px solid var(--accent-color-light);border-radius:8px;margin-top:1rem;padding:1rem;text-align:left}body.dark-theme .selected-file-info-area{background-color:var(--accent-dark);border-color:var(--accent-dark-light)}.selected-file-info-area h4{border-bottom:1px solid var(--accent-color-light);color:var(--text-secondary);font-size:.95em;font-weight:500;margin-bottom:1rem;margin-top:0;padding-bottom:.5rem}body.dark-theme .selected-file-info-area h4{border-bottom-color:var(--accent-dark-light)}.file-info-modal{align-items:flex-start;display:flex;gap:1rem;margin-bottom:1.25rem}.file-info-icon-modal{align-items:center;background-color:var(--bg-primary);border:1px solid var(--accent-color-light);border-radius:6px;display:flex;flex-shrink:0;height:70px;justify-content:center;overflow:hidden;width:70px}body.dark-theme .file-info-icon-modal{background-color:var(--card-bg-dark);border-color:var(--accent-dark)}.file-info-icon-modal .file-preview-image-modal{max-height:100%;max-width:100%;object-fit:contain}.file-info-icon-modal .file-type-icon{color:var(--text-secondary);height:36px;width:36px}.file-info-icon-modal .file-type-icon.image{color:var(--blue-main)}.file-info-icon-modal .file-type-icon.video{color:var(--red-main)}.file-details-modal p{color:var(--text-primary);font-size:.9em;margin:.25rem 0;word-break:break-all}.file-details-modal p strong{color:var(--text-secondary);font-weight:500;margin-right:.5em}.file-details-modal .file-detail-value{color:var(--text-primary)}.selected-file-actions-modal{display:flex;gap:.75rem;justify-content:flex-end;margin-top:1rem}.selected-file-actions-modal .button--small svg.button-icon--inline{height:16px;margin-right:.4em;width:16px}.upload-progress-area-modal{background-color:var(--bg-secondary);border-radius:6px;font-size:.9em;margin-top:1rem;padding:.5rem}body.dark-theme .upload-progress-area-modal{background-color:var(--accent-dark)}.upload-progress-area-modal p{color:var(--text-secondary);font-size:.9em;margin-bottom:.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.progress-bar-container-modal{background-color:var(--accent-color-light);border-radius:4px;height:22px;overflow:hidden;width:100%}body.dark-theme .progress-bar-container-modal{background-color:var(--accent-dark-light)}.progress-bar-modal{align-items:center;background-color:var(--highlight-color);color:#fff;display:flex;font-size:.8em;font-weight:500;height:100%;justify-content:center;transition:width .2s ease-out;white-space:nowrap}body.dark-theme .progress-bar-modal{background-color:var(--highlight-dark)}.successfully-uploaded-list-modal{border-top:1px solid var(--accent-color-light);font-size:.9em;margin-top:1.5rem;padding-top:1rem;text-align:left}body.dark-theme .successfully-uploaded-list-modal{border-top-color:var(--accent-dark-light)}.successfully-uploaded-list-modal h4{color:var(--text-secondary);font-size:.95em;font-weight:500;margin-bottom:.75rem;margin-top:0}.successfully-uploaded-list-modal ul{list-style:none;margin:0 0 .75rem;max-height:120px;overflow-y:auto;padding-left:0}.successfully-uploaded-list-modal li{align-items:center;color:var(--text-primary);display:flex;font-size:.9em;margin-bottom:.3rem;padding:.2rem 0}.successfully-uploaded-list-modal li:before{color:var(--green-main);content:"✓";font-size:1.1em;font-weight:700;margin-right:.5em}body.dark-theme .successfully-uploaded-list-modal li:before{color:var(--green-dark)}.add-more-files-button{display:inline-flex!important;margin-top:.5rem}.modal-form-actions-bottom{border-top:1px solid var(--accent-color-light);display:flex;justify-content:flex-end;margin-top:1.5rem;padding-top:1rem}body.dark-theme .modal-form-actions-bottom{border-top-color:var(--accent-dark-light)}.file-action-menu{background-color:var(--card-bg);border:1px solid var(--accent-color);border-radius:8px;box-shadow:var(--shadow-md);color:var(--text-primary);min-width:180px;padding:.5rem 0;position:fixed;z-index:1060}body.dark-theme .file-action-menu{background-color:var(--card-bg-dark);border-color:var(--accent-dark-light);color:var(--text-primary);color:var(--text-primary-dark,var(--text-primary))}.file-action-menu ul{list-style:none;margin:0;padding:0}.file-action-menu li{align-items:center;color:var(--text-primary);cursor:pointer;display:flex;font-size:.9em;gap:.6rem;padding:.6rem 1rem;transition:background-color var(--transition-speed) ease,color var(--transition-speed) ease}.file-action-menu li:hover{background-color:var(--bg-secondary);color:var(--highlight-color)}body.dark-theme .file-action-menu li{color:var(--text-primary);color:var(--text-primary-dark,var(--text-primary))}body.dark-theme .file-action-menu li:hover{background-color:var(--accent-dark);color:var(--highlight-dark)}.file-action-menu li svg{flex-shrink:0;height:18px;opacity:.7;width:18px}.file-action-menu li:hover svg{opacity:1}.file-action-menu li.action-delete:hover{background-color:var(--danger-bg);color:var(--danger-text-dark)}.file-action-menu li.action-delete:hover svg{color:var(--danger-text-dark)}body.dark-theme .file-action-menu li.action-delete:hover{background-color:var(--danger-bg);color:var(--danger-text-dark)}body.dark-theme .file-action-menu li.action-delete:hover svg{color:var(--danger-text-dark)}.project-storage-view-final{background-color:var(--bg-secondary);border-radius:8px;box-sizing:border-box;display:flex;flex-direction:column;gap:1rem;height:100%;padding:1rem}body.dark-theme .project-storage-view-final{background-color:var(--accent-dark)}.storage-header{align-items:center;border-bottom:1px solid var(--accent-color-light);display:flex;flex-shrink:0;justify-content:space-between;padding-bottom:.75rem}body.dark-theme .storage-header{border-bottom-color:var(--accent-dark-light)}.breadcrumbs-container{align-items:center;color:var(--text-secondary);display:flex;font-size:.9em;gap:.25rem}.breadcrumb-item .breadcrumb-separator{margin:0 .25rem;opacity:.7}.breadcrumb-link{background:none;border:none;color:var(--highlight-color);cursor:pointer;padding:0;text-decoration:underline}.breadcrumb-link:hover{color:var(--highlight-color-hover)}body.dark-theme .breadcrumb-link{color:var(--highlight-dark)}body.dark-theme .breadcrumb-link:hover{color:var(--orange-dark)}.breadcrumb-current{color:var(--text-primary);font-weight:500}body.dark-theme .breadcrumb-current{color:var(--text-primary);color:var(--text-primary-dark,var(--text-primary))}.storage-actions{display:flex;gap:.75rem}.storage-actions .button--small svg.button-icon--inline{height:16px;margin-right:.3em;width:16px}.file-list-container{background-color:var(--card-bg);border:1px solid var(--accent-color-light);border-radius:6px;flex-grow:1;overflow-y:auto;padding:.5rem}body.dark-theme .file-list-container{background-color:var(--card-bg-dark);border-color:var(--accent-dark)}.file-list-header{align-items:center;border-bottom:1px solid var(--accent-color-light);color:var(--text-secondary);display:flex;font-size:.8em;font-weight:600;letter-spacing:.03em;padding:.5rem .75rem;text-transform:uppercase}body.dark-theme .file-list-header{border-bottom-color:var(--accent-dark-light)}.file-header-icon{flex:0 0 40px;text-align:center}.file-header-name{flex:3 1 200px;min-width:150px}.file-header-size{flex:1 0 80px;text-align:right}.file-header-date{flex:1 0 120px;text-align:center}.file-header-actions{flex:0 0 50px;text-align:right}.file-list-item{align-items:center;border-bottom:1px solid var(--accent-color-light);cursor:pointer;display:flex;padding:.6rem .75rem;transition:background-color var(--transition-speed) ease}.file-list-item:last-child{border-bottom:none}.file-list-item:hover{background-color:var(--bg-secondary)}body.dark-theme .file-list-item{border-bottom-color:var(--accent-dark)}body.dark-theme .file-list-item:hover{background-color:var(--accent-dark)}.file-item-icon{align-items:center;display:flex;flex:0 0 40px;justify-content:center}.file-item-name{color:var(--text-primary);flex:3 1 200px;font-weight:500;min-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-item-size{flex:1 0 80px;text-align:right}.file-item-date,.file-item-size{color:var(--text-secondary);font-size:.85em}.file-item-date{flex:1 0 120px;text-align:center}.file-item-actions{display:flex;flex:0 0 50px;justify-content:flex-end}.file-item-icon .file-icon{height:22px;opacity:.8;width:22px}.file-item-icon .file-icon.folder{color:var(--highlight-color)}body.dark-theme .file-item-icon .file-icon.folder{color:var(--highlight-dark)}.file-item-icon .file-icon.file{color:var(--text-secondary)}.file-item-actions .button--icon-only.button--extra-small svg{height:18px;width:18px}.loading-spinner-container-themed{display:flex;justify-content:center;padding:2rem}.modal-content.storage-modal-content{max-width:450px}.storage-modal-form .form-field{margin-bottom:1.25rem}.storage-modal-form .form-actions{margin-top:1.5rem}.storage-modal-form .error-message.small-error-message{font-size:.85em;margin-bottom:.75rem;text-align:left}.modal-content.rename-item-modal-content{max-width:480px}.rename-item-modal-form .form-field label strong{color:var(--text-primary);font-weight:600}.modal-overlay.file-viewer-overlay{background-color:#000000bf;z-index:1055}.modal-content.file-viewer-content{background-color:var(--card-bg);border-radius:8px;box-shadow:var(--shadow-lg);color:var(--text-primary);display:flex;flex-direction:column;height:85vh;max-height:700px;max-width:900px;padding:0;position:relative;width:80vw}body.dark-theme .modal-content.file-viewer-content{background-color:var(--card-bg-dark);color:var(--text-primary);color:var(--text-primary-dark,var(--text-primary))}.modal-content.file-viewer-modal-image{background-color:#141414e6;border:none;box-shadow:none;max-height:95vh;max-width:95vw}.modal-content.file-viewer-modal-pdf{height:90vh;max-width:1200px;padding:0;width:90vw}.file-viewer-header{align-items:center;border-bottom:1px solid var(--accent-color-light);display:flex;flex-shrink:0;justify-content:space-between;padding:.75rem 1.5rem}body.dark-theme .file-viewer-header{border-bottom-color:var(--accent-dark-light)}.file-viewer-modal-image .file-viewer-header{background:linear-gradient(180deg,#00000080,#0000);border-bottom:none;left:0;position:absolute;right:0;top:0;z-index:1}.file-viewer-title{color:var(--text-primary);font-size:1.1em;font-weight:500;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-viewer-modal-image .file-viewer-title{color:#fff}.file-viewer-modal-image .file-viewer-close-button{background-color:#0000004d;border-radius:50%;color:#fffc;font-size:1.5em;height:36px;right:15px;top:15px;width:36px}.file-viewer-modal-image .file-viewer-close-button:hover{background-color:#00000080;color:#fff}.file-viewer-body{align-items:center;display:flex;flex-grow:1;justify-content:center;overflow:auto;padding:1.5rem}.file-viewer-modal-image .file-viewer-body,.file-viewer-modal-pdf .file-viewer-body{padding:0}.file-viewer-image{border-radius:4px;max-height:100%;max-width:100%;object-fit:contain}.file-viewer-pdf{border:none;height:100%;width:100%}.file-viewer-text{background-color:var(--bg-primary);border:1px solid var(--accent-color-light);border-radius:4px;font-family:monospace;font-family:var(--font-mono,monospace);font-size:.9em;max-width:100%;padding:1rem;text-align:left;white-space:pre-wrap;word-break:break-all}body.dark-theme .file-viewer-text{background-color:var(--accent-dark);border-color:var(--accent-dark-light)}.file-viewer-markdown{max-width:100%;padding:1rem;text-align:left}.file-viewer-markdown h1,.file-viewer-markdown h2{border-bottom:1px solid var(--accent-color-light);margin-top:1.5em;padding-bottom:.3em}body.dark-theme .file-viewer-markdown h1,body.dark-theme .file-viewer-markdown h2{border-bottom-color:var(--accent-dark-light)}.file-viewer-unknown{color:var(--text-secondary);padding:2rem;text-align:center}.file-viewer-unknown p{margin-bottom:1rem}.file-viewer-footer{border-top:1px solid var(--accent-color-light);display:flex;flex-shrink:0;justify-content:flex-end;padding:.75rem 1.5rem}body.dark-theme .file-viewer-footer{border-top-color:var(--accent-dark-light)}.project-analytics-view-final{background:#fff;background:var(--bg-primary,#fff);border-radius:6px;padding:1rem}body.dark-theme .project-analytics-view-final{background:#1a1a1a;background:var(--bg-primary-dark,#1a1a1a)}.analytics-main-title{color:var(--text-primary,#1a1a1a);font-size:1.25rem;margin:0 0 1.5rem}body.dark-theme .analytics-main-title{color:#e0e0e0;color:var(--text-primary-dark,#e0e0e0)}.analytics-summary-grid{grid-gap:1rem;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));margin-bottom:1.5rem}.summary-card{background:#fff;background:var(--card-bg,#f9f9f9);border:1px solid var(--accent-color-light,#e0e0e0);border-radius:6px;padding:1rem}body.dark-theme .summary-card{background:#2a2a2a;background:var(--card-bg-dark,#2a2a2a);border-color:#444;border-color:var(--accent-dark,#444)}.summary-card h4{color:var(--text-secondary,#666);font-size:.85rem;margin:0 0 .5rem}body.dark-theme .summary-card h4{color:#aaa;color:var(--text-secondary-dark,#aaa)}.summary-value{color:#007bff;color:var(--highlight-color,#007bff);font-size:2rem;font-weight:600;margin:0}body.dark-theme .summary-value{color:#1e90ff;color:var(--highlight-dark,#1e90ff)}.analytics-charts-grid{grid-gap:1rem;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:1.5rem}.chart-container{background:#fff;background:var(--card-bg,#f9f9f9);border:1px solid var(--accent-color-light,#e0e0e0);border-radius:6px;flex-direction:column;min-height:300px;padding:1rem}body.dark-theme .chart-container{background:#2a2a2a;background:var(--card-bg-dark,#2a2a2a);border-color:#444;border-color:var(--accent-dark,#444)}.chart-placeholder{align-items:center;border:1px dashed #ccc;border:1px dashed var(--accent-color,#ccc);border-radius:4px;color:var(--text-secondary,#666);display:flex;flex-grow:1;font-size:.9rem;justify-content:center}body.dark-theme .chart-placeholder{border-color:#555;border-color:var(--accent-dark,#555);color:#aaa;color:var(--text-secondary-dark,#aaa)}.analytics-section{background:#fff;background:var(--card-bg,#f9f9f9);border:1px solid #0000001a;border:1px solid var(--accent-color-light,#e0e0e0);border-radius:6px;padding:1rem}body.dark-theme .analytics-section{background:#2a2a2a;background:var(--card-bg-dark,#2a2a2a);border-color:#444;border-color:var(--accent-dark,#444)}.analytics-section-title{border-bottom:1px solid #0000001a;border-bottom:1px solid var(--accent-color-light,#e0e0e0);color:var(--text-primary,#1a1a1a);font-size:1.1rem;margin:0 0 1rem;padding-bottom:.5rem}body.dark-theme .analytics-section-title{border-bottom-color:#444;border-bottom-color:var(--accent-dark,#444);color:#e0e0e0;color:var(--text-primary-dark,#e0e0e0)}.analytics-task-table{font-size:.85rem}.analytics-task-table td,.analytics-task-table th{border-bottom:1px solid var(--accent-color-light,#e0e0e0);padding:.5rem .75rem}body.dark-theme .analytics-task-table td,body.dark-theme .analytics-task-table th{border-bottom-color:#444;border-bottom-color:var(--accent-dark,#444)}.analytics-task-table th{background:#f5f5f5;background:var(--bg-secondary,#f0f0f0);color:var(--text-secondary,#666);font-weight:500;position:sticky;top:0;z-index:1}body.dark-theme .analytics-task-table th{background:#333;background:var(--bg-secondary-dark,#333);color:#aaa;color:var(--text-secondary-dark,#aaa)}.analytics-task-table tbody tr:hover{background:#f5f5f5;background:var(--bg-secondary,#f5f5f5)}body.dark-theme .analytics-task-table tbody tr:hover{background:#3a3a3a;background:var(--bg-secondary-dark,#3a3a3a)}@media screen and (max-width:768px){.analytics-task-table thead{display:none}.analytics-task-table tr{border-bottom:1px solid #007bff;border-bottom:1px solid var(--highlight-color,#007bff);display:block;margin-bottom:.5rem}body.dark-theme .analytics-task-table tr{border-bottom-color:#1e90ff;border-bottom-color:var(--highlight-dark,#1e90ff)}.analytics-task-table td{border-bottom:1px dotted #0000001a;border-bottom:1px dotted var(--accent-color-light,#e0e0e0);display:block;font-size:.8rem;padding-left:50%;position:relative;text-align:right}body.dark-theme .analytics-task-table td{border-bottom-color:#444;border-bottom-color:var(--accent-dark,#444)}.analytics-task-table td:before{color:#333;color:var(--text-primary,#1a1a1a);content:attr(data-label);font-weight:500;left:.5rem;position:absolute;text-align:left;width:calc(50% - 1rem)}body.dark-theme .analytics-task-table td:before{color:#e0e0e0;color:var(--text-primary-dark,#e0e0e0)}}:root{--text-primary:#333;--text-secondary:#666;--highlight-color:#007bff;--bg-secondary:#f5f5f5;--accent-color-light:#0000001a;--green-main:#28a745;--green-bg:#28a74526;--shadow-sm:0 2px 4px #0000001a}body.dark-theme{--text-secondary:#b0b0b0;--highlight-color:#ff9500;--card-bg:#1e1e1e;--bg-secondary:#2a2a2a;--accent-color-light:#ffffff1a;--green-main:#34c759;--green-bg:#34c75933;--shadow-sm:0 2px 4px #0000004d}.project-analytics-view-final{background-color:#fff;background-color:var(--card-bg);border-radius:8px;box-shadow:0 2px 4px #0000001a;box-shadow:var(--shadow-sm);padding:20px}.analytics-main-title{color:#333;color:var(--text-primary);font-size:24px;font-weight:600;margin-bottom:20px}.analytics-summary-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:30px}.summary-card{background-color:#fff;background-color:var(--card-bg);border:1px solid #0000001a;border:1px solid var(--accent-color-light);border-radius:8px;padding:20px;text-align:center;transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease;transition:transform var(--transition-speed) ease,box-shadow var(--transition-speed) ease,background-color var(--transition-speed) ease}.summary-card:hover{background-color:#f5f5f5;background-color:var(--bg-secondary);box-shadow:0 4px 8px #00000026;transform:translateY(-5px)}body.dark-theme .summary-card{background-color:#fff;background-color:var(--card-bg);border-color:#0000001a;border-color:var(--accent-color-light)}body.dark-theme .summary-card:hover{background-color:#f5f5f5;background-color:var(--bg-secondary);box-shadow:0 4px 8px #0006}.summary-card h4{color:#666;color:var(--text-secondary);font-size:16px;font-weight:500;margin-bottom:10px}.analytics-charts-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin-bottom:30px}.chart-container{align-items:center;background-color:#fff;background-color:var(--card-bg);border:1px solid #0000001a;border:1px solid var(--accent-color-light);border-radius:8px;display:flex;justify-content:center;min-height:350px;padding:15px;transition:box-shadow .2s ease;transition:box-shadow var(--transition-speed) ease}.chart-container:hover{box-shadow:0 4px 8px #00000026}body.dark-theme .chart-container{border-color:#0000001a;border-color:var(--accent-color-light)}body.dark-theme .chart-container:hover{box-shadow:0 4px 8px #0006}.chart-placeholder{color:#666;color:var(--text-secondary);font-style:italic;padding:20px;text-align:center}.analytics-section{margin-top:30px}.analytics-section-title{color:#333;color:var(--text-primary);font-size:18px;font-weight:500;margin-bottom:15px}.analytics-task-table-container{border:1px solid #0000001a;border:1px solid var(--accent-color-light);border-radius:8px;overflow-x:auto}.analytics-task-table{border-collapse:collapse;color:#333;color:var(--text-primary);font-size:14px;width:100%}.analytics-task-table td,.analytics-task-table th{border-bottom:1px solid #0000001a;border-bottom:1px solid var(--accent-color-light);padding:12px 15px;text-align:left}.analytics-task-table th{background-color:#f5f5f5;background-color:var(--bg-secondary);color:#666;color:var(--text-secondary);font-size:12px;font-weight:600;text-transform:uppercase}.analytics-task-table tr:last-child td{border-bottom:none}.analytics-task-table tr:hover{background-color:#f5f5f5;background-color:var(--bg-secondary);transition:background-color .2s ease;transition:background-color var(--transition-speed) ease}body.dark-theme .analytics-task-table td,body.dark-theme .analytics-task-table th{border-bottom-color:#0000001a;border-bottom-color:var(--accent-color-light)}body.dark-theme .analytics-task-table th,body.dark-theme .analytics-task-table tr:hover{background-color:#f5f5f5;background-color:var(--bg-secondary)}.task-status-badge{align-items:center;border-radius:12px;display:inline-flex;font-size:13px;font-weight:500;gap:6px;padding:4px 10px;text-transform:capitalize;transition:transform .2s ease,filter .2s ease,box-shadow .2s ease;transition:transform var(--transition-speed) ease,filter var(--transition-speed) ease,box-shadow var(--transition-speed) ease}.task-status-badge:hover{box-shadow:0 2px 4px #0000001a;filter:brightness(1.1);transform:scale(1.05)}body.dark-theme .task-status-badge:hover{box-shadow:0 2px 4px #0000004d}.task-status-badge.status-badge--todo{background-color:#6c757d26;border:1px solid #6c757d4d;color:#6c757d}.task-status-badge.status-badge--inprogress{background-color:#007bff26;border:1px solid #007bff4d;color:#007bff;color:var(--highlight-color)}.task-status-badge.status-badge--done{background-color:#28a74526;background-color:var(--green-bg);border:1px solid #28a7454d;color:#28a745;color:var(--green-main)}body.dark-theme .task-status-badge.status-badge--todo{background-color:#6c757d33;border-color:#6c757d66;color:#adb5bd}body.dark-theme .task-status-badge.status-badge--inprogress{background-color:#ff950033;border-color:#ff950066;color:#007bff;color:var(--highlight-color)}body.dark-theme .task-status-badge.status-badge--done{background-color:#28a74526;background-color:var(--green-bg);border-color:#34c75966;color:#28a745;color:var(--green-main)}.no-items-message{border:1px dashed #0000001a;border:1px dashed var(--accent-color-light);border-radius:8px;color:#666;color:var(--text-secondary);font-style:italic;padding:20px;text-align:center}.no-items-message,body.dark-theme .no-items-message{background-color:#fff;background-color:var(--card-bg)}body.dark-theme .no-items-message{border-color:#0000001a;border-color:var(--accent-color-light)}@media (max-width:768px){.analytics-charts-grid,.analytics-summary-grid{grid-template-columns:1fr}.analytics-task-table td,.analytics-task-table th{font-size:13px;padding:10px}.analytics-task-table th{font-size:11px}}@media (max-width:480px){.project-analytics-view-final{padding:15px}.analytics-main-title{font-size:20px}.summary-card{padding:15px}.summary-card .summary-value{font-size:24px}.analytics-section-title{font-size:16px}}.project-details-layout-with-sidebar{display:flex;min-height:100vh;position:relative}.project-details-scroll-container{background-color:var(--bg-primary);box-sizing:border-box;flex-grow:1;height:100vh;overflow-y:auto;padding-left:85px}.project-details-main-area{display:flex;flex-direction:column;min-height:100%;padding:0;width:100%}.project-top-section{align-items:flex-start;background-color:var(--bg-primary);display:flex;flex-shrink:0;gap:25px;padding:25px 30px 0}.project-header-wrapper{flex-grow:1;min-width:0}.project-participants-wrapper{align-self:stretch;flex:0 0 280px;max-height:calc(100vh - 50px);overflow-y:auto;position:sticky;top:25px}.project-divider{border:none;border-top:1px solid var(--accent-color-light);margin:20px 30px;opacity:.7}body.dark-theme .project-divider{border-top-color:var(--accent-dark-light)}.project-body-layout{display:flex;flex-grow:1;gap:25px;overflow:hidden;padding:0 30px 25px}.project-main-content-area{flex:1 1 60%;min-width:0;overflow-y:auto;padding-right:10px}.project-main-content-area,.project-tasks-kanban-area{display:flex;flex-direction:column}.project-tasks-kanban-area .tasks-header{align-items:center;display:flex;flex-shrink:0;justify-content:space-between;margin-bottom:1rem}.button--add-task .button-icon--inline{margin-right:.3em}.archived-tasks-section{flex-shrink:0;padding-top:1rem}.project-right-sidebar-area{align-self:flex-start;display:flex;flex:0 0 400px;flex-direction:column;gap:1rem;max-height:calc(100vh - 50px);position:sticky;top:25px}.project-day-view-wrapper{width:100%}@media (max-width:1200px){.project-body-layout{align-items:stretch;flex-direction:column;overflow:visible}.project-main-content-area{margin-bottom:2rem;overflow-y:visible;padding-right:0}.project-right-sidebar-area{flex-basis:auto;margin:0 auto;max-height:none;max-width:600px;position:static;top:auto;width:100%}}@media (max-width:900px){.project-details-scroll-container{padding-left:15px;padding-right:15px}.project-top-section{padding-left:0;padding-right:0;padding-top:20px}.project-participants-wrapper{margin-top:1rem;max-height:none;overflow-y:visible;position:static;width:100%}.project-top-section{align-items:stretch;flex-direction:column}.project-divider{margin-left:0;margin-right:0}.project-body-layout{padding:20px 0}}.modal-content.modal-content--edit-project{max-width:750px!important}.archived-tasks-section{background-color:color-mix(in srgb,var(--bg-secondary) 70%,#0000);border-radius:8px;border-top:1px solid var(--accent-color-light);margin-bottom:1rem;margin-top:2rem;padding:1rem}body.dark-theme .archived-tasks-section{background-color:color-mix(in srgb,var(--accent-dark) 70%,#0000);border-top-color:var(--accent-dark-light)}.archive-toggle-button{align-items:center;background-color:initial;border:none;border-radius:0;color:var(--text-primary);cursor:pointer;display:flex;font-size:1.1em;font-weight:600;gap:.5rem;margin-bottom:.75rem;padding:.5rem 0;text-align:left;transition:color .2s ease;width:100%}.archive-toggle-button:hover{color:var(--highlight-color)}body.dark-theme .archive-toggle-button:hover{color:var(--highlight-dark)}.archive-toggle-button .button-icon--inline{opacity:.7}.archive-toggle-button .h-4{transition:transform .2s ease-in-out}.archived-tasks-list{display:flex;flex-direction:column;gap:.5rem}.archived-task-item{align-items:center;background-color:var(--card-bg);border:1px solid var(--accent-color-light);border-radius:6px;display:flex;font-size:.9em;justify-content:space-between;opacity:.85;padding:.6rem .8rem}body.dark-theme .archived-task-item{background-color:var(--accent-dark);border-color:var(--accent-dark-light)}.archived-task-title{color:var(--text-secondary);cursor:pointer;flex-grow:1;margin-right:1rem;overflow:hidden;text-decoration:line-through;text-overflow:ellipsis;white-space:nowrap}.archived-task-title:hover{text-decoration:line-through underline}.archived-task-meta{align-items:center;color:var(--text-secondary);display:flex;flex-shrink:0;font-size:.8em;gap:.75rem}.button-unarchive-list{font-size:.9em!important;padding:.25rem .5rem!important}.button-unarchive-list svg{height:1em;width:1em}.no-archived-tasks-message{color:var(--text-secondary);font-style:italic;padding:1rem;text-align:center}.project-view-and-tools-panel{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:.75rem;width:100%}.view-switcher{align-items:center;background:var(--view-switcher-bg);border:1px solid var(--accent-color-light);border-radius:10px;box-shadow:var(--shadow-sm);display:flex;padding:.35rem;transition:box-shadow var(--transition-speed) ease}.view-switcher:hover{box-shadow:var(--shadow-md)}body.dark-theme .view-switcher{border-color:var(--accent-color-light);box-shadow:var(--shadow-sm)}body.dark-theme .view-switcher:hover{box-shadow:var(--shadow-md)}.view-switch-button{align-items:center;background-color:initial;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.95rem;font-weight:500;gap:.6rem;padding:.55rem 1.1rem;transition:transform var(--transition-speed) ease,background-color var(--transition-speed) ease,color var(--transition-speed) ease,box-shadow var(--transition-speed) ease,filter var(--transition-speed) ease;white-space:nowrap}.view-switch-button svg{height:20px;opacity:.8;transition:opacity var(--transition-speed) ease,color var(--transition-speed) ease,transform var(--transition-speed) ease;width:20px}.view-switch-button:hover:not(.active){background-color:#0000000d;box-shadow:var(--shadow-sm);color:var(--text-primary);filter:brightness(1.1);transform:translateY(-2px)}.view-switch-button:hover:not(.active) svg{opacity:1;transform:scale(1.1)}body.dark-theme .view-switch-button:hover:not(.active){background-color:#ffffff0d;color:var(--text-primary)}body.dark-theme .view-switch-button:hover:not(.active) svg{opacity:1}.view-switch-button.active{background-color:var(--card-bg);box-shadow:0 0 0 2px var(--highlight-color),var(--shadow-sm);color:var(--highlight-color);transform:scale(1.02)}.view-switch-button.active svg{color:var(--highlight-color);opacity:1;transform:scale(1.1)}body.dark-theme .view-switch-button.active{background-color:var(--card-bg);box-shadow:0 0 0 2px var(--highlight-color),var(--shadow-sm);color:var(--highlight-color)}body.dark-theme .view-switch-button.active svg{color:var(--highlight-color)}.view-switch-button.active:after{animation:pulse 2s ease-in-out infinite;background:radial-gradient(circle,#007bff33 0,#0000 70%);background:radial-gradient(circle,rgba(var(--highlight-color-rgb,0,123,255),.2) 0,#0000 70%);border-radius:8px;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0}@keyframes pulse{0%{opacity:0;transform:scale(.8)}50%{opacity:.3;transform:scale(1)}to{opacity:0;transform:scale(1.2)}}body.dark-theme .view-switch-button.active:after{background:radial-gradient(circle,#ff950033 0,#0000 70%);background:radial-gradient(circle,rgba(var(--highlight-dark-rgb,255,149,0),.2) 0,#0000 70%)}.project-page-tools{align-items:center;display:flex;gap:.75rem}.project-page-tools .button--small svg.button-icon--inline{height:16px;margin-right:.3em;width:16px}.view-controls-divider{border-color:var(--accent-color-light);margin-bottom:1.5rem;margin-top:0;opacity:.6}body.dark-theme .view-controls-divider{border-color:var(--accent-dark-light)}.project-analytics-view-placeholder,.project-storage-view-placeholder,.project-tasks-list-area{align-items:center;border-radius:8px;color:var(--text-secondary);display:flex;flex-direction:column;justify-content:center;margin-top:1rem;min-height:200px;padding:1rem;text-align:center}body.dark-theme .project-analytics-view-placeholder,body.dark-theme .project-storage-view-placeholder,body.dark-theme .project-tasks-list-area{border-color:var(--accent-dark)}.project-tasks-list-view-placeholder ul{list-style:none;max-width:500px;padding:0;width:100%}.project-tasks-list-view-placeholder li{background-color:var(--card-bg);border-radius:4px;box-shadow:var(--shadow-sm);cursor:pointer;margin-bottom:.25rem;padding:.5rem;transition:background-color var(--transition-speed) ease}.project-tasks-list-view-placeholder li:hover{background-color:color-mix(in srgb,var(--card-bg) 90%,var(--accent-color-light))}body.dark-theme .project-tasks-list-view-placeholder li{background-color:var(--card-bg-dark)}body.dark-theme .project-tasks-list-view-placeholder li:hover{background-color:color-mix(in srgb,var(--card-bg-dark) 90%,var(--accent-dark-light))}.tasks-header{align-items:center;border-bottom:1px solid var(--accent-color-light);display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:.75rem;width:100%}body.dark-theme .tasks-header{border-bottom-color:var(--accent-dark-light)}.tasks-header-title{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin:0}.tasks-header .button--add-task-header{flex-shrink:0;font-size:.9em;padding:.4rem .8rem}.tasks-header .button--add-task-header .button-icon--inline{margin-right:.4em}.settings-page h1{margin-bottom:40px;text-align:center}.settings-section{background-color:var(--card-bg);border:1px solid var(--accent-color);border-radius:8px;box-shadow:var(--shadow-md);margin-bottom:30px;margin-left:auto;margin-right:auto;max-width:650px;padding:25px 30px;text-align:center;transition:background-color var(--transition-speed) ease,border-color var(--transition-speed) ease;width:100%}.settings-section h2{border-bottom:1px solid var(--accent-color);font-size:1.3em;font-weight:600;margin-bottom:20px;margin-top:0;padding-bottom:10px;transition:border-color var(--transition-speed) ease}.settings-section p{color:var(--text-secondary);margin-bottom:20px;margin-top:0}.settings-section p strong{color:var(--text-primary);font-weight:600}.settings-section .button{display:inline-block;margin-top:10px;min-width:160px;width:auto}.button--danger{background-color:#d32f2f;border-color:#d32f2f;color:#fff}.button--danger:hover:not(:disabled){background-color:#c62828;border-color:#c62828;opacity:1}body.dark-theme .button--danger{background-color:#e57373;border-color:#e57373;color:#1a1a1a}body.dark-theme .button--danger:hover:not(:disabled){background-color:#ef9a9a;border-color:#ef9a9a}.language-selector{margin-top:10px}.language-selector label{color:var(--text-primary);margin-right:8px}.language-selector .form-input{min-width:150px;padding:6px 10px;text-align:center;vertical-align:middle;width:auto}.language-selector .form-input option{text-align:left}.language-selector{display:inline-block;position:relative}.language-selector label{color:var(--text-secondary);display:block;font-size:.9em;font-weight:500;margin-bottom:5px}.language-selector select.form-input{appearance:none;-webkit-appearance:none;-moz-appearance:none;cursor:pointer;min-width:120px;padding-right:30px}.language-selector:after{content:"▼";font-size:.7em;pointer-events:none;position:absolute;right:12px;top:55%;transform:translateY(-50%);transition:color var(--transition-speed) ease}.language-selector:after,body.dark-theme .language-selector:after{color:var(--text-secondary)}.language-selector select.form-input:hover{border-color:var(--text-secondary)}.custom-select-wrapper{display:block;font-family:inherit;position:relative;width:100%}.custom-select-trigger{align-items:center;background-color:var(--bg-primary);border:1px solid var(--accent-color);border-radius:4px;color:var(--text-primary);cursor:pointer;display:flex;font-size:1em;justify-content:space-between;line-height:1.5;padding:8px 10px;text-align:left;transition:border-color var(--transition-speed) ease,background-color var(--transition-speed) ease;width:100%}.custom-select-trigger:focus,.custom-select-trigger:focus-visible{border-color:var(--highlight-color,var(--accent-color));outline:none}.custom-select-trigger-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.custom-select-arrow{color:var(--text-secondary);flex-shrink:0;font-size:.7em;margin-left:10px;transition:transform .2s ease,color var(--transition-speed) ease}.custom-select-arrow.open{transform:rotate(180deg)}.custom-select-options-panel{background-color:var(--card-bg);border:1px solid var(--accent-color);border-radius:4px;box-shadow:var(--shadow-md);left:0;max-height:200px;overflow-y:auto;position:absolute;right:0;top:calc(100% + 4px);transition:background-color var(--transition-speed) ease,border-color var(--transition-speed) ease;z-index:10}.custom-select-options-panel ul{list-style:none;margin:0;padding:5px 0}.custom-select-option{align-items:center;color:var(--text-primary);cursor:pointer;display:flex;justify-content:space-between;padding:8px 15px;transition:background-color .15s ease,color .15s ease;white-space:nowrap}.custom-select-option:hover{background-color:var(--bg-secondary)}.custom-select-option-code{background-color:var(--bg-primary);border:1px solid var(--accent-color);border-radius:3px;color:var(--text-secondary);display:inline-block;font-size:.75em;font-weight:600;line-height:1.4;margin-right:10px;min-width:26px;padding:1px 5px;text-align:center;transition:color var(--transition-speed) ease,background-color var(--transition-speed) ease,border-color var(--transition-speed) ease;vertical-align:initial}.custom-select-option-label{flex-grow:1;overflow:hidden;text-overflow:ellipsis}.custom-select-option.selected{font-weight:600}.custom-select-option .checkmark{color:var(--text-primary);flex-shrink:0;font-size:.9em;margin-left:10px}.create-post-form{background-color:var(--bg-secondary);border:1px solid var(--accent-color);border-radius:8px;box-shadow:var(--shadow-sm);margin-bottom:25px;padding:20px;transition:background-color var(--transition-speed) ease,border-color var(--transition-speed) ease}body.dark-theme .create-post-form{background-color:var(--accent-dark);border-color:var(--accent-dark)}.create-post-form h3{color:var(--text-primary);font-size:1.2em;font-weight:600;margin-bottom:20px;margin-top:0;text-align:center}.quill-editor-field{margin-bottom:15px}.ql-container.ql-snow,.ql-toolbar.ql-snow{background-color:var(--bg-primary)!important;border:1px solid var(--accent-color)!important;color:var(--text-primary)!important;font-family:inherit!important;transition:background-color var(--transition-speed) ease,color var(--transition-speed) ease,border-color var(--transition-speed) ease}.ql-toolbar.ql-snow{border-bottom:none!important;border-top-left-radius:6px!important;border-top-right-radius:6px!important;padding:8px 10px!important}.ql-container.ql-snow{border-bottom-left-radius:6px!important;border-bottom-right-radius:6px!important;min-height:150px}.ql-editor{font-size:1em!important;line-height:1.6!important;min-height:150px}.ql-editor.ql-blank:before{color:var(--text-secondary)!important;font-style:normal!important;left:15px!important;opacity:.6;right:15px!important}.ql-snow .ql-picker-label,.ql-snow .ql-stroke{stroke:var(--text-secondary)!important;color:var(--text-secondary)!important}.ql-snow .ql-fill{fill:var(--text-secondary)!important}.ql-snow .ql-picker-options{background-color:var(--card-bg)!important;border-color:var(--accent-color)!important}.ql-snow .ql-picker-item.ql-selected,.ql-snow .ql-picker-item:hover{color:var(--highlight-color)!important}.ql-snow .ql-formats button.ql-active svg .ql-fill,.ql-snow .ql-formats button.ql-active svg .ql-stroke,.ql-snow .ql-formats button:focus svg .ql-fill,.ql-snow .ql-formats button:focus svg .ql-stroke,.ql-snow .ql-formats button:hover svg .ql-fill,.ql-snow .ql-formats button:hover svg .ql-stroke,.ql-snow .ql-picker-item:hover,.ql-snow .ql-picker-label:hover{stroke:var(--text-primary)!important;fill:var(--text-primary)!important;color:var(--text-primary)!important}.ql-snow .ql-formats button.ql-active,.ql-snow .ql-formats button:focus,.ql-snow .ql-formats button:hover{background-color:#8080801a!important}body.dark-theme .ql-container.ql-snow,body.dark-theme .ql-toolbar.ql-snow{background-color:var(--bg-secondary)!important;background-color:var(--bg-secondary-dark,var(--bg-secondary))!important;border-color:var(--accent-dark)!important;color:var(--text-primary)!important;color:var(--text-primary-dark,var(--text-primary))!important}body.dark-theme .ql-snow .ql-picker-label,body.dark-theme .ql-snow .ql-stroke{stroke:var(--text-secondary)!important;stroke:var(--text-secondary-dark,var(--text-secondary))!important;color:var(--text-secondary)!important;color:var(--text-secondary-dark,var(--text-secondary))!important}body.dark-theme .ql-snow .ql-fill{fill:var(--text-secondary)!important;fill:var(--text-secondary-dark,var(--text-secondary))!important}body.dark-theme .ql-snow .ql-picker-options{background-color:var(--card-bg-dark)!important;border-color:var(--accent-dark)!important}body.dark-theme .ql-snow .ql-picker-item.ql-selected,body.dark-theme .ql-snow .ql-picker-item:hover{color:var(--highlight-dark)!important}body.dark-theme .ql-snow .ql-formats button.ql-active svg .ql-fill,body.dark-theme .ql-snow .ql-formats button.ql-active svg .ql-stroke,body.dark-theme .ql-snow .ql-formats button:hover svg .ql-fill,body.dark-theme .ql-snow .ql-formats button:hover svg .ql-stroke,body.dark-theme .ql-snow .ql-picker-label:hover{stroke:var(--text-primary)!important;stroke:var(--text-primary-dark,var(--text-primary))!important;fill:var(--text-primary)!important;fill:var(--text-primary-dark,var(--text-primary))!important;color:var(--text-primary)!important;color:var(--text-primary-dark,var(--text-primary))!important}body.dark-theme .ql-snow .ql-formats button.ql-active,body.dark-theme .ql-snow .ql-formats button:hover{background-color:#c8c8c81a!important}body.dark-theme .ql-editor.ql-blank:before{color:var(--text-secondary)!important;color:var(--text-secondary-dark,var(--text-secondary))!important}.post-options{align-items:flex-end;display:flex;gap:15px;margin-bottom:15px;margin-top:10px}.project-link-field{flex-grow:1}.project-link-field label{color:var(--text-secondary);display:block;font-size:.85em;margin-bottom:4px}.project-link-field .project-select{cursor:pointer;width:100%}.attach-button-field{flex-shrink:0;padding-bottom:2px}.media-preview-container.create-post-preview{background-color:var(--bg-primary);border:1px dashed var(--accent-color);border-radius:8px;display:inline-block;margin-bottom:10px;max-width:calc(100% - 16px);min-width:150px;padding:8px;position:relative;vertical-align:top}body.dark-theme .media-preview-container.create-post-preview{background-color:var(--bg-secondary);background-color:var(--bg-secondary-dark,var(--bg-secondary));border-color:var(--accent-dark)}.media-preview-container .upload-progress-overlay{align-items:center;background-color:#000000b3;border-radius:8px;bottom:0;color:#fff;display:flex;flex-direction:column;font-size:.85em;justify-content:center;left:0;padding:5px;position:absolute;right:0;top:0;z-index:2}.media-preview-container .upload-progress-overlay progress{appearance:none;-webkit-appearance:none;border-radius:3px;height:6px;margin-bottom:4px;overflow:hidden;width:80%}.media-preview-container .upload-progress-overlay progress::-webkit-progress-bar{background-color:#ffffff4d}.media-preview-container .upload-progress-overlay progress::-webkit-progress-value{background-color:#fff;border-radius:3px}.media-preview-container .upload-progress-overlay progress::-moz-progress-bar{background-color:#fff;border-radius:3px}.media-preview-thumb{border-radius:4px;display:block;height:auto;margin:0 auto;max-height:150px;max-width:100%;object-fit:contain}.media-preview-thumb video{max-height:150px}.file-preview-info{align-items:center;display:flex;gap:10px;padding:10px 5px}.file-preview-icon{color:var(--text-secondary);flex-shrink:0;height:36px;width:36px}.file-preview-details{display:flex;flex-direction:column;overflow:hidden}.file-preview-name{color:var(--text-primary);font-size:.9em;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-preview-size{color:var(--text-secondary);font-size:.8em}.remove-preview-button{align-items:center;background-color:var(--bg-primary);border:1px solid var(--accent-color);border-radius:50%;box-shadow:var(--shadow-sm);color:var(--text-secondary);cursor:pointer;display:flex;height:22px;justify-content:center;line-height:1;padding:0;position:absolute;right:-8px;top:-8px;transition:all .2s ease;width:22px;z-index:3}.remove-preview-button:hover{background-color:#e53935;border-color:#e53935;color:#fff}.remove-preview-button svg{height:16px;width:16px}body.dark-theme .remove-preview-button{background-color:var(--card-bg-dark);border-color:var(--accent-dark)}body.dark-theme .remove-preview-button:hover{background-color:#c62828}.create-post-form .form-actions{border-top:1px solid var(--accent-color);margin-top:15px;padding-top:15px;text-align:right}body.dark-theme .create-post-form .form-actions{border-top-color:var(--accent-dark)}.create-post-form .error-message{margin-bottom:15px;text-align:center}.tiptap-editor pre{white-space:pre-wrap!important}.tiptap-editor-field{background-color:var(--bg-primary);border:1px solid var(--accent-color);border-radius:6px;margin-bottom:1rem;overflow:hidden;transition:border-color var(--transition-speed) ease,background-color var(--transition-speed) ease}body.dark-theme .tiptap-editor-field{background-color:var(--bg-secondary);border-color:var(--accent-dark)}.tiptap-toolbar{background-color:var(--bg-secondary)!important;border:none!important;border-bottom:1px solid var(--accent-color)!important;border-radius:0!important;display:flex;flex-wrap:wrap;gap:4px;margin-bottom:0!important;padding:6px 8px!important}body.dark-theme .tiptap-toolbar{background-color:var(--accent-dark)!important;border-bottom-color:var(--accent-dark)!important}.tiptap-toolbar .format-button{background:none;border:1px solid #0000;border-radius:4px;color:var(--text-secondary);cursor:pointer;line-height:1;margin:0;padding:4px 6px;transition:background-color .2s ease,color .2s ease}.tiptap-toolbar .format-button:hover{background-color:#8080801a;color:var(--text-primary)}body.dark-theme .tiptap-toolbar .format-button:hover{background-color:#c8c8c81a}.tiptap-toolbar .format-button svg{display:block;height:18px;width:18px}.tiptap-toolbar .format-button--active{background-color:#007bff26!important;background-color:var(--highlight-color-light,#007bff26)!important;border-color:#007bff!important;border-color:var(--highlight-color,#007bff)!important;color:#007bff!important;color:var(--highlight-color,#007bff)!important}body.dark-theme .tiptap-toolbar .format-button--active{background-color:#339cff40!important;background-color:var(--highlight-dark-light,#339cff40)!important;border-color:#339cff!important;border-color:var(--highlight-dark,#339cff)!important;color:#339cff!important;color:var(--highlight-dark,#339cff)!important}.tiptap-editor{background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;max-height:400px;min-height:150px;outline:none;overflow-y:auto;padding:10px 12px;transition:color var(--transition-speed) ease,background-color var(--transition-speed) ease}body.dark-theme .tiptap-editor{background-color:var(--bg-secondary)}.tiptap-editor p.is-editor-empty:first-child:before{color:var(--text-secondary);content:attr(data-placeholder);float:left;height:0;opacity:.6;pointer-events:none}.tiptap-editor p{margin-bottom:.5em}.tiptap-editor a{color:var(--highlight-color);text-decoration:underline}body.dark-theme .tiptap-editor a{color:var(--highlight-dark)}.tiptap-editor h1,.tiptap-editor h2,.tiptap-editor h3{font-weight:600;line-height:1.3;margin-bottom:.5em;margin-top:1em}.tiptap-editor h1{font-size:1.5em}.tiptap-editor h2{font-size:1.3em}.tiptap-editor h3{font-size:1.1em}.tiptap-editor ol,.tiptap-editor ul{margin:.7em 0;padding-left:25px}.tiptap-editor li{margin-bottom:.3em}.tiptap-editor li>ol,.tiptap-editor li>ul{margin-top:.3em}.tiptap-editor blockquote{border-left:3px solid var(--accent-color);color:var(--text-secondary);font-style:italic;margin:.7em 0;padding-left:12px}body.dark-theme .tiptap-editor blockquote{border-left-color:var(--accent-dark)}.tiptap-editor code{background-color:#87837826;border-radius:4px;color:var(--text-secondary);font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:.9em;padding:.1em .4em}body.dark-theme .tiptap-editor code{background-color:#b4b4b426}.tiptap-editor .tiptap-code-block,.tiptap-editor pre{word-wrap:normal!important;background-color:var(--bg-secondary)!important;border:1px solid var(--accent-color)!important;border-radius:6px!important;color:var(--text-primary)!important;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace!important;font-size:.9em!important;line-height:1.45!important;margin:1em 0!important;overflow-wrap:normal!important;overflow-x:auto!important;padding:12px 15px!important;white-space:pre!important}body.dark-theme .tiptap-editor .tiptap-code-block,body.dark-theme .tiptap-editor pre{background-color:var(--accent-dark)!important;border-color:#ffffff1a!important;color:var(--text-primary)!important}.tiptap-editor pre code{word-wrap:normal!important;background-color:initial!important;border:none!important;border-radius:0!important;color:inherit!important;display:inline!important;font-family:inherit!important;font-size:inherit!important;line-height:inherit!important;margin:0!important;overflow-wrap:normal!important;padding:0!important;white-space:inherit!important}.tiptap-editor-field.message-input-editor{background-color:var(--bg-primary);border:1px solid var(--accent-color);border-radius:18px;display:flex;flex-direction:column;flex-grow:1;overflow:hidden}body.dark-theme .tiptap-editor-field.message-input-editor{background-color:var(--bg-primary);border-color:var(--accent-dark)}.tiptap-editor-field.message-input-editor .tiptap-toolbar{background-color:var(--bg-secondary)!important;border-bottom:1px solid var(--accent-color)!important;order:-1;padding:4px 8px!important}body.dark-theme .tiptap-editor-field.message-input-editor .tiptap-toolbar{background-color:var(--accent-dark)!important;border-bottom-color:var(--accent-dark)!important}.tiptap-editor-field.message-input-editor .format-button svg{height:16px;width:16px}.tiptap-editor.message-tiptap-editor{background-color:initial;flex-grow:1;font-size:1em;line-height:1.4;max-height:150px;min-height:38px;padding:8px 12px}.tiptap-editor.message-tiptap-editor p.is-editor-empty:first-child:before{left:12px!important;top:8px!important}.tiptap-editor.message-tiptap-editor p{margin-bottom:.3em}.tiptap-editor.message-tiptap-editor h1,.tiptap-editor.message-tiptap-editor h2,.tiptap-editor.message-tiptap-editor h3{font-size:1.1em;margin:.5em 0 .3em}.post-item{max-width:600px;padding:0;position:relative;width:100%}.post-container-visual{background-color:var(--card-bg);border:1px solid var(--accent-color);border-radius:8px;box-shadow:var(--shadow-md);margin-bottom:0;max-width:1000px;padding:12px 15px;transition:background-color var(--transition-speed) ease,border-color var(--transition-speed) ease;width:100%}body.dark-theme .post-container-visual{background-color:var(--card-bg-dark);border-color:var(--accent-dark)}.post-header-new{align-items:center;display:flex;gap:10px;margin-bottom:12px}.post-author-avatar{flex-shrink:0}.post-author-info{display:flex;flex-direction:column;flex-grow:1;overflow:hidden}.post-author-name{color:var(--text-primary);font-size:.95em;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.post-timestamp{color:var(--text-secondary);font-size:.8em}.post-menu-container{flex-shrink:0;margin-left:auto;position:relative}.post-options-button{background:none;border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer;line-height:1;margin:-4px;padding:4px;transition:background-color .2s ease,color .2s ease}.post-options-button:hover{background-color:#8080801a;color:var(--text-primary)}body.dark-theme .post-options-button:hover{background-color:#c8c8c81a}.post-options-button svg{display:block;height:20px;width:20px}.post-options-dropdown{animation:fadeInScale .15s ease-out;background-color:var(--card-bg);border:1px solid var(--accent-color);border-radius:6px;box-shadow:var(--shadow-md);min-width:150px;padding:5px 0;position:absolute;right:0;top:calc(100% + 4px);transform-origin:top right;z-index:10}body.dark-theme .post-options-dropdown{background-color:var(--card-bg-dark);border-color:var(--accent-dark)}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.post-options-dropdown button{align-items:center;background:none;border:none;color:var(--text-primary);cursor:pointer;display:flex;font-size:.9em;gap:8px;padding:8px 12px;text-align:left;transition:background-color .2s ease;width:100%}.post-options-dropdown button:hover{background-color:var(--bg-secondary)}body.dark-theme .post-options-dropdown button:hover{background-color:var(--accent-dark)}.post-options-dropdown button svg{flex-shrink:0;height:16px;opacity:.8;width:16px}.post-options-dropdown button.delete{color:var(--danger-text)}body.dark-theme .post-options-dropdown button.delete{color:var(--danger-text-dark)}.post-options-dropdown button.delete:hover{background-color:var(--danger-bg);color:#fff}body.dark-theme .post-options-dropdown button.delete:hover{background-color:var(--danger-bg-dark);color:#fff}.post-body{margin-top:5px}.post-text-bubble.markdown-content{background-color:var(--bg-secondary);border:1px solid var(--accent-color);border-radius:12px;margin-bottom:10px;margin-top:5px;padding:10px 14px}body.dark-theme .post-text-bubble.markdown-content{background-color:var(--accent-dark);border-color:#ffffff1a}.markdown-content{word-wrap:break-word;color:var(--text-primary);font-size:.95em;line-height:1.5;overflow-wrap:break-word}.markdown-content p{margin:0 0 .7em}.markdown-content p:last-child{margin-bottom:0}.markdown-content ol,.markdown-content ul{margin:.7em 0;padding-left:20px}.markdown-content li{margin-bottom:.3em}.markdown-content blockquote{border-left:3px solid var(--accent-color);color:var(--text-secondary);font-style:italic;margin:.7em 0;padding-left:12px}body.dark-theme .markdown-content blockquote{border-left-color:var(--accent-dark)}.markdown-content :not(pre)>code{background-color:#87837826;border-radius:4px;color:var(--text-secondary);font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:.9em;padding:.1em .4em;word-break:break-all}body.dark-theme .markdown-content :not(pre)>code{background-color:#b4b4b426;color:var(--text-secondary)}.markdown-content pre{background-color:var(--bg-secondary);border:1px solid var(--accent-color);border-radius:6px;font-size:.9em;line-height:1.45;margin:1em 0;overflow-x:auto;padding:10px 12px;white-space:pre-wrap;word-break:break-all}body.dark-theme .markdown-content pre{background-color:var(--accent-dark);border-color:#ffffff1a}.markdown-content pre code{background-color:initial;border-radius:0;color:inherit;font-family:inherit;font-size:inherit;padding:0;white-space:inherit;word-break:inherit}.post-attachment-area{margin-bottom:5px;margin-top:10px}.post-image-container{border-radius:8px;line-height:0;margin-bottom:5px;max-width:350px;overflow:hidden;position:relative}.post-image{border-radius:8px;cursor:pointer;display:block;height:auto;max-height:350px;max-width:100%;object-fit:contain;width:100%}.image-error-placeholder{align-items:center;background-color:var(--bg-secondary);border-radius:8px;color:var(--danger-text);display:none;display:flex;font-size:.85em;inset:0;justify-content:center;min-height:80px;padding:10px;position:absolute;text-align:center}body.dark-theme .image-error-placeholder{background-color:var(--accent-dark);color:var(--danger-text-dark)}.post-video-container{border-radius:8px;line-height:0;margin-bottom:5px;max-width:100%;overflow:hidden}.post-video{background-color:#000;display:block;max-height:450px;width:100%}.post-file-container{align-items:center;background-color:var(--bg-secondary);border:1px solid var(--accent-color);border-radius:8px;display:flex;gap:10px;padding:10px 12px;transition:background-color .2s ease}.post-file-container:hover{background-color:var(--bg-hover)}body.dark-theme .post-file-container{background-color:var(--accent-dark);border-color:var(--accent-dark)}body.dark-theme .post-file-container:hover{background-color:#ffffff14}.file-icon-container{align-items:center;background-color:#007bff1a;background-color:var(--highlight-color-light,#007bff1a);border-radius:6px;display:flex;flex-shrink:0;height:36px;justify-content:center;width:36px}body.dark-theme .file-icon-container{background-color:#339cff33;background-color:var(--highlight-dark-light,#339cff33)}.file-icon{color:#007bff;color:var(--highlight-color,#007bff);height:24px;width:24px}body.dark-theme .file-icon{color:#339cff;color:var(--highlight-dark,#339cff)}.file-info{display:flex;flex-direction:column;flex-grow:1;overflow:hidden}.file-name-link{color:var(--text-primary);font-size:.9em;font-weight:500;margin-bottom:2px;overflow:hidden;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}.file-name-link:hover{text-decoration:underline}.file-size{font-size:.8em}.file-size,.post-caption{color:var(--text-secondary)}.post-caption{font-size:.9em;line-height:1.4;margin-top:8px;padding:0 2px}.post-caption.markdown-content p{margin:0!important}.post-linked-project{border-top:1px solid var(--accent-color);font-size:.9em;margin-top:15px;padding-top:10px}body.dark-theme .post-linked-project{border-top-color:var(--accent-dark)}.project-label{color:var(--text-secondary);font-weight:500;margin-right:5px}.project-link{color:#007bff;color:var(--highlight-color,#007bff);font-weight:500;text-decoration:none}.project-link:hover{text-decoration:underline}body.dark-theme .project-link{color:#339cff;color:var(--highlight-dark,#339cff)}.post-footer{border-top:1px solid var(--accent-color);display:flex;gap:15px;margin-top:15px;padding-top:10px}body.dark-theme .post-footer{border-top-color:var(--accent-dark)}.post-footer .button-comment,.post-footer .button-like{align-items:center;background:none;border:none;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.9em;gap:4px;padding:2px 5px;transition:color .2s ease}.post-footer .button-comment:hover,.post-footer .button-like:hover{color:var(--text-primary)}.post-item--deleting{opacity:.5;pointer-events:none}.post-options-dropdown button.delete .spinner.tiny-spinner{border-color:#0000 currentColor currentColor;border-width:2px;height:14px;margin-right:5px;width:14px}.post-edit-form{margin-top:10px}.edit-textarea{margin-bottom:10px;min-height:80px;resize:vertical;width:100%}.edit-project-select-field{margin-bottom:15px;margin-top:10px}.edit-project-select-field label{font-size:.85em}.edit-actions{border-top:1px solid var(--accent-color);display:flex;gap:10px;justify-content:flex-end;margin-top:15px;padding-top:10px}body.dark-theme .edit-actions{border-top-color:var(--accent-dark)}.edit-actions .button.small{align-items:center;display:inline-flex;font-size:.9em;gap:4px;padding:5px 10px}.edit-actions .button.small svg{height:16px;width:16px}.post-edit-form .error-message{margin-bottom:10px;text-align:left}.profile-page{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background-color:#ffffff1a;border:1px solid #ffffff1f;border-radius:12px;box-shadow:0 4px 15px 0 #0000000d;color:var(--text-primary);min-height:calc(100vh - 60px);padding:20px;transition:background-color var(--transition-speed) ease,color var(--transition-speed) ease}body.dark-theme .profile-page{backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);background-color:#14141926;border:1px solid #ffffff14;box-shadow:0 4px 20px 0 #00000026}.profile-details{align-items:flex-start;background-color:var(--bg-secondary);border:1px solid var(--accent-color);border-radius:8px;box-shadow:var(--shadow-md);display:flex;flex-wrap:wrap;gap:25px;margin-top:20px;max-width:700px;padding:25px 30px;transition:background-color var(--transition-speed) ease,border-color var(--transition-speed) ease}.profile-avatar-container{flex-shrink:0}.profile-avatar-container .user-avatar img{background-color:var(--bg-primary);border:3px solid var(--accent-color);border-radius:50%;display:block;height:100px;object-fit:cover;width:100px}.profile-info-main{flex-grow:1}.profile-field{align-items:flex-start;display:flex;flex-wrap:wrap;gap:10px;line-height:1.5;margin-bottom:12px}.profile-label{color:var(--text-primary);flex-basis:140px;flex-shrink:0;font-weight:600}.profile-value{color:var(--text-secondary);flex-grow:1;word-break:break-word}.button-edit-profile{display:inline-block;margin-top:20px}.profile-section{border-top:1px solid var(--border-color);margin-top:35px;padding-top:25px}.profile-section h3{color:var(--text-primary);font-size:1.3em;font-weight:500;margin-bottom:25px;margin-top:0;padding-bottom:0}.profile-divider{border:none;border-top:1px solid var(--border-color);margin:35px 0;transition:border-color var(--transition-speed) ease}.create-post-section{margin-left:auto;margin-right:auto;max-width:700px}.no-posts-message{background-color:var(--bg-secondary);border-radius:6px;color:var(--text-secondary);font-style:italic;margin-top:20px;padding:30px 20px;text-align:center;transition:background-color var(--transition-speed) ease,color var(--transition-speed) ease}.avatar-upload-section{border-bottom:1px solid var(--border-color);transition:border-color var(--transition-speed) ease}.profile-avatar-preview{transition:background-color var(--transition-speed) ease,border-color var(--transition-speed) ease}.button-change-avatar{background-color:var(--button-bg);border:1px solid var(--accent-color);border-radius:4px;color:var(--button-text);cursor:pointer;font-size:.9em;padding:6px 12px;transition:opacity var(--transition-speed) ease,background-color var(--transition-speed) ease,color var(--transition-speed) ease,border-color var(--transition-speed) ease}.button-change-avatar:hover:not(:disabled){opacity:.85}.button-change-avatar:disabled{cursor:not-allowed;opacity:.5}.upload-progress{align-items:center;display:flex;gap:10px;margin-top:15px;width:100%}.upload-progress progress{-webkit-appearance:none;appearance:none;background-color:var(--bg-tertiary);border:none;border-radius:4px;flex-grow:1;height:8px;overflow:hidden}.upload-progress progress::-webkit-progress-bar{background-color:var(--bg-tertiary);border-radius:4px}.upload-progress progress::-webkit-progress-value{background-color:var(--accent-color);border-radius:4px;-webkit-transition:background-color var(--transition-speed) ease;transition:background-color var(--transition-speed) ease}.upload-progress progress::-moz-progress-bar{background-color:var(--accent-color);border-radius:4px;-moz-transition:background-color var(--transition-speed) ease;transition:background-color var(--transition-speed) ease}.upload-progress span{color:var(--text-secondary);font-size:.85em;min-width:40px;text-align:right;transition:color var(--transition-speed) ease}.success-message{background-color:#2e7d321a;background-color:var(--success-bg,#2e7d321a);border-radius:4px;color:#2e7d32;color:var(--success-text,#2e7d32);font-size:.9em;margin:10px 0;padding:8px 12px;transition:background-color var(--transition-speed) ease,color var(--transition-speed) ease}body.dark-theme .success-message{background-color:#a5d6a726;background-color:var(--success-bg-dark,#a5d6a726);color:#a5d6a7;color:var(--success-text-dark,#a5d6a7)}.error-message{background-color:#d32f2f1a;background-color:var(--danger-bg,#d32f2f1a);color:#d32f2f;color:var(--danger-text,#d32f2f);transition:background-color var(--transition-speed) ease,color var(--transition-speed) ease}body.dark-theme .error-message{background-color:#ffcdd226;background-color:var(--danger-bg-dark,#ffcdd226);color:#ffcdd2;color:var(--danger-text-dark,#ffcdd2)}.profile-header-visuals{border-radius:8px;box-shadow:var(--shadow-md);margin-bottom:80px;margin-left:auto;margin-right:auto;max-width:1000px;position:relative}.profile-banner{background-color:var(--bg-secondary);background-position:50%;background-repeat:no-repeat;background-size:cover;border:1px solid var(--accent-color-light);border-bottom:none;border-radius:8px 8px 0 0;display:block;height:350px;width:100%}body.dark-theme .profile-banner{background-color:var(--accent-dark);border-color:var(--accent-dark)}.profile-avatar-container--overlap{background-color:var(--bg-primary);border-radius:50%;bottom:-60px;box-shadow:var(--shadow-md);height:128px;left:50%;padding:4px;position:absolute;transform:translateX(-50%);transition:background-color var(--transition-speed) ease;width:128px;z-index:2}body.dark-theme .profile-avatar-container--overlap{background-color:#262626;background-color:var(--bg-dark,#262626)}.profile-avatar-container--overlap .user-avatar{margin:0}.profile-avatar-container--overlap .user-avatar .avatar-placeholder,.profile-avatar-container--overlap .user-avatar img{align-items:center;border-radius:50%;display:flex;font-size:3em;height:100%;justify-content:center;width:100%}.profile-details-main{margin:0 auto 30px;max-width:650px;padding-top:15px;text-align:center}.profile-display-name{color:var(--text-primary);font-size:1.8em;font-weight:600;margin:0 0 5px;word-break:break-word}.profile-description{color:var(--text-secondary);font-size:1em;line-height:1.5;margin:0 auto 15px;max-width:550px;white-space:pre-wrap}.profile-description .text-placeholder{color:var(--text-secondary);opacity:.7}.profile-meta{color:var(--text-secondary);display:flex;flex-wrap:wrap;font-size:.85em;gap:5px 20px;justify-content:center;margin-bottom:20px;opacity:.9}.button--edit-profile{font-size:.9em;padding:7px 15px}.profile-section{border-top:1px solid var(--accent-color);margin-top:40px;padding-top:30px;transition:border-color var(--transition-speed) ease}body.dark-theme .profile-section{border-top-color:var(--accent-dark)}.profile-section:first-of-type{border-top:none;margin-top:20px;padding-top:0}.profile-section .section-title{color:var(--text-primary);font-size:1.4em;font-weight:500;margin-bottom:20px;margin-top:0;padding-bottom:5px}.loading-message,.no-items-message{padding:20px}.public-projects-section{margin-left:auto;margin-right:auto;max-width:800px}.public-project-list{display:flex;flex-direction:column;gap:10px;list-style:none;margin:0;padding:0}.public-project-item{display:block}.public-project-link{align-items:center;background-color:var(--card-bg);border:1px solid var(--accent-color-light);border-radius:6px;display:flex;gap:10px;padding:12px 15px;text-decoration:none;transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease}.public-project-link:hover{background-color:var(--bg-secondary);border-color:var(--accent-color);box-shadow:var(--shadow-sm)}body.dark-theme .public-project-link{background-color:var(--card-bg-dark);border-color:var(--accent-dark)}body.dark-theme .public-project-link:hover{background-color:var(--accent-dark);border-color:var(--accent-dark-light)}.public-project-link .project-name{color:var(--text-primary);flex-grow:1;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.public-project-link .status-badge{flex-shrink:0}.posts-list{align-items:center;display:flex;flex-direction:column;gap:20px;list-style:none;margin:0;padding:0}@media (max-width:1050px){.profile-header-visuals{border-radius:0;box-shadow:none;margin-bottom:70px;max-width:100%}.profile-banner{border-left:none;border-radius:0;border-right:none;height:250px}.profile-avatar-container--overlap{bottom:-50px;height:108px;width:108px}}.edit-profile-form-box{margin:20px auto;max-width:650px}.edit-profile-form-box h2{margin-bottom:25px;text-align:center}.avatar-upload-section{border-bottom:1px solid var(--accent-color-light);margin-bottom:25px;padding-bottom:20px}.avatar-preview-container{align-items:center;display:flex;flex-wrap:wrap;gap:20px;margin-top:10px}.profile-avatar-preview{background-color:var(--bg-secondary);border:2px solid var(--accent-color);border-radius:50%;height:80px;object-fit:cover;width:80px}.button-change-file{font-size:.9em;padding:6px 12px}.banner-upload-section{border-bottom:1px solid var(--accent-color-light);margin-bottom:25px;padding-bottom:20px}.banner-upload-section label{color:var(--text-secondary);display:block;font-size:1em;font-weight:600;margin-bottom:10px}.banner-preview-container{background-color:var(--bg-secondary);border:1px dashed var(--accent-color);border-radius:6px;height:150px;margin-bottom:10px;overflow:hidden;position:relative;width:100%}.banner-preview{background-position:50%;background-repeat:no-repeat;background-size:cover;height:100%;width:100%}.banner-placeholder{align-items:center;color:var(--text-secondary);display:flex;font-size:.9em;font-style:italic;justify-content:center}.banner-controls{text-align:right}.edit-profile-form-box .form-actions{border-top:1px solid var(--accent-color);margin-top:25px;padding-top:15px}body.dark-theme .edit-profile-form-box .form-actions{border-top-color:var(--accent-dark)}.edit-profile-form-box .error-message,.edit-profile-form-box .success-message{margin-bottom:15px}.navbar{align-items:center;border-bottom:1px solid var(--accent-color);display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:15px 20px;transition:border-color var(--transition-speed) ease}.navbar-logo{color:var(--text-primary);flex-shrink:0;font-size:1.4em;font-weight:600;text-decoration:none}.navbar-logo:hover{opacity:.8}.navbar-links{align-items:center;display:flex;gap:20px}.nav-link{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-family:inherit;font-size:.95em;font-weight:500;padding:5px 0;position:relative;text-decoration:none;transition:color var(--transition-speed) ease}.nav-link--active,.nav-link:hover{color:var(--text-primary)}.nav-link--active{font-weight:600}.button--logout{color:#e57373}.button--logout:hover{color:#d32f2f}body.dark-theme .button--logout{color:#ef9a9a}body.dark-theme .button--logout:hover{color:#e57373}.navbar{animation:fadeInNavbar .5s ease-out forwards;opacity:0;transform:translateY(-20px)}@keyframes fadeInNavbar{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.nav-item-dropdown{display:inline-block}.nav-link-trigger{align-items:center;background:none;border:none;color:var(--text-secondary);color:var(--nav-link-color,var(--text-secondary));cursor:pointer;display:inline-flex;font-family:inherit;font-size:inherit;gap:4px;margin:0 5px;margin:var(--nav-link-margin,0 5px);padding:8px 12px;padding:var(--nav-link-padding,8px 12px);text-decoration:none}.nav-link-trigger.nav-link--active{color:var(--text-primary);color:var(--nav-link-active-color,var(--text-primary));font-weight:600;font-weight:var(--nav-link-active-weight,600)}.nav-link-trigger:hover{color:var(--text-primary);color:var(--nav-link-hover-color,var(--text-primary))}.dropdown-arrow{display:inline-block;font-size:.7em;margin-left:2px;transition:transform .2s ease-in-out}.dropdown-arrow.open{transform:rotate(180deg)}.dropdown-menu{animation:fadeInDropdown .15s ease-out;background-color:var(--card-bg,#fff);border:1px solid var(--accent-color,#ccc);border-radius:6px;box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow-md,0 4px 6px #0000001a);display:flex;flex-direction:column;left:50%;min-width:160px;padding:5px 0;top:calc(100% + 5px);transform:translateX(-50%);z-index:100}body.dark-theme .dropdown-menu{background-color:#333;background-color:var(--card-bg-dark,#333);border-color:#555;border-color:var(--accent-dark,#555)}@keyframes fadeInDropdown{0%{opacity:0;transform:translateX(-50%) translateY(-5px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.dropdown-menu .nav-link{border-radius:0;color:var(--text-secondary);display:block;margin:0;padding:8px 15px;text-align:left;transition:background-color .15s ease,color .15s ease;white-space:nowrap;width:100%}.dropdown-menu .nav-link:hover{background-color:#f0f0f0;background-color:var(--bg-hover,#f0f0f0);color:var(--text-primary)}body.dark-theme .dropdown-menu .nav-link:hover{background-color:#444;background-color:var(--bg-hover-dark,#444)}.dropdown-menu .nav-link.nav-link--active{background-color:#007bff1a;background-color:var(--highlight-color-light,#007bff1a);color:#007bff;color:var(--highlight-color,#007bff);font-weight:600}body.dark-theme .dropdown-menu .nav-link.nav-link--active{background-color:#339cff26;background-color:var(--highlight-dark-light,#339cff26);color:#339cff;color:var(--highlight-dark,#339cff)}.dropdown-menu{background-color:#fff;border:1px solid #ccc;box-shadow:0 4px 12px #00000026;left:0;padding:10px;position:absolute;top:100%;z-index:999}.nav-item-dropdown,.navbar{position:relative}.navbar{z-index:1000}.app-footer{background-color:var(--bg-secondary);border-top:1px solid var(--accent-color);color:var(--text-secondary);font-size:.9em;margin-top:40px;padding:25px 0;transition:background-color var(--transition-speed) ease,color var(--transition-speed) ease,border-color var(--transition-speed) ease}body.dark-theme .app-footer{background-color:var(--accent-dark);border-top-color:var(--accent-dark-light);color:var(--text-secondary)}.footer-content{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between}.footer-links{display:flex;flex-wrap:wrap;gap:15px 25px;justify-content:center}.footer-links a{color:var(--text-secondary);text-decoration:none;transition:color .2s ease}.footer-links a:hover{color:var(--text-primary);text-decoration:underline}.footer-social{align-items:center;display:flex;gap:15px;justify-content:center}.footer-social p{font-weight:500;margin:0}.social-icons{display:flex;gap:10px}.social-icons a{align-items:center;color:var(--text-secondary);display:flex;font-size:1.4em;justify-content:center;text-decoration:none;transition:color .2s ease,transform .2s ease}.social-icons a:hover{color:var(--text-primary);transform:scale(1.1)}.footer-copyright{font-size:.85em;margin-top:15px;opacity:.8;text-align:center;width:100%}@media (max-width:768px){.footer-content{align-items:center;flex-direction:column;gap:25px}.footer-links{order:2}.footer-social{order:1}.footer-copyright{margin-top:10px;order:3}}.firewall-demo-container{background-color:#f0f4f8;border:1px solid #ccc;border-radius:8px;font-family:sans-serif;margin:20px auto;max-width:800px;padding:15px 20px;text-align:center}.firewall-demo-container.firewall-demo-relative{position:relative}.simulation-area-wrapper{margin-top:15px}.simulation-area.simulation-area-relative{position:relative}.simulation-area{background:linear-gradient(180deg,#fff,#e6f0fa);border:1px solid #b0c4de;height:300px;margin-bottom:15px;overflow:hidden;width:100%}.firewall-line{align-items:center;border-left:4px solid tomato;bottom:0;box-shadow:0 0 10px #ff634780;display:flex;justify-content:center;left:50%;position:absolute;top:0;transform:translateX(-2px);z-index:10}.firewall-line span{background-color:#ff6347e6;border-radius:4px;color:#fff;font-size:.9em;left:50%;padding:10px 3px;top:50%;transform:rotate(180deg);transform:translate(-50%,-50%) rotate(180deg);writing-mode:vertical-rl}.firewall-line span,.zone{font-weight:700;position:absolute}.zone{color:#4682b4;font-size:.8em;letter-spacing:1px;text-transform:uppercase;top:8px}.before-firewall{left:15px}.after-firewall{right:15px}.packet{align-items:center;border:none;border-radius:15px;box-shadow:2px 2px 5px #0003;color:#333;cursor:default;display:flex;font-size:.9em;gap:5px;left:0;padding:6px 12px;position:absolute;transform:translateX(-20%);white-space:nowrap;will-change:transform,opacity,scale;z-index:5}.packet-allowed{color:#111}.packet-icon{font-size:1.1em}.packet-icon,.packet-label{line-height:1}.blocked-sites-section h4{color:#4682b4;font-size:1em;margin-bottom:10px;margin-top:0;text-align:center}.blocked-list{list-style:none;margin:0;padding:0}.blocked-list li{align-items:center;background-color:#fde0e0;border:1px solid #f08080;border-radius:4px;display:flex;font-size:.85em;justify-content:space-between;margin-bottom:6px;overflow:hidden;padding:4px 8px}.site-name{margin-right:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.site-votes{color:#dc143c;font-size:.9em;margin-left:5px;white-space:nowrap}.ad-element{align-items:center;background-color:#ffeb99;border:2px dashed orange;border-radius:5px;box-shadow:3px 3px 8px #0000004d;color:#8b4513;cursor:help;display:flex;font-size:.9em;font-weight:700;gap:5px;padding:10px 15px;position:absolute;will-change:transform,opacity,scale;z-index:20}.blocked-sites-section{background-color:#fff;border:1px solid #b0c4de;border-radius:5px;margin-bottom:10px;max-height:180px;overflow-y:auto;padding:10px 15px;text-align:left}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;background-color:var(--bg-primary);color:#1a1a1a;color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.5;margin:0;transition:background-color .2s ease,color .2s ease;transition:background-color var(--transition-speed) ease,color var(--transition-speed) ease}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.main-content--project-view{padding-top:0!important}*{box-sizing:border-box}:root{--blue-light:#e7f1ff;--blue-main:#007aff;--blue-dark:#0056b3;--orange-light:#ff980026;--orange-main:#ff9800;--orange-dark:#fb8c00;--grey-lightest:#f8f9fa;--grey-light:#e0e0e0;--grey-medium:#ccc;--grey-dark:#555;--grey-darkest:#262626;--red-light:#dc35451a;--red-main:#dc3545;--red-dark:#c62828;--green-light:#4caf501a;--green-main:#2e7d32;--green-dark:#1b5e20;--bg-primary:#fff;--bg-secondary:var(--grey-lightest);--card-bg:#fff;--text-primary:#1a1a1a;--text-secondary:var(--grey-dark);--accent-color:var(--grey-medium);--accent-color-light:var(--grey-light);--highlight-color:var(--blue-main);--highlight-color-light:var(--blue-light);--highlight-color-hover:var(--blue-dark);--button-bg:var(--grey-darkest);--button-text:#fff;--danger-text:var(--red-main);--danger-text-dark:var(--red-dark);--danger-bg:var(--red-light);--danger-border:var(--red-main);--shadow-color-rgb:0,0,0;--shadow-sm:0 1px 2px rgba(var(--shadow-color-rgb),0.07);--shadow-md:0 3px 6px rgba(var(--shadow-color-rgb),0.08);--shadow-lg:0 10px 20px rgba(var(--shadow-color-rgb),0.09);--transition-speed:0.2s}body.dark-theme{--bg-primary:#1a1a1a;--bg-secondary:var(--grey-darkest);--card-bg:#333;--card-bg-dark:#333;--text-primary:#e0e0e0;--text-secondary:#aaa;--accent-color:var(--grey-dark);--accent-dark:#444;--accent-color-light:#444;--accent-dark-light:#555;--highlight-color:var(--orange-main);--highlight-dark:var(--orange-main);--highlight-color-light:var(--orange-light);--highlight-dark-light:var(--orange-light);--highlight-color-hover:var(--orange-dark);--button-bg:#e0e0e0;--button-text:#1a1a1a;--danger-text:#ef9a9a;--danger-text-dark:#e57373;--danger-bg:#ef9a9a1a;--danger-border:#a13535;--shadow-color-rgb:180,180,180}h1,h2,h3,h4,h5,h6{color:#1a1a1a;color:var(--text-primary)}h1,h2,h3,h4,h5,h6,p{transition:color .2s ease;transition:color var(--transition-speed) ease}p{color:#555;color:var(--text-secondary);margin:0 0 1em}a{color:#007aff;color:var(--highlight-color);text-decoration:none;transition:color .2s ease;transition:color var(--transition-speed) ease}a:hover{color:#0056b3;color:var(--highlight-color-hover);text-decoration:underline}hr{border:none;border-top:1px solid #e0e0e0;border-top:1px solid var(--accent-color-light);margin:1.5em 0;transition:border-color .2s ease;transition:border-color var(--transition-speed) ease}.page-container{margin-left:auto;margin-right:auto;max-width:1500px;padding-left:20px;padding-right:20px}.loading-message,.no-items-message{color:#555;color:var(--text-secondary);font-style:italic;opacity:.8;padding:30px;text-align:center}.error-message{background-color:#dc35451a;background-color:var(--danger-bg);border:1px solid #dc3545;border:1px solid var(--danger-border);border-radius:4px;color:#dc3545;color:var(--danger-text);font-size:.9em;margin:10px 0;padding:8px 12px}.button{background-color:#262626;background-color:var(--button-bg);border:1px solid #ccc;border:1px solid var(--accent-color);border-radius:6px;color:#fff;color:var(--button-text);cursor:pointer;display:inline-block;font-family:inherit;font-size:.95em;padding:8px 15px;text-align:center;transition:background-color .2s ease,color .2s ease,opacity .2s ease,border-color .2s ease;transition:background-color var(--transition-speed) ease,color var(--transition-speed) ease,opacity .2s ease,border-color var(--transition-speed) ease}.button:hover:not(:disabled){opacity:.85}.button:disabled{cursor:not-allowed;opacity:.5}.button--primary{background-color:#007aff;background-color:var(--highlight-color);border-color:#007aff;border-color:var(--highlight-color);color:#fff;font-weight:500}.button--primary:hover:not(:disabled){background-color:#0056b3;background-color:var(--highlight-color-hover);border-color:#0056b3;border-color:var(--highlight-color-hover);opacity:1}.button--cancel{background-color:initial;border-color:#ccc;border-color:var(--accent-color);color:#555;color:var(--text-secondary)}.button--cancel:hover:not(:disabled){background-color:#f8f9fa;background-color:var(--bg-secondary);color:#1a1a1a;color:var(--text-primary);opacity:1}.button--danger,.button--delete,.button--delete-project{background-color:initial;border-color:#dc3545;border-color:var(--danger-border);color:#dc3545;color:var(--danger-text)}.button--danger:hover:not(:disabled),.button--delete-project:hover:not(:disabled),.button--delete:hover:not(:disabled){background-color:#dc35451a;background-color:var(--danger-bg);color:#c62828;color:var(--danger-text-dark);opacity:1}.modal-overlay{align-items:center;background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1050}.modal-content{background-color:#fff;background-color:var(--card-bg);border-radius:8px;box-shadow:0 10px 20px #00000017;box-shadow:var(--shadow-lg);color:#1a1a1a;color:var(--text-primary);max-height:90vh;max-width:600px;min-width:300px;overflow-y:auto;padding:25px 30px;position:relative;transition:background-color .2s ease,color .2s ease;transition:background-color var(--transition-speed) ease,color var(--transition-speed) ease;width:auto;z-index:1051}.modal-close-button{background:none;border:none;color:#555;color:var(--text-secondary);cursor:pointer;font-size:1.6em;font-weight:700;line-height:.5;padding:5px;position:absolute;right:10px;top:8px;transition:color .2s ease}.modal-close-button:hover{color:#1a1a1a;color:var(--text-primary)}.form-field{margin-bottom:15px}.form-field label{color:#555;color:var(--text-secondary);display:block;font-size:.9em;font-weight:500;margin-bottom:5px}.form-input,select.form-input,textarea.form-input{background-color:#fff;background-color:var(--bg-primary);border:1px solid #ccc;border:1px solid var(--accent-color);border-radius:6px;color:#1a1a1a;color:var(--text-primary);display:block;font-family:inherit;font-size:1em;line-height:1.4;padding:10px 12px;transition:background-color .2s ease,color .2s ease,border-color .2s ease,box-shadow .2s ease;transition:background-color var(--transition-speed) ease,color var(--transition-speed) ease,border-color var(--transition-speed) ease,box-shadow .2s ease;width:100%}.form-input:focus,select.form-input:focus,textarea.form-input:focus{border-color:#007aff;border-color:var(--highlight-color);box-shadow:0 0 0 2px color-mix(in srgb,#007aff 25%,#0000);box-shadow:0 0 0 2px color-mix(in srgb,var(--highlight-color) 25%,#0000);outline:none}body.dark-theme .form-input:focus,body.dark-theme select.form-input:focus,body.dark-theme textarea.form-input:focus{box-shadow:0 0 0 2px color-mix(in srgb,var(--highlight-dark) 25%,#0000)}textarea.form-input{min-height:80px;resize:vertical}input[type=date].form-input{accent-color:#007aff;accent-color:var(--highlight-color)}body.dark-theme input[type=date].form-input{accent-color:var(--highlight-dark)}.form-field--checkbox{align-items:center;display:flex;gap:.5rem}.form-field--checkbox input[type=checkbox]{accent-color:#007aff;accent-color:var(--highlight-color);margin:0;width:auto}body.dark-theme .form-field--checkbox input[type=checkbox]{accent-color:var(--highlight-dark)}.form-field--checkbox label{cursor:pointer;font-weight:400;margin-bottom:0}.form-actions{border-top:1px solid #e0e0e0;border-top:1px solid var(--accent-color-light);display:flex;gap:10px;justify-content:flex-end;margin-top:25px;padding-top:15px}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#000,#555);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#111,#666)}
/*# sourceMappingURL=main.6c01d7d9.css.map*/