:root{--font-family-title:Montserrat,Segoe UI,system-ui,sans-serif;--font-family-text:Montserrat,Segoe UI,system-ui,sans-serif;--font-style-title:normal;--font-style-text:normal;--font-weight-text:400;--font-weight-text-medium:500;--font-weight-text-semibold:600;--font-weight-text-bold:700;--font-weight-title:600;--font-body-size:clamp(0.875rem,0.2vw + 0.825rem,0.95rem);--font-small-size:clamp(0.75rem,0.15vw + 0.725rem,0.825rem);--font-menu-link-size:clamp(0.875rem,0.25vw + 0.825rem,1rem);--font-button-size:clamp(0.875rem,0.2vw + 0.85rem,0.95rem);--font-header-one-size:clamp(1.5rem,2vw + 1rem,2rem);--font-header-two-size:clamp(1.25rem,1.5vw + 0.875rem,1.75rem);--font-header-three-size:clamp(1.125rem,1vw + 0.75rem,1.5rem);--font-header-four-size:clamp(1rem,0.5vw + 0.75rem,1.25rem);--font-header-five-size:clamp(0.9rem,0.3vw + 0.7rem,1.125rem);--font-header-six-size:clamp(0.875rem,0.2vw + 0.65rem,1rem);--line-height-tight:1.25;--line-height-normal:1.5;--line-height-relaxed:1.6;--color-primary:#0058a8;--color-primary-dark:#004285;--color-primary-light:#2174c7;--color-secondary:#28a745;--color-accent:#fd7e14;--color-council:#6f42c1;--color-success:#28a745;--color-warning:#ffc107;--color-danger:#dc3545;--color-info:#17a2b8;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--border-radius-sm:0.25rem;--border-radius-md:0.375rem;--border-radius-lg:0.5rem;--border-radius-xl:0.75rem}html[data-theme=light]{--font-color-text:#1f2937;--font-color-text-muted:#6b7280;--font-color-text-light:#9ca3af;--font-color-title:#111827;--font-color-white:#fff;--font-color-link:#0058a8;--font-color-link-hover:#004285;--color-body:#f9fafb;--color-surface:#fff;--color-surface-secondary:#f3f4f6;--color-border:#e5e7eb;--color-border-light:#f3f4f6;--color-nav:#fff;--color-nav-border:#e5e7eb;--color-sidebar:#f8fafc;--color-sidebar-active:#eff6ff;--color-hover:rgba(0,88,168,.05);--color-focus:rgba(0,88,168,.1);--color-disabled:#d1d5db;--color-syndic:#0058a8;--color-resident:#28a745;--color-council:#6f42c1;--color-notification:#fd7e14;--box-shadow-sm:0 1px 2px 0 rgba(0,0,0,.05);--box-shadow-md:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--box-shadow-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1)}html[data-theme=dark]{--font-color-text:#e5e7eb;--font-color-text-muted:#9ca3af;--font-color-text-light:#6b7280;--font-color-title:#f9fafb;--font-color-white:#1f2937;--font-color-link:#60a5fa;--font-color-link-hover:#93c5fd;--color-body:#111827;--color-surface:#1f2937;--color-surface-secondary:#374151;--color-border:#4b5563;--color-border-light:#374151;--color-nav:#1f2937;--color-nav-border:#374151;--color-sidebar:#111827;--color-sidebar-active:#1e3a8a;--color-hover:rgba(96,165,250,.1);--color-focus:rgba(96,165,250,.2);--color-disabled:#4b5563;--color-syndic:#60a5fa;--color-resident:#34d399;--color-council:#a78bfa;--color-notification:#fb923c;--box-shadow-sm:0 1px 2px 0 rgba(0,0,0,.5);--box-shadow-md:0 4px 6px -1px rgba(0,0,0,.5) 0 2px 4px -2px rgba(0,0,0,.5);--box-shadow-lg:0 10px 15px -3px rgba(0,0,0,.5) 0 4px 6px -4px rgba(0,0,0,.5)}.navbar{background:var(--color-surface);border-bottom:1px solid var(--color-border-light);box-shadow:var(--box-shadow-sm);position:sticky;top:0;z-index:1000}.navbar .navbar-container{align-items:center;display:flex;height:64px;justify-content:space-between;margin:0 auto;max-width:1400px;padding:0 var(--spacing-md)}@media screen and (min-width:812px) and (max-width:1024px){.navbar .navbar-container{padding:0 var(--spacing-lg)}}.navbar-brand{color:var(--color-primary);font-family:var(--font-family-title);font-size:var(--font-header-four-size);font-weight:var(--font-weight-text-bold);letter-spacing:1px;text-decoration:none;transition:all .3s ease}.navbar-brand:hover{color:var(--color-primary-dark);text-decoration:none;transform:scale(1.02)}.navbar-brand .brand-text{display:inline}.nav-link{align-items:center;background:none;border:none;border-radius:var(--border-radius-md);color:var(--font-color-text);cursor:pointer;display:flex;font-size:var(--font-small-size);font-weight:var(--font-weight-text-medium);gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);position:relative;text-decoration:none;transition:all .3s ease}.nav-link:hover{background:rgba(var(--color-primary),.1);color:var(--color-primary);text-decoration:none}.nav-link.active{background:rgba(var(--color-primary),.15);color:var(--color-primary)}.nav-link.active:after{background:var(--color-primary);bottom:-1px;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);width:80%}.nav-link .nav-icon{font-size:1.1em;opacity:.8}.nav-link .nav-text{display:none}@media screen and (min-width:1025px){.nav-link .nav-text{display:inline}}.nav-dropdown{position:relative}.nav-dropdown .dropdown-toggle .dropdown-arrow{font-size:.8em;margin-left:var(--spacing-xs);transition:transform .3s ease}.nav-dropdown .dropdown-toggle:focus{outline:2px solid var(--color-primary);outline-offset:2px}.nav-dropdown.active .dropdown-toggle .dropdown-arrow{transform:rotate(180deg)}.dropdown-menu{background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--border-radius-md);box-shadow:var(--box-shadow-lg);display:none;left:0;margin-top:var(--spacing-xs);min-width:200px;padding:var(--spacing-sm) 0;position:absolute;top:100%;z-index:1010}.dropdown-menu.show{display:block}.dropdown-menu.user-dropdown{left:auto;min-width:250px;right:0}.dropdown-item{align-items:center;color:var(--font-color-text);display:flex;font-size:var(--font-small-size);gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);text-decoration:none;transition:all .3s ease}.dropdown-item:hover{background:var(--color-surface-secondary);color:var(--color-primary);text-decoration:none}.dropdown-item.logout{color:var(--color-danger)}.dropdown-item.logout:hover{background:rgba(var(--color-danger),.1);color:var(--color-danger)}.dropdown-item .dropdown-icon{flex-shrink:0;font-size:1.1em;opacity:.7}.dropdown-header{border-bottom:1px solid var(--color-border-light);margin-bottom:var(--spacing-sm);padding:var(--spacing-md)}.dropdown-header .user-details{display:flex;flex-direction:column;gap:var(--spacing-xs)}.dropdown-header .user-details strong{color:var(--font-color-title);font-size:var(--font-body-size)}.dropdown-header .user-details span{color:var(--font-color-text-muted);font-size:var(--font-small-size)}.dropdown-header .user-details small{color:var(--font-color-text-light);font-size:var(--font-small-size)}.dropdown-divider{background:var(--color-border-light);height:1px;margin:var(--spacing-sm) 0}.navbar-actions{align-items:center;display:flex;gap:var(--spacing-md)}.user-menu{position:relative}.user-menu .user-toggle{align-items:center;background:none;border:1px solid var(--color-border-light);border-radius:var(--border-radius-md);cursor:pointer;display:flex;gap:var(--spacing-sm);padding:var(--spacing-sm);transition:all .3s ease}.user-menu .user-toggle:hover{background:rgba(var(--color-primary),.05);border-color:var(--color-primary)}.user-menu .user-toggle:focus{outline:2px solid var(--color-primary);outline-offset:2px}.user-menu .user-avatar{align-items:center;background:var(--color-surface-secondary);border:2px solid var(--color-border-light);border-radius:50%;display:flex;font-size:1.1em;height:32px;justify-content:center;width:32px}.user-menu .user-info{align-items:flex-start;display:none;flex-direction:column}@media screen and (min-width:576px) and (max-width:768px){.user-menu .user-info{display:flex}}.user-menu .user-info .user-name{color:var(--font-color-title);font-size:var(--font-small-size);font-weight:var(--font-weight-text-semibold)}.user-menu .user-info .user-role{color:var(--font-color-text-muted);font-size:var(--font-small-size);letter-spacing:.5px;text-transform:uppercase}.user-menu .dropdown-arrow{color:var(--font-color-text-muted);font-size:.8em;transition:transform .3s ease}.user-menu.active .dropdown-arrow{transform:rotate(180deg)}.burger{background:none;border:none;cursor:pointer;display:flex;flex-direction:column;height:24px;justify-content:space-around;padding:0;width:24px}.burger span{background:var(--font-color-text);border-radius:1px;height:2px;transform-origin:center;transition:all .3s ease;width:100%}.burger.active span:first-child{transform:rotate(45deg) translate(5px,5px)}.burger.active span:nth-child(2){opacity:0}.burger.active span:nth-child(3){transform:rotate(-45deg) translate(7px,-6px)}.mobile-menu{background:var(--color-surface);border-left:1px solid var(--color-border-light);box-shadow:var(--box-shadow-lg);display:none;height:calc(100vh - 64px);max-width:320px;overflow-y:auto;position:fixed;right:0;top:64px;width:100%;z-index:1005}.mobile-menu.show{display:block}.mobile-menu .mobile-menu-header{background:var(--color-surface-secondary);border-bottom:1px solid var(--color-border-light);padding:var(--spacing-lg)}.mobile-menu .mobile-menu-header .mobile-user-info{align-items:center;display:flex;gap:var(--spacing-md)}.mobile-menu .mobile-menu-header .mobile-user-info .mobile-avatar{align-items:center;background:var(--color-primary);border-radius:50%;color:#fff;display:flex;font-size:1.3em;height:48px;justify-content:center;width:48px}.mobile-menu .mobile-menu-header .mobile-user-info .mobile-user-details{display:flex;flex-direction:column;gap:var(--spacing-xs)}.mobile-menu .mobile-menu-header .mobile-user-info .mobile-user-details strong{color:var(--font-color-title);font-size:var(--font-body-size)}.mobile-menu .mobile-menu-header .mobile-user-info .mobile-user-details span{color:var(--font-color-text-muted);font-size:var(--font-small-size)}.mobile-menu .mobile-menu-content{padding:var(--spacing-md) 0}.mobile-menu .mobile-nav-section{margin-bottom:var(--spacing-lg)}.mobile-menu .mobile-nav-section:last-child{margin-bottom:0}.mobile-menu .mobile-nav-section .mobile-nav-header{background:var(--color-surface-secondary);color:var(--font-color-text-muted);font-size:var(--font-small-size);font-weight:var(--font-weight-text-semibold);letter-spacing:.5px;padding:var(--spacing-sm) var(--spacing-lg);text-transform:uppercase}.mobile-menu .mobile-nav-link{align-items:center;color:var(--font-color-text);display:flex;font-size:var(--font-body-size);gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);text-decoration:none;transition:all .3s ease}.mobile-menu .mobile-nav-link:hover{background:var(--color-surface-secondary);color:var(--color-primary);text-decoration:none}.mobile-menu .mobile-nav-link.active{background:rgba(var(--color-primary),.1);border-right:3px solid var(--color-primary);color:var(--color-primary)}.mobile-menu .mobile-nav-link.logout{color:var(--color-danger)}.mobile-menu .mobile-nav-link.logout:hover{background:rgba(var(--color-danger),.1);color:var(--color-danger)}.mobile-menu .mobile-nav-link i{font-size:1.2em;text-align:center;width:20px}body.mobile-menu-open:before{animation:fadeIn .3s ease;background:rgba(0,0,0,.5);content:"";height:calc(100vh - 64px);left:0;position:fixed;top:64px;width:100%;z-index:1000}.btn{font-size:var(--font-body-size);justify-content:center;padding:var(--spacing-sm) var(--spacing-lg)}.btn.btn-primary{background:var(--color-primary);color:#fff}.btn.btn-primary:hover{background:var(--color-primary-dark);box-shadow:var(--box-shadow-md);text-decoration:none;transform:translateY(-1px)}@media screen and (min-width:576px) and (max-width:768px){.navbar-container{height:56px}.mobile-menu,body.mobile-menu-open:before{height:calc(100vh - 56px);top:56px}}html[data-theme=dark] .navbar{background:var(--color-surface);border-bottom-color:var(--color-border)}html[data-theme=dark] .user-avatar{background:var(--color-surface-secondary);border-color:var(--color-border)}html[data-theme=dark] .mobile-menu{background:var(--color-surface);border-left-color:var(--color-border)}@media (prefers-reduced-motion:reduce){.burger span,.dropdown-arrow,.mobile-menu,.nav-link{transition:none}}.footer{background:var(--color-nav);border-top:1px solid var(--color-nav-border);margin-top:auto}.footer-container{margin:0 auto;max-width:1200px;padding:var(--spacing-xl) var(--spacing-md) var(--spacing-lg)}.footer-content{display:grid;gap:var(--spacing-xl);grid-template-columns:1fr}@media screen and (min-width:576px) and (max-width:768px){.footer-content{gap:var(--spacing-lg);grid-template-columns:repeat(2,1fr)}}@media screen and (min-width:812px) and (max-width:1024px){.footer-content{gap:var(--spacing-xl);grid-template-columns:2fr repeat(3,1fr)}}@media screen and (min-width:1025px){.footer-content{gap:var(--spacing-xl);grid-template-columns:2fr repeat(3,1fr)}}@media screen and (min-width:812px) and (max-width:1024px){.footer-section:first-child{padding-right:var(--spacing-lg)}}@media screen and (min-width:1025px){.footer-section:first-child{padding-right:var(--spacing-lg)}}.footer-brand{color:var(--color-primary);font-family:var(--font-family-title);font-size:var(--font-header-four-size);font-weight:var(--font-weight-text-bold);margin-bottom:var(--spacing-sm)}.footer-description{color:var(--font-color-text-muted);font-size:var(--font-small-size);line-height:var(--line-height-normal);margin-bottom:var(--spacing-md)}@media screen and (min-width:812px) and (max-width:1024px){.footer-description{max-width:280px}}@media screen and (min-width:1025px){.footer-description{max-width:280px}}.footer-title{color:var(--font-color-title);font-size:var(--font-header-six-size);font-weight:var(--font-weight-text-semibold);margin-bottom:var(--spacing-md)}.footer-links{list-style:none}.footer-links li{margin-bottom:var(--spacing-sm)}.footer-links li:last-child{margin-bottom:0}.footer-links a{color:var(--font-color-text-muted);font-size:var(--font-small-size);text-decoration:none;transition:color .2s ease}.footer-links a:hover{color:var(--color-primary)}.footer-bottom{align-items:center;border-top:1px solid var(--color-border-light);display:flex;flex-direction:column;gap:var(--spacing-xs);margin-top:var(--spacing-xl);padding-top:var(--spacing-md)}@media screen and (min-width:576px) and (max-width:768px){.footer-bottom{flex-direction:row;justify-content:space-between}}.footer-bottom p{color:var(--font-color-text-light);font-size:var(--font-small-size);margin:0}.footer-version{font-weight:var(--font-weight-text-medium)}body,html{height:100%}body{display:flex;flex-direction:column}.main-wrapper{flex:1}.login-page{align-items:center;background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-dark) 100%);display:flex;justify-content:center;min-height:100vh;padding:var(--spacing-md)}@media screen and (min-width:812px) and (max-width:1024px){.login-page{padding:var(--spacing-xl)}}.login-container{background:var(--color-surface);border-radius:var(--border-radius-xl);box-shadow:var(--box-shadow-lg);max-width:400px;padding:var(--spacing-2xl) var(--spacing-xl);width:100%}@media screen and (min-width:576px) and (max-width:768px){.login-container{max-width:450px;padding:var(--spacing-2xl)}}.login-header{margin-bottom:var(--spacing-2xl);text-align:center}.login-header .login-brand{color:var(--color-primary);font-family:var(--font-family-title);font-size:var(--font-header-two-size);font-weight:var(--font-weight-text-bold);margin-bottom:var(--spacing-sm)}@media screen and (min-width:576px) and (max-width:768px){.login-header .login-brand{font-size:var(--font-header-one-size)}}.login-header .login-subtitle{color:var(--font-color-text-muted);font-size:var(--font-body-size);margin:0}.login-form .form-group{margin-bottom:var(--spacing-lg)}.login-form .form-group label{color:var(--font-color-title);display:block;font-size:var(--font-small-size);font-weight:var(--font-weight-text-medium);margin-bottom:var(--spacing-sm)}.login-form .form-group .password-input-group{position:relative}.login-form .form-group .password-input-group input[type=password]{background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--border-radius-md);color:var(--font-color-text);font-family:var(--font-family-text);font-size:var(--font-body-size);padding:var(--spacing-md);transition:border-color .3s ease,box-shadow .3s ease;width:100%}.login-form .form-group .password-input-group input[type=password]:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(0,88,168,.1);outline:none}.login-form .form-group .password-input-group input[type=password]::-moz-placeholder{color:var(--font-color-text-light)}.login-form .form-group .password-input-group input[type=password]::placeholder{color:var(--font-color-text-light)}.login-form .form-group .password-input-group .password-toggle{background:none;border:none;cursor:pointer;font-size:1rem;padding:5px;position:absolute;right:10px;top:50%;transform:translateY(-50%)}.login-form .form-group .password-input-group .password-toggle:hover{opacity:.7}.login-form .form-group input[type=email],.login-form .form-group input[type=password],.login-form .form-group input[type=text]{background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--border-radius-md);color:var(--font-color-text);font-family:var(--font-family-text);font-size:var(--font-body-size);padding:var(--spacing-md);transition:border-color .3s ease,box-shadow .3s ease;width:100%}.login-form .form-group input[type=email]:focus,.login-form .form-group input[type=password]:focus,.login-form .form-group input[type=text]:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(0,88,168,.1);outline:none}.login-form .form-group input[type=email]::-moz-placeholder,.login-form .form-group input[type=password]::-moz-placeholder,.login-form .form-group input[type=text]::-moz-placeholder{color:var(--font-color-text-light)}.login-form .form-group input[type=email]::placeholder,.login-form .form-group input[type=password]::placeholder,.login-form .form-group input[type=text]::placeholder{color:var(--font-color-text-light)}.form-options{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-sm);justify-content:space-between;margin-bottom:var(--spacing-xl)}@media screen and (min-width:576px) and (max-width:768px){.form-options{flex-wrap:nowrap}}.checkbox-wrapper{align-items:center;color:var(--font-color-text);cursor:pointer;font-size:var(--font-small-size);-webkit-user-select:none;-moz-user-select:none;user-select:none}.checkbox-wrapper input[type=checkbox]{cursor:pointer;height:0;opacity:0;position:absolute;width:0}.checkbox-wrapper input[type=checkbox]:checked~.checkmark{background-color:var(--color-primary);border-color:var(--color-primary)}.checkbox-wrapper input[type=checkbox]:checked~.checkmark:after{display:block}.checkbox-wrapper input[type=checkbox]:focus~.checkmark{box-shadow:0 0 0 3px rgba(0,88,168,.1)}.checkbox-wrapper .checkmark{background-color:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--border-radius-sm);display:inline-block;height:18px;margin-right:var(--spacing-sm);position:relative;transition:all .3s ease;width:18px}.checkbox-wrapper .checkmark:after{border:solid #fff;border-width:0 2px 2px 0;content:"";display:none;height:8px;left:5px;position:absolute;top:2px;transform:rotate(45deg);width:4px}.forgot-link{color:var(--color-primary);font-size:var(--font-small-size);font-weight:var(--font-weight-text-medium);text-decoration:none;transition:color .3s ease}.forgot-link:hover{color:var(--color-primary-dark);text-decoration:underline}.alert{font-size:var(--font-small-size)}.alert-error{background-color:rgba(220,53,69,.1);border:1px solid rgba(220,53,69,.3);color:var(--color-danger)}.alert-success{background-color:rgba(40,167,69,.1);border:1px solid rgba(40,167,69,.3);color:var(--color-success)}.btn{display:inline-block;font-family:var(--font-family-text)}.btn-primary:hover:not(:disabled){background:var(--color-primary-dark);box-shadow:var(--box-shadow-md);transform:translateY(-2px)}.btn-primary:active{transform:translateY(0)}.btn-primary.btn-disabled,.btn-primary:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.btn-secondary{background:var(--color-surface)}.btn-secondary:hover{background:var(--color-surface-secondary);box-shadow:var(--box-shadow-md);transform:translateY(-2px)}.btn-full{font-size:var(--font-body-size);padding:var(--spacing-lg);width:100%}.btn-large{font-size:var(--font-header-six-size)}.btn .btn-icon{font-size:1.2em;margin-right:var(--spacing-xs)}@media screen and (min-width:576px) and (max-width:768px){.login-container{margin:var(--spacing-xl)}}html[data-theme=dark] .login-page{background:linear-gradient(135deg,var(--color-surface) 0,var(--color-body) 100%)}html[data-theme=dark] .login-container{border:1px solid var(--color-border)}html[data-theme=dark] .checkbox-wrapper input[type=checkbox]:focus~.checkmark,html[data-theme=dark] .form-group input[type=email]:focus,html[data-theme=dark] .form-group input[type=password]:focus{box-shadow:0 0 0 3px rgba(96,165,250,.1)}.auth-page{align-items:center;background:linear-gradient(135deg,var(--color-primary-light),var(--color-accent-light));display:flex;justify-content:center;min-height:100vh;padding:var(--spacing-xl)}.auth-page .auth-container{background:var(--color-surface);border-radius:var(--border-radius-xl);box-shadow:var(--box-shadow-lg);max-width:600px;padding:var(--spacing-2xl);position:relative;width:100%}.auth-page .auth-container:before{background:linear-gradient(90deg,var(--color-primary),var(--color-accent));content:"";height:4px;left:0;position:absolute;right:0;top:0}@media screen and (min-width:576px) and (max-width:768px){.auth-page .auth-container{margin:var(--spacing-md);padding:var(--spacing-xl)}}.auth-header{margin-bottom:var(--spacing-2xl);text-align:center}.auth-header .auth-icon{align-items:center;background:var(--color-surface-secondary);border-radius:50%;display:flex;font-size:2.5rem;height:80px;justify-content:center;margin:0 auto var(--spacing-lg);width:80px}.auth-header .auth-icon.success{animation:pulse-success 2s infinite;background:linear-gradient(135deg,rgba(var(--color-success),.1),rgba(var(--color-success),.05));border:3px solid rgba(var(--color-success),.2)}.auth-header .auth-icon.warning{background:linear-gradient(135deg,rgba(var(--color-warning),.1),rgba(var(--color-warning),.05));border:3px solid rgba(var(--color-warning),.2)}.auth-header .auth-icon.info{background:linear-gradient(135deg,rgba(var(--color-info),.1),rgba(var(--color-info),.05));border:3px solid rgba(var(--color-info),.2)}@media screen and (min-width:576px) and (max-width:768px){.auth-header .auth-icon{font-size:2rem;height:60px;width:60px}}.auth-header .auth-title{color:var(--font-color-title);font-family:var(--font-family-title);font-size:var(--font-header-two-size);font-weight:var(--font-weight-title);margin:0 0 var(--spacing-sm) 0}@media screen and (min-width:576px) and (max-width:768px){.auth-header .auth-title{font-size:var(--font-header-three-size)}}.auth-header .auth-subtitle{color:var(--font-color-text-muted);font-size:var(--font-header-six-size);font-weight:var(--font-weight-text-medium);margin:0}.auth-content{display:flex;flex-direction:column;gap:var(--spacing-xl)}.error-message,.success-message{border-left:4px solid;border-radius:var(--border-radius-lg);display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-xl);padding:var(--spacing-lg)}.error-message .message-icon,.success-message .message-icon{flex-shrink:0;font-size:1.5rem;margin-top:2px}.error-message .message-content,.success-message .message-content{flex:1}.error-message .message-content .message-title,.success-message .message-content .message-title{font-size:var(--font-header-five-size);font-weight:var(--font-weight-text-semibold);margin:0 0 var(--spacing-sm) 0}.error-message .message-content .message-text,.success-message .message-content .message-text{color:var(--font-color-text);font-size:var(--font-body-size);line-height:var(--line-height-relaxed);margin:0}.error-message{background:linear-gradient(135deg,rgba(var(--color-danger),.1),rgba(var(--color-danger),.05));border-color:var(--color-danger);border:1px solid rgba(var(--color-danger),.2)}.error-message .message-title{color:var(--color-danger)}.success-message{background:linear-gradient(135deg,rgba(var(--color-success),.1),rgba(var(--color-success),.05));border-color:var(--color-success);border:1px solid rgba(var(--color-success),.2)}.success-message .message-title{color:var(--color-success)}.info-card,.process-info,.security-info,.security-notice{background:var(--color-surface-secondary);border:1px solid var(--color-border-light);border-radius:var(--border-radius-lg);padding:var(--spacing-lg)}.info-card .info-header,.info-card .notice-header,.process-info .info-header,.process-info .notice-header,.security-info .info-header,.security-info .notice-header,.security-notice .info-header,.security-notice .notice-header{align-items:center;display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.info-card .info-header .info-icon,.info-card .info-header .notice-icon,.info-card .notice-header .info-icon,.info-card .notice-header .notice-icon,.process-info .info-header .info-icon,.process-info .info-header .notice-icon,.process-info .notice-header .info-icon,.process-info .notice-header .notice-icon,.security-info .info-header .info-icon,.security-info .info-header .notice-icon,.security-info .notice-header .info-icon,.security-info .notice-header .notice-icon,.security-notice .info-header .info-icon,.security-notice .info-header .notice-icon,.security-notice .notice-header .info-icon,.security-notice .notice-header .notice-icon{color:var(--color-info);font-size:1.2em}.info-card .info-header .info-title,.info-card .info-header .notice-title,.info-card .notice-header .info-title,.info-card .notice-header .notice-title,.process-info .info-header .info-title,.process-info .info-header .notice-title,.process-info .notice-header .info-title,.process-info .notice-header .notice-title,.security-info .info-header .info-title,.security-info .info-header .notice-title,.security-info .notice-header .info-title,.security-info .notice-header .notice-title,.security-notice .info-header .info-title,.security-notice .info-header .notice-title,.security-notice .notice-header .info-title,.security-notice .notice-header .notice-title{color:var(--font-color-title);font-size:var(--font-body-size);font-weight:var(--font-weight-text-semibold)}.process-steps{display:flex;flex-direction:column;gap:var(--spacing-sm)}@media screen and (min-width:576px) and (max-width:768px){.process-steps{flex-direction:row;gap:var(--spacing-md);justify-content:space-between}}.process-steps .step-item{align-items:center;background:var(--color-surface);border-radius:var(--border-radius-md);display:flex;gap:var(--spacing-sm);padding:var(--spacing-sm)}@media screen and (min-width:576px) and (max-width:768px){.process-steps .step-item{flex:1;flex-direction:column;padding:var(--spacing-md);text-align:center}}.process-steps .step-item .step-number{align-items:center;background:var(--color-primary);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:var(--font-small-size);font-weight:var(--font-weight-text-bold);height:24px;justify-content:center;width:24px}@media screen and (min-width:576px) and (max-width:768px){.process-steps .step-item .step-number{font-size:var(--font-body-size);height:32px;width:32px}}.process-steps .step-item .step-text{color:var(--font-color-text);font-size:var(--font-small-size);font-weight:var(--font-weight-text-medium)}@media screen and (min-width:576px) and (max-width:768px){.process-steps .step-item .step-text{font-size:var(--font-body-size);margin-top:var(--spacing-sm)}}.security-notice{background:rgba(var(--color-info),.05);border:1px solid rgba(var(--color-info),.2)}.security-notice .notice-title{color:var(--color-info)}.security-notice .notice-content{display:flex;flex-direction:column;gap:var(--spacing-sm)}.security-notice .notice-content .notice-item{align-items:center;display:flex;gap:var(--spacing-sm)}.security-notice .notice-content .notice-item .item-icon{color:var(--color-success);flex-shrink:0;font-size:.9em}.security-notice .notice-content .notice-item span{color:var(--font-color-text);font-size:var(--font-small-size);line-height:var(--line-height-normal)}.form-container .form-group{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.form-container .form-group .form-label{align-items:center;color:var(--font-color-title);display:flex;font-size:var(--font-body-size);font-weight:var(--font-weight-text-medium);gap:var(--spacing-sm)}.form-container .form-group .form-label .label-icon{color:var(--color-primary);font-size:1.1em}.form-container .form-group .form-label .label-required{color:var(--color-danger);font-weight:var(--font-weight-text-bold)}.form-container .form-group .form-help{align-items:center;color:var(--font-color-text-muted);display:flex;font-size:var(--font-small-size);gap:var(--spacing-xs);margin-top:var(--spacing-xs)}.form-container .form-group .form-help .help-icon{color:var(--color-info);font-size:1.1em}.email-input-group,.password-input-group{align-items:center;display:flex;position:relative}.email-input-group .form-input,.password-input-group .form-input{background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--border-radius-lg);color:var(--font-color-text);flex:1;font-family:var(--font-family-text);font-size:var(--font-body-size);padding:var(--spacing-md) var(--spacing-lg);padding-right:50px;transition:all .3s ease;width:100%}.email-input-group .form-input:focus,.password-input-group .form-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary),.1);outline:none}.email-input-group .form-input.valid,.password-input-group .form-input.valid{border-color:var(--color-success)}.email-input-group .form-input.invalid,.password-input-group .form-input.invalid{border-color:var(--color-danger)}.email-input-group .input-icon,.password-input-group .input-icon{position:absolute;right:var(--spacing-md)}.email-input-group .input-icon i,.password-input-group .input-icon i{color:var(--font-color-text-muted);font-size:1.1em;transition:all .3s ease}.email-input-group .password-toggle,.password-input-group .password-toggle{background:none;border:none;border-radius:var(--border-radius-sm);cursor:pointer;padding:var(--spacing-xs);position:absolute;right:var(--spacing-md);transition:all .3s ease}.email-input-group .password-toggle:hover,.password-input-group .password-toggle:hover{background:var(--color-surface-secondary)}.email-input-group .password-toggle .toggle-icon,.password-input-group .password-toggle .toggle-icon{color:var(--font-color-text-muted);font-size:1.1em}.password-strength{margin-top:var(--spacing-sm)}.password-strength .strength-bar{background:var(--color-surface-secondary);border-radius:var(--border-radius-sm);height:6px;margin-bottom:var(--spacing-xs);overflow:hidden}.password-strength .strength-bar .strength-fill{border-radius:var(--border-radius-sm);height:100%;transition:all .3s ease;width:0}.password-strength .strength-bar .strength-fill.very-weak{background:#dc3545}.password-strength .strength-bar .strength-fill.weak{background:#fd7e14}.password-strength .strength-bar .strength-fill.medium{background:#ffc107}.password-strength .strength-bar .strength-fill.strong{background:#20c997}.password-strength .strength-bar .strength-fill.very-strong{background:#28a745}.password-strength .strength-bar .strength-fill.excellent{background:#007bff}.password-strength .strength-text{color:var(--font-color-text-muted)}.password-match,.password-strength .strength-text{font-size:var(--font-small-size);font-weight:var(--font-weight-text-medium)}.password-match{align-items:center;border-radius:var(--border-radius-sm);display:flex;gap:var(--spacing-xs);margin-top:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm)}.password-match.match-success{background:rgba(var(--color-success),.1);border:1px solid rgba(var(--color-success),.3);color:var(--color-success)}.password-match.match-error{background:rgba(var(--color-danger),.1);border:1px solid rgba(var(--color-danger),.3);color:var(--color-danger)}.auth-links{margin-top:var(--spacing-xl);text-align:center}.auth-links .auth-link{align-items:center;border-radius:var(--border-radius-md);display:inline-flex;font-size:var(--font-body-size);font-weight:var(--font-weight-text-medium);gap:var(--spacing-xs);justify-content:center;padding:var(--spacing-sm) var(--spacing-md);text-decoration:none;transition:all .3s ease}.auth-links .auth-link.primary{color:var(--color-primary)}.auth-links .auth-link.primary:hover{background:rgba(var(--color-primary),.1);color:var(--color-primary-dark)}.auth-footer{border-top:1px solid var(--color-border-light);margin-top:var(--spacing-xl);padding-top:var(--spacing-lg);text-align:center}.auth-footer .footer-text{align-items:center;color:var(--font-color-text-muted);display:flex;font-size:var(--font-small-size);gap:var(--spacing-xs);justify-content:center}@keyframes pulse-success{0%,to{box-shadow:0 0 0 0 rgba(var(--color-success),.4)}50%{box-shadow:0 0 0 10px rgba(var(--color-success),0)}}.auth-page{animation:fadeInScale .6s ease-out}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.dashboard{background:var(--color-body);min-height:100vh}.dashboard-container{margin:0 auto;max-width:1200px;padding:var(--spacing-xl) var(--spacing-md)}@media screen and (min-width:812px) and (max-width:1024px){.dashboard-container{padding:var(--spacing-2xl) var(--spacing-md)}}.dashboard-header{margin-bottom:var(--spacing-2xl);text-align:center}@media screen and (min-width:812px) and (max-width:1024px){.dashboard-header{text-align:left}}.dashboard-title{color:var(--font-color-title);font-size:var(--font-header-two-size);font-weight:var(--font-weight-text-bold);margin-bottom:var(--spacing-sm)}@media screen and (min-width:812px) and (max-width:1024px){.dashboard-title{font-size:var(--font-header-one-size)}}.dashboard-subtitle{color:var(--font-color-text-muted);font-size:var(--font-body-size);margin:0}.dashboard-grid{display:grid;gap:var(--spacing-2xl);grid-template-columns:1fr}@media screen and (min-width:812px) and (max-width:1024px){.dashboard-grid{grid-template-columns:420px 1fr}.dashboard-sidebar{height:-moz-fit-content;height:fit-content;order:1;position:sticky;top:var(--spacing-xl)}}.card{background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--border-radius-lg);box-shadow:var(--box-shadow-sm);padding:var(--spacing-xl)}.card-title{align-items:center;color:var(--font-color-title);display:flex;font-size:var(--font-header-five-size);font-weight:var(--font-weight-text-semibold);gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.card-icon{font-size:1.2em}.card .profile-nav{display:grid;grid-template-columns:repeat(2,1fr)}@media screen and (min-width:812px) and (max-width:1024px){.card .profile-nav{display:flex;flex-direction:column}}.residence-card{border:1px solid var(--color-border);border-radius:var(--border-radius-md);margin-bottom:var(--spacing-md);padding:var(--spacing-md)}.residence-card:last-child{margin-bottom:0}.residence-card .residence-name{color:var(--font-color-title);font-size:var(--font-header-six-size);font-weight:var(--font-weight-text-semibold);margin-bottom:var(--spacing-xs)}.residence-card .residence-details{align-items:center;display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.residence-card .residence-details .apartment{color:var(--font-color-text-muted);font-size:var(--font-small-size)}.residence-card .council-member{border-top:1px solid var(--color-border-light);margin-top:var(--spacing-sm);padding-top:var(--spacing-sm)}.residence-card .council-link{color:var(--color-council);display:inline-block;font-size:var(--font-small-size);margin-top:var(--spacing-xs);text-decoration:none}.residence-card .council-link:hover{text-decoration:underline}.role-badge{color:#fff}.role-badge.role-owner{background:var(--color-primary)}.role-badge.role-tenant{background:var(--color-secondary)}.council-badge{background:rgba(111,66,193,.1);border-radius:var(--border-radius-md);color:var(--color-council);display:inline-block;font-size:var(--font-small-size);font-weight:var(--font-weight-text-medium);padding:var(--spacing-xs) var(--spacing-sm)}.section-title{align-items:center;color:var(--font-color-title);display:flex;font-size:var(--font-header-three-size);font-weight:var(--font-weight-text-semibold);gap:var(--spacing-sm);margin-bottom:var(--spacing-sm);margin-top:var(--spacing-xl)}.section-title .section-icon{font-size:1.2em}.badge{background:var(--color-primary);border-radius:var(--border-radius-xl);color:#fff;font-size:var(--font-small-size);font-weight:var(--font-weight-text-medium);margin-left:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm)}.reports-section,.votes-section{margin-bottom:var(--spacing-2xl)}.votes-grid{display:grid;gap:var(--spacing-xl)}@media screen and (min-width:812px) and (max-width:1024px){.votes-grid{grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}}.vote-card{border-left:4px solid var(--color-accent)}.vote-card .vote-header{margin-bottom:var(--spacing-lg)}.vote-card .vote-title{color:var(--font-color-title);font-size:var(--font-header-five-size);font-weight:var(--font-weight-text-semibold);margin-bottom:var(--spacing-sm)}.vote-card .vote-meta{color:var(--font-color-text-muted);display:flex;flex-wrap:wrap;font-size:var(--font-small-size);gap:var(--spacing-sm)}.vote-card .vote-meta .vote-deadline{align-items:center;color:var(--color-accent);display:flex;font-weight:var(--font-weight-text-medium);gap:var(--spacing-xs)}.vote-card .vote-description{color:var(--font-color-text);line-height:var(--line-height-normal);margin-bottom:var(--spacing-lg)}.vote-card .vote-question{color:var(--font-color-title);font-size:var(--font-header-six-size);font-weight:var(--font-weight-text-medium);margin-bottom:var(--spacing-md)}.vote-options{margin-bottom:var(--spacing-lg)}.vote-options .vote-option{align-items:center;border:2px solid var(--color-border);border-radius:var(--border-radius-md);cursor:pointer;display:flex;margin-bottom:var(--spacing-sm);padding:var(--spacing-md);transition:all .3s ease}.vote-options .vote-option:hover{background:var(--color-hover);border-color:var(--color-primary)}.vote-options .vote-option input[type=radio]{accent-color:var(--color-primary);margin-right:var(--spacing-md)}.vote-options .vote-option .option-text{color:var(--font-color-text);font-size:var(--font-body-size)}.vote-options .vote-option:has(input:checked){background:var(--color-focus);border-color:var(--color-primary)}.posts-list{display:flex;flex-direction:column;gap:var(--spacing-xl)}.post-card{border-left:4px solid var(--color-info)}.post-card .post-header{margin-bottom:var(--spacing-lg)}.post-card .post-title{align-items:center;color:var(--font-color-title);display:flex;flex-wrap:wrap;font-size:var(--font-header-five-size);font-weight:var(--font-weight-text-semibold);gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.post-card .pinned-badge{background:var(--color-warning);border-radius:var(--border-radius-md);color:#fff;font-size:var(--font-small-size);font-weight:var(--font-weight-text-medium);padding:var(--spacing-xs) var(--spacing-sm)}.post-card .post-meta{align-items:center;display:flex;flex-wrap:wrap;font-size:var(--font-small-size);gap:var(--spacing-sm)}.post-card .post-meta .post-type{border-radius:var(--border-radius-md);font-weight:var(--font-weight-text-medium);padding:var(--spacing-xs) var(--spacing-sm)}.post-card .post-meta .post-type.post-type-work_update{background:rgba(255,193,7,.2);color:#856404}.post-card .post-meta .post-type.post-type-meeting{background:rgba(40,167,69,.2);color:#155724}.post-card .post-meta .post-type.post-type-finance{background:rgba(220,53,69,.2);color:#721c24}.post-card .post-meta .post-type.post-type-announcement{background:rgba(23,162,184,.2);color:#0c5460}.post-card .post-meta .post-date,.post-card .post-meta .post-residence{color:var(--font-color-text-muted)}.post-card .post-content{color:var(--font-color-text);line-height:var(--line-height-normal)}.post-card .post-content,.post-documents{margin-bottom:var(--spacing-lg)}.post-documents .documents-title{font-size:var(--font-header-six-size);font-weight:var(--font-weight-text-medium);margin-bottom:var(--spacing-md)}.post-documents .documents-list{list-style:none}.post-documents .documents-list .document-item{margin-bottom:var(--spacing-sm)}.post-documents .documents-list .document-item .document-link{align-items:center;border:1px solid var(--color-border);border-radius:var(--border-radius-md);color:var(--font-color-text);display:flex;gap:var(--spacing-sm);padding:var(--spacing-sm);text-decoration:none;transition:all .3s ease}.post-documents .documents-list .document-item .document-link:hover{background:var(--color-hover);border-color:var(--color-primary)}.post-documents .documents-list .document-item .document-link .document-name{font-weight:var(--font-weight-text-medium)}.post-documents .documents-list .document-item .document-link .document-category{color:var(--font-color-text-muted);font-size:var(--font-small-size)}.post-comments{margin-bottom:var(--spacing-lg)}.post-comments .comments-title{align-items:center;color:var(--font-color-title);display:flex;font-size:var(--font-header-six-size);font-weight:var(--font-weight-text-medium);gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.post-comments .comments-list{background:var(--color-surface-secondary);border-radius:var(--border-radius-md);padding:var(--spacing-md)}.post-comments .comment{background:var(--color-surface);border-left:3px solid var(--color-info);border-radius:var(--border-radius-sm);margin-bottom:var(--spacing-md);padding:var(--spacing-md)}.post-comments .comment:last-child{margin-bottom:0}.post-comments .comment .comment-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-sm)}.post-comments .comment .comment-header .comment-author{color:var(--font-color-title);font-weight:var(--font-weight-text-medium)}.post-comments .comment .comment-header .comment-date{color:var(--font-color-text-muted);font-size:var(--font-small-size)}.post-comments .comment .comment-content{color:var(--font-color-text);line-height:var(--line-height-normal);margin:0}.comment-form{background:var(--color-surface-secondary);border-radius:var(--border-radius-md);padding:var(--spacing-lg)}.comment-form .form-group{margin-bottom:var(--spacing-md)}.comment-form .form-group textarea{border:2px solid var(--color-border);border-radius:var(--border-radius-md);font-family:var(--font-family-text);font-size:var(--font-body-size);padding:var(--spacing-md);resize:vertical;transition:border-color .3s ease;width:100%}.comment-form .form-group textarea:focus{border-color:var(--color-primary);outline:none}.comment-form .form-group textarea::-moz-placeholder{color:var(--font-color-text-light)}.comment-form .form-group textarea::placeholder{color:var(--font-color-text-light)}.empty-state{color:var(--font-color-text-muted)}.empty-state h3{color:var(--font-color-title);font-size:var(--font-header-four-size);margin-bottom:var(--spacing-sm)}.empty-state p{margin:0}.alert{align-items:center;border-radius:var(--border-radius-md);display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);padding:var(--spacing-md)}.alert-warning{background:rgba(255,193,7,.1);border:1px solid rgba(255,193,7,.3);color:#856404}.alert .alert-icon{font-size:1.2em}.btn-sm{font-size:var(--font-small-size);padding:var(--spacing-sm) var(--spacing-md)}.council-discussions{background:var(--color-body);min-height:100vh}.council-discussions .discussions-container{margin:0 auto;max-width:1200px;padding:var(--spacing-xl) var(--spacing-md)}@media screen and (min-width:812px) and (max-width:1024px){.council-discussions .discussions-container{padding:var(--spacing-2xl) var(--spacing-md)}}.discussions-header{margin-bottom:var(--spacing-2xl)}.discussions-header .header-content{display:flex;flex-direction:column;gap:var(--spacing-lg)}@media screen and (min-width:812px) and (max-width:1024px){.discussions-header .header-content{align-items:flex-start;flex-direction:row;justify-content:space-between}}.discussions-header .header-title .page-title{align-items:center;color:var(--color-council);display:flex;font-size:var(--font-header-two-size);font-weight:var(--font-weight-text-bold);gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}@media screen and (min-width:812px) and (max-width:1024px){.discussions-header .header-title .page-title{font-size:var(--font-header-one-size)}}.discussions-header .header-title .page-title .page-icon{font-size:.8em}.discussions-header .header-title .page-subtitle{color:var(--font-color-text-muted);font-size:var(--font-body-size);margin:0}.discussions-header .header-actions{display:flex;flex-direction:column;gap:var(--spacing-sm)}@media screen and (min-width:576px) and (max-width:768px){.discussions-header .header-actions{flex-direction:row}}@media screen and (min-width:812px) and (max-width:1024px){.discussions-header .header-actions{flex-direction:row;gap:var(--spacing-md)}}.discussions-stats{background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--border-radius-lg);display:flex;justify-content:center;margin-bottom:var(--spacing-xl);padding:var(--spacing-lg)}.discussions-stats .stats-item{text-align:center}.discussions-stats .stats-item .stats-number{color:var(--color-council);display:block;font-size:var(--font-header-three-size);font-weight:var(--font-weight-text-bold);margin-bottom:var(--spacing-xs)}.discussions-stats .stats-item .stats-label{color:var(--font-color-text-muted);font-size:var(--font-small-size);font-weight:var(--font-weight-text-medium)}.discussions-grid{display:grid;gap:var(--spacing-xl);grid-template-columns:1fr}@media screen and (min-width:812px) and (max-width:1024px){.discussions-grid{grid-template-columns:repeat(2,1fr)}}.discussion-card{background:var(--color-surface);border:1px solid var(--color-border-light);border-left:4px solid var(--color-council);border-radius:var(--border-radius-lg);padding:var(--spacing-xl);transition:all .3s ease}.discussion-card:hover{border-left-color:var(--color-council);box-shadow:var(--box-shadow-lg);transform:translateY(-2px)}.discussion-card .discussion-header{margin-bottom:var(--spacing-lg)}.discussion-card .discussion-header .discussion-title{margin-bottom:var(--spacing-sm)}.discussion-card .discussion-header .discussion-title a{color:var(--font-color-title);font-size:var(--font-header-five-size);font-weight:var(--font-weight-text-semibold);text-decoration:none;transition:color .3s ease}.discussion-card .discussion-header .discussion-title a:hover{color:var(--color-council)}.discussion-card .discussion-header .discussion-meta .residence-badge{align-items:center;background:rgba(111,66,193,.1);border-radius:var(--border-radius-md);color:var(--color-council);display:inline-flex;font-size:var(--font-small-size);font-weight:var(--font-weight-text-medium);gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm)}.discussion-card .discussion-header .discussion-meta .residence-badge .residence-icon{font-size:.9em}.discussion-card .discussion-info{margin-bottom:var(--spacing-lg)}.discussion-card .discussion-info .creator-info{margin-bottom:var(--spacing-md)}.discussion-card .discussion-info .creator-info .creator-label{color:var(--font-color-text-muted);display:block;font-size:var(--font-small-size);margin-bottom:var(--spacing-xs)}.discussion-card .discussion-info .creator-info .creator-name{color:var(--font-color-title);font-weight:var(--font-weight-text-medium)}.discussion-card .discussion-info .discussion-stats{display:flex;gap:var(--spacing-lg)}.discussion-card .discussion-info .discussion-stats .stat-item{align-items:center;display:flex;gap:var(--spacing-xs)}.discussion-card .discussion-info .discussion-stats .stat-item .stat-icon{color:var(--color-council);font-size:1.1em}.discussion-card .discussion-info .discussion-stats .stat-item .stat-value{color:var(--font-color-title);font-weight:var(--font-weight-text-medium)}.discussion-card .discussion-info .discussion-stats .stat-item .stat-label{color:var(--font-color-text-muted);font-size:var(--font-small-size)}.discussion-card .discussion-footer{border-top:1px solid var(--color-border-light);padding-top:var(--spacing-md)}.discussion-card .discussion-footer .discussion-link{align-items:center;color:var(--color-council);display:flex;font-weight:var(--font-weight-text-medium);justify-content:space-between;margin-bottom:var(--spacing-sm);text-decoration:none;transition:all .3s ease}.discussion-card .discussion-footer .discussion-link:hover{color:var(--color-primary-dark)}.discussion-card .discussion-footer .discussion-link:hover .link-icon{transform:translateX(3px)}.discussion-card .discussion-footer .discussion-link .link-icon{transition:transform .3s ease}.discussion-card .discussion-footer .last-activity{color:var(--font-color-text-muted);font-size:var(--font-small-size)}.discussion-card .discussion-footer .last-activity .activity-text{display:block;margin-bottom:var(--spacing-xs)}.discussion-card .discussion-footer .last-activity .activity-text strong{color:var(--font-color-title)}.discussion-card .discussion-footer .last-activity .activity-time{font-style:italic}.empty-state .empty-icon{font-size:4rem}.empty-state .empty-title{font-size:var(--font-header-four-size)}.empty-state .empty-description{max-width:400px}.council-form{background:var(--color-body);min-height:100vh}.council-form .form-container{margin:0 auto;max-width:800px;padding:var(--spacing-xl) var(--spacing-md)}@media screen and (min-width:812px) and (max-width:1024px){.council-form .form-container{padding:var(--spacing-2xl) var(--spacing-md)}}.form-header .header-content .page-title{color:var(--color-council)}.form-section{display:grid;gap:var(--spacing-2xl);grid-template-columns:1fr}.form-card-header{background:linear-gradient(135deg,var(--color-council) 0,#5a2d91 100%)}.discussion-form .form-group{margin-bottom:var(--spacing-xl)}.discussion-form .form-group:last-of-type{margin-bottom:var(--spacing-2xl)}.discussion-form .form-label{align-items:center;color:var(--font-color-title);display:flex;font-size:var(--font-body-size);font-weight:var(--font-weight-text-medium);gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.discussion-form .form-label .label-icon{color:var(--color-council);font-size:1.1em}.discussion-form .form-label .label-text{flex:1}.discussion-form .form-label .label-required{color:var(--color-danger);font-weight:var(--font-weight-text-bold)}.discussion-form .form-input,.discussion-form .form-select,.discussion-form .form-textarea{background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--border-radius-md);color:var(--font-color-text);font-family:var(--font-family-text);font-size:var(--font-body-size);padding:var(--spacing-md);transition:all .3s ease;width:100%}.discussion-form .form-input:focus,.discussion-form .form-select:focus,.discussion-form .form-textarea:focus{border-color:var(--color-council);box-shadow:0 0 0 3px rgba(111,66,193,.1);outline:none}.discussion-form .form-input::-moz-placeholder,.discussion-form .form-select::-moz-placeholder,.discussion-form .form-textarea::-moz-placeholder{color:var(--font-color-text-light)}.discussion-form .form-input::placeholder,.discussion-form .form-select::placeholder,.discussion-form .form-textarea::placeholder{color:var(--font-color-text-light)}.discussion-form .form-input.is-invalid,.discussion-form .form-select.is-invalid,.discussion-form .form-textarea.is-invalid{border-color:var(--color-danger)}.discussion-form .form-input.is-invalid:focus,.discussion-form .form-select.is-invalid:focus,.discussion-form .form-textarea.is-invalid:focus{box-shadow:0 0 0 3px rgba(220,53,69,.1)}.discussion-form .form-textarea{line-height:var(--line-height-normal);min-height:100px;resize:vertical}.discussion-form .form-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23666' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3E%3C/svg%3E");background-position:right var(--spacing-md) center;background-repeat:no-repeat;background-size:16px 12px;cursor:pointer;padding-right:calc(var(--spacing-md)*2 + 16px)}.discussion-form .form-help{color:var(--font-color-text-muted);line-height:var(--line-height-normal)}.discussion-form .form-error,.discussion-form .form-help{display:block;font-size:var(--font-small-size);margin-top:var(--spacing-sm)}.discussion-form .form-error{color:var(--color-danger)}.help-card{background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--border-radius-lg);height:-moz-fit-content;height:fit-content;padding:var(--spacing-xl)}.help-card .help-title{align-items:center;color:var(--font-color-title);display:flex;font-size:var(--font-header-five-size);font-weight:var(--font-weight-text-semibold);gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.help-card .help-title .help-icon{color:var(--color-warning)}.help-card .help-list{list-style:none;margin-bottom:var(--spacing-lg)}.help-card .help-list li{align-items:flex-start;color:var(--font-color-text);display:flex;font-size:var(--font-body-size);gap:var(--spacing-sm);line-height:var(--line-height-normal);margin-bottom:var(--spacing-md)}.help-card .help-list li .tip-icon{color:var(--color-success);flex-shrink:0;font-weight:var(--font-weight-text-bold);margin-top:2px}.help-card .help-note{background:rgba(111,66,193,.1);border:1px solid rgba(111,66,193,.2);border-radius:var(--border-radius-md);display:flex;gap:var(--spacing-sm);padding:var(--spacing-md)}.help-card .help-note .note-icon{color:var(--color-council);flex-shrink:0;font-size:1.1em;margin-top:2px}.help-card .help-note p{color:var(--font-color-text);font-size:var(--font-small-size);line-height:var(--line-height-normal);margin:0}@media screen and (min-width:576px) and (max-width:768px){.form-container{padding:var(--spacing-xl)}}html[data-theme=dark] .form-card-header{background:linear-gradient(135deg,#4c1d95,#3730a3)}html[data-theme=dark] .form-input:focus,html[data-theme=dark] .form-select:focus,html[data-theme=dark] .form-textarea:focus{border-color:#a78bfa;box-shadow:0 0 0 3px rgba(167,139,250,.1)}html[data-theme=dark] .help-note{background:rgba(167,139,250,.1);border-color:rgba(167,139,250,.2)}.discussion-view{background:var(--color-body);min-height:100vh}.discussion-view .discussion-container{margin:0 auto;max-width:900px;padding:var(--spacing-xl) var(--spacing-md)}@media screen and (min-width:812px) and (max-width:1024px){.discussion-view .discussion-container{padding:var(--spacing-2xl) var(--spacing-md)}}.discussion-header{margin-bottom:var(--spacing-2xl)}.discussion-header .header-nav{margin-bottom:var(--spacing-lg)}.discussion-header .header-nav .back-link{align-items:center;color:var(--font-color-text-muted);display:inline-flex;font-size:var(--font-body-size);gap:var(--spacing-sm);text-decoration:none;transition:color .3s ease}.discussion-header .header-nav .back-link:hover{color:var(--color-council)}.discussion-header .header-nav .back-link .back-icon{font-size:1.2em;transition:transform .3s ease}.discussion-header .header-nav .back-link:hover .back-icon{transform:translateX(-3px)}.discussion-header .discussion-info{background:var(--color-surface);border:1px solid var(--color-border-light);border-left:4px solid var(--color-council);border-radius:var(--border-radius-lg);padding:var(--spacing-2xl)}.discussion-header .discussion-info .discussion-title{color:var(--color-council);font-size:var(--font-header-two-size);font-weight:var(--font-weight-text-bold);line-height:var(--line-height-tight);margin-bottom:var(--spacing-lg)}@media screen and (min-width:812px) and (max-width:1024px){.discussion-header .discussion-info .discussion-title{font-size:var(--font-header-one-size)}}.discussion-header .discussion-info .discussion-meta{display:grid;gap:var(--spacing-md);grid-template-columns:1fr;margin-bottom:var(--spacing-lg)}@media screen and (min-width:576px) and (max-width:768px){.discussion-header .discussion-info .discussion-meta{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}.discussion-header .discussion-info .discussion-meta .meta-item{align-items:center;display:flex;font-size:var(--font-body-size);gap:var(--spacing-sm)}.discussion-header .discussion-info .discussion-meta .meta-item .meta-icon{color:var(--color-council);font-size:1.1em}.discussion-header .discussion-info .discussion-meta .meta-item .meta-label{color:var(--font-color-text-muted);font-weight:var(--font-weight-text-medium)}.discussion-header .discussion-info .discussion-meta .meta-item .meta-value{color:var(--font-color-title);font-weight:var(--font-weight-text-medium)}.discussion-header .discussion-info .discussion-description{border-top:1px solid var(--color-border-light);padding-top:var(--spacing-lg)}.discussion-header .discussion-info .discussion-description .description-title{align-items:center;color:var(--font-color-title);display:flex;font-size:var(--font-header-five-size);font-weight:var(--font-weight-text-semibold);gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.discussion-header .discussion-info .discussion-description .description-title .description-icon{color:var(--color-info)}.discussion-header .discussion-info .discussion-description .description-content{color:var(--font-color-text);line-height:var(--line-height-normal);margin:0}.messages-section{margin-bottom:var(--spacing-2xl)}.messages-section .messages-header{margin-bottom:var(--spacing-xl)}.messages-section .messages-header .messages-title{align-items:center;color:var(--font-color-title);display:flex;font-size:var(--font-header-three-size);font-weight:var(--font-weight-text-semibold);gap:var(--spacing-sm)}.messages-section .messages-header .messages-title .messages-icon{color:var(--color-council)}.messages-section .messages-header .messages-title .messages-count{color:var(--font-color-text-muted);font-size:var(--font-body-size);font-weight:var(--font-weight-text);margin-left:var(--spacing-sm)}.messages-section .messages-container{background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--border-radius-lg);overflow:hidden}.messages-section .messages-list{max-height:600px;overflow-y:auto;padding:var(--spacing-md)}.messages-section .messages-list::-webkit-scrollbar{width:8px}.messages-section .messages-list::-webkit-scrollbar-track{background:var(--color-surface-secondary);border-radius:4px}.messages-section .messages-list::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:4px}.messages-section .messages-list::-webkit-scrollbar-thumb:hover{background:var(--font-color-text-muted)}.messages-section .messages-empty{padding:var(--spacing-2xl);text-align:center}.messages-section .messages-empty .empty-icon{display:block;font-size:4rem;margin-bottom:var(--spacing-lg);opacity:.5}.messages-section .messages-empty .empty-title{color:var(--font-color-title);font-size:var(--font-header-four-size);font-weight:var(--font-weight-text-semibold);margin-bottom:var(--spacing-sm)}.messages-section .messages-empty .empty-description{color:var(--font-color-text-muted);margin:0}.message-item{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.message-item:last-child{margin-bottom:0}.message-item.message-own{flex-direction:row-reverse}.message-item.message-own .message-content{background:rgba(111,66,193,.1);border-color:rgba(111,66,193,.2)}.message-item.message-own .message-header{text-align:right}.message-item .message-avatar{align-items:center;background:var(--color-council);border-radius:50%;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.message-item .message-avatar .avatar-text{color:#fff;font-size:var(--font-small-size);font-weight:var(--font-weight-text-bold);text-transform:uppercase}.message-item .message-content{background:var(--color-surface-secondary);border:1px solid var(--color-border-light);border-radius:var(--border-radius-md);flex:1;max-width:calc(100% - 60px);padding:var(--spacing-md)}.message-item .message-content .message-header{display:flex;flex-direction:column;gap:var(--spacing-xs);margin-bottom:var(--spacing-sm)}@media screen and (min-width:576px) and (max-width:768px){.message-item .message-content .message-header{align-items:center;flex-direction:row;justify-content:space-between}}.message-item .message-content .message-header .message-author{color:var(--font-color-title);font-size:var(--font-body-size);font-weight:var(--font-weight-text-semibold)}.message-item .message-content .message-header .message-author .author-you{color:var(--color-council);font-size:var(--font-small-size);font-weight:var(--font-weight-text)}.message-item .message-content .message-header .message-time{color:var(--font-color-text-muted);font-size:var(--font-small-size)}.message-item .message-content .message-body p{color:var(--font-color-text);line-height:var(--line-height-normal);margin:0;word-wrap:break-word}.message-form-section .form-card{background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--border-radius-lg);overflow:hidden}.message-form-section .form-card .form-header{background:linear-gradient(135deg,var(--color-council) 0,#5a2d91 100%);color:#fff;padding:var(--spacing-lg)}.message-form-section .form-card .form-header .form-title{align-items:center;display:flex;font-size:var(--font-header-five-size);font-weight:var(--font-weight-text-semibold);gap:var(--spacing-sm);margin:0}.message-form-section .form-card .form-header .form-title .form-icon{font-size:1.1em}.message-form-section .message-form{padding:var(--spacing-xl)}.message-form-section .message-form .form-group{margin-bottom:var(--spacing-lg)}.message-form-section .message-form .form-group .message-textarea{background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--border-radius-md);color:var(--font-color-text);font-family:var(--font-family-text);font-size:var(--font-body-size);min-height:100px;padding:var(--spacing-md);resize:vertical;transition:all .3s ease;width:100%}.message-form-section .message-form .form-group .message-textarea:focus{border-color:var(--color-council);box-shadow:0 0 0 3px rgba(111,66,193,.1);outline:none}.message-form-section .message-form .form-group .message-textarea::-moz-placeholder{color:var(--font-color-text-light)}.message-form-section .message-form .form-group .message-textarea::placeholder{color:var(--font-color-text-light)}.message-form-section .message-form .form-actions{display:flex;flex-direction:column;gap:var(--spacing-md)}@media screen and (min-width:576px) and (max-width:768px){.message-form-section .message-form .form-actions{align-items:center;flex-direction:row;justify-content:space-between}}.message-form-section .message-form .form-actions .form-help{align-items:center;color:var(--font-color-text-muted);display:flex;font-size:var(--font-small-size);gap:var(--spacing-sm)}.message-form-section .message-form .form-actions .form-help .help-icon{color:var(--color-info)}.btn-primary{background:var(--color-council)}.btn-primary:hover{background:#5a2d91}.sr-only{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border:0;white-space:nowrap}.admin-dashboard{background:var(--color-body);min-height:100vh}.admin-dashboard .dashboard-container{margin:0 auto;max-width:1400px;padding:var(--spacing-xl) var(--spacing-md)}@media screen and (min-width:812px) and (max-width:1024px){.admin-dashboard .dashboard-container{padding:var(--spacing-2xl) var(--spacing-md)}}@media screen and (min-width:1025px){.admin-dashboard .dashboard-container{padding:var(--spacing-2xl) var(--spacing-md)}}.admin-header{margin-bottom:var(--spacing-2xl)}.admin-header .header-content{display:flex;flex-direction:column;gap:var(--spacing-lg)}@media screen and (min-width:812px) and (max-width:1024px){.admin-header .header-content{align-items:flex-start;flex-direction:row;justify-content:space-between}}@media screen and (min-width:1025px){.admin-header .header-content{align-items:flex-start;flex-direction:row;justify-content:space-between}}.admin-header .header-title .page-title{align-items:center;color:var(--color-primary);display:flex;font-size:var(--font-header-two-size);font-weight:var(--font-weight-text-bold);gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}@media screen and (min-width:812px) and (max-width:1024px){.admin-header .header-title .page-title{font-size:var(--font-header-one-size)}}@media screen and (min-width:1025px){.admin-header .header-title .page-title{font-size:var(--font-header-one-size)}}.admin-header .header-title .page-title .page-icon{color:var(--color-warning);font-size:.8em}.admin-header .header-title .page-subtitle{color:var(--font-color-text-muted);font-size:var(--font-body-size);margin:0}.stats-overview{margin-bottom:var(--spacing-2xl)}.stats-overview .section-title{align-items:center;color:var(--font-color-title);display:flex;font-size:var(--font-header-three-size);font-weight:var(--font-weight-text-semibold);gap:var(--spacing-sm);margin-bottom:var(--spacing-xl)}.stats-overview .section-title .section-icon{color:var(--color-primary);font-size:.9em}.stats-overview .stats-grid{display:grid;gap:var(--spacing-lg);grid-template-columns:1fr}@media screen and (min-width:769px) and (max-width:811px){.stats-overview .stats-grid{grid-template-columns:repeat(2,1fr)}}@media screen and (min-width:812px) and (max-width:1024px){.stats-overview .stats-grid{grid-template-columns:repeat(3,1fr)}}@media screen and (min-width:1025px){.stats-overview .stats-grid{grid-template-columns:repeat(3,1fr)}}.stat-card{align-items:center;background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--border-radius-xl);box-shadow:var(--box-shadow-sm);display:flex;gap:var(--spacing-lg);padding:var(--spacing-xl);transition:all .3s ease}.stat-card:hover{box-shadow:var(--box-shadow-md);transform:translateY(-4px)}.stat-card .stat-icon{flex-shrink:0;font-size:2.5rem;opacity:.8}@media screen and (min-width:576px) and (max-width:768px){.stat-card .stat-icon{font-size:3rem}}@media screen and (min-width:769px) and (max-width:811px){.stat-card .stat-icon{font-size:3rem}}@media screen and (min-width:812px) and (max-width:1024px){.stat-card .stat-icon{font-size:3rem}}@media screen and (min-width:1025px){.stat-card .stat-icon{font-size:3rem}}.stat-card .stat-content{flex:1;min-width:0}.stat-card .stat-content .stat-number{color:var(--color-primary);font-size:var(--font-header-two-size);font-weight:var(--font-weight-text-bold);margin-bottom:var(--spacing-xs)}.stat-card .stat-content .stat-number.stat-updating{transform:scale(1.05);transition:transform .3s ease}@media screen and (min-width:576px) and (max-width:768px){.stat-card .stat-content .stat-number{font-size:var(--font-header-one-size)}}@media screen and (min-width:769px) and (max-width:811px){.stat-card .stat-content .stat-number{font-size:var(--font-header-one-size)}}@media screen and (min-width:812px) and (max-width:1024px){.stat-card .stat-content .stat-number{font-size:var(--font-header-one-size)}}@media screen and (min-width:1025px){.stat-card .stat-content .stat-number{font-size:var(--font-header-one-size)}}.stat-card .stat-content .stat-label{color:var(--font-color-text-muted);font-size:var(--font-body-size);font-weight:var(--font-weight-text-medium);line-height:1.2}.stat-card.stat-primary{border-left:4px solid var(--color-primary)}.stat-card.stat-primary .stat-icon{color:var(--color-primary)}.stat-card.stat-success{border-left:4px solid var(--color-success)}.stat-card.stat-success .stat-icon,.stat-card.stat-success .stat-number{color:var(--color-success)}.stat-card.stat-warning{border-left:4px solid var(--color-warning)}.stat-card.stat-warning .stat-icon,.stat-card.stat-warning .stat-number{color:var(--color-warning)}.quick-actions .section-title{align-items:center;color:var(--font-color-title);display:flex;font-size:var(--font-header-three-size);font-weight:var(--font-weight-text-semibold);gap:var(--spacing-sm);margin-bottom:var(--spacing-xl)}.quick-actions .section-title .section-icon{color:var(--color-warning);font-size:.9em}.quick-actions .actions-grid{display:grid;gap:var(--spacing-lg);grid-template-columns:1fr}@media screen and (min-width:769px) and (max-width:811px){.quick-actions .actions-grid{grid-template-columns:repeat(2,1fr)}}@media screen and (min-width:812px) and (max-width:1024px){.quick-actions .actions-grid{grid-template-columns:repeat(2,1fr)}}@media screen and (min-width:1025px){.quick-actions .actions-grid{grid-template-columns:repeat(2,1fr)}}.quick-actions .action-card{align-items:center;background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--border-radius-lg);box-shadow:var(--box-shadow-sm);display:flex;gap:var(--spacing-lg);padding:var(--spacing-xl);text-decoration:none;transition:all .3s ease}.quick-actions .action-card:hover{box-shadow:var(--box-shadow-md);text-decoration:none;transform:translateY(-2px)}.quick-actions .action-card .action-icon{flex-shrink:0;font-size:2rem}.quick-actions .action-card .action-content{flex:1}.quick-actions .action-card .action-content .action-title{color:var(--font-color-title);font-size:var(--font-header-five-size);font-weight:var(--font-weight-text-semibold);margin-bottom:var(--spacing-sm)}.quick-actions .action-card .action-content .action-description{color:var(--font-color-text-muted);font-size:var(--font-body-size);line-height:var(--line-height-normal);margin:0}.quick-actions .action-card .action-arrow{color:var(--font-color-text-light);flex-shrink:0;font-size:1.5rem;transition:transform .3s ease}.quick-actions .action-card:hover .action-arrow{transform:translateX(4px)}.quick-actions .action-card.action-primary{border-left:4px solid var(--color-primary)}.quick-actions .action-card.action-primary .action-icon{color:var(--color-primary)}.quick-actions .action-card.action-primary:hover{border-color:var(--color-primary)}.quick-actions .action-card.action-success{border-left:4px solid var(--color-success)}.quick-actions .action-card.action-success .action-icon{color:var(--color-success)}.quick-actions .action-card.action-success:hover{border-color:var(--color-success)}.quick-actions .action-card.action-info{border-left:4px solid var(--color-info)}.quick-actions .action-card.action-info .action-icon{color:var(--color-info)}.quick-actions .action-card.action-info:hover{border-color:var(--color-info)}.quick-actions .action-card.action-warning{border-left:4px solid var(--color-warning)}.quick-actions .action-card.action-warning .action-icon{color:var(--color-warning)}.quick-actions .action-card.action-warning:hover{border-color:var(--color-warning)}.admin-stats{margin-bottom:var(--spacing-2xl)}.admin-stats .stats-grid{display:grid;gap:var(--spacing-md);grid-template-columns:1fr}@media screen and (min-width:576px) and (max-width:768px){.admin-stats .stats-grid{gap:var(--spacing-lg);grid-template-columns:repeat(2,1fr)}}@media screen and (min-width:769px) and (max-width:811px){.admin-stats .stats-grid{gap:var(--spacing-lg);grid-template-columns:repeat(2,1fr)}}@media screen and (min-width:812px) and (max-width:1024px){.admin-stats .stats-grid{grid-template-columns:repeat(4,1fr)}}@media screen and (min-width:1025px){.admin-stats .stats-grid{grid-template-columns:repeat(4,1fr)}}.admin-stats .stat-card{align-items:center;background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--border-radius-lg);display:flex;gap:var(--spacing-md);min-width:0;padding:var(--spacing-lg);transition:all .3s ease}@media screen and (min-width:576px) and (max-width:768px){.admin-stats .stat-card{padding:var(--spacing-xl)}}@media screen and (min-width:769px) and (max-width:811px){.admin-stats .stat-card{padding:var(--spacing-xl)}}@media screen and (min-width:812px) and (max-width:1024px){.admin-stats .stat-card{padding:var(--spacing-xl)}}@media screen and (min-width:1025px){.admin-stats .stat-card{padding:var(--spacing-xl)}}.admin-stats .stat-card:hover{box-shadow:var(--box-shadow-md);transform:translateY(-2px)}.admin-stats .stat-card .stat-icon{flex-shrink:0;font-size:2rem;opacity:.8}@media screen and (min-width:576px) and (max-width:768px){.admin-stats .stat-card .stat-icon{font-size:2.5rem}}@media screen and (min-width:769px) and (max-width:811px){.admin-stats .stat-card .stat-icon{font-size:2.5rem}}@media screen and (min-width:812px) and (max-width:1024px){.admin-stats .stat-card .stat-icon{font-size:2.5rem}}@media screen and (min-width:1025px){.admin-stats .stat-card .stat-icon{font-size:2.5rem}}.admin-stats .stat-card .stat-content{flex:1;min-width:0}.admin-stats .stat-card .stat-content .stat-number{color:var(--color-primary);font-size:var(--font-header-four-size);font-weight:var(--font-weight-text-bold);margin-bottom:var(--spacing-xs)}.admin-stats .stat-card .stat-content .stat-number.stat-updating{transform:scale(1.05);transition:transform .3s ease}@media screen and (min-width:576px) and (max-width:768px){.admin-stats .stat-card .stat-content .stat-number{font-size:var(--font-header-three-size)}}@media screen and (min-width:769px) and (max-width:811px){.admin-stats .stat-card .stat-content .stat-number{font-size:var(--font-header-three-size)}}@media screen and (min-width:812px) and (max-width:1024px){.admin-stats .stat-card .stat-content .stat-number{font-size:var(--font-header-three-size)}}@media screen and (min-width:1025px){.admin-stats .stat-card .stat-content .stat-number{font-size:var(--font-header-three-size)}}.admin-stats .stat-card .stat-content .stat-label{color:var(--font-color-text-muted);font-size:var(--font-small-size);font-weight:var(--font-weight-text-medium);line-height:1.2}.admin-stats .stat-card.stat-primary{border-left:4px solid var(--color-primary)}.admin-stats .stat-card.stat-primary .stat-icon{color:var(--color-primary)}.admin-stats .stat-card.stat-success{border-left:4px solid var(--color-success)}.admin-stats .stat-card.stat-success .stat-icon,.admin-stats .stat-card.stat-success .stat-number{color:var(--color-success)}.admin-stats .stat-card.stat-warning{border-left:4px solid var(--color-warning)}.admin-stats .stat-card.stat-warning .stat-icon,.admin-stats .stat-card.stat-warning .stat-number{color:var(--color-warning)}.syndics-table-container{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-xl);box-shadow:var(--box-shadow-md);overflow:hidden}@media (max-width:768px){.syndics-table-container .syndics-table{display:none}}.syndics-cards{display:none}@media (max-width:768px){.syndics-cards{display:block;padding:var(--spacing-md)}.syndics-cards .syndic-card{background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--border-radius-lg);margin-bottom:var(--spacing-md);padding:var(--spacing-lg)}.syndics-cards .syndic-card.card-inactive{opacity:.6}.syndics-cards .syndic-card .card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:var(--spacing-md)}.syndics-cards .syndic-card .card-header .company-info{flex:1}.syndics-cards .syndic-card .card-header .company-info .company-name{color:var(--font-color-title);font-size:var(--font-header-five-size);font-weight:var(--font-weight-text-semibold);margin-bottom:var(--spacing-xs)}.syndics-cards .syndic-card .card-header .company-info .company-email{color:var(--font-color-text-muted);font-size:var(--font-small-size)}.syndics-cards .syndic-card .card-header .id-badge{background:var(--color-primary);border-radius:var(--border-radius-xl);color:#fff;font-size:var(--font-small-size);font-weight:var(--font-weight-text-bold);padding:var(--spacing-xs) var(--spacing-sm)}.syndics-cards .syndic-card .card-details{margin-bottom:var(--spacing-md)}.syndics-cards .syndic-card .card-details .detail-row{align-items:center;display:flex;font-size:var(--font-small-size);gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.syndics-cards .syndic-card .card-details .detail-row .detail-icon{flex-shrink:0;width:16px}.syndics-cards .syndic-card .card-details .detail-row .detail-text{color:var(--font-color-text)}.syndics-cards .syndic-card .card-footer{align-items:center;display:flex;justify-content:space-between}.syndics-cards .syndic-card .card-footer .status-badge{align-items:center;border-radius:var(--border-radius-xl);display:inline-flex;font-size:var(--font-small-size);font-weight:var(--font-weight-text-medium);gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm)}.syndics-cards .syndic-card .card-footer .status-badge .status-dot{border-radius:50%;height:8px;width:8px}.syndics-cards .syndic-card .card-footer .status-badge.status-active{background:rgba(40,167,69,.1);border:1px solid rgba(40,167,69,.3);color:var(--color-success)}.syndics-cards .syndic-card .card-footer .status-badge.status-active .status-dot{background:var(--color-success)}.syndics-cards .syndic-card .card-footer .status-badge.status-inactive{background:rgba(220,53,69,.1);border:1px solid rgba(220,53,69,.3);color:var(--color-danger)}.syndics-cards .syndic-card .card-footer .status-badge.status-inactive .status-dot{background:var(--color-danger)}.syndics-cards .syndic-card .card-footer .actions-group{display:flex;gap:var(--spacing-sm)}}.syndics-table{border-collapse:collapse;display:none;width:100%}@media screen and (min-width:1025px){.syndics-table{display:table}}.syndics-table td,.syndics-table th{border-bottom:1px solid var(--color-border-light);padding:var(--spacing-md) var(--spacing-md);text-align:left}.syndics-table thead{background:var(--color-surface-secondary)}.syndics-table thead th{border-bottom:2px solid var(--color-border);color:var(--font-color-title);font-family:var(--font-family-title);font-size:var(--font-body-size);font-weight:var(--font-weight-text-semibold)}.syndics-table tbody tr{transition:background-color .2s ease}.syndics-table tbody tr:hover{background-color:var(--color-hover)}.syndics-table tbody tr.row-inactive{background-color:rgba(220,53,69,.05);opacity:.6}@media screen and (min-width:812px) and (max-width:1024px){.syndics-table{display:none}}@media screen and (min-width:769px) and (max-width:811px){.syndics-table{display:none}}@media screen and (min-width:576px) and (max-width:768px){.syndics-table{display:none}}.td-id,.th-id{text-align:center;width:60px}.td-company,.th-company{min-width:200px}.td-contact,.th-contact{min-width:150px}.td-location,.th-location{min-width:180px}.td-status,.th-status{text-align:center;width:100px}.td-date,.th-date{width:120px}.td-actions,.th-actions{text-align:center;width:100px}.id-badge{align-items:center;background:var(--color-surface-secondary);border-radius:50%;color:var(--font-color-text);display:inline-flex;font-size:var(--font-small-size);height:32px;justify-content:center;width:32px}.company-info .company-name,.id-badge{font-weight:var(--font-weight-text-semibold)}.company-info .company-name{color:var(--font-color-title);font-family:var(--font-family-title);margin-bottom:var(--spacing-xs)}.company-info .company-email{color:var(--font-color-text-muted);font-size:var(--font-small-size)}.contact-info .contact-phone{align-items:center;color:var(--font-color-text);display:flex;font-size:var(--font-body-size);gap:var(--spacing-sm)}.contact-info .contact-icon{color:var(--font-color-text-light);font-size:var(--font-small-size)}.location-info{align-items:flex-start;display:flex;gap:var(--spacing-sm)}.location-info .location-icon{color:var(--font-color-text-light);flex-shrink:0;font-size:var(--font-small-size);margin-top:2px}.location-info .location-text{color:var(--font-color-text-muted);font-size:var(--font-small-size);line-height:var(--line-height-normal)}.status-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:var(--font-small-size);font-weight:var(--font-weight-text-medium);gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm)}.status-badge.status-active{background:rgba(40,167,69,.1);color:var(--color-success)}.status-badge.status-active .status-dot{background:var(--color-success)}.status-badge.status-inactive{background:rgba(220,53,69,.1);color:var(--color-danger)}.status-badge.status-inactive .status-dot{background:var(--color-danger)}.status-dot{border-radius:50%;height:6px;width:6px}.date-info .date-main{color:var(--font-color-title);font-size:var(--font-body-size);font-weight:var(--font-weight-text-medium)}.date-info .date-time{color:var(--font-color-text-muted);font-size:var(--font-small-size);margin-top:2px}.action-btn{align-items:center;border-radius:var(--border-radius-md);display:inline-flex;height:32px;justify-content:center;text-decoration:none;transition:all .2s ease;width:32px}.action-btn .action-icon{font-size:var(--font-body-size)}.action-btn.action-edit{background:rgba(0,88,168,.1);color:var(--color-primary)}.action-btn.action-edit:hover{background:rgba(0,88,168,.2);transform:translateY(-1px)}.action-btn.action-delete{background:rgba(220,53,69,.1);color:var(--color-danger)}.action-btn.action-delete:hover{background:rgba(220,53,69,.2);transform:translateY(-1px)}.sortable{cursor:pointer;position:relative;transition:background-color .2s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.sortable:hover{background-color:var(--color-hover)}.sort-icon{color:var(--font-color-text-light);font-size:var(--font-small-size);margin-left:var(--spacing-xs);transition:color .2s ease}.sortable:hover .sort-icon{color:var(--font-color-text-muted)}.syndics-cards{display:block;gap:var(--spacing-md);padding:var(--spacing-md)}@media screen and (min-width:1025px){.syndics-cards{display:none}}.syndic-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);margin-bottom:var(--spacing-md);padding:var(--spacing-md);transition:box-shadow .2s ease}.syndic-card:hover{box-shadow:var(--box-shadow-lg)}.syndic-card.card-inactive{background-color:rgba(220,53,69,.05);opacity:.6}.card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:var(--spacing-md)}.card-header .company-info .company-name{font-size:var(--font-header-four-size)}.card-details{margin-bottom:var(--spacing-md)}.detail-row{align-items:center;display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.detail-row .detail-icon{color:var(--font-color-text-light);font-size:var(--font-body-size);width:16px}.detail-row .detail-text{color:var(--font-color-text);font-size:var(--font-body-size)}.card-footer{align-items:center;border-top:1px solid var(--color-border-light);display:flex;justify-content:space-between;padding-top:var(--spacing-md)}.empty-state{background:var(--color-surface);border:2px dashed var(--color-border);border-radius:var(--border-radius-xl);padding:var(--spacing-2xl);text-align:center}.empty-state .empty-icon{display:block;font-size:5rem;margin-bottom:var(--spacing-lg);opacity:.5}.empty-state .empty-title{color:var(--font-color-title);font-size:var(--font-header-three-size);font-weight:var(--font-weight-text-semibold);margin-bottom:var(--spacing-sm)}.empty-state .empty-description{color:var(--font-color-text-muted);line-height:var(--line-height-normal);margin-bottom:var(--spacing-xl);margin-left:auto;margin-right:auto;max-width:500px}.form-header .header-content .page-title .page-icon{color:var(--color-warning)}.form-error{color:var(--color-danger);display:block;font-size:var(--font-small-size);margin-top:var(--spacing-sm)}.admin-form{background:var(--color-body);min-height:100vh}.admin-form .form-container{margin:0 auto;max-width:1200px;padding:var(--spacing-xl) var(--spacing-md)}@media screen and (min-width:812px) and (max-width:1024px){.admin-form .form-container{padding:var(--spacing-2xl) var(--spacing-md)}}@media screen and (min-width:1025px){.admin-form .form-container{padding:var(--spacing-2xl) var(--spacing-md)}}.form-header{display:flex;flex-direction:column;gap:var(--spacing-lg);margin-bottom:var(--spacing-2xl)}@media screen and (min-width:812px) and (max-width:1024px){.form-header{align-items:flex-start;flex-direction:row;justify-content:space-between}}@media screen and (min-width:1025px){.form-header{align-items:flex-start;flex-direction:row;justify-content:space-between}}.form-header .header-content .page-title{align-items:center;color:var(--color-primary);display:flex;font-size:var(--font-header-two-size);font-weight:var(--font-weight-text-bold);gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}@media screen and (min-width:812px) and (max-width:1024px){.form-header .header-content .page-title{font-size:var(--font-header-one-size)}}@media screen and (min-width:1025px){.form-header .header-content .page-title{font-size:var(--font-header-one-size)}}.form-header .header-content .page-title .page-icon{color:var(--color-success);font-size:.8em}.form-header .header-content .page-subtitle{color:var(--font-color-text-muted);font-size:var(--font-body-size);margin:0}.form-header .header-content .company-info{align-items:center;display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-sm)}.form-header .header-content .company-info .company-label{color:var(--font-color-text-muted);font-size:var(--font-body-size)}.form-header .header-content .company-info .company-name{color:var(--color-primary);font-size:var(--font-body-size);font-weight:var(--font-weight-text-semibold)}.form-layout{display:grid;gap:var(--spacing-2xl);grid-template-columns:1fr}@media screen and (min-width:812px) and (max-width:1024px){.form-layout{grid-template-columns:2fr 1fr}}@media screen and (min-width:1025px){.form-layout{grid-template-columns:2fr 1fr}}.form-card{background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--border-radius-xl);box-shadow:var(--box-shadow-sm);overflow:hidden}.form-card-header{background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-dark) 100%);color:#fff;padding:var(--spacing-xl)}.form-card-header .form-title{align-items:center;display:flex;font-size:var(--font-header-four-size);font-weight:var(--font-weight-text-semibold);gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.form-card-header .form-title .form-icon{font-size:1.1em}.form-card-header .form-description{font-size:var(--font-body-size);margin:0;opacity:.9}.form-card-body{padding:var(--spacing-2xl)}.form-sections .form-section-group{margin-bottom:var(--spacing-2xl)}.form-sections .form-section-group:last-child{margin-bottom:0}.form-sections .form-section-group .section-title{align-items:center;border-bottom:2px solid var(--color-border-light);color:var(--font-color-title);display:flex;font-size:var(--font-header-five-size);font-weight:var(--font-weight-text-semibold);gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-sm)}.form-sections .form-section-group .section-title .section-icon{color:var(--color-primary)}.form-grid{display:grid;gap:var(--spacing-lg);grid-template-columns:1fr}@media screen and (min-width:576px) and (max-width:768px){.form-grid{grid-template-columns:repeat(2,1fr)}}.syndic-form .form-group{margin-bottom:var(--spacing-lg)}.syndic-form .form-group .form-label{align-items:center;color:var(--font-color-title);display:flex;font-size:var(--font-body-size);font-weight:var(--font-weight-text-medium);gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.syndic-form .form-group .form-label .label-icon{color:var(--color-primary);font-size:1.1em}.syndic-form .form-group .form-label .label-text{flex:1}.syndic-form .form-group .form-label .label-required{color:var(--color-danger);font-weight:var(--font-weight-text-bold)}.syndic-form .form-group .form-input,.syndic-form .form-group .form-textarea{background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--border-radius-md);color:var(--font-color-text);font-family:var(--font-family-text);font-size:var(--font-body-size);padding:var(--spacing-md);transition:all .3s ease;width:100%}.syndic-form .form-group .form-input:focus,.syndic-form .form-group .form-textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(0,88,168,.1);outline:none}.syndic-form .form-group .form-input::-moz-placeholder,.syndic-form .form-group .form-textarea::-moz-placeholder{color:var(--font-color-text-light)}.syndic-form .form-group .form-input::placeholder,.syndic-form .form-group .form-textarea::placeholder{color:var(--font-color-text-light)}.syndic-form .form-group .form-input.is-invalid,.syndic-form .form-group .form-textarea.is-invalid{border-color:var(--color-danger)}.syndic-form .form-group .form-input.is-invalid:focus,.syndic-form .form-group .form-textarea.is-invalid:focus{box-shadow:0 0 0 3px rgba(220,53,69,.1)}.syndic-form .form-group .form-textarea{line-height:var(--line-height-normal);min-height:80px;resize:vertical}.syndic-form .form-group .form-help{color:var(--font-color-text-muted);display:block;font-size:var(--font-small-size);line-height:var(--line-height-normal);margin-top:var(--spacing-sm)}.checkbox-wrapper{align-items:flex-start;display:flex;gap:var(--spacing-md)}.checkbox-wrapper .form-checkbox{cursor:pointer;opacity:0;position:absolute}.checkbox-wrapper .form-checkbox:checked+.checkbox-label .checkmark{background-color:var(--color-primary);border-color:var(--color-primary)}.checkbox-wrapper .form-checkbox:checked+.checkbox-label .checkmark:after{display:block}.checkbox-wrapper .form-checkbox:focus+.checkbox-label .checkmark{box-shadow:0 0 0 3px rgba(0,88,168,.1)}.checkbox-wrapper .checkbox-label{align-items:flex-start;cursor:pointer;display:flex;gap:var(--spacing-sm);-webkit-user-select:none;-moz-user-select:none;user-select:none}.checkbox-wrapper .checkbox-label .checkmark{background-color:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--border-radius-sm);flex-shrink:0;height:20px;margin-top:2px;position:relative;transition:all .3s ease;width:20px}.checkbox-wrapper .checkbox-label .checkmark:after{border:solid #fff;border-width:0 2px 2px 0;content:"";display:none;height:8px;left:6px;position:absolute;top:2px;transform:rotate(45deg);width:4px}.checkbox-wrapper .checkbox-label .checkbox-text{flex:1}.checkbox-wrapper .checkbox-label .checkbox-text strong{color:var(--font-color-title);display:block;margin-bottom:var(--spacing-xs)}.checkbox-wrapper .checkbox-label .checkbox-text small{color:var(--font-color-text-muted);font-size:var(--font-small-size)}.form-actions{border-top:1px solid var(--color-border-light);display:flex;flex-direction:column;gap:var(--spacing-md);margin-top:var(--spacing-2xl);padding-top:var(--spacing-lg)}@media screen and (min-width:576px) and (max-width:768px){.form-actions{align-items:center;flex-direction:row;justify-content:space-between}}.form-sidebar{display:flex;flex-direction:column;gap:var(--spacing-xl)}.info-card,.workflow-card{background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--border-radius-lg);padding:var(--spacing-xl)}.info-card h3,.workflow-card h3{align-items:center;color:var(--font-color-title);display:flex;font-size:var(--font-header-five-size);font-weight:var(--font-weight-text-semibold);gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.info-card .quick-actions-list{display:flex;flex-direction:column}.info-card .info-icon{color:var(--color-info)}.info-card .info-list{list-style:none}.info-card .info-list li{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.info-card .info-list li:last-child{margin-bottom:0}.info-card .info-list li .tip-icon{flex-shrink:0;font-size:1.2em;margin-top:2px}.info-card .info-list li .tip-content{flex:1}.info-card .info-list li .tip-content strong{color:var(--font-color-title);display:block;font-size:var(--font-body-size);margin-bottom:var(--spacing-xs)}.info-card .info-list li .tip-content p{color:var(--font-color-text-muted);font-size:var(--font-small-size);line-height:var(--line-height-normal);margin:0}.workflow-card .workflow-icon{color:var(--color-success)}.workflow-card .workflow-steps{list-style:none}.workflow-card .workflow-steps li{align-items:center;display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.workflow-card .workflow-steps li:last-child{margin-bottom:0}.workflow-card .workflow-steps li .step-number{align-items:center;background:var(--color-border-light);border-radius:50%;color:var(--font-color-text-muted);display:flex;flex-shrink:0;font-size:var(--font-small-size);font-weight:var(--font-weight-text-bold);height:24px;justify-content:center;width:24px}.workflow-card .workflow-steps li .step-text{color:var(--font-color-text);font-size:var(--font-body-size)}.workflow-card .workflow-steps li.step-active .step-number{background:var(--color-primary);color:#fff}.workflow-card .workflow-steps li.step-active .step-text{color:var(--font-color-title);font-weight:var(--font-weight-text-medium)}.btn{align-items:center;border:none;border-radius:var(--border-radius-md);cursor:pointer;display:inline-flex;font-size:var(--font-button-size);font-weight:var(--font-weight-text-medium);gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);text-align:center;text-decoration:none;transition:all .3s ease}.btn-icon{font-size:1.1em}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover{background:var(--color-primary-dark);box-shadow:var(--box-shadow-md);transform:translateY(-1px)}.btn-secondary{background:transparent;border:2px solid var(--color-border);color:var(--font-color-text)}.btn-secondary:hover{background:var(--color-hover);border-color:var(--color-primary);color:var(--color-primary)}.btn-ghost{background:transparent;border:none;color:var(--font-color-text-muted)}.btn-ghost:hover{color:var(--font-color-text)}.btn-large{font-size:var(--font-body-size);padding:var(--spacing-lg) var(--spacing-xl)}.company-card{background:var(--color-surface);border:1px solid var(--color-border-light);border-left:4px solid var(--color-primary);border-radius:var(--border-radius-lg);padding:var(--spacing-xl)}.company-card-title{align-items:center;color:var(--font-color-title);display:flex;font-size:var(--font-header-five-size);font-weight:var(--font-weight-text-semibold);gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.company-card-title .company-icon{color:var(--color-primary)}.company-card .company-details .detail-item{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-md)}.company-card .company-details .detail-item:last-child{margin-bottom:0}.company-card .company-details .detail-item .detail-label{color:var(--font-color-text-muted);font-size:var(--font-small-size);font-weight:var(--font-weight-text-medium)}.company-card .company-details .detail-item .detail-value{color:var(--font-color-text);font-size:var(--font-small-size);text-align:right}.company-card .company-details .detail-item .detail-value .status-badge{align-items:center;border-radius:var(--border-radius-xl);display:inline-flex;font-size:var(--font-small-size);font-weight:var(--font-weight-text-medium);gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm)}.company-card .company-details .detail-item .detail-value .status-badge .status-dot{border-radius:50%;height:6px;width:6px}.company-card .company-details .detail-item .detail-value .status-badge.status-active{background:rgba(40,167,69,.1);border:1px solid rgba(40,167,69,.3);color:var(--color-success)}.company-card .company-details .detail-item .detail-value .status-badge.status-active .status-dot{background:var(--color-success)}.company-card .company-details .detail-item .detail-value .status-badge.status-inactive{background:rgba(220,53,69,.1);border:1px solid rgba(220,53,69,.3);color:var(--color-danger)}.company-card .company-details .detail-item .detail-value .status-badge.status-inactive .status-dot{background:var(--color-danger)}.security-note{background:rgba(111,66,193,.1);border:1px solid rgba(111,66,193,.2);border-radius:var(--border-radius-md);display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-md);padding:var(--spacing-md)}.security-note .security-icon{color:var(--color-council);flex-shrink:0;font-size:1.2em;margin-top:2px}.security-note .security-content{flex:1}.security-note .security-content strong{color:var(--color-council);display:block;font-size:var(--font-body-size);margin-bottom:var(--spacing-xs)}.security-note .security-content p{color:var(--font-color-text);font-size:var(--font-small-size);line-height:var(--line-height-normal);margin:0}.form-error-notification{animation:slideInRight .4s cubic-bezier(.68,-.55,.265,1.55),fadeOutRight .5s ease-in 5s forwards;background:linear-gradient(135deg,#ff6b6b,#ff5252);border-left:4px solid hsla(0,0%,100%,.3);border-radius:12px;box-shadow:0 6px 20px hsla(0,100%,71%,.4);color:#fff;max-width:400px;padding:16px 20px;position:fixed;right:20px;top:20px;z-index:9999}.notification-content{align-items:flex-start;display:flex;gap:12px}.notification-icon{animation:pulse 2s infinite;flex-shrink:0;font-size:22px}.notification-text{flex:1}.notification-text strong{display:block;font-size:15px;font-weight:600;margin-bottom:4px}.notification-text p{font-size:13px;line-height:1.4;margin:0;opacity:.95}@keyframes slideInRight{0%{opacity:0;transform:translateX(100%) scale(.8)}to{opacity:1;transform:translateX(0) scale(1)}}@keyframes fadeOutRight{to{opacity:0;transform:translateX(100%) scale(.8);visibility:hidden}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@media (max-width:768px){.form-error-notification{left:10px;margin:0 10px;max-width:none;right:10px;top:10px}}.syndic-dashboard{background:var(--color-body);color:var(--font-color-text);font-family:var(--font-family-text);font-size:var(--font-body-size);line-height:var(--line-height-normal);min-height:100vh}.syndic-dashboard .dashboard-container{margin:0 auto;max-width:1400px;padding:var(--spacing-xl) var(--spacing-md)}@media screen and (min-width:812px) and (max-width:1024px){.syndic-dashboard .dashboard-container{padding:var(--spacing-2xl) var(--spacing-md)}}@media screen and (min-width:1025px){.syndic-dashboard .dashboard-container{padding:var(--spacing-2xl) var(--spacing-lg)}}.syndic-dashboard .dashboard-header{margin-bottom:var(--spacing-2xl)}.syndic-dashboard .dashboard-header .welcome-section{background:var(--color-surface);border-left:6px solid var(--color-primary);border-radius:var(--border-radius-xl);box-shadow:var(--box-shadow-md);display:flex;flex-direction:column;gap:var(--spacing-lg);padding:var(--spacing-xl)}@media screen and (min-width:812px) and (max-width:1024px){.syndic-dashboard .dashboard-header .welcome-section{align-items:flex-start;flex-direction:row;justify-content:space-between}}.syndic-dashboard .dashboard-header .welcome-section .welcome-content{flex:1}.syndic-dashboard .dashboard-header .welcome-section .welcome-content .welcome-title{align-items:center;color:var(--font-color-title);display:flex;font-family:var(--font-family-title);font-size:var(--font-header-two-size);font-weight:var(--font-weight-title);gap:var(--spacing-md);margin:0 0 var(--spacing-sm) 0}@media screen and (min-width:812px) and (max-width:1024px){.syndic-dashboard .dashboard-header .welcome-section .welcome-content .welcome-title{font-size:var(--font-header-one-size)}}.syndic-dashboard .dashboard-header .welcome-section .welcome-content .welcome-title .welcome-icon{animation:wave 2s ease-in-out infinite;font-size:1.2em}.syndic-dashboard .dashboard-header .welcome-section .welcome-content .welcome-subtitle{color:var(--font-color-text-muted);font-size:var(--font-header-six-size);font-weight:var(--font-weight-text-medium);margin:0}.syndic-dashboard .dashboard-header .welcome-section .header-meta{display:flex;flex-direction:column;gap:var(--spacing-md)}@media screen and (min-width:812px) and (max-width:1024px){.syndic-dashboard .dashboard-header .welcome-section .header-meta{align-items:flex-end}}.syndic-dashboard .dashboard-header .welcome-section .header-meta .current-date{align-items:center;background:var(--color-surface-secondary);border-radius:var(--border-radius-md);color:var(--font-color-text-muted);display:flex;font-size:var(--font-small-size);font-weight:var(--font-weight-text-medium);gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg)}.syndic-dashboard .dashboard-header .welcome-section .header-meta .current-date .date-icon{font-size:1.1em;opacity:.7}.syndic-dashboard .dashboard-header .welcome-section .header-meta .company-status .status-badge{align-items:center;border-radius:var(--border-radius-xl);display:inline-flex;font-size:var(--font-small-size);font-weight:var(--font-weight-text-semibold);gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg)}.syndic-dashboard .dashboard-header .welcome-section .header-meta .company-status .status-badge .status-dot{border-radius:50%;height:8px;width:8px}.syndic-dashboard .dashboard-header .welcome-section .header-meta .company-status .status-badge.status-active{background:rgba(40,167,69,.1);border:2px solid rgba(40,167,69,.3);color:var(--color-success)}.syndic-dashboard .dashboard-header .welcome-section .header-meta .company-status .status-badge.status-active .status-dot{background:var(--color-success)}.syndic-dashboard .dashboard-header .welcome-section .header-meta .company-status .status-badge.status-inactive{background:rgba(220,53,69,.1);border:2px solid rgba(220,53,69,.3);color:var(--color-danger)}.syndic-dashboard .dashboard-header .welcome-section .header-meta .company-status .status-badge.status-inactive .status-dot{background:var(--color-danger)}.syndic-dashboard .section-title{align-items:center;color:var(--font-color-title);display:flex;font-family:var(--font-family-title);font-size:var(--font-header-three-size);font-weight:var(--font-weight-text-semibold);gap:var(--spacing-md);margin:0 0 var(--spacing-lg) 0}.syndic-dashboard .section-title .section-icon{font-size:1.1em;opacity:.8}.syndic-dashboard .quick-stats{margin-bottom:var(--spacing-2xl)}.syndic-dashboard .quick-stats .stats-grid{display:grid;gap:var(--spacing-md);grid-template-columns:1fr}@media screen and (min-width:576px) and (max-width:768px){.syndic-dashboard .quick-stats .stats-grid{gap:var(--spacing-lg);grid-template-columns:repeat(2,1fr)}}@media screen and (min-width:812px) and (max-width:1024px){.syndic-dashboard .quick-stats .stats-grid{grid-template-columns:repeat(4,1fr)}}@media screen and (min-width:1025px){.syndic-dashboard .quick-stats .stats-grid{gap:var(--spacing-xl);grid-template-columns:repeat(4,1fr)}}.syndic-dashboard .quick-stats .stats-grid .stat-card{align-items:center;background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--border-radius-lg);display:flex;gap:var(--spacing-lg);overflow:hidden;padding:var(--spacing-xl);position:relative;transition:all .3s ease}.syndic-dashboard .quick-stats .stats-grid .stat-card:before{background:var(--color-border);content:"";height:100%;left:0;position:absolute;top:0;transition:all .3s ease;width:4px}.syndic-dashboard .quick-stats .stats-grid .stat-card:hover{box-shadow:var(--box-shadow-lg);transform:translateY(-2px)}.syndic-dashboard .quick-stats .stats-grid .stat-card.stat-primary:before{background:var(--color-primary)}.syndic-dashboard .quick-stats .stats-grid .stat-card.stat-success:before{background:var(--color-success)}.syndic-dashboard .quick-stats .stats-grid .stat-card.stat-info:before{background:var(--color-info)}.syndic-dashboard .quick-stats .stats-grid .stat-card.stat-warning:before{background:var(--color-warning)}.syndic-dashboard .quick-stats .stats-grid .stat-card .stat-icon{flex-shrink:0;font-size:2.5rem;opacity:.8}.syndic-dashboard .quick-stats .stats-grid .stat-card .stat-content{flex:1}.syndic-dashboard .quick-stats .stats-grid .stat-card .stat-content .stat-number{color:var(--color-primary);font-size:var(--font-header-two-size);font-weight:var(--font-weight-text-bold);margin-bottom:var(--spacing-xs)}@media screen and (min-width:576px) and (max-width:768px){.syndic-dashboard .quick-stats .stats-grid .stat-card .stat-content .stat-number{font-size:var(--font-header-one-size)}}.syndic-dashboard .quick-stats .stats-grid .stat-card .stat-content .stat-label{color:var(--font-color-text-muted);font-size:var(--font-small-size);font-weight:var(--font-weight-text-medium);letter-spacing:.5px;text-transform:uppercase}.syndic-dashboard .main-actions{margin-bottom:var(--spacing-2xl)}.syndic-dashboard .main-actions .actions-grid{display:grid;gap:var(--spacing-lg);grid-template-columns:1fr}@media screen and (min-width:576px) and (max-width:768px){.syndic-dashboard .main-actions .actions-grid{grid-template-columns:repeat(2,1fr)}}@media screen and (min-width:812px) and (max-width:1024px){.syndic-dashboard .main-actions .actions-grid{grid-template-columns:repeat(3,1fr)}}@media screen and (min-width:1025px){.syndic-dashboard .main-actions .actions-grid{gap:var(--spacing-xl);grid-template-columns:repeat(3,1fr)}}.syndic-dashboard .main-actions .actions-grid .action-card{background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--border-radius-xl);color:var(--font-color-text);display:flex;flex-direction:column;gap:var(--spacing-md);overflow:hidden;padding:var(--spacing-xl);position:relative;text-decoration:none;transition:all .3s ease}.syndic-dashboard .main-actions .actions-grid .action-card:before{background:var(--color-border);content:"";height:4px;left:0;position:absolute;top:0;transition:all .3s ease;width:100%}.syndic-dashboard .main-actions .actions-grid .action-card:hover{border-color:transparent;box-shadow:var(--box-shadow-lg);transform:translateY(-4px)}.syndic-dashboard .main-actions .actions-grid .action-card:hover .action-arrow{transform:translateX(4px)}.syndic-dashboard .main-actions .actions-grid .action-card.action-primary:before{background:var(--color-primary)}.syndic-dashboard .main-actions .actions-grid .action-card.action-primary:hover{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light));color:#fff}.syndic-dashboard .main-actions .actions-grid .action-card.action-success:before{background:var(--color-success)}.syndic-dashboard .main-actions .actions-grid .action-card.action-success:hover{background:linear-gradient(135deg,var(--color-success),#34d399);color:#fff}.syndic-dashboard .main-actions .actions-grid .action-card.action-info:before{background:var(--color-info)}.syndic-dashboard .main-actions .actions-grid .action-card.action-info:hover{background:linear-gradient(135deg,var(--color-info),#60a5fa);color:#fff}.syndic-dashboard .main-actions .actions-grid .action-card.action-accent:before{background:var(--color-accent)}.syndic-dashboard .main-actions .actions-grid .action-card.action-accent:hover{background:linear-gradient(135deg,var(--color-accent),#fb923c);color:#fff}.syndic-dashboard .main-actions .actions-grid .action-card.action-secondary:before{background:#6c757d}.syndic-dashboard .main-actions .actions-grid .action-card.action-secondary:hover{background:linear-gradient(135deg,#6c757d,#9ca3af);color:#fff}.syndic-dashboard .main-actions .actions-grid .action-card.action-council:before{background:var(--color-council)}.syndic-dashboard .main-actions .actions-grid .action-card.action-council:hover{background:linear-gradient(135deg,var(--color-council),#a78bfa);color:#fff}.syndic-dashboard .main-actions .actions-grid .action-card .action-header{align-items:center;display:flex;gap:var(--spacing-md)}.syndic-dashboard .main-actions .actions-grid .action-card .action-header .action-icon{flex-shrink:0;font-size:2rem;opacity:.8}.syndic-dashboard .main-actions .actions-grid .action-card .action-header .action-title{color:inherit;font-family:var(--font-family-title);font-size:var(--font-header-five-size);font-weight:var(--font-weight-text-semibold);margin:0}.syndic-dashboard .main-actions .actions-grid .action-card .action-description{color:var(--font-color-text-muted);flex:1;font-size:var(--font-body-size);line-height:var(--line-height-normal);margin:0}.syndic-dashboard .main-actions .actions-grid .action-card .action-footer{align-items:center;display:flex;justify-content:space-between;margin-top:auto}.syndic-dashboard .main-actions .actions-grid .action-card .action-footer .action-link{color:inherit;font-size:var(--font-small-size);font-weight:var(--font-weight-text-semibold);letter-spacing:.5px;text-transform:uppercase}.syndic-dashboard .main-actions .actions-grid .action-card .action-footer .action-arrow{font-size:1.2em;font-weight:700;opacity:.7;transition:all .3s ease}.syndic-dashboard .dashboard-content{display:grid;gap:var(--spacing-xl);grid-template-columns:1fr}@media screen and (min-width:812px) and (max-width:1024px){.syndic-dashboard .dashboard-content{grid-template-columns:2fr 1fr}}@media screen and (min-width:1025px){.syndic-dashboard .dashboard-content{gap:var(--spacing-2xl);grid-template-columns:2fr 1fr}}.syndic-dashboard .recent-activity{background:var(--color-surface);border-radius:var(--border-radius-lg);box-shadow:var(--box-shadow-sm);padding:var(--spacing-xl)}.syndic-dashboard .recent-activity .activity-list .activity-item{border-bottom:1px solid var(--color-border-light);display:flex;gap:var(--spacing-md);padding:var(--spacing-md) 0}.syndic-dashboard .recent-activity .activity-list .activity-item:last-child{border-bottom:none}.syndic-dashboard .recent-activity .activity-list .activity-item .activity-icon{align-items:center;background:var(--color-surface-secondary);border-radius:var(--border-radius-lg);display:flex;flex-shrink:0;font-size:1.2em;height:40px;justify-content:center;width:40px}.syndic-dashboard .recent-activity .activity-list .activity-item .activity-content{flex:1}.syndic-dashboard .recent-activity .activity-list .activity-item .activity-content .activity-text{color:var(--font-color-text);font-size:var(--font-body-size);margin-bottom:var(--spacing-xs)}.syndic-dashboard .recent-activity .activity-list .activity-item .activity-content .activity-time{color:var(--font-color-text-muted);font-size:var(--font-small-size)}.syndic-dashboard .dashboard-sidebar{display:flex;flex-direction:column;gap:var(--spacing-xl)}.syndic-dashboard .dashboard-sidebar .company-info-card,.syndic-dashboard .dashboard-sidebar .quick-links-card,.syndic-dashboard .dashboard-sidebar .subscription-card{background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--border-radius-lg);box-shadow:var(--box-shadow-sm);padding:var(--spacing-xl)}.syndic-dashboard .dashboard-sidebar .company-info-card .card-title,.syndic-dashboard .dashboard-sidebar .quick-links-card .card-title,.syndic-dashboard .dashboard-sidebar .subscription-card .card-title{align-items:center;color:var(--font-color-title);display:flex;font-family:var(--font-family-title);font-size:var(--font-header-five-size);font-weight:var(--font-weight-text-semibold);gap:var(--spacing-sm);margin:0 0 var(--spacing-lg) 0}.syndic-dashboard .dashboard-sidebar .company-info-card .card-title .card-icon,.syndic-dashboard .dashboard-sidebar .quick-links-card .card-title .card-icon,.syndic-dashboard .dashboard-sidebar .subscription-card .card-title .card-icon{font-size:1.1em;opacity:.8}.syndic-dashboard .company-info-card .company-details .detail-item{align-items:center;border-bottom:1px solid var(--color-border-light);display:flex;justify-content:space-between;padding:var(--spacing-sm) 0}.syndic-dashboard .company-info-card .company-details .detail-item:last-child{border-bottom:none}.syndic-dashboard .company-info-card .company-details .detail-item .detail-label{color:var(--font-color-text-muted);font-size:var(--font-small-size);font-weight:var(--font-weight-text-medium);letter-spacing:.5px;text-transform:uppercase}.syndic-dashboard .company-info-card .company-details .detail-item .detail-value{color:var(--font-color-text);font-size:var(--font-small-size);font-weight:var(--font-weight-text-medium);text-align:right;word-break:break-word}.syndic-dashboard .subscription-card .subscription-info .subscription-status{border-radius:var(--border-radius-md);display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-md);padding:var(--spacing-md)}.syndic-dashboard .subscription-card .subscription-info .subscription-status .status-icon{flex-shrink:0;font-size:1.5em}.syndic-dashboard .subscription-card .subscription-info .subscription-status .status-content{flex:1}.syndic-dashboard .subscription-card .subscription-info .subscription-status .status-content .status-title{font-weight:var(--font-weight-text-semibold);margin-bottom:var(--spacing-xs)}.syndic-dashboard .subscription-card .subscription-info .subscription-status .status-content .status-detail{font-size:var(--font-small-size);opacity:.8}.syndic-dashboard .subscription-card .subscription-info .subscription-status.status-active{background:rgba(40,167,69,.1);border:1px solid rgba(40,167,69,.3);color:var(--color-success)}.syndic-dashboard .subscription-card .subscription-info .subscription-status.status-expired{background:rgba(220,53,69,.1);border:1px solid rgba(220,53,69,.3);color:var(--color-danger)}.syndic-dashboard .subscription-card .subscription-info .subscription-status.status-unlimited{background:rgba(111,66,193,.1);border:1px solid rgba(111,66,193,.3);color:var(--color-council)}.syndic-dashboard .subscription-card .subscription-info .subscription-date{background:var(--color-surface-secondary);border-radius:var(--border-radius-sm);color:var(--font-color-text-muted);font-size:var(--font-small-size);padding:var(--spacing-sm);text-align:center}.syndic-dashboard .quick-links-card .quick-links{display:flex;flex-direction:column;gap:var(--spacing-sm)}.syndic-dashboard .quick-links-card .quick-links .quick-link{align-items:center;background:var(--color-surface-secondary);border-radius:var(--border-radius-md);color:var(--font-color-text);display:flex;font-size:var(--font-small-size);font-weight:var(--font-weight-text-medium);gap:var(--spacing-md);padding:var(--spacing-md);text-decoration:none;transition:all .3s ease}.syndic-dashboard .quick-links-card .quick-links .quick-link .link-icon{flex-shrink:0;font-size:1.2em;opacity:.8}.syndic-dashboard .quick-links-card .quick-links .quick-link .link-text{flex:1}.syndic-dashboard .quick-links-card .quick-links .quick-link:hover{background:var(--color-primary);color:#fff;transform:translateX(2px)}.syndic-dashboard .empty-state{color:var(--font-color-text-muted);padding:var(--spacing-2xl);text-align:center}.syndic-dashboard .empty-state .empty-icon{font-size:3em;margin-bottom:var(--spacing-md);opacity:.5}.syndic-dashboard .empty-state .empty-text{font-size:var(--font-header-five-size);font-weight:var(--font-weight-text-medium);margin:0 0 var(--spacing-sm) 0}.syndic-dashboard .empty-state .empty-subtext{font-size:var(--font-small-size);opacity:.8}@keyframes wave{0%,to{transform:rotate(0deg)}25%{transform:rotate(20deg)}75%{transform:rotate(-10deg)}}@media screen and (min-width:576px) and (max-width:768px){.syndic-dashboard .dashboard-container{padding:var(--spacing-md) var(--spacing-sm)}.syndic-dashboard .action-card,.syndic-dashboard .welcome-section{padding:var(--spacing-lg)}}.category-badge.category-other{background:hsla(208,7%,46%,.1);border:1px solid hsla(208,7%,46%,.3);color:#6c757d}.category-badge{align-items:center;border-radius:var(--border-radius-xl);display:inline-flex;font-size:var(--font-small-size);font-weight:var(--font-weight-text-medium);gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm)}.category-badge .category-icon{font-size:1.1em}.category-badge.category-regulation{background:rgba(23,162,184,.1);border:1px solid rgba(23,162,184,.3);color:var(--color-info)}.category-badge.category-invoice{background:rgba(220,53,69,.1);border:1px solid rgba(220,53,69,.3);color:var(--color-danger)}.category-badge.category-quote{background:rgba(255,193,7,.1);border:1px solid rgba(255,193,7,.3);color:var(--color-warning)}.category-badge.category-meeting_report{background:rgba(111,66,193,.1);border:1px solid rgba(111,66,193,.3);color:var(--color-council)}.category-badge.category-other{background:rgba(var(--font-color-text-muted),.1);border:1px solid rgba(var(--font-color-text-muted),.3);color:var(--font-color-text-muted)}.file-info .file-link{align-items:center;color:var(--font-color-text);display:flex;gap:var(--spacing-xs);text-decoration:none;transition:all .3s ease}.file-info .file-link:hover{color:var(--color-primary)}.file-info .file-link:hover .file-icon{transform:scale(1.1)}.file-info .file-link .file-icon{font-size:1.1em;opacity:.7;transition:all .3s ease}.file-info .file-link .file-name{font-size:var(--font-small-size);font-weight:var(--font-weight-text-medium);max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media screen and (min-width:812px) and (max-width:1024px){.file-info .file-link .file-name{max-width:200px}}.file-size{background:var(--color-surface-secondary);border-radius:var(--border-radius-sm);color:var(--font-color-text-muted);font-size:var(--font-small-size);font-weight:var(--font-weight-text-medium);padding:var(--spacing-xs) var(--spacing-sm)}.action-btn.action-view{background:rgba(40,167,69,.1);border:1px solid rgba(40,167,69,.3)}.text-muted{color:var(--font-color-text-light);font-style:italic}.syndics-cards .syndic-card .card-header .category-badge{border-radius:var(--border-radius-md);padding:var(--spacing-xs)}.syndics-cards .syndic-card .card-header .category-badge .category-text{display:none}.syndics-cards .syndic-card .card-header .category-badge .category-icon{font-size:1.3em}.residence-type,.syndics-cards .syndic-card .card-footer .category-text{color:var(--font-color-text-muted);font-size:var(--font-small-size);font-weight:var(--font-weight-text-medium)}.lots-info .lots-badge{align-items:center;background:rgba(var(--color-primary),.1);border:1px solid rgba(var(--color-primary),.3);border-radius:var(--border-radius-xl);color:var(--color-primary);display:inline-flex;font-size:var(--font-small-size);font-weight:var(--font-weight-text-semibold);gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm)}.lots-info .lots-badge .lots-icon{font-size:1.1em}.lots-info .lots-badge .lots-number{font-weight:var(--font-weight-text-bold)}.lots-info .lots-badge .lots-label{font-size:var(--font-small-size);opacity:.8}.syndics-cards .syndic-card .card-footer .lots-badge{align-items:center;background:rgba(var(--color-primary),.1);border:1px solid rgba(var(--color-primary),.3);border-radius:var(--border-radius-xl);color:var(--color-primary);display:inline-flex;font-size:var(--font-small-size);font-weight:var(--font-weight-text-semibold);gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm)}.syndics-cards .syndic-card .card-footer .lots-badge .lots-icon{font-size:1.1em}.syndics-cards .syndic-card .card-footer .lots-badge .lots-number{font-weight:var(--font-weight-text-bold)}.syndics-cards .syndic-card .card-footer .lots-badge .lots-label{font-size:var(--font-small-size);opacity:.8}.info-note{background:rgba(var(--color-info),.1);border:1px solid rgba(var(--color-info),.2);border-radius:var(--border-radius-md);display:flex;gap:var(--spacing-md);margin-top:var(--spacing-lg);padding:var(--spacing-lg)}.info-note .info-icon{color:var(--color-info);flex-shrink:0;font-size:1.3em;margin-top:2px}.info-note .info-content{flex:1}.info-note .info-content strong{color:var(--color-info);display:block;font-size:var(--font-body-size);font-weight:var(--font-weight-text-semibold);margin-bottom:var(--spacing-xs)}.info-note .info-content p{color:var(--font-color-text);font-size:var(--font-small-size);line-height:var(--line-height-normal);margin:0}.form-input[type=number]{font-size:var(--font-header-six-size);font-weight:var(--font-weight-text-semibold);text-align:center}.form-input[type=number]:focus{text-align:left}.warning-note{background:rgba(var(--color-warning),.1);border:1px solid rgba(var(--color-warning),.2);border-radius:var(--border-radius-md);display:flex;gap:var(--spacing-md);margin-top:var(--spacing-lg);padding:var(--spacing-lg)}.warning-note .warning-icon{color:var(--color-warning);flex-shrink:0;font-size:1.3em;margin-top:2px}.warning-note .warning-content{flex:1}.warning-note .warning-content strong{color:var(--color-warning);display:block;font-size:var(--font-body-size);font-weight:var(--font-weight-text-semibold);margin-bottom:var(--spacing-xs)}.warning-note .warning-content p{color:var(--font-color-text);font-size:var(--font-small-size);line-height:var(--line-height-normal);margin:0}.company-card .lots-badge{align-items:center;background:rgba(var(--color-primary),.1);border:1px solid rgba(var(--color-primary),.3);border-radius:var(--border-radius-xl);color:var(--color-primary);display:inline-flex;font-size:var(--font-small-size);font-weight:var(--font-weight-text-semibold);gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm)}.company-card .lots-badge .lots-icon{font-size:1em}.company-card .lots-badge .lots-number{font-weight:var(--font-weight-text-bold)}.company-card .lots-badge .lots-label{font-size:var(--font-small-size);opacity:.8}.company-card .detail-value{line-height:var(--line-height-normal);word-break:break-word}.post-type-badge{align-items:center;border-radius:var(--border-radius-xl);display:inline-flex;font-size:var(--font-small-size);font-weight:var(--font-weight-text-medium);gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm)}.post-type-badge .type-icon{font-size:1.1em}.post-type-badge.post-type-announcement{background:rgba(var(--color-info),.1);border:1px solid rgba(var(--color-info),.3);color:var(--color-info)}.post-type-badge.post-type-work_update{background:rgba(var(--color-warning),.1);border:1px solid rgba(var(--color-warning),.3);color:var(--color-warning)}.post-type-badge.post-type-meeting{background:rgba(var(--color-council),.1);border:1px solid rgba(var(--color-council),.3);color:var(--color-council)}.post-type-badge.post-type-finance{background:rgba(var(--color-success),.1);border:1px solid rgba(var(--color-success),.3);color:var(--color-success)}.status-badge.status-pinned{background:rgba(var(--color-accent),.1);border:1px solid rgba(var(--color-accent),.3);color:var(--color-accent)}.status-badge.status-pinned .status-dot{background:var(--color-accent)}.status-badge.status-normal{background:rgba(var(--font-color-text-muted),.1);border:1px solid rgba(var(--font-color-text-muted),.3);color:var(--font-color-text-muted)}.status-badge.status-normal .status-dot{background:var(--font-color-text-muted)}.comments-info .comments-link{align-items:center;color:var(--color-primary);display:flex;font-weight:var(--font-weight-text-medium);gap:var(--spacing-xs);text-decoration:none;transition:all .3s ease}.comments-info .comments-link:hover{color:var(--color-primary-dark)}.comments-info .comments-link:hover .comments-icon{transform:scale(1.1)}.comments-info .comments-link .comments-icon{font-size:1.1em;transition:all .3s ease}.comments-info .comments-link .comments-count{font-size:var(--font-small-size);font-weight:var(--font-weight-text-semibold)}.comments-info .comments-empty{align-items:center;color:var(--font-color-text-muted);display:flex;gap:var(--spacing-xs)}.comments-info .comments-empty .comments-icon{font-size:1.1em;opacity:.7}.comments-info .comments-empty .comments-count{font-size:var(--font-small-size);font-weight:var(--font-weight-text-medium)}.syndics-table .row-pinned{background:rgba(var(--color-accent),.05);border-left:4px solid var(--color-accent)}.syndics-table .row-pinned:hover{background:rgba(var(--color-accent),.08)}.syndics-cards .card-pinned{background:rgba(var(--color-accent),.05);border-left:4px solid var(--color-accent)}.post-type-text{color:var(--font-color-text-muted);font-size:var(--font-small-size);font-weight:var(--font-weight-text-medium)}.syndics-cards .syndic-card .card-header .post-type-badge{border-radius:var(--border-radius-md);padding:var(--spacing-xs)}.syndics-cards .syndic-card .card-header .post-type-badge .type-text{display:none}.syndics-cards .syndic-card .card-header .post-type-badge .type-icon{font-size:1.3em}.pinned-indicator{color:var(--color-accent);font-size:.8em;margin-left:var(--spacing-sm)}.post-detail-layout{display:grid;gap:var(--spacing-xl);grid-template-columns:1fr}@media screen and (min-width:812px) and (max-width:1024px){.post-detail-layout{grid-template-columns:2fr 1fr}}.post-content .post-card{background:var(--color-surface);border-radius:var(--border-radius-lg);box-shadow:var(--box-shadow-sm);margin-bottom:var(--spacing-xl);overflow:hidden}.post-content .post-card .post-header{background:linear-gradient(135deg,var(--color-surface-secondary) 0,var(--color-surface) 100%);border-bottom:1px solid var(--color-border-light);padding:var(--spacing-xl)}.post-content .post-card .post-header .post-meta{display:flex;flex-direction:column;gap:var(--spacing-md)}@media screen and (min-width:812px) and (max-width:1024px){.post-content .post-card .post-header .post-meta{align-items:center;flex-direction:row;justify-content:space-between}}.post-content .post-card .post-header .post-meta .post-details{display:flex;flex-direction:column;gap:var(--spacing-sm)}@media screen and (min-width:812px) and (max-width:1024px){.post-content .post-card .post-header .post-meta .post-details{flex-direction:row;gap:var(--spacing-lg)}}.post-content .post-card .post-header .post-meta .post-details .post-date,.post-content .post-card .post-header .post-meta .post-details .post-residence,.post-content .post-card .post-header .post-meta .post-details .post-updated{align-items:center;color:var(--font-color-text-muted);display:flex;font-size:var(--font-small-size);gap:var(--spacing-xs)}.post-content .post-card .post-header .post-meta .post-details .post-date .detail-icon,.post-content .post-card .post-header .post-meta .post-details .post-residence .detail-icon,.post-content .post-card .post-header .post-meta .post-details .post-updated .detail-icon{font-size:1.1em}.post-content .post-card .post-header .post-meta .post-details .post-updated{color:var(--color-info);font-style:italic}.post-content .post-card .post-body{padding:var(--spacing-xl)}.post-content .post-card .post-body .post-text{color:var(--font-color-text);font-size:var(--font-body-size);line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-xl)}.post-documents{border-top:1px solid var(--color-border-light);padding-top:var(--spacing-lg)}.post-documents .documents-title{align-items:center;color:var(--font-color-title);display:flex;font-size:var(--font-header-five-size);font-weight:var(--font-weight-text-semibold);gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.post-documents .documents-title .title-icon{color:var(--color-info)}.post-documents .documents-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.post-documents .documents-list .document-item{align-items:center;background:var(--color-surface-secondary);border-radius:var(--border-radius-md);color:var(--font-color-text);display:flex;gap:var(--spacing-md);padding:var(--spacing-md);text-decoration:none;transition:all .3s ease}.post-documents .documents-list .document-item:hover{background:var(--color-hover);color:var(--color-primary)}.post-documents .documents-list .document-item:hover .document-download{transform:scale(1.1)}.post-documents .documents-list .document-item .document-icon{color:var(--color-info);flex-shrink:0;font-size:1.2em}.post-documents .documents-list .document-item .document-name{flex:1;font-size:var(--font-small-size);font-weight:var(--font-weight-text-medium)}.post-documents .documents-list .document-item .document-download{color:var(--color-success);font-size:1.1em;transition:all .3s ease}.comments-section{background:var(--color-surface);border-radius:var(--border-radius-lg);box-shadow:var(--box-shadow-sm);overflow:hidden}.comments-section .comments-header{background:linear-gradient(135deg,var(--color-surface-secondary) 0,var(--color-surface) 100%);border-bottom:1px solid var(--color-border-light);padding:var(--spacing-xl)}.comments-section .comments-header .comments-title{align-items:center;color:var(--font-color-title);display:flex;font-size:var(--font-header-three-size);font-weight:var(--font-weight-text-semibold);gap:var(--spacing-md);margin:0}.comments-section .comments-header .comments-title .title-icon{color:var(--color-primary)}.comments-section .comments-container{padding:var(--spacing-xl)}.comments-list{margin-bottom:var(--spacing-2xl)}.comments-list .comment-item{border:1px solid var(--color-border-light);border-radius:var(--border-radius-md);margin-bottom:var(--spacing-lg);padding:var(--spacing-lg)}.comments-list .comment-item:last-child{margin-bottom:0}.comments-list .comment-item .comment-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:var(--spacing-md)}@media screen and (min-width:576px) and (max-width:768px){.comments-list .comment-item .comment-header{flex-direction:column;gap:var(--spacing-sm)}}.comments-list .comment-item .comment-header .comment-author{align-items:center;display:flex;gap:var(--spacing-sm)}.comments-list .comment-item .comment-header .comment-author .author-avatar{align-items:center;background:var(--color-surface-secondary);border-radius:50%;display:flex;font-size:1.2em;height:32px;justify-content:center;width:32px}.comments-list .comment-item .comment-header .comment-author .author-name{color:var(--font-color-title);font-weight:var(--font-weight-text-semibold)}.comments-list .comment-item .comment-header .comment-author .author-role .role-badge{border-radius:var(--border-radius-xl);font-size:var(--font-small-size);font-weight:var(--font-weight-text-semibold);padding:var(--spacing-xs) var(--spacing-sm)}.comments-list .comment-item .comment-header .comment-author .author-role .role-badge.role-syndic{background:rgba(var(--color-primary),.1);border:1px solid rgba(var(--color-primary),.3);color:var(--color-primary)}.comments-list .comment-item .comment-header .comment-author .author-role .role-badge.role-council{background:rgba(var(--color-council),.1);border:1px solid rgba(var(--color-council),.3);color:var(--color-council)}.comments-list .comment-item .comment-header .comment-author .author-role .role-badge.role-resident{background:rgba(var(--color-success),.1);border:1px solid rgba(var(--color-success),.3);color:var(--color-success)}.comments-list .comment-item .comment-header .comment-date{align-items:center;color:var(--font-color-text-muted);display:flex;font-size:var(--font-small-size);gap:var(--spacing-xs)}.comments-list .comment-item .comment-header .comment-date .date-icon{font-size:1.1em}.comments-list .comment-item .comment-content{color:var(--font-color-text);font-size:var(--font-body-size);line-height:var(--line-height-normal)}.comments-empty{color:var(--font-color-text-muted);margin-bottom:var(--spacing-2xl);padding:var(--spacing-2xl);text-align:center}.comments-empty .empty-icon{font-size:3em;margin-bottom:var(--spacing-md);opacity:.5}.comments-empty .empty-text{font-size:var(--font-header-five-size);font-weight:var(--font-weight-text-medium);margin:0 0 var(--spacing-sm) 0}.comments-empty .empty-subtext{font-size:var(--font-small-size);opacity:.8}.comment-form-container{border-top:1px solid var(--color-border-light);padding-top:var(--spacing-xl)}.comment-form-container .form-title{align-items:center;color:var(--font-color-title);display:flex;font-size:var(--font-header-four-size);font-weight:var(--font-weight-text-semibold);gap:var(--spacing-sm);margin:0 0 var(--spacing-lg) 0}.comment-form-container .form-title .title-icon{color:var(--color-primary)}.comment-form-container .comment-form .form-group{margin-bottom:var(--spacing-lg)}.comment-form-container .comment-form .form-group .form-label{align-items:center;color:var(--font-color-title);display:flex;font-weight:var(--font-weight-text-medium);gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.comment-form-container .comment-form .form-group .form-label .label-icon{color:var(--color-primary)}.comment-form-container .comment-form .form-group .form-label .label-required{color:var(--color-danger)}.comment-form-container .comment-form .form-group .form-textarea{background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--border-radius-md);color:var(--font-color-text);font-family:var(--font-family-text);font-size:var(--font-body-size);padding:var(--spacing-md);resize:vertical;transition:all .3s ease;width:100%}.comment-form-container .comment-form .form-group .form-textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary),.1);outline:none}.comment-form-container .comment-form .form-group .form-textarea::-moz-placeholder{color:var(--font-color-text-light)}.comment-form-container .comment-form .form-group .form-textarea::placeholder{color:var(--font-color-text-light)}.comment-form-container .comment-form .form-group .form-help{align-items:center;color:var(--font-color-text-muted);display:flex;font-size:var(--font-small-size);gap:var(--spacing-xs);margin-top:var(--spacing-sm)}.comment-form-container .comment-form .form-group .form-help .help-icon{color:var(--color-info)}.post-sidebar{display:flex;flex-direction:column;gap:var(--spacing-lg)}.post-sidebar .stats-list .stat-item{align-items:center;border-bottom:1px solid var(--color-border-light);display:flex;gap:var(--spacing-md);padding:var(--spacing-md) 0}.post-sidebar .stats-list .stat-item:last-child{border-bottom:none}.post-sidebar .stats-list .stat-item .stat-icon{align-items:center;background:var(--color-surface-secondary);border-radius:var(--border-radius-md);display:flex;font-size:1.2em;height:32px;justify-content:center;width:32px}.post-sidebar .stats-list .stat-item .stat-value{color:var(--color-primary);font-size:var(--font-header-four-size);font-weight:var(--font-weight-text-bold);margin-right:var(--spacing-xs)}.post-sidebar .stats-list .stat-item .stat-label{color:var(--font-color-text-muted);font-size:var(--font-small-size);text-transform:lowercase}.post-sidebar .pinned-card{background:rgba(var(--color-accent),.1);border:1px solid rgba(var(--color-accent),.3);border-radius:var(--border-radius-lg);padding:var(--spacing-lg)}.post-sidebar .pinned-card .pinned-title{align-items:center;color:var(--color-accent);display:flex;font-size:var(--font-header-five-size);font-weight:var(--font-weight-text-semibold);gap:var(--spacing-sm);margin:0 0 var(--spacing-sm) 0}.post-sidebar .pinned-card .pinned-text{color:var(--font-color-text);font-size:var(--font-small-size);line-height:var(--line-height-normal);margin:0}.post-sidebar .action-card{background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--border-radius-lg);box-shadow:var(--box-shadow-sm);padding:var(--spacing-xl)}.post-sidebar .action-card .action-title{align-items:center;color:var(--font-color-title);display:flex;font-family:var(--font-family-title);font-size:var(--font-header-five-size);font-weight:var(--font-weight-text-semibold);gap:var(--spacing-sm);margin:0 0 var(--spacing-lg) 0}.post-sidebar .action-card .action-title .action-icon{font-size:1.1em;opacity:.8}.post-sidebar .action-card .action-buttons{display:flex;flex-direction:column;gap:var(--spacing-sm)}.post-sidebar .action-card .action-buttons .action-btn{align-items:center;background:var(--color-surface-secondary);border:1px solid var(--color-border-light);border-radius:var(--border-radius-md);color:var(--font-color-text);display:flex;font-size:var(--font-small-size);font-weight:var(--font-weight-text-medium);gap:var(--spacing-md);padding:var(--spacing-md);text-decoration:none;transition:all .3s ease;width:-moz-fit-content;width:fit-content}.post-sidebar .action-card .action-buttons .action-btn:hover{background:var(--color-primary);color:#fff;transform:translateX(2px)}.post-sidebar .action-card .action-buttons .action-btn.action-danger:hover{background:var(--color-danger);color:#fff}.post-sidebar .action-card .action-buttons .action-btn .action-btn-icon{flex-shrink:0;font-size:1.2em;opacity:.8}.post-sidebar .action-card .action-buttons .action-btn .action-btn-text{flex:1}.council-indicator{color:var(--color-council);font-size:.9em;margin-left:var(--spacing-xs)}.role-badge{align-items:center;border-radius:var(--border-radius-xl);display:inline-flex;font-size:var(--font-small-size);font-weight:var(--font-weight-text-medium);gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm)}.role-badge .role-icon{font-size:1.1em}.role-badge.role-owner{background:rgba(var(--color-primary),.1);border:1px solid rgba(var(--color-primary),.3);color:var(--color-primary)}.role-badge.role-tenant{background:rgba(var(--color-success),.1);border:1px solid rgba(var(--color-success),.3);color:var(--color-success)}.status-badge.status-council{background:rgba(var(--color-council),.1);border:1px solid rgba(var(--color-council),.3);color:var(--color-council)}.status-badge.status-council .status-dot{background:var(--color-council)}.location-info .residence-name{align-items:center;display:flex;font-weight:var(--font-weight-text-medium);gap:var(--spacing-xs);margin-bottom:var(--spacing-xs)}.location-info .residence-name .location-icon{color:var(--color-primary)}.location-info .apartment-number{color:var(--font-color-text-muted);font-size:var(--font-small-size);padding-left:var(--spacing-lg)}.syndics-table .row-council{background:rgba(var(--color-council),.05);border-left:4px solid var(--color-council)}.syndics-table .row-council:hover{background:rgba(var(--color-council),.08)}.syndics-cards .card-council{background:rgba(var(--color-council),.05);border-left:4px solid var(--color-council)}.syndics-cards .syndic-card .card-header .role-badge{border-radius:var(--border-radius-md);padding:var(--spacing-xs)}.syndics-cards .syndic-card .card-header .role-badge.role-owner,.syndics-cards .syndic-card .card-header .role-badge.role-tenant{font-size:1.3em;height:32px;justify-content:center;width:32px}.syndics-cards .syndic-card .card-footer .status-info{display:flex;flex-direction:column;gap:var(--spacing-xs)}.syndics-cards .syndic-card .card-footer .status-info .role-text{color:var(--font-color-text-muted);font-size:var(--font-small-size);font-weight:var(--font-weight-text-medium)}.syndics-cards .syndic-card .card-footer .status-info .council-badge{align-self:flex-start;background:rgba(var(--color-council),.1);border:1px solid rgba(var(--color-council),.3);border-radius:var(--border-radius-xl);color:var(--color-council);display:inline-block;font-size:var(--font-small-size);font-weight:var(--font-weight-text-semibold);padding:var(--spacing-xs) var(--spacing-sm)}.status-badge.status-expired{background:rgba(var(--color-warning),.1);border:1px solid rgba(var(--color-warning),.3);color:var(--color-warning)}.status-badge.status-expired .status-dot{background:var(--color-warning)}.date-info .date-expired{color:var(--color-danger)}.date-info .date-expired,.date-info .date-soon{font-size:var(--font-small-size);font-weight:var(--font-weight-text-semibold);margin-top:var(--spacing-xs)}.date-info .date-soon{color:var(--color-warning)}.date-unlimited{align-items:center;color:var(--font-color-text-muted);display:flex;gap:var(--spacing-xs)}.date-unlimited .unlimited-icon{color:var(--color-success);font-size:1.2em}.date-unlimited .unlimited-text{font-size:var(--font-small-size);font-weight:var(--font-weight-text-medium)}.responses-info .responses-count{align-items:center;display:flex;gap:var(--spacing-xs)}.responses-info .responses-count .responses-icon{color:var(--color-primary);font-size:1.1em}.responses-info .responses-count .responses-number{color:var(--color-primary);font-weight:var(--font-weight-text-bold)}.responses-info .responses-count .responses-label{color:var(--font-color-text-muted);font-size:var(--font-small-size)}.syndics-table .row-expired{background:rgba(var(--color-warning),.05);border-left:4px solid var(--color-warning)}.syndics-table .row-expired:hover{background:rgba(var(--color-warning),.08)}.syndics-cards .card-expired{background:rgba(var(--color-warning),.05);border-left:4px solid var(--color-warning)}.vote-status-indicator{align-items:center;background:var(--color-surface-secondary);border-radius:var(--border-radius-md);display:flex;font-size:1.3em;height:32px;justify-content:center;width:32px}.status-text{font-size:var(--font-small-size);font-weight:var(--font-weight-text-medium)}.status-text.status-active{color:var(--color-success)}.status-text.status-inactive{color:var(--color-danger)}.status-text.status-expired{color:var(--color-warning)}.action-btn.action-view{background:rgba(var(--color-success),.1);border:1px solid rgba(var(--color-success),.3);color:var(--color-success)}.action-btn.action-view:hover{background:var(--color-success);color:#fff;transform:translateY(-1px)}.next-step-info{background:rgba(var(--color-primary),.1);border:1px solid rgba(var(--color-primary),.2);border-radius:var(--border-radius-md);display:flex;gap:var(--spacing-md);margin-top:var(--spacing-xl);padding:var(--spacing-lg)}.next-step-info .next-step-icon{color:var(--color-primary);flex-shrink:0;font-size:1.3em;margin-top:2px}.next-step-info .next-step-content{flex:1}.next-step-info .next-step-content strong{color:var(--color-primary);display:block;font-size:var(--font-body-size);font-weight:var(--font-weight-text-semibold);margin-bottom:var(--spacing-xs)}.next-step-info .next-step-content p{color:var(--font-color-text);font-size:var(--font-small-size);line-height:var(--line-height-normal);margin:0}.vote-info{gap:var(--spacing-sm)}.vote-info .vote-label{color:var(--font-color-text-muted);font-size:var(--font-body-size)}.vote-info .vote-title{color:var(--color-primary);font-size:var(--font-body-size);font-weight:var(--font-weight-text-semibold)}.vote-summary{background:var(--color-surface-secondary);border:1px solid var(--color-border-light);border-radius:var(--border-radius-lg);padding:var(--spacing-lg)}.vote-summary .vote-question{color:var(--font-color-title);font-size:var(--font-header-five-size);font-weight:var(--font-weight-text-semibold);margin-bottom:var(--spacing-md)}.vote-summary .vote-description{color:var(--font-color-text);font-size:var(--font-body-size);line-height:var(--line-height-normal);margin-bottom:var(--spacing-lg)}.vote-summary .vote-meta{display:flex;flex-wrap:wrap;gap:var(--spacing-lg)}.vote-summary .vote-meta .meta-item{align-items:center;color:var(--font-color-text-muted);display:flex;font-size:var(--font-small-size);gap:var(--spacing-xs)}.vote-summary .vote-meta .meta-item .meta-icon{font-size:1.1em}.options-container{margin-bottom:var(--spacing-xl)}.options-container .option-group{margin-bottom:var(--spacing-lg)}.options-container .option-group:last-child{margin-bottom:0}.options-container .option-group .option-label{align-items:center;color:var(--font-color-title);display:flex;font-weight:var(--font-weight-text-medium);gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.options-container .option-group .option-label .option-number{align-items:center;background:var(--color-primary);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:var(--font-small-size);font-weight:var(--font-weight-text-bold);height:24px;justify-content:center;width:24px}.options-container .option-group .option-label .label-text{flex:1}.options-container .option-group .option-label .label-required{color:var(--color-danger);font-weight:var(--font-weight-text-bold)}.options-container .option-group .option-input-group{align-items:center;display:flex;gap:var(--spacing-sm)}.options-container .option-group .option-input-group .option-input{background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--border-radius-md);color:var(--font-color-text);flex:1;font-family:var(--font-family-text);font-size:var(--font-body-size);padding:var(--spacing-md);transition:all .3s ease;width:100%}.options-container .option-group .option-input-group .option-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary),.1);outline:none}.options-container .option-group .option-input-group .option-input::-moz-placeholder{color:var(--font-color-text-light)}.options-container .option-group .option-input-group .option-input::placeholder{color:var(--font-color-text-light)}.options-container .option-group .option-input-group .remove-option-btn{align-items:center;background:rgba(var(--color-danger),.1);border:1px solid rgba(var(--color-danger),.3);border-radius:var(--border-radius-md);color:var(--color-danger);cursor:pointer;display:flex;flex-shrink:0;height:40px;justify-content:center;transition:all .3s ease;width:40px}.options-container .option-group .option-input-group .remove-option-btn:hover{background:var(--color-danger);color:#fff;transform:scale(1.05)}.options-container .option-group .option-input-group .remove-option-btn .btn-icon{font-size:1.1em}.add-option-section{border-top:1px solid var(--color-border-light);padding-top:var(--spacing-lg);text-align:center}.add-option-section .form-help{color:var(--font-color-text-muted);display:block;font-size:var(--font-small-size);margin-top:var(--spacing-md)}.add-option-section .form-help .help-icon{color:var(--color-info)}.examples-list .example-group{margin-bottom:var(--spacing-lg)}.examples-list .example-group:last-child{margin-bottom:0}.examples-list .example-group .example-title{color:var(--font-color-title);display:block;font-size:var(--font-small-size);font-weight:var(--font-weight-text-semibold);margin-bottom:var(--spacing-sm)}.examples-list .example-group .example-options{list-style:none;margin:0;padding:0}.examples-list .example-group .example-options li{background:var(--color-surface-secondary);border-radius:var(--border-radius-sm);color:var(--font-color-text);font-size:var(--font-small-size);margin-bottom:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm)}.examples-list .example-group .example-options li:last-child{margin-bottom:0}.vote-info{align-items:center;display:flex;gap:var(--spacing-lg);margin-top:var(--spacing-sm)}.vote-info .vote-responses,.vote-info .vote-status .status-badge{font-size:var(--font-small-size)}.vote-info .vote-responses{color:var(--font-color-text-muted);font-weight:var(--font-weight-text-medium)}.current-options .option-item{background:var(--color-surface-secondary);border-radius:var(--border-radius-md);display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-md);padding:var(--spacing-lg)}.current-options .option-item:last-child{margin-bottom:0}.current-options .option-item .option-number{align-items:center;background:var(--color-primary);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:var(--font-small-size);font-weight:var(--font-weight-text-bold);height:32px;justify-content:center;width:32px}.current-options .option-item .option-content{flex:1}.current-options .option-item .option-content .option-text{color:var(--font-color-title);font-size:var(--font-body-size);font-weight:var(--font-weight-text-medium);margin-bottom:var(--spacing-xs)}.current-options .option-item .option-content .option-stats{align-items:center;color:var(--font-color-text-muted);display:flex;font-size:var(--font-small-size);gap:var(--spacing-xs)}.options-actions{border-top:1px solid var(--color-border-light);margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);text-align:center}.empty-options{color:var(--font-color-text-muted);padding:var(--spacing-2xl);text-align:center}.empty-options .empty-icon{font-size:3em;margin-bottom:var(--spacing-md);opacity:.5}.empty-options .empty-text{color:var(--font-color-title);font-size:var(--font-header-five-size);font-weight:var(--font-weight-text-medium);margin:0 0 var(--spacing-sm) 0}.empty-options .empty-subtext{font-size:var(--font-small-size);margin-bottom:var(--spacing-lg);opacity:.8}.vote-results-container{display:flex;flex-direction:column;gap:var(--spacing-lg)}.vote-result-item{background:var(--color-surface);border:2px solid var(--color-border-light);border-radius:var(--border-radius-lg);padding:var(--spacing-xl);position:relative;transition:all .3s ease}.vote-result-item:hover{border-color:var(--color-primary-light);box-shadow:var(--box-shadow-lg);transform:translateY(-2px)}.vote-result-item.result-winner{background:linear-gradient(135deg,rgba(var(--color-success),.05),var(--color-surface));border-color:var(--color-success)}.vote-result-item.result-winner:before{background:var(--color-success);border-radius:var(--border-radius-sm) 0 0 var(--border-radius-sm);content:"";height:100%;left:0;position:absolute;top:0;width:6px}.result-header{align-items:flex-start;display:flex;gap:var(--spacing-md);justify-content:space-between;margin-bottom:var(--spacing-lg)}@media screen and (min-width:576px) and (max-width:768px){.result-header{align-items:stretch;flex-direction:column;gap:var(--spacing-sm)}}.option-content{flex:1}.option-content .option-text{align-items:center;color:var(--font-color-title);display:flex;font-size:var(--font-header-five-size);font-weight:var(--font-weight-text-semibold);gap:var(--spacing-sm);line-height:var(--line-height-normal);margin:0}@media screen and (min-width:576px) and (max-width:768px){.option-content .option-text{align-items:flex-start;flex-direction:column;font-size:var(--font-header-six-size)}}.result-stats{align-items:center;display:flex;flex-shrink:0;gap:var(--spacing-md)}@media screen and (min-width:576px) and (max-width:768px){.result-stats{justify-content:space-between;width:100%}}.result-stats .vote-count{align-items:center;background:var(--color-surface-secondary);border:1px solid var(--color-border-light);border-radius:var(--border-radius-xl);color:var(--font-color-text);display:flex;font-size:var(--font-small-size);font-weight:var(--font-weight-text-medium);gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md)}.result-stats .percentage{color:var(--color-primary);font-size:var(--font-header-four-size);font-weight:var(--font-weight-text-bold)}@media screen and (min-width:576px) and (max-width:768px){.result-stats .percentage{font-size:var(--font-header-five-size)}}.progress-container{background:var(--color-surface-secondary);border:1px solid var(--color-border-light);border-radius:var(--border-radius-lg);height:16px;overflow:hidden;position:relative}@media screen and (min-width:576px) and (max-width:768px){.progress-container{height:12px}}.progress-bar,.progress-bar .progress-fill{height:100%;overflow:hidden;position:relative}.progress-bar .progress-fill{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light));border-radius:var(--border-radius-lg);transition:width 1.2s cubic-bezier(.4,0,.2,1)}.progress-bar .progress-fill:before{animation:progress-shine 2.5s infinite;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.3),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}@keyframes progress-shine{0%{left:-100%}50%{left:100%}to{left:100%}}.vote-result-item{animation:fade-in-up .6s ease forwards;opacity:0;transform:translateY(20px)}.vote-result-item:first-child{animation-delay:0s}.vote-result-item:nth-child(2){animation-delay:.1s}.vote-result-item:nth-child(3){animation-delay:.2s}.vote-result-item:nth-child(4){animation-delay:.3s}.vote-result-item:nth-child(5){animation-delay:.4s}.vote-result-item:nth-child(6){animation-delay:.5s}.vote-result-item:nth-child(7){animation-delay:.6s}.vote-result-item:nth-child(8){animation-delay:.7s}.vote-result-item:nth-child(9){animation-delay:.8s}.vote-result-item:nth-child(10){animation-delay:.9s}@keyframes fade-in-up{to{opacity:1;transform:translateY(0)}}.result-winner .percentage{color:var(--color-success)}.result-winner .vote-count{background:rgba(var(--color-success),.1);border-color:rgba(var(--color-success),.3);color:var(--color-success)}.result-winner .progress-fill{background:linear-gradient(135deg,var(--color-success),#34d399)}@media screen and (min-width:576px) and (max-width:768px){.vote-results-container{gap:var(--spacing-md)}.vote-result-item{padding:var(--spacing-lg)}.result-header{gap:var(--spacing-sm)}}.progress-bar[data-percentage] .progress-fill{width:0}.progress-bar.animate .progress-fill{width:var(--progress-width,0)}.vote-result-item.type-important .progress-fill{background:linear-gradient(135deg,var(--color-danger),#f56565)}.vote-result-item.type-important.result-winner .percentage{color:var(--color-danger)}.vote-result-item.type-financial .progress-fill{background:linear-gradient(135deg,var(--color-warning),#f6ad55)}.vote-result-item.type-financial.result-winner .percentage{color:var(--color-warning)}.vote-result-item.type-council .progress-fill{background:linear-gradient(135deg,var(--color-council),#a78bfa)}.vote-result-item.type-council.result-winner .percentage{color:var(--color-council)}.vote-result-item .priority-badge.priority-urgent{animation:pulse-urgent 2s infinite}.vote-result-item .priority-badge.priority-high{background:rgba(var(--color-warning),.1);border:1px solid rgba(var(--color-warning),.3);color:var(--color-warning)}.vote-result-item .priority-badge.priority-medium{background:rgba(var(--color-info),.1);border:1px solid rgba(var(--color-info),.3);color:var(--color-info)}.vote-result-item .priority-badge.priority-low{background:rgba(var(--color-success),.1);border:1px solid rgba(var(--color-success),.3);color:var(--color-success)}@keyframes pulse-urgent{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.vote-result-item .status-badge.status-reported{background:rgba(var(--color-warning),.1);border:1px solid rgba(var(--color-warning),.3);color:var(--color-warning)}.vote-result-item .status-badge.status-reported .status-dot{background:var(--color-warning)}.vote-result-item .status-badge.status-progress{background:rgba(var(--color-info),.1);border:1px solid rgba(var(--color-info),.3);color:var(--color-info)}.vote-result-item .status-badge.status-progress .status-dot{background:var(--color-info)}.vote-result-item .status-badge.status-resolved{background:rgba(var(--color-success),.1);border:1px solid rgba(var(--color-success),.3);color:var(--color-success)}.vote-result-item .status-badge.status-resolved .status-dot{background:var(--color-success)}.vote-result-item .status-badge.status-closed{background:rgba(var(--font-color-text-muted),.1);border:1px solid rgba(var(--font-color-text-muted),.3);color:var(--font-color-text-muted)}.vote-result-item .status-badge.status-closed .status-dot{background:var(--font-color-text-muted)}.vote-result-item .priority-urgent{color:var(--color-danger)}.vote-result-item .priority-high{color:var(--color-warning)}.vote-result-item .priority-medium{color:var(--color-info)}.vote-result-item .priority-low{color:var(--color-success)}.vote-result-item .syndics-table .row-urgent{background:rgba(var(--color-danger),.05);border-left:4px solid var(--color-danger)}.vote-result-item .syndics-table .row-urgent:hover{background:rgba(var(--color-danger),.08)}.vote-result-item .syndics-cards .card-urgent{background:rgba(var(--color-danger),.05);border-left:4px solid var(--color-danger)}@media screen and (min-width:576px) and (max-width:768px){.vote-result-item .status-section{align-items:center;flex-direction:row;gap:var(--spacing-sm)}}.vote-result-item .contact-info .contact-name{color:var(--font-color-title);font-weight:var(--font-weight-text-medium);margin-bottom:var(--spacing-xs)}.vote-result-item .syndics-cards .syndic-card .card-header .priority-badge{border-radius:var(--border-radius-md);font-size:1.1em;padding:var(--spacing-xs)}.vote-result-item .syndics-cards .syndic-card .card-footer .status-section{gap:var(--spacing-xs)}.vote-result-item .syndics-cards .syndic-card .card-footer .status-section .status-badge,.vote-result-item .syndics-cards .syndic-card .card-footer .status-section .visibility-badge{font-size:var(--font-small-size)}.vote-result-item .priority-badge{align-items:center;border-radius:var(--border-radius-xl);display:inline-flex;font-size:var(--font-small-size);font-weight:var(--font-weight-text-semibold);gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm)}.vote-result-item .priority-badge.priority-urgent{background:rgba(var(--color-danger),.1);border:1px solid rgba(var(--color-danger),.3);color:var(--color-danger)}.vote-result-item .visibility-badge{align-items:center;border-radius:var(--border-radius-xl);display:inline-flex;font-size:var(--font-small-size);font-weight:var(--font-weight-text-medium);gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm)}.vote-result-item .visibility-badge.public{background:rgba(var(--color-success),.1);border:1px solid rgba(var(--color-success),.3);color:var(--color-success)}.vote-result-item .visibility-badge.private{background:rgba(var(--font-color-text-muted),.1);border:1px solid rgba(var(--font-color-text-muted),.3);color:var(--font-color-text-muted)}.vote-result-item .status-section{align-items:flex-start;display:flex;flex-direction:column;gap:var(--spacing-xs)}.error-page{align-items:center;display:flex;justify-content:center;min-height:80vh;padding:var(--spacing-2xl) 0}.error-page .error-container{display:grid;gap:var(--spacing-2xl);grid-template-columns:1fr;max-width:800px;text-align:center;width:100%}@media screen and (min-width:812px) and (max-width:1024px){.error-page .error-container{gap:var(--spacing-3xl);grid-template-columns:1fr 1fr;text-align:left}}.error-visual{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:300px;position:relative}.error-visual .error-code{color:var(--color-primary);font-size:8rem;font-weight:var(--font-weight-text-bold);line-height:1;margin-bottom:var(--spacing-md);position:relative;text-shadow:0 4px 20px rgba(var(--color-primary),.3);z-index:2}@media screen and (min-width:576px) and (max-width:768px){.error-visual .error-code{font-size:6rem}}@media screen and (min-width:812px) and (max-width:1024px){.error-visual .error-code{font-size:10rem}}.error-visual .error-icon{animation:bounce 2s infinite;font-size:4rem;margin-bottom:var(--spacing-lg);opacity:.8;position:relative;z-index:2}@media screen and (min-width:812px) and (max-width:1024px){.error-visual .error-icon{font-size:5rem}}.error-visual .error-illustration{bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.error-visual .error-illustration .floating-element{animation:float 3s ease-in-out infinite;font-size:2rem;opacity:.3;position:absolute}.error-visual .error-illustration .floating-element:first-child{animation-delay:0s;left:10%;top:20%}.error-visual .error-illustration .floating-element:nth-child(2){animation-delay:1s;right:15%;top:60%}.error-visual .error-illustration .floating-element:nth-child(3){animation-delay:2s;bottom:20%;left:20%}.error-content{display:flex;flex-direction:column;gap:var(--spacing-lg);justify-content:center}.error-content .error-title{color:var(--font-color-title);font-family:var(--font-family-title);font-size:var(--font-header-two-size);font-weight:var(--font-weight-title);margin:0}@media screen and (min-width:812px) and (max-width:1024px){.error-content .error-title{font-size:var(--font-header-one-size)}}.error-content .error-message{color:var(--font-color-text);font-size:var(--font-header-five-size);font-weight:var(--font-weight-text-medium);line-height:var(--line-height-normal);margin:0}.error-content .error-description{color:var(--font-color-text-muted);font-size:var(--font-body-size);line-height:var(--line-height-relaxed);margin:0}.error-actions{display:flex;flex-direction:column;gap:var(--spacing-md);margin-top:var(--spacing-lg)}@media screen and (min-width:576px) and (max-width:768px){.error-actions{flex-direction:row;justify-content:center}}@media screen and (min-width:812px) and (max-width:1024px){.error-actions{justify-content:flex-start}}.error-actions .btn{align-items:center;border:2px solid transparent;border-radius:var(--border-radius-lg);cursor:pointer;display:inline-flex;font-size:var(--font-body-size);font-weight:var(--font-weight-text-semibold);gap:var(--spacing-sm);justify-content:center;padding:var(--spacing-md) var(--spacing-xl);text-decoration:none;transition:all .3s ease}.error-actions .btn .btn-icon{font-size:1.2em}.error-actions .btn.btn-primary{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light));color:#fff}.error-actions .btn.btn-primary:hover{background:linear-gradient(135deg,var(--color-primary-dark),var(--color-primary));box-shadow:0 8px 25px rgba(var(--color-primary),.3);transform:translateY(-2px)}.error-actions .btn.btn-secondary{background:var(--color-surface);border-color:var(--color-border);color:var(--font-color-text)}.error-actions .btn.btn-secondary:hover{background:var(--color-surface-secondary);border-color:var(--color-primary);box-shadow:var(--box-shadow-md);color:var(--color-primary);transform:translateY(-2px)}.error-404 .error-code{color:var(--color-info);text-shadow:0 4px 20px rgba(var(--color-info),.3)}.error-404 .error-visual:before{background:radial-gradient(circle,rgba(var(--color-info),.1),transparent);border-radius:50%;content:"";height:200px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:200px;z-index:0}.error-403 .error-code{color:var(--color-danger);text-shadow:0 4px 20px rgba(var(--color-danger),.3)}.error-403 .error-visual:before{background:radial-gradient(circle,rgba(var(--color-danger),.1),transparent);border-radius:50%;content:"";height:200px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:200px;z-index:0}.error-500 .error-code{color:var(--color-warning);text-shadow:0 4px 20px rgba(var(--color-warning),.3)}.error-500 .error-visual:before{background:radial-gradient(circle,rgba(var(--color-warning),.1),transparent);border-radius:50%;content:"";height:200px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:200px;z-index:0}.error-generic .error-code{color:var(--font-color-text-muted);text-shadow:0 4px 20px rgba(var(--font-color-text-muted),.3)}.error-debug{background:var(--color-surface-secondary);border:1px solid var(--color-border);border-radius:var(--border-radius-md);margin-top:var(--spacing-2xl);padding:var(--spacing-lg)}.error-debug details summary{color:var(--color-warning);cursor:pointer;font-weight:var(--font-weight-text-semibold);padding:var(--spacing-sm)}.error-debug details summary:hover{color:var(--color-warning-dark)}.error-debug details .debug-content{background:var(--color-surface);border-radius:var(--border-radius-sm);font-family:monospace;font-size:var(--font-small-size);margin-top:var(--spacing-sm);padding:var(--spacing-md)}.error-debug details .debug-content p{margin:var(--spacing-xs) 0}.error-debug details .debug-content p strong{color:var(--color-danger)}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}@keyframes float{0%,to{opacity:.3;transform:translateY(0) rotate(0deg)}50%{opacity:.1;transform:translateY(-20px) rotate(180deg)}}.error-page{animation:fadeInUp .8s ease-out}@media screen and (min-width:576px) and (max-width:768px){.error-page{padding:var(--spacing-xl) var(--spacing-md)}.error-page .error-container{gap:var(--spacing-xl)}.error-visual{min-height:200px}.error-visual .error-illustration .floating-element{font-size:1.5rem}.error-actions .btn{font-size:var(--font-small-size);padding:var(--spacing-sm) var(--spacing-lg)}}@media (prefers-color-scheme:dark){.error-page .error-code{text-shadow:0 4px 20px hsla(0,0%,100%,.1)}.error-page .floating-element{opacity:.2}}.warning-box{background:#fef3cd;border:1px solid #fde047;border-radius:8px;gap:12px;margin-top:16px;padding:16px}.warning-box--danger{background:#fef2f2;border-color:#fecaca;color:#991b1b}.warning-box--warning{background:#fef3cd;border-color:#fde047}.warning-box--info{background:#dbeafe;border-color:#93c5fd;color:#1e40af}.warning-box--success{background:#dcfce7;border-color:#86efac;color:#166534}.warning-icon{font-size:20px}.warning-text strong{font-weight:600;margin-bottom:4px}.warning-text p{font-size:14px;line-height:1.4}.warning-text p:not(:last-child){margin-bottom:8px}.warning-text ol,.warning-text ul{margin:8px 0 0;padding-left:20px}.warning-text ol li,.warning-text ul li{font-size:14px;margin-bottom:4px}.warning-box--small{padding:12px}.warning-box--small .warning-icon{font-size:16px}.warning-box--small .warning-text{font-size:13px}.warning-box--small .warning-text strong{font-size:14px}.warning-box--large{padding:20px}.warning-box--large .warning-icon{font-size:24px}.search-filters{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-xl);box-shadow:var(--box-shadow-md);margin-bottom:var(--spacing-lg);padding:var(--spacing-lg)}.search-container{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-lg)}.search-bar{flex:1;min-width:300px;position:relative}@media screen and (min-width:576px) and (max-width:768px){.search-bar{min-width:auto}}.search-input{background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--border-radius-lg);color:var(--font-color-text);font-family:var(--font-family-text);font-size:var(--font-body-size);padding:var(--spacing-md) 45px var(--spacing-md) var(--spacing-md);transition:border-color .2s ease;width:100%}.search-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-focus);outline:none}.search-input::-moz-placeholder{color:var(--font-color-text-light)}.search-input::placeholder{color:var(--font-color-text-light)}.search-icon{color:var(--font-color-text-light);font-size:var(--font-body-size);pointer-events:none;position:absolute;right:15px;top:50%;transform:translateY(-50%)}.filters-group{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-md)}@media screen and (min-width:576px) and (max-width:768px){.filters-group{justify-content:center}}.filter-select{background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--border-radius-md);color:var(--font-color-text);cursor:pointer;font-family:var(--font-family-text);font-size:var(--font-body-size);min-width:140px;padding:var(--spacing-md);transition:border-color .2s ease}.filter-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-focus);outline:none}.filter-select:hover{border-color:var(--color-border-light)}@media screen and (min-width:576px) and (max-width:768px){.filter-select{min-width:120px}}.filters-group .btn{white-space:nowrap}@media screen and (min-width:576px) and (max-width:768px){.filters-group .btn{justify-content:center;width:100%}}@media screen and (min-width:812px) and (max-width:1024px){.search-container{align-items:stretch;flex-direction:column;gap:var(--spacing-md)}.search-bar{min-width:auto}}@media screen and (min-width:769px) and (max-width:811px){.search-container{align-items:stretch;flex-direction:column;gap:var(--spacing-md)}.filters-group{justify-content:center}}@media screen and (min-width:576px) and (max-width:768px){.search-filters{margin-bottom:var(--spacing-md);padding:var(--spacing-md)}.search-container{align-items:stretch;flex-direction:column;gap:var(--spacing-md)}.filters-group{flex-direction:column;gap:var(--spacing-sm)}.filters-group .filter-select{min-width:auto;width:100%}.filters-group .btn{justify-content:center;width:100%}}.modal-content{background:var(--color-surface);border-radius:var(--border-radius-xl);box-shadow:var(--box-shadow-lg)}@media screen and (min-width:576px) and (max-width:768px){.modal-content{max-height:95vh;width:95%}}.modal-header{border-bottom:1px solid var(--color-border);padding:var(--spacing-lg) var(--spacing-lg) var(--spacing-md)}@media screen and (min-width:576px) and (max-width:768px){.modal-header{padding:var(--spacing-md) var(--spacing-md) var(--spacing-sm)}}.modal-header h3{color:var(--font-color-title);font-family:var(--font-family-title);font-size:var(--font-header-three-size);font-weight:var(--font-weight-title)}.modal-close{color:var(--font-color-text-muted);font-size:var(--spacing-lg);padding:var(--spacing-xs)}.modal-close:hover{color:var(--font-color-text)}.modal-body{padding:var(--spacing-lg)}@media screen and (min-width:576px) and (max-width:768px){.modal-body{padding:var(--spacing-md)}}.modal-body p{color:var(--font-color-text);font-family:var(--font-family-text);font-size:var(--font-body-size);line-height:var(--line-height-relaxed);margin:0 0 var(--spacing-md) 0}.modal-footer{border-top:1px solid var(--color-border);gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg) var(--spacing-lg)}@media screen and (min-width:576px) and (max-width:768px){.modal-footer{flex-direction:column;padding:var(--spacing-md)}.modal-footer .btn{width:100%}}.modal{animation:fadeIn .3s ease-out;background:rgba(0,0,0,.5);display:none;height:100%;left:0;position:fixed;top:0;width:100%;z-index:1000}.modal.show{display:block}.modal-content{animation:slideIn .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);left:50%;max-height:90vh;max-width:500px;overflow-y:auto;position:absolute;top:50%;transform:translate(-50%,-50%);width:90%}.modal-header{align-items:center;border-bottom:1px solid #e1e5e9;display:flex;justify-content:space-between;padding:20px 24px 16px}.modal-header h3{color:#111827;font-size:18px;font-weight:600;margin:0}.modal-close{background:none;border:none;color:#6b7280;cursor:pointer;font-size:24px;line-height:1;padding:4px;transition:color .2s ease}.modal-close:hover{color:#374151}.modal-body{padding:20px 24px}.modal-body p{color:#374151;line-height:1.6;margin:0 0 16px}.modal-body p:last-child{margin-bottom:0}.modal-footer{border-top:1px solid #e1e5e9;display:flex;gap:12px;justify-content:flex-end;padding:16px 24px 20px}.modal-footer .btn{min-width:100px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translate(-50%,-60%)}to{opacity:1;transform:translate(-50%,-50%)}}@media (max-width:480px){.modal-content{max-height:95vh;width:95%}.modal-body,.modal-footer,.modal-header{padding-left:16px;padding-right:16px}.modal-footer{flex-direction:column}.modal-footer .btn{width:100%}}.warning-box{background:rgba(255,193,7,.1);border:1px solid;border-color:var(--color-warning);border-radius:var(--border-radius-lg);color:#92400e;display:flex;font-family:var(--font-family-text);gap:var(--spacing-md);margin-top:var(--spacing-md);padding:var(--spacing-md)}.warning-box--danger{background:rgba(220,53,69,.1);border-color:var(--color-danger);color:var(--color-danger)}.warning-box--warning{background:rgba(255,193,7,.1);border-color:var(--color-warning);color:#92400e}.warning-box--info{background:rgba(23,162,184,.1);border-color:var(--color-info);color:var(--color-info)}.warning-box--success{background:rgba(40,167,69,.1);border-color:var(--color-success);color:var(--color-success)}.warning-icon{flex-shrink:0;font-size:var(--font-header-five-size);line-height:1}.warning-text{flex:1}.warning-text strong{display:block;font-size:var(--font-body-size);font-weight:var(--font-weight-text-semibold);margin-bottom:var(--spacing-xs)}.warning-text p{font-size:var(--font-body-size);line-height:var(--line-height-normal);margin:0}.warning-text p:not(:last-child){margin-bottom:var(--spacing-sm)}.warning-text ol,.warning-text ul{margin:var(--spacing-sm) 0 0 0;padding-left:var(--spacing-lg)}.warning-text ol li,.warning-text ul li{font-size:var(--font-body-size);margin-bottom:var(--spacing-xs)}.warning-box--small{padding:var(--spacing-md)}.warning-box--small .warning-icon{font-size:var(--font-body-size)}.warning-box--small .warning-text{font-size:var(--font-small-size)}.warning-box--small .warning-text strong{font-size:var(--font-body-size)}.warning-box--large{padding:var(--spacing-lg)}.warning-box--large .warning-icon{font-size:var(--font-header-three-size)}@media screen and (min-width:576px) and (max-width:768px){.warning-box{gap:var(--spacing-sm);padding:var(--spacing-sm)}.warning-box .warning-icon{font-size:var(--font-body-size)}.warning-box .warning-text p,.warning-box .warning-text strong{font-size:var(--font-small-size)}}.legal-page{background-color:var(--color-body);font-family:var(--font-family-text);min-height:100vh;padding:var(--spacing-xl) 0}.legal-page .legal-container{margin:0 auto;max-width:800px;padding:0 var(--spacing-md)}.legal-page .legal-header{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-xl);box-shadow:var(--box-shadow-md);margin-bottom:var(--spacing-xl);padding:var(--spacing-xl);text-align:center}.legal-page .legal-header h1{color:var(--color-primary);font-family:var(--font-family-title);font-size:var(--font-header-one-size);font-weight:var(--font-weight-title);line-height:var(--line-height-tight);margin:0 0 var(--spacing-sm) 0}.legal-page .legal-header p{color:var(--font-color-text-muted);font-size:var(--font-small-size);font-weight:var(--font-weight-text);margin:0}.legal-page .legal-content{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-xl);box-shadow:var(--box-shadow-md);margin-bottom:var(--spacing-xl);padding:var(--spacing-xl)}.legal-page .legal-content .legal-section{margin-bottom:var(--spacing-2xl)}.legal-page .legal-content .legal-section:last-child{margin-bottom:0}.legal-page .legal-content .legal-section h2{border-bottom:2px solid var(--color-primary);font-size:var(--font-header-three-size);margin:0 0 var(--spacing-md) 0;padding-bottom:var(--spacing-sm)}.legal-page .legal-content .legal-section h2,.legal-page .legal-content .legal-section h3{color:var(--font-color-title);font-family:var(--font-family-title);font-weight:var(--font-weight-text-semibold);line-height:var(--line-height-tight)}.legal-page .legal-content .legal-section h3{font-size:var(--font-header-four-size);margin:var(--spacing-lg) 0 var(--spacing-md) 0}.legal-page .legal-content .legal-section p{color:var(--font-color-text);font-size:var(--font-body-size);font-weight:var(--font-weight-text);line-height:var(--line-height-relaxed);margin:0 0 var(--spacing-md) 0}.legal-page .legal-content .legal-section p:last-child{margin-bottom:0}.legal-page .legal-content .legal-section ul{margin:0 0 var(--spacing-md) 0;padding-left:var(--spacing-lg)}.legal-page .legal-content .legal-section ul li{color:var(--font-color-text);font-size:var(--font-body-size);font-weight:var(--font-weight-text);line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-sm)}.legal-page .legal-content .legal-section ul li:last-child{margin-bottom:0}.legal-page .legal-content .legal-section ul li strong{color:var(--font-color-title);font-weight:var(--font-weight-text-semibold)}.legal-page .legal-content .legal-section a{color:var(--font-color-link);font-weight:var(--font-weight-text-medium);text-decoration:none;transition:color .2s ease}.legal-page .legal-content .legal-section a:hover{color:var(--font-color-link-hover);text-decoration:underline}.legal-page .legal-footer{padding:var(--spacing-md) 0;text-align:center}@media screen and (min-width:576px) and (max-width:768px){.legal-page{padding:var(--spacing-md) 0}.legal-page .legal-container{padding:0 var(--spacing-sm)}.legal-page .legal-header{margin-bottom:var(--spacing-lg);padding:var(--spacing-lg)}.legal-page .legal-header h1{font-size:var(--font-header-two-size)}.legal-page .legal-content{margin-bottom:var(--spacing-lg);padding:var(--spacing-lg)}.legal-page .legal-content .legal-section{margin-bottom:var(--spacing-xl)}.legal-page .legal-content .legal-section h2{font-size:var(--font-header-four-size)}.legal-page .legal-content .legal-section ul{padding-left:var(--spacing-md)}}@media screen and (min-width:769px) and (max-width:811px){.legal-page .legal-header h1{font-size:var(--font-header-two-size)}}@media screen and (min-width:812px) and (max-width:1024px){.legal-page .legal-header h1{font-size:var(--font-header-one-size)}}@media screen and (min-width:1025px){.legal-page .legal-header h1{font-size:var(--font-header-one-size)}}.legal-contact-info{background-color:var(--color-surface-secondary);border-left:4px solid var(--color-primary);border-radius:var(--border-radius-lg);margin:var(--spacing-md) 0;padding:var(--spacing-lg)}.legal-contact-info p{line-height:var(--line-height-relaxed);margin:0}.legal-contact-info strong{color:var(--font-color-title);display:block;font-weight:var(--font-weight-text-semibold);margin-bottom:var(--spacing-sm)}.legal-highlight{background-color:var(--color-surface-secondary);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);margin:var(--spacing-lg) 0;padding:var(--spacing-md) var(--spacing-lg)}.legal-highlight h3{color:var(--color-warning);font-weight:var(--font-weight-text-semibold);margin-top:0}.legal-highlight p{color:var(--font-color-text)}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font-size:100%;font:inherit;margin:0;padding:0;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{background-color:var(--color-body);color:var(--font-color-text);font-family:var(--font-family-text);font-size:var(--font-body-size);line-height:var(--line-height-normal);overflow-anchor:none;transition:background-color .3s ease,color .3s ease;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{scroll-behavior:smooth}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}a{color:var(--font-color-text);font-family:var(--font-family-text);font-size:var(--font-paragraph-size);text-decoration:none}*,:after,:before{box-sizing:border-box;margin:0;padding:0}.main-wrapper{margin:0 auto;max-width:1200px}.main-wrapper #flash-messages{display:flex;flex-direction:column;gap:.5rem;position:fixed;right:1rem;top:1rem;z-index:1050}.main-wrapper .flash-message{align-items:center;border-radius:6px;box-shadow:0 2px 6px rgba(0,0,0,.2);color:#fff;display:flex;font-weight:500;gap:.8rem;opacity:1;padding:.8rem 1.2rem;transition:opacity .5s ease}.main-wrapper .flash-message.success{background-color:var(--color-success)}.main-wrapper .flash-message.warning{background-color:var(--color-warning);color:#333}.main-wrapper .flash-message.danger{background-color:var(--color-danger)}.main-wrapper .flash-message .flash-close{background:none;border:none;color:inherit;cursor:pointer;font-size:1.2rem;line-height:1}.main-wrapper .flash-message.fade-out{opacity:0}.main-wrapper .homepage .hero{background:linear-gradient(135deg,var(--color-body) 0,var(--color-surface-secondary) 100%);padding:var(--spacing-2xl) 0}.main-wrapper .homepage .hero-container{align-items:center;display:grid;gap:var(--spacing-xl);grid-template-columns:1fr;margin:0 auto;max-width:1200px;padding:0 var(--spacing-md)}@media screen and (min-width:812px) and (max-width:1024px){.main-wrapper .homepage .hero-container{gap:var(--spacing-2xl);grid-template-columns:1fr 1fr}}@media screen and (min-width:1025px){.main-wrapper .homepage .hero-container{gap:var(--spacing-2xl);grid-template-columns:1fr 1fr}}.main-wrapper .homepage .hero-content{text-align:center}@media screen and (min-width:812px) and (max-width:1024px){.main-wrapper .homepage .hero-content{text-align:left}}@media screen and (min-width:1025px){.main-wrapper .homepage .hero-content{text-align:left}}.main-wrapper .homepage .hero-title{color:var(--font-color-title);font-size:var(--font-header-two-size);font-weight:var(--font-weight-text-bold);line-height:var(--line-height-tight);margin-bottom:var(--spacing-md)}@media screen and (min-width:812px) and (max-width:1024px){.main-wrapper .homepage .hero-title{font-size:var(--font-header-one-size)}}@media screen and (min-width:1025px){.main-wrapper .homepage .hero-title{font-size:var(--font-header-one-size)}}.main-wrapper .homepage .hero-title .highlight{color:var(--color-primary);position:relative}.main-wrapper .homepage .hero-title .highlight:after{background:var(--color-primary);border-radius:2px;bottom:-2px;content:"";height:3px;left:0;opacity:.3;position:absolute;width:100%}.main-wrapper .homepage .hero-description{color:var(--font-color-text-muted);font-size:var(--font-body-size);line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-xl);max-width:100%}@media screen and (min-width:812px) and (max-width:1024px){.main-wrapper .homepage .hero-description{font-size:clamp(1rem,1.5vw,1.125rem);max-width:90%}}@media screen and (min-width:1025px){.main-wrapper .homepage .hero-description{font-size:clamp(1rem,1.5vw,1.125rem);max-width:90%}}.main-wrapper .homepage .hero-buttons{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-md)}@media screen and (min-width:576px) and (max-width:768px){.main-wrapper .homepage .hero-buttons{flex-direction:row;justify-content:center}}@media screen and (min-width:812px) and (max-width:1024px){.main-wrapper .homepage .hero-buttons{justify-content:flex-start}}@media screen and (min-width:1025px){.main-wrapper .homepage .hero-buttons{justify-content:flex-start}}.main-wrapper .homepage .hero-visual{align-items:center;display:flex;justify-content:center}.main-wrapper .homepage .hero-visual .hero-image{max-width:400px;width:100%}@media screen and (min-width:812px) and (max-width:1024px){.main-wrapper .homepage .hero-visual .hero-image{max-width:500px}}@media screen and (min-width:1025px){.main-wrapper .homepage .hero-visual .hero-image{max-width:500px}}.main-wrapper .homepage .hero-visual .placeholder-image{border-radius:var(--border-radius-lg);height:auto;width:100%}.main-wrapper .homepage .features{background:var(--color-surface);padding:var(--spacing-2xl) 0}.main-wrapper .homepage .features-container{margin:0 auto;max-width:1200px;padding:0 var(--spacing-md)}.main-wrapper .homepage .features-grid{display:grid;gap:var(--spacing-lg);grid-template-columns:1fr;margin-top:var(--spacing-xl)}@media screen and (min-width:576px) and (max-width:768px){.main-wrapper .homepage .features-grid{grid-template-columns:repeat(2,1fr)}}@media screen and (min-width:812px) and (max-width:1024px){.main-wrapper .homepage .features-grid{gap:var(--spacing-xl);grid-template-columns:repeat(3,1fr)}}@media screen and (min-width:1025px){.main-wrapper .homepage .features-grid{gap:var(--spacing-xl);grid-template-columns:repeat(3,1fr)}}.main-wrapper .homepage .feature-card{background:var(--color-body);border:1px solid var(--color-border-light);border-radius:var(--border-radius-lg);box-shadow:var(--box-shadow-md);padding:var(--spacing-xl);text-align:center;transition:transform .3s ease,box-shadow .3s ease}.main-wrapper .homepage .feature-card:hover{box-shadow:var(--box-shadow-lg);transform:translateY(-5px)}.main-wrapper .homepage .feature-card .feature-icon{display:block;font-size:3rem;margin-bottom:var(--spacing-md)}.main-wrapper .homepage .feature-card .feature-title{color:var(--font-color-title);font-size:var(--font-header-five-size);font-weight:var(--font-weight-text-semibold);margin-bottom:var(--spacing-sm)}.main-wrapper .homepage .feature-card .feature-description{color:var(--font-color-text-muted);font-size:var(--font-small-size);line-height:var(--line-height-normal)}.main-wrapper .homepage .benefits{background:var(--color-surface-secondary);padding:var(--spacing-2xl) 0}.main-wrapper .homepage .benefits-container{margin:0 auto;max-width:1200px;padding:0 var(--spacing-md)}.main-wrapper .homepage .benefits-tabs{display:grid;gap:var(--spacing-lg);grid-template-columns:1fr;margin-top:var(--spacing-xl)}@media screen and (min-width:812px) and (max-width:1024px){.main-wrapper .homepage .benefits-tabs{gap:var(--spacing-xl);grid-template-columns:repeat(3,1fr)}}@media screen and (min-width:1025px){.main-wrapper .homepage .benefits-tabs{gap:var(--spacing-xl);grid-template-columns:repeat(3,1fr)}}.main-wrapper .homepage .benefit-section{background:var(--color-surface);border-radius:var(--border-radius-lg);box-shadow:var(--box-shadow-sm);padding:var(--spacing-xl)}.main-wrapper .homepage .benefit-section .benefit-title{margin-bottom:var(--spacing-lg);text-align:center}@media screen and (min-width:812px) and (max-width:1024px){.main-wrapper .homepage .benefit-section .benefit-title{text-align:left}}@media screen and (min-width:1025px){.main-wrapper .homepage .benefit-section .benefit-title{text-align:left}}.main-wrapper .homepage .benefit-section .benefit-list{list-style:none}.main-wrapper .homepage .benefit-section .benefit-list li{color:var(--font-color-text);font-size:var(--font-body-size);line-height:var(--line-height-normal);margin-bottom:var(--spacing-sm)}.main-wrapper .homepage .benefit-section .benefit-list li:last-child{margin-bottom:0}.main-wrapper .homepage .role-badge{border-radius:var(--border-radius-xl);color:#fff;display:inline-block;font-size:var(--font-small-size);font-weight:var(--font-weight-text-semibold);padding:var(--spacing-sm) var(--spacing-md)}.main-wrapper .homepage .role-badge.role-syndic{background:var(--color-syndic)}.main-wrapper .homepage .role-badge.role-owner{background:var(--color-primary)}.main-wrapper .homepage .role-badge.role-tenant{background:var(--color-secondary)}.main-wrapper .homepage .cta{background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-dark) 100%);color:#fff;padding:var(--spacing-2xl) 0;text-align:center}.main-wrapper .homepage .cta-container{margin:0 auto;max-width:1200px;padding:0 var(--spacing-md)}.main-wrapper .homepage .cta-title{color:#fff;font-size:var(--font-header-two-size);font-weight:var(--font-weight-text-bold);margin-bottom:var(--spacing-md)}.main-wrapper .homepage .cta-description{font-size:var(--font-body-size);margin-bottom:var(--spacing-xl);margin-left:auto;margin-right:auto;max-width:600px;opacity:.9}.main-wrapper .homepage .cta-buttons{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}@media screen and (min-width:576px) and (max-width:768px){.main-wrapper .homepage .cta-buttons{flex-direction:row;justify-content:center}}.main-wrapper .homepage .cta-note{font-size:var(--font-small-size);margin-top:var(--spacing-md);opacity:.8}.main-wrapper .homepage .stats{background:var(--color-surface);padding:var(--spacing-xl) 0}.main-wrapper .homepage .stats-container{margin:0 auto;max-width:1200px;padding:0 var(--spacing-md)}.main-wrapper .homepage .stats-grid{display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(2,1fr)}@media screen and (min-width:812px) and (max-width:1024px){.main-wrapper .homepage .stats-grid{grid-template-columns:repeat(4,1fr)}}@media screen and (min-width:1025px){.main-wrapper .homepage .stats-grid{grid-template-columns:repeat(4,1fr)}}.main-wrapper .homepage .stat-item{padding:var(--spacing-lg);text-align:center}.main-wrapper .homepage .stat-item .stat-number{color:var(--color-primary);font-size:var(--font-header-two-size);font-weight:var(--font-weight-text-bold);margin-bottom:var(--spacing-xs)}.main-wrapper .homepage .stat-item .stat-label{color:var(--font-color-text-muted);font-size:var(--font-small-size);font-weight:var(--font-weight-text-medium)}.main-wrapper .homepage .section-title{color:var(--font-color-title);font-size:var(--font-header-two-size);font-weight:var(--font-weight-text-bold);margin-bottom:var(--spacing-md);text-align:center}@media screen and (min-width:812px) and (max-width:1024px){.main-wrapper .homepage .section-title{font-size:var(--font-header-one-size)}}@media screen and (min-width:1025px){.main-wrapper .homepage .section-title{font-size:var(--font-header-one-size)}}.main-wrapper .btn{border:none;border-radius:var(--border-radius-md);cursor:pointer;display:inline-block;font-size:var(--font-button-size);font-weight:var(--font-weight-text-medium);padding:var(--spacing-md) var(--spacing-lg);text-align:center;text-decoration:none;transition:all .3s ease}.main-wrapper .btn-primary{background:var(--color-primary);color:#fff}.main-wrapper .btn-primary:hover{background:var(--color-primary-dark);transform:translateY(-2px)}.main-wrapper .btn-secondary{background:transparent;border:2px solid var(--color-primary);color:var(--color-primary)}.main-wrapper .btn-secondary:hover{background:var(--color-primary);color:#fff}.cta .main-wrapper .btn-secondary{border-color:#fff;color:#fff}.cta .main-wrapper .btn-secondary:hover{background:#fff;color:var(--color-primary)}.main-wrapper .btn-large{font-size:var(--font-body-size);padding:var(--spacing-lg) var(--spacing-xl)}.account-selection{max-width:700px}.accounts-container .section-title{align-items:center;color:var(--font-color-title);display:flex;font-family:var(--font-family-title);font-size:var(--font-header-four-size);font-weight:var(--font-weight-text-semibold);gap:var(--spacing-sm);margin:0 0 var(--spacing-lg) 0}.accounts-container .section-title .section-icon{font-size:1.1em;opacity:.8}.accounts-list{display:flex;flex-direction:column;gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.account-card{background:var(--color-surface);border:2px solid var(--color-border-light);border-radius:var(--border-radius-lg);color:var(--font-color-text);display:block;overflow:hidden;padding:var(--spacing-xl);position:relative;text-decoration:none;transition:all .3s ease}.account-card:before{background:var(--color-border);content:"";height:100%;left:0;position:absolute;top:0;transition:all .3s ease;width:4px}.account-card:hover{border-color:var(--color-primary);box-shadow:var(--box-shadow-lg);color:var(--font-color-text);text-decoration:none;transform:translateY(-2px)}.account-card:hover:before{background:var(--color-primary);width:6px}.account-card:hover .account-action{opacity:1;transform:translateX(0)}.account-card:focus{outline:2px solid var(--color-primary);outline-offset:2px}.account-header{align-items:center;display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.account-header .account-avatar{align-items:center;background:var(--color-surface-secondary);border:2px solid var(--color-border-light);border-radius:50%;display:flex;flex-shrink:0;font-size:1.5rem;height:50px;justify-content:center;width:50px}.account-header .account-info{flex:1}.account-header .account-info .account-name{color:var(--font-color-title);font-size:var(--font-header-five-size);font-weight:var(--font-weight-text-semibold);margin:0 0 var(--spacing-xs) 0}.account-header .account-info .account-email{color:var(--font-color-text-muted);font-size:var(--font-small-size);margin:0}.account-header .account-id .id-badge{background:var(--color-surface-secondary);border-radius:var(--border-radius-sm);color:var(--font-color-text-muted);font-size:var(--font-small-size);font-weight:var(--font-weight-text-medium);padding:var(--spacing-xs) var(--spacing-sm)}.account-details{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}@media screen and (min-width:576px) and (max-width:768px){.account-details{flex-direction:row;flex-wrap:wrap;gap:var(--spacing-lg)}}.account-details .detail-item{align-items:center;display:flex;gap:var(--spacing-sm)}.account-details .detail-item .detail-icon{color:var(--color-primary);flex-shrink:0;font-size:1.1em}.account-details .detail-item .detail-content{display:flex;flex-direction:column;gap:var(--spacing-xs)}@media screen and (min-width:576px) and (max-width:768px){.account-details .detail-item .detail-content{align-items:center;flex-direction:row;gap:var(--spacing-sm)}}.account-details .detail-item .detail-content strong{color:var(--font-color-title);font-size:var(--font-small-size);font-weight:var(--font-weight-text-semibold);letter-spacing:.5px;text-transform:uppercase}.account-details .detail-item .detail-content span{color:var(--font-color-text);font-size:var(--font-small-size)}.account-details .detail-item .detail-content span.role-badge{border-radius:var(--border-radius-sm);font-weight:var(--font-weight-text-medium);padding:var(--spacing-xs) var(--spacing-sm)}.account-details .detail-item .detail-content span.role-badge.role-owner{background:rgba(var(--color-primary),.1);color:var(--color-primary)}.account-details .detail-item .detail-content span.role-badge.role-tenant{background:rgba(var(--color-success),.1);color:var(--color-success)}.account-details .detail-item .detail-content span.role-badge.role-council{background:rgba(var(--color-council),.1);color:var(--color-council)}.account-action{align-items:center;background:var(--color-surface-secondary);border-radius:var(--border-radius-md);display:flex;justify-content:center;margin-top:var(--spacing-md);opacity:.7;padding:var(--spacing-sm);transform:translateX(10px);transition:all .3s ease}.account-action .select-text{align-items:center;color:var(--color-primary);display:flex;font-size:var(--font-small-size);font-weight:var(--font-weight-text-medium);gap:var(--spacing-xs)}.account-action .select-text i{font-size:1.1em;transition:transform .3s ease}.account-card{animation:fadeInUp .6s ease forwards;opacity:0;transform:translateY(20px)}.account-card:first-child{animation-delay:0s}.account-card:nth-child(2){animation-delay:.1s}.account-card:nth-child(3){animation-delay:.2s}.account-card:nth-child(4){animation-delay:.3s}.account-card:nth-child(5){animation-delay:.4s}.account-card:nth-child(6){animation-delay:.5s}.account-card:nth-child(7){animation-delay:.6s}.account-card:nth-child(8){animation-delay:.7s}.account-card:nth-child(9){animation-delay:.8s}.account-card:nth-child(10){animation-delay:.9s}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}@media screen and (min-width:576px) and (max-width:768px){.account-selection{max-width:100%}.account-card{padding:var(--spacing-lg)}.account-header{flex-direction:column;gap:var(--spacing-sm);text-align:center}.account-header .account-avatar{font-size:1.2rem;height:40px;width:40px}.account-header .account-info{text-align:center}.account-details .detail-item{justify-content:center}.account-details .detail-item .detail-content{text-align:center}}