@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";.app-navigation{width:240px;height:100vh;background-color:#fff;border-right:1px solid var(--color-gray-200);display:flex;flex-direction:column;padding:var(--space-6) var(--space-4);position:sticky;top:0;flex-shrink:0;z-index:100;transition:width .3s cubic-bezier(.4,0,.2,1),padding .3s cubic-bezier(.4,0,.2,1)}.nav-brand{display:flex;align-items:center;gap:var(--space-3);padding:0 var(--space-2);margin-bottom:var(--space-8);font-weight:700;font-size:15px;color:var(--color-gray-900);letter-spacing:-.03em}.nav-logo-svg{color:var(--color-accent);flex-shrink:0}.nav-brand-text{letter-spacing:-.02em}.nav-menu{display:flex;flex-direction:column;gap:6px;flex:1}.nav-link{display:flex;align-items:center;gap:var(--space-3);padding:8px 12px;border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:600;color:var(--color-gray-600);text-decoration:none;transition:all .15s ease;position:relative}.nav-link:hover{background-color:var(--color-gray-100);color:var(--color-gray-900)}.nav-link.active{background-color:var(--color-accent-light);color:var(--color-accent-dark)}.nav-link.active:after{content:"";position:absolute;left:0;top:25%;height:50%;width:3px;background-color:var(--color-accent);border-radius:0 4px 4px 0}.nav-icon{flex-shrink:0;transition:color .15s ease}.nav-link:hover .nav-icon{color:var(--color-gray-900)}.nav-link.active .nav-icon{color:var(--color-accent)}.nav-user{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding-top:var(--space-5);border-top:1px solid var(--color-gray-100);margin-top:var(--space-4)}.nav-user-info{display:flex;align-items:center;gap:var(--space-2);min-width:0;flex:1}.nav-user-avatar{width:32px;height:32px;border-radius:var(--radius-full);background-color:var(--color-primary-light);color:var(--color-primary);font-weight:700;font-size:13px;display:flex;align-items:center;justify-content:center;flex-shrink:0;border:1px solid var(--color-gray-200)}.nav-user-profile{display:flex;flex-direction:column;line-height:1.25;min-width:0}.nav-user-name{font-size:12px;font-weight:600;color:var(--color-gray-800);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-user-flat{font-size:10px;color:var(--color-gray-400);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-user-role{color:var(--color-accent);font-weight:600}.nav-logout-btn{background:transparent;border:none;padding:var(--space-2);border-radius:var(--radius-sm);color:var(--color-gray-400);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease;flex-shrink:0}.nav-logout-btn:hover{background-color:var(--color-danger-light);color:var(--color-danger)}@media(min-width:769px)and (max-width:1024px){.app-navigation{width:72px;padding:var(--space-6) var(--space-2);align-items:center}.nav-brand{justify-content:center;padding:0;margin-bottom:var(--space-8)}.nav-brand-text{display:none}.nav-menu{align-items:center;width:100%;gap:12px}.nav-link{justify-content:center;padding:0;width:42px;height:42px;border-radius:var(--radius-md)}.nav-link.active:after{display:none}.nav-label{display:none}.nav-user{flex-direction:column;align-items:center;width:100%;gap:var(--space-3)}.nav-user-info{justify-content:center}.nav-user-profile{display:none}.nav-logout-btn{padding:var(--space-2)}}@media(max-width:768px){.app-navigation{display:contents}.nav-brand{position:fixed;top:0;left:0;right:0;height:56px;background-color:#fff;border-bottom:1px solid var(--color-gray-200);display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-4);margin:0;z-index:100;box-shadow:var(--shadow-sm)}.nav-brand-text{font-size:var(--font-size-sm)}.nav-user{position:fixed;top:0;right:0;height:56px;border-top:none;margin-top:0;padding-top:0;display:flex;align-items:center;gap:var(--space-2);padding-right:var(--space-4);z-index:101}.nav-user-info{display:none}.nav-logout-btn{background-color:var(--color-gray-50);border:1px solid var(--color-gray-200);padding:6px}.nav-menu{position:fixed;bottom:0;left:0;right:0;height:56px;background-color:#fff;border-top:1px solid var(--color-gray-200);display:flex;flex-direction:row;justify-content:space-around;align-items:center;padding:0 var(--space-2);margin:0;z-index:100;box-shadow:0 -2px 10px #0f172a08;gap:0}.nav-link{flex:1;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:4px 0;font-size:10px;height:100%;border-radius:0;background:transparent!important}.nav-link.active{color:var(--color-accent)}.nav-link.active:after{display:none}.nav-icon{width:20px;height:20px}.nav-label{display:block;font-weight:500}}.nav-collapse-btn{background:transparent;border:none;color:var(--color-gray-400);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:4px;border-radius:var(--radius-sm);transition:all .15s ease;margin-left:auto;outline:none}.nav-collapse-btn:hover{background-color:var(--color-gray-100);color:var(--color-gray-800)}.sidebar-collapsed .nav-collapse-btn{margin-left:0;margin-top:var(--space-2)}@media(max-width:768px){.nav-collapse-btn{display:none!important}}@media(min-width:769px){.sidebar-collapsed .app-navigation{width:72px;padding:var(--space-6) var(--space-2);align-items:center}.sidebar-collapsed .nav-brand{justify-content:center;padding:0;margin-bottom:var(--space-8);flex-direction:column;gap:var(--space-2)}.sidebar-collapsed .nav-brand-text{display:none}.sidebar-collapsed .nav-menu{align-items:center;width:100%;gap:12px}.sidebar-collapsed .nav-link{justify-content:center;padding:0;width:42px;height:42px;border-radius:var(--radius-md)}.sidebar-collapsed .nav-link.active:after{display:none}.sidebar-collapsed .nav-label{display:none}.sidebar-collapsed .nav-user{flex-direction:column;align-items:center;width:100%;gap:var(--space-3);padding-top:var(--space-4)}.sidebar-collapsed .nav-user-info{justify-content:center;width:100%}.sidebar-collapsed .nav-user-profile{display:none}.sidebar-collapsed .nav-logout-btn{padding:var(--space-2)}}.auth-page{min-height:100vh;width:100vw;display:flex;align-items:center;justify-content:center;background-color:var(--color-gray-50);padding:var(--space-6)}.auth-card{width:100%;max-width:420px;background:#fff;border-radius:var(--radius-lg);border:1px solid var(--color-gray-200);box-shadow:var(--shadow-md);padding:var(--space-8);transition:box-shadow .2s ease,border-color .2s ease}.auth-card:hover{border-color:var(--color-gray-300);box-shadow:var(--shadow-lg)}.auth-header{text-align:center;margin-bottom:var(--space-6);display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.auth-logo-container{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:var(--radius-md);background-color:var(--color-accent-light);color:var(--color-accent);margin-bottom:var(--space-2);border:1px solid rgba(2,132,199,.15)}.auth-title{font-size:var(--font-size-xl);font-weight:700;color:var(--color-gray-900);margin-bottom:2px;letter-spacing:-.03em}.auth-subtitle{font-size:var(--font-size-xs);color:var(--color-gray-500);margin:0}.auth-form{display:flex;flex-direction:column;gap:var(--space-4)}.password-wrapper{position:relative}.password-wrapper .form-input{padding-right:3.5rem}.password-toggle{position:absolute;right:var(--space-2);top:50%;transform:translateY(-50%);background:transparent;border:none;color:var(--color-gray-400);font-size:11px;font-weight:600;font-family:var(--font-family);cursor:pointer;padding:4px var(--space-2);border-radius:var(--radius-sm);line-height:1;transition:all .15s ease;-webkit-user-select:none;user-select:none}.password-toggle:hover{color:var(--color-gray-900);background-color:var(--color-gray-50)}.auth-api-error{padding:var(--space-3) var(--space-4);background:var(--color-danger-light);border:1px solid rgba(220,38,38,.15);border-radius:var(--radius-sm);font-size:var(--font-size-xs);color:var(--color-danger);line-height:1.4;font-weight:500}.auth-submit{width:100%;margin-top:var(--space-2)}.auth-divider{border:none;border-top:1px solid var(--color-gray-200);margin:var(--space-6) 0 0 0}.auth-footer{text-align:center;margin-top:var(--space-5);font-size:var(--font-size-xs);color:var(--color-gray-500)}.auth-footer a{color:var(--color-accent);font-weight:600;text-decoration:none;transition:color .15s ease}.auth-footer a:hover{text-decoration:underline;color:var(--color-accent-dark)}@media(max-width:480px){.auth-page{padding:var(--space-4);background-color:#fff}.auth-card{padding:0;box-shadow:none;border:none;background:transparent}}.dashboard-workspace{display:flex;flex-direction:column;gap:var(--space-6)}.workspace-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-4);width:100%}.stat-card{background-color:#fff;border:1px solid var(--color-gray-200);border-radius:var(--radius-md);padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-2);transition:all .15s ease;position:relative;overflow:hidden}.stat-card:hover{border-color:var(--color-gray-300);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.stat-card-header{display:flex;justify-content:space-between;align-items:center}.stat-card-label{font-size:11px;font-weight:600;text-transform:uppercase;color:var(--color-gray-400);letter-spacing:.05em}.stat-card-icon{color:var(--color-gray-400);opacity:.8}.stat-card-icon.color-open{color:var(--color-status-open)}.stat-card-icon.color-progress{color:var(--color-status-in-progress)}.stat-card-icon.color-resolved{color:var(--color-status-resolved)}.stat-card-icon.color-danger{color:var(--color-danger)}.stat-card-value{font-size:26px;font-weight:700;color:var(--color-gray-900);line-height:1.1;letter-spacing:-.03em}.stat-card-subtext{font-size:11px;color:var(--color-gray-400)}.stat-card--primary{border-top:3px solid var(--color-accent)}.stat-card--open{border-top:3px solid var(--color-status-open)}.stat-card--in-progress{border-top:3px solid var(--color-status-in-progress)}.stat-card--resolved{border-top:3px solid var(--color-status-resolved)}.stat-card--danger{border-top:3px solid var(--color-danger)}.overdue-alert{display:flex;align-items:center;gap:var(--space-3);margin-bottom:0;font-size:var(--font-size-sm);font-weight:500}.workspace-layout{display:flex;gap:var(--space-6);align-items:flex-start;width:100%}.workspace-main{flex:1;min-width:0}.workspace-sidebar{width:320px;flex-shrink:0;display:flex;flex-direction:column;gap:var(--space-6)}.workspace-panel{background:#fff;border:1px solid var(--color-gray-200);border-radius:var(--radius-md);padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-5);box-shadow:var(--shadow-sm)}.panel-header{border-bottom:1px solid var(--color-gray-100);padding-bottom:var(--space-3);line-height:1.3}.panel-title{font-size:var(--font-size-base);font-weight:600;color:var(--color-gray-900);margin-bottom:2px;letter-spacing:-.01em}.panel-subtitle{font-size:var(--font-size-xs);color:var(--color-gray-400)}.panel-footer-actions{display:flex;justify-content:flex-start;padding-top:var(--space-4);border-top:1px solid var(--color-gray-100)}.panel-footer-actions .btn{width:100%;font-weight:600}.dashboard-list{display:flex;flex-direction:column;border:1px solid var(--color-gray-100);border-radius:var(--radius-sm);overflow:hidden}.dashboard-list-row{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);background-color:#fff;text-decoration:none;transition:all .15s ease;min-height:56px;border-bottom:1px solid var(--color-gray-100)}.dashboard-list-row:last-of-type{border-bottom:none}.dashboard-list-row:hover{background-color:var(--color-gray-50)}.row-main{display:flex;align-items:center;gap:var(--space-4);min-width:0;flex:1}.row-id{font-family:monospace;font-size:11px;color:var(--color-gray-500);background-color:var(--color-gray-100);padding:2px 6px;border-radius:var(--radius-sm);border:1px solid var(--color-gray-200);flex-shrink:0;font-weight:500}.row-text{display:flex;flex-direction:column;min-width:0;line-height:1.3}.row-title{font-size:var(--font-size-sm);font-weight:600;color:var(--color-gray-900);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row-sub{font-size:11px;color:var(--color-gray-400)}.row-meta{display:flex;align-items:center;gap:var(--space-3);flex-shrink:0}.row-chevron{color:var(--color-gray-300);transition:transform .15s ease,color .15s ease}.dashboard-list-row:hover .row-chevron{color:var(--color-gray-600);transform:translate(2px)}.panel-empty-state{text-align:center;padding:var(--space-10) var(--space-4);color:var(--color-gray-500);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2)}.panel-empty-icon-box{width:48px;height:48px;border-radius:var(--radius-full);background-color:var(--color-success-light);color:var(--color-success);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-2);border:1px solid rgba(22,163,74,.15)}.panel-empty-state h3{font-size:var(--font-size-base);color:var(--color-gray-800);font-weight:600;margin:0}.panel-empty-state p{font-size:var(--font-size-xs);color:var(--color-gray-400);margin:0;max-width:280px}.bulletin-list{display:flex;flex-direction:column;gap:var(--space-4)}.bulletin-row{display:flex;flex-direction:column;gap:var(--space-1);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-gray-100)}.bulletin-row:last-of-type{border-bottom:none;padding-bottom:0}.bulletin-header{display:flex;justify-content:space-between;align-items:center;gap:var(--space-2)}.bulletin-title{font-size:var(--font-size-sm);font-weight:600;color:var(--color-gray-800);display:flex;align-items:center;gap:var(--space-1.5);line-height:1.25}.bulletin-pin-svg{color:var(--color-accent);flex-shrink:0}.bulletin-date{font-size:10px;color:var(--color-gray-400);white-space:nowrap}.bulletin-summary{font-size:var(--font-size-xs);color:var(--color-gray-500);margin:0;line-height:1.5}.category-list{display:flex;flex-direction:column;gap:var(--space-4)}.category-row-v2{display:flex;flex-direction:column;gap:var(--space-1)}.category-row-info{display:flex;justify-content:space-between;align-items:center;font-size:var(--font-size-xs)}.category-label{color:var(--color-gray-700);font-weight:500}.category-badge{background-color:var(--color-gray-50);border:1px solid var(--color-gray-200);color:var(--color-gray-600);font-size:10px;padding:1px 6px;border-radius:var(--radius-sm);font-weight:600;font-family:monospace}.category-progress-track{width:100%;height:4px;background-color:var(--color-gray-100);border-radius:var(--radius-full);overflow:hidden}.category-progress-bar{height:100%;background-color:var(--color-accent);border-radius:var(--radius-full);transition:width .3s ease}@media(max-width:1024px){.workspace-layout{flex-direction:column}.workspace-sidebar{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6)}}@media(max-width:768px){.workspace-sidebar{grid-template-columns:1fr;gap:var(--space-4)}.dashboard-list-row{padding:var(--space-3) var(--space-2)}.row-meta{gap:var(--space-2)}.row-chevron{display:none}}.ai-insights-panel{border-left:4px solid var(--color-accent)!important;background-color:var(--color-gray-50)!important}.ai-insights-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--color-gray-200);padding-bottom:var(--space-3);margin-bottom:var(--space-4)}.ai-insights-title{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-md);font-weight:700;color:var(--color-gray-900)}.ai-insights-sparkle{color:var(--color-accent)}.ai-insights-timestamp{font-size:var(--font-size-xs);font-weight:500;color:var(--color-gray-400);margin-left:var(--space-3);border-left:1px solid var(--color-gray-200);padding-left:var(--space-3)}.ai-insights-refresh-btn{display:inline-flex;align-items:center;gap:4px}.ai-insights-body{font-size:var(--font-size-sm);color:var(--color-gray-700);line-height:1.5}.ai-insights-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-3)}.ai-insight-item{display:flex;gap:var(--space-2.5);align-items:flex-start}.ai-insight-dot{color:var(--color-accent);font-weight:700;font-size:16px;line-height:1}.ai-insight-text{flex:1}.ai-insights-loading{display:flex;flex-direction:column;gap:8px}.ai-insights-error{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-2);color:var(--color-danger)}.spin-animation{animation:spin 1s linear infinite}@media(max-width:1024px){.workspace-layout{flex-direction:column;align-items:stretch;gap:var(--space-6)}.workspace-sidebar{width:100%}}.complaint-list-row-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);background-color:#fff;text-decoration:none;transition:all .15s ease;min-height:64px;border-bottom:1px solid var(--color-gray-100)}.complaint-list-row-item:last-child{border-bottom:none}.complaint-list-row-item:hover{background-color:var(--color-gray-50)}.complaint-row-info{display:flex;align-items:center;gap:var(--space-4);min-width:0;flex:1}.complaint-row-mono-id{font-family:monospace;font-size:11px;font-weight:600;color:var(--color-gray-500);background-color:var(--color-gray-100);border:1px solid var(--color-gray-200);padding:2px 6px;border-radius:var(--radius-sm);flex-shrink:0}.complaint-row-text{display:flex;flex-direction:column;gap:2px;min-width:0}.complaint-row-title{font-size:var(--font-size-sm);font-weight:600;color:var(--color-gray-900);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;letter-spacing:-.01em;line-height:1.3}.complaint-row-subtitles{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-xs);color:var(--color-gray-500)}.bullet-separator{color:var(--color-gray-300);font-size:8px}.complaint-row-category{font-weight:500;color:var(--color-gray-600)}.complaint-row-resident{color:var(--color-gray-400);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.complaint-row-controls{display:flex;align-items:center;gap:var(--space-6);flex-shrink:0;margin-left:var(--space-4)}.complaint-row-badges{display:flex;align-items:center;gap:var(--space-2)}.complaint-row-date{font-size:var(--font-size-xs);color:var(--color-gray-400);min-width:80px;text-align:right;font-weight:500}.complaint-row-chevron{color:var(--color-gray-300);transition:transform .15s ease,color .15s ease;flex-shrink:0}.complaint-list-row-item:hover .complaint-row-chevron{color:var(--color-gray-600);transform:translate(2px)}@media(max-width:768px){.complaint-list-row-item{flex-direction:column;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);min-height:auto}.complaint-row-info{width:100%}.complaint-row-controls{width:100%;margin-left:0;justify-content:space-between;border-top:1px dashed var(--color-gray-100);padding-top:var(--space-3);gap:var(--space-2)}.complaint-row-date{text-align:right;min-width:auto}.complaint-row-chevron{display:none}}.complaints-board{display:flex;flex-direction:column;gap:var(--space-5)}.complaints-filters{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap;padding:var(--space-4) var(--space-5);background:#fff;border-radius:var(--radius-md);border:1px solid var(--color-gray-200);box-shadow:var(--shadow-sm)}.filters-group-row{display:flex;align-items:center;gap:var(--space-6);flex-wrap:wrap}.complaints-filter-group{display:flex;align-items:center;gap:var(--space-2.5)}.complaints-filter-label{font-size:11px;font-weight:600;color:var(--color-gray-400);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.complaints-filters .form-select,.complaints-filters .form-input{border:1px solid var(--color-gray-200);padding:6px 12px;font-size:var(--font-size-xs);color:var(--color-gray-700);background-color:var(--color-gray-50);border-radius:var(--radius-sm);width:auto;cursor:pointer;transition:all .15s ease;outline:none}.complaints-filters .form-select:focus,.complaints-filters .form-input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-light);background-color:#fff}.complaints-filter-clear{flex-shrink:0;font-weight:600}.complaints-count{font-size:var(--font-size-xs);color:var(--color-gray-500);font-weight:500;padding-left:var(--space-1);margin-bottom:calc(-1 * var(--space-2))}.complaints-list-container{display:flex;flex-direction:column;background-color:#fff;border:1px solid var(--color-gray-200);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-sm)}@media(max-width:768px){.complaints-filters{flex-direction:column;align-items:stretch;gap:var(--space-4);padding:var(--space-4)}.filters-group-row{flex-direction:column;align-items:stretch;gap:var(--space-3)}.complaints-filter-group{justify-content:space-between;gap:var(--space-2)}.complaints-filter-clear{width:100%}.complaints-filters .form-select,.complaints-filters .form-input{width:65%}}.ai-search-bar-container{display:flex;gap:var(--space-3);width:100%}.ai-search-input-wrapper{position:relative;flex:1;display:flex;align-items:center}.ai-search-sparkle-icon{position:absolute;left:14px;color:var(--color-accent);font-size:16px;pointer-events:none}.ai-search-input{width:100%!important;padding:12px 40px 12px 38px!important;font-size:var(--font-size-sm)!important;border-radius:var(--radius-md)!important;border:1px solid var(--color-gray-200)!important;background-color:#fff!important;box-shadow:var(--shadow-sm);outline:none;transition:all .2s ease}.ai-search-input:focus{border-color:var(--color-accent)!important;box-shadow:0 0 0 3px var(--color-accent-light)!important}.ai-search-clear-btn{position:absolute;right:12px;background:none;border:none;color:var(--color-gray-400);font-size:20px;cursor:pointer;padding:4px}.ai-search-clear-btn:hover{color:var(--color-gray-600)}.ai-search-submit-btn{padding:0 var(--space-6);border-radius:var(--radius-md);font-weight:600;display:flex;align-items:center;justify-content:center}.ai-search-error-alert{padding:var(--space-3) var(--space-4);font-size:var(--font-size-xs);border-radius:var(--radius-md)}@media(max-width:768px){.ai-search-bar-container{flex-direction:column;gap:var(--space-2)}.ai-search-submit-btn{width:100%;padding:10px 0}}.complaint-detail-workspace{display:flex;flex-direction:column;gap:var(--space-5)}.back-navigation-container{padding-left:var(--space-1);margin-bottom:calc(-1 * var(--space-3))}.complaint-back-link{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-xs);color:var(--color-gray-500);font-weight:600;text-decoration:none;transition:all .15s ease}.complaint-back-link:hover{color:var(--color-gray-900)}.complaint-back-link svg{transition:transform .15s ease}.complaint-back-link:hover svg{transform:translate(-2px)}.complaint-id-mono{font-family:monospace;font-size:11px;font-weight:600;color:var(--color-gray-500);background-color:var(--color-gray-100);border:1px solid var(--color-gray-200);padding:2px 8px;border-radius:var(--radius-sm)}.complaint-detail-text{font-size:var(--font-size-sm);color:var(--color-gray-700);line-height:1.6}.complaint-detail-layout{display:flex;gap:var(--space-6);align-items:flex-start;width:100%}.complaint-detail-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--space-6)}.complaint-detail-sidebar{width:320px;flex-shrink:0;display:flex;flex-direction:column;gap:var(--space-6)}.photo-gallery-frame{width:100%;border-radius:var(--radius-md);border:1px solid var(--color-gray-200);background-color:var(--color-gray-50);overflow:hidden;display:flex;justify-content:center;align-items:center;padding:var(--space-4);box-shadow:inset 0 2px 4px #0f172a05}.complaint-detail-photo{max-width:100%;max-height:380px;object-fit:contain;border-radius:var(--radius-sm);display:block;box-shadow:var(--shadow-md);border:1px solid var(--color-gray-200)}.metadata-list{display:flex;flex-direction:column;gap:var(--space-1)}.metadata-item{display:flex;flex-direction:column;gap:3px;padding:var(--space-2.5) 0;border-bottom:1px dashed var(--color-gray-150)}.metadata-item:last-child{border-bottom:none}.metadata-label{font-size:10px;font-weight:600;color:var(--color-gray-400);text-transform:uppercase;letter-spacing:.05em}.metadata-value{font-size:var(--font-size-xs);font-weight:600;color:var(--color-gray-800)}.complaint-history-timeline{display:flex;flex-direction:column;padding-left:var(--space-2)}.complaint-history-item{display:flex;gap:var(--space-4);position:relative;padding-bottom:var(--space-6)}.complaint-history-item:not(:last-child):after{content:"";position:absolute;left:3px;top:10px;bottom:0;width:1px;background:var(--color-gray-200)}.complaint-history-dot{width:8px;height:8px;border-radius:50%;background:var(--color-gray-300);flex-shrink:0;margin-top:6px;position:relative;z-index:1}.complaint-history-item:first-child .complaint-history-dot{background:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-light)}.complaint-history-content{flex:1;display:flex;flex-direction:column;gap:var(--space-1.5)}.complaint-history-transition{display:flex;align-items:center;gap:var(--space-2.5);flex-wrap:wrap}.complaint-history-arrow-svg{color:var(--color-gray-400);flex-shrink:0}.complaint-history-meta{font-size:11px;color:var(--color-gray-400);font-weight:500}.complaint-history-note{font-size:var(--font-size-xs);color:var(--color-gray-600);border-left:2px solid var(--color-accent);padding:var(--space-1) var(--space-3);margin:0;background-color:var(--color-gray-50);border-radius:0 var(--radius-sm) var(--radius-sm) 0;line-height:1.5}.complaint-history-item:last-child{padding-bottom:0}@media(max-width:1024px){.complaint-detail-layout{flex-direction:column;align-items:stretch}.complaint-detail-sidebar{width:100%;order:-1}}.ai-panel{border:1px solid #e0e7ff;border-left:3px solid #6366f1;border-radius:6px;background-color:#fafafa;overflow:hidden;margin-bottom:var(--space-2);animation:ai-slide-in .2s ease-out}@keyframes ai-slide-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.ai-panel-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:8px 12px;background:linear-gradient(90deg,#eef2ff,#fafafa);border-bottom:1px solid #e0e7ff}.ai-panel-title{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:700;color:#4338ca;text-transform:uppercase;letter-spacing:.06em}.ai-sparkle-icon{color:#6366f1;flex-shrink:0}.ai-panel-dismiss{display:flex;align-items:center;gap:4px;background:none;border:none;padding:2px 6px;border-radius:4px;font-size:11px;font-weight:500;font-family:var(--font-family);color:var(--color-gray-400);cursor:pointer;transition:all .15s ease}.ai-panel-dismiss:hover{background:#6366f114;color:#6366f1}.ai-loading-body{padding:14px 16px}.ai-loading-steps-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-2)}.ai-loading-step{display:flex;align-items:center;gap:8px;font-size:12px;transition:all .25s ease}.ai-loading-step-icon{font-weight:700;font-family:monospace;font-size:13px;width:14px;display:inline-flex;justify-content:center}.ai-loading-step--pending{color:var(--color-gray-300)}.ai-loading-step--active{color:#4f46e5;font-weight:600;animation:ai-step-pulse 1.5s infinite ease-in-out}.ai-loading-step--completed{color:var(--color-success);font-weight:500}@keyframes ai-step-pulse{0%,to{opacity:.7}50%{opacity:1}}.ai-error-body{padding:14px 16px;display:flex;flex-direction:column;gap:var(--space-3)}.ai-error-message-container{display:flex;align-items:flex-start;gap:8px}.ai-error-text{font-size:12px;line-height:1.4}.ai-error-title{color:var(--color-danger);font-weight:600;margin:0 0 2px}.ai-error-subtitle{color:var(--color-gray-500);margin:0}.ai-error-actions{display:flex;align-items:center;gap:var(--space-2)}.ai-continue-without-ai-btn{background:none;border:1px solid var(--color-gray-200);border-radius:5px;padding:var(--space-1) var(--space-3);font-size:12px;font-weight:500;font-family:var(--font-family);color:var(--color-gray-500);cursor:pointer;transition:all .15s ease}.ai-continue-without-ai-btn:hover{border-color:var(--color-gray-300);color:var(--color-gray-700);background:var(--color-gray-50)}.ai-retry-btn{background:none;border:1px solid var(--color-gray-200);border-radius:4px;padding:3px 10px;font-size:11px;font-weight:600;font-family:var(--font-family);color:var(--color-gray-600);cursor:pointer;transition:all .15s ease;white-space:nowrap;flex-shrink:0}.ai-retry-btn:hover{border-color:#6366f1;color:#6366f1;background:#6366f10d}.ai-result-body{padding:12px 14px;display:flex;flex-direction:column;gap:12px}.ai-suggestions-grid{display:flex;flex-direction:column;gap:8px}.ai-suggestion-row{display:flex;align-items:baseline;gap:var(--space-2);font-size:12px;line-height:1.4}.ai-suggestion-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--color-gray-400);min-width:110px;flex-shrink:0}.ai-suggestion-value{color:var(--color-gray-800);font-weight:500}.ai-suggestion-value--mono{font-family:monospace;font-size:11px;background:#eef2ff;color:#4338ca;padding:1px 6px;border-radius:3px;border:1px solid #c7d2fe;font-weight:600}.ai-suggestion-value--summary{color:var(--color-gray-600);font-style:italic;line-height:1.5}.ai-suggestion-value--reasoning{color:var(--color-gray-500);font-size:11px;line-height:1.5}.ai-confidence-box{padding:10px 12px;background:#fff;border:1px solid #e2e8f0;border-radius:6px;display:flex;flex-direction:column;gap:6px}.ai-confidence-header{display:flex;align-items:center;justify-content:space-between}.ai-confidence-title{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--color-gray-400)}.ai-confidence-rating-badge{font-size:10px;font-weight:700;padding:2px 8px;border-radius:12px;text-transform:uppercase;letter-spacing:.02em}.ai-confidence-rating-badge--high{background:#dcfce7;color:#15803d}.ai-confidence-rating-badge--medium{background:#fef9c3;color:#a16207}.ai-confidence-rating-badge--low{background:#fee2e2;color:#b91c1c}.ai-confidence-visual-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.ai-confidence-blocks{font-family:monospace;font-size:15px;line-height:1.2;letter-spacing:.08em}.ai-confidence-blocks--high{color:#22c55e}.ai-confidence-blocks--medium{color:#eab308}.ai-confidence-blocks--low{color:#ef4444}.ai-confidence-blocks-empty{color:#cbd5e1}.ai-confidence-percentage{font-size:13px;font-weight:700;color:var(--color-gray-700)}.ai-actions{display:flex;align-items:center;gap:var(--space-2);padding-top:var(--space-2);border-top:1px solid #e0e7ff}.ai-accept-btn{display:inline-flex;align-items:center;gap:5px;background:#6366f1;color:#fff;border:none;border-radius:5px;padding:5px 14px;font-size:12px;font-weight:600;font-family:var(--font-family);cursor:pointer;transition:all .15s ease}.ai-accept-btn:hover{background:#4f46e5;transform:translateY(-1px);box-shadow:0 2px 8px #6366f14d}.ai-accept-btn:active{transform:translateY(0);box-shadow:none}.ai-discard-btn{background:none;border:1px solid var(--color-gray-200);border-radius:5px;padding:5px 12px;font-size:12px;font-weight:500;font-family:var(--font-family);color:var(--color-gray-500);cursor:pointer;transition:all .15s ease}.ai-discard-btn:hover{border-color:var(--color-gray-300);color:var(--color-gray-700);background:var(--color-gray-50)}.ai-model-note{margin-left:auto;font-size:10px;color:var(--color-gray-300);font-style:italic}.dup-panel{border:1px solid #fde68a;border-left:3px solid #f59e0b;border-radius:6px;background-color:#fffbeb;overflow:hidden;margin-bottom:var(--space-2);animation:dup-slide-in .22s ease-out}@keyframes dup-slide-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.dup-checking{display:flex;align-items:center;gap:var(--space-3);padding:10px 14px}.dup-checking-dots{display:flex;gap:4px}.dup-checking-dots span{width:5px;height:5px;border-radius:50%;background:#f59e0b;animation:dup-dot-bounce 1.2s ease-in-out infinite}.dup-checking-dots span:nth-child(2){animation-delay:.2s}.dup-checking-dots span:nth-child(3){animation-delay:.4s}@keyframes dup-dot-bounce{0%,80%,to{opacity:.25;transform:scale(.85)}40%{opacity:1;transform:scale(1)}}.dup-checking-label{font-size:12px;font-weight:500;color:#92400e}.dup-panel-header{display:flex;align-items:center;justify-content:space-between;padding:8px 14px;background:linear-gradient(90deg,#fef3c7,#fffbeb);border-bottom:1px solid #fde68a}.dup-panel-title{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:700;color:#92400e;text-transform:uppercase;letter-spacing:.06em}.dup-warning-icon{color:#f59e0b;flex-shrink:0}.dup-count-badge{display:inline-flex;align-items:center;justify-content:center;background:#f59e0b;color:#fff;font-size:10px;font-weight:700;min-width:18px;height:18px;border-radius:9px;padding:0 5px}.dup-match-list{display:flex;flex-direction:column;gap:0}.dup-match-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid #fde68a;transition:background .12s ease}.dup-match-card:last-child{border-bottom:none}.dup-match-card:hover{background:#fef3c7}.dup-similarity-badge{display:flex;flex-direction:column;align-items:center;gap:3px;min-width:44px}.dup-similarity-pct{font-size:13px;font-weight:800;line-height:1;letter-spacing:-.02em}.dup-similarity-pct--high{color:#ef4444}.dup-similarity-pct--medium{color:#f59e0b}.dup-similarity-pct--low{color:#eab308}.dup-similarity-bar-track{width:36px;height:3px;background:#e5e7eb;border-radius:999px;overflow:hidden}.dup-similarity-bar-fill{height:100%;border-radius:999px;transition:width .4s ease}.dup-similarity-bar-fill--high{background:#ef4444}.dup-similarity-bar-fill--medium{background:#f59e0b}.dup-similarity-bar-fill--low{background:#eab308}.dup-match-info{display:flex;flex-direction:column;gap:4px;min-width:0}.dup-match-title{font-size:12px;font-weight:600;color:var(--color-gray-800);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dup-match-meta{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.dup-tag{display:inline-flex;align-items:center;font-size:10px;font-weight:600;padding:1px 6px;border-radius:3px;text-transform:uppercase;letter-spacing:.04em;border:1px solid transparent}.dup-tag--category{background:#e0e7ff;color:#4338ca;border-color:#c7d2fe}.dup-tag--open{background:#d1fae5;color:#065f46;border-color:#a7f3d0}.dup-tag--in-progress{background:#fef3c7;color:#92400e;border-color:#fde68a}.dup-match-reason{font-size:11px;color:var(--color-gray-500);font-style:italic;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dup-view-link{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:600;color:#4338ca;text-decoration:none;border:1px solid #c7d2fe;border-radius:4px;padding:3px 9px;background:#fff;white-space:nowrap;transition:all .14s ease;flex-shrink:0}.dup-view-link:hover{background:#eef2ff;border-color:#a5b4fc;color:#3730a3}.dup-actions{display:flex;align-items:center;gap:var(--space-2);padding:10px 14px;background:#fffbeb;border-top:1px solid #fde68a}.dup-continue-btn{display:inline-flex;align-items:center;gap:5px;background:var(--color-gray-800);color:#fff;border:none;border-radius:5px;padding:6px 14px;font-size:12px;font-weight:600;font-family:var(--font-family);cursor:pointer;transition:all .15s ease}.dup-continue-btn:hover{background:var(--color-gray-900);transform:translateY(-1px);box-shadow:0 2px 8px #00000026}.dup-continue-btn:active{transform:translateY(0);box-shadow:none}.dup-edit-btn{background:none;border:1px solid #fde68a;border-radius:5px;padding:6px 12px;font-size:12px;font-weight:500;font-family:var(--font-family);color:#92400e;cursor:pointer;transition:all .14s ease}.dup-edit-btn:hover{border-color:#f59e0b;background:#fef3c7}.dup-disclaimer{margin-left:auto;font-size:10px;color:var(--color-gray-400);font-style:italic}.dup-view-summary-btn{display:inline-flex;align-items:center;font-size:11px;font-weight:600;color:#4338ca;text-decoration:none;border:1px solid #c7d2fe;border-radius:4px;padding:4px 10px;background:#fff;white-space:nowrap;transition:all .14s ease;flex-shrink:0;cursor:pointer;font-family:var(--font-family)}.dup-view-summary-btn:hover{background:#eef2ff;border-color:#a5b4fc;color:#3730a3}.dup-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-4);animation:dup-fade-in .2s ease-out}@keyframes dup-fade-in{0%{opacity:0}to{opacity:1}}.dup-modal-content{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);width:100%;max-width:600px;max-height:90vh;overflow-y:auto;display:flex;flex-direction:column;animation:dup-scale-up .2s cubic-bezier(.16,1,.3,1);border:1px solid var(--color-gray-200)}@keyframes dup-scale-up{0%{transform:scale(.95) translateY(10px)}to{transform:scale(1) translateY(0)}}.dup-modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--color-gray-150);background-color:var(--color-gray-50)}.dup-modal-title{margin:0;font-size:1.1rem;font-weight:700;color:var(--color-gray-900)}.dup-modal-close{background:none;border:none;font-size:1.1rem;font-weight:500;color:var(--color-gray-500);cursor:pointer;padding:var(--space-1);border-radius:var(--radius-sm);transition:all .15s ease;line-height:1}.dup-modal-close:hover{background-color:var(--color-gray-100);color:var(--color-gray-900)}.dup-modal-body{padding:var(--space-6)}.dup-modal-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);margin-bottom:var(--space-6)}@media(max-width:500px){.dup-modal-grid{grid-template-columns:1fr}}.dup-modal-field{display:flex;flex-direction:column;gap:4px}.dup-modal-label{font-size:.75rem;font-weight:600;text-transform:uppercase;color:var(--color-gray-400);letter-spacing:.05em}.dup-modal-value{font-size:.9rem;color:var(--color-gray-800);font-weight:500}.dup-modal-priority{display:inline-flex;padding:2px 8px;font-size:.7rem;font-weight:700;border-radius:var(--radius-sm);text-transform:uppercase}.dup-modal-priority--high{background-color:#fee2e2;color:#ef4444}.dup-modal-priority--medium{background-color:#ffedd5;color:#ea580c}.dup-modal-priority--low{background-color:#f0fdf4;color:#16a34a}.dup-modal-divider{height:1px;background-color:var(--color-gray-100);margin:var(--space-4) 0 var(--space-6) 0}.dup-modal-summary-section{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-6)}.dup-modal-summary-text{font-size:.875rem;color:var(--color-gray-700);line-height:1.5;background:var(--color-gray-50);padding:var(--space-4);border-radius:var(--radius-md);border:1px solid var(--color-gray-150);margin:0;white-space:pre-wrap}.dup-modal-footer{display:flex;justify-content:space-between;align-items:center;margin-top:var(--space-4)}.dup-ownership-badge{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);font-size:.75rem;font-weight:600;border-radius:var(--radius-full)}.dup-ownership-badge--own{background-color:#d1fae5;color:#065f46;border:1px solid #a7f3d0}.dup-ownership-badge--anonymous{background-color:var(--color-gray-100);color:var(--color-gray-600);border:1px solid var(--color-gray-200)}.create-complaint-card{max-width:640px;margin:0 auto;width:100%}.complaint-form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}@media(max-width:600px){.complaint-form-row{grid-template-columns:1fr;gap:var(--space-2)}}.file-upload-input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.file-upload-label{display:inline-flex;align-items:center;gap:var(--space-2);padding:10px 16px;border:1px dashed var(--color-gray-300);border-radius:var(--radius-sm);font-size:var(--font-size-xs);color:var(--color-gray-600);cursor:pointer;transition:all .15s ease;-webkit-user-select:none;user-select:none;background-color:var(--color-gray-50)}.file-upload-label:hover{border-color:var(--color-accent);background-color:var(--color-accent-light);color:var(--color-accent-dark)}.file-selected{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:var(--radius-sm);font-size:var(--font-size-xs)}.file-selected-name{color:var(--color-gray-800);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-selected-size{color:var(--color-gray-400);font-size:11px;flex-shrink:0;font-weight:500}.file-clear-btn{background:none;border:none;color:var(--color-danger);font-size:11px;font-weight:600;font-family:var(--font-family);cursor:pointer;padding:2px 8px;border-radius:var(--radius-sm);flex-shrink:0;transition:all .15s ease}.file-clear-btn:hover{background-color:var(--color-danger-light)}.complaint-form-actions{display:flex;justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-6);padding-top:var(--space-5);border-top:1px solid var(--color-gray-200)}.complaint-success{max-width:500px;margin:var(--space-8) auto;text-align:center;padding:var(--space-10) var(--space-8);background:#fff;border:1px solid var(--color-gray-200);border-radius:var(--radius-md);box-shadow:var(--shadow-md);display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}.complaint-success-icon-box{width:64px;height:64px;border-radius:var(--radius-full);background-color:var(--color-success-light);color:var(--color-success);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-2);border:1px solid rgba(22,163,74,.15);box-shadow:var(--shadow-sm)}.complaint-success-title{font-size:var(--font-size-lg);font-weight:700;color:var(--color-gray-900);margin:0;letter-spacing:-.02em}.complaint-success-ref{font-size:var(--font-size-xs);color:var(--color-gray-500);margin:0}.complaint-success-ref code{font-family:monospace;background:var(--color-gray-100);padding:4px var(--space-2.5);border-radius:var(--radius-sm);color:var(--color-gray-800);border:1px solid var(--color-gray-200);font-weight:600;font-size:12px}.complaint-success-message{font-size:var(--font-size-sm);color:var(--color-gray-600);margin:0;line-height:1.6;max-width:380px;margin-bottom:var(--space-4)}.complaint-success-actions{display:flex;gap:var(--space-3);justify-content:center;flex-wrap:wrap;width:100%}.complaint-success-actions .btn{flex:1;min-width:160px}.ai-review-card{max-width:540px;margin:0 auto;padding:var(--space-8);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);background-color:#fff;box-shadow:var(--shadow-sm)}.ai-review-header{border-bottom:1px solid var(--color-gray-100);padding-bottom:var(--space-4);margin-bottom:var(--space-6)}.ai-review-title{display:flex;align-items:center;gap:8px;font-size:var(--font-size-md);font-weight:700;color:#4338ca}.ai-review-subtitle{font-size:var(--font-size-xs);color:var(--color-gray-500);margin:var(--space-1) 0 0 0}.ai-review-body{display:flex;flex-direction:column;gap:var(--space-5);margin-bottom:var(--space-8)}.ai-review-checklist{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-3)}.ai-review-item{display:flex;align-items:center;gap:var(--space-3);font-size:var(--font-size-sm);color:var(--color-gray-700)}.ai-review-check-icon{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background-color:#dcfce7;color:#16a34a;font-size:11px;font-weight:700}.ai-review-item-text{font-weight:500}.ai-review-resolution-box{padding:var(--space-4);background-color:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:var(--radius-sm);display:flex;flex-direction:column;gap:var(--space-1)}.ai-review-resolution-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--color-gray-400)}.ai-review-resolution-value{font-size:var(--font-size-sm);font-weight:600;color:var(--color-gray-800)}.ai-review-actions{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3);border-top:1px solid var(--color-gray-100);padding-top:var(--space-5)}.notices-list{display:flex;flex-direction:column;gap:var(--space-5);max-width:800px;margin:0 auto;width:100%}.notice-card{display:flex;flex-direction:column;gap:var(--space-4);background:#fff;border-radius:var(--radius-md);border:1px solid var(--color-gray-200);padding:var(--space-6);box-shadow:var(--shadow-sm);transition:all .15s ease}.notice-card:hover{border-color:var(--color-gray-300);box-shadow:var(--shadow-md)}.notice-card--pinned{border-left:3px solid var(--color-accent);background-color:#0284c705}.notice-pin-badge{display:inline-flex;align-items:center;gap:2px;font-size:10px;font-weight:700;color:var(--color-accent);background:var(--color-accent-light);padding:2px 8px;border-radius:4px;align-self:flex-start;text-transform:uppercase;letter-spacing:.04em;border:1px solid rgba(2,132,199,.15)}.notice-card-title{font-size:var(--font-size-base);font-weight:600;color:var(--color-gray-900);margin:0;line-height:1.35;letter-spacing:-.01em}.notice-card-content{font-size:var(--font-size-sm);color:var(--color-gray-700);line-height:1.6;white-space:pre-wrap;margin:0;flex:1}.notice-card-footer{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding-top:var(--space-4);border-top:1px solid var(--color-gray-100);flex-wrap:wrap}.notice-card-actions{display:flex;gap:var(--space-2);flex-wrap:wrap}.notice-inline-form{display:flex;flex-direction:column;gap:var(--space-4)}.notice-inline-form-actions{display:flex;justify-content:flex-end;gap:var(--space-2);border-top:1px solid var(--color-gray-100);padding-top:var(--space-3)}.notices-action-error{margin-bottom:var(--space-4);max-width:800px;margin-left:auto;margin-right:auto}.create-notice-card{max-width:640px;margin:0 auto;width:100%}.notice-form-actions{display:flex;justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-6);padding-top:var(--space-5);border-top:1px solid var(--color-gray-200)}.settings-page{max-width:800px;margin:0 auto}.settings-tabs{display:flex;gap:var(--space-2);margin-bottom:var(--space-4);border-bottom:1px solid var(--color-gray-200);padding-bottom:var(--space-2)}.settings-tab{padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-weight:500;color:var(--color-gray-600);text-decoration:none;transition:all .2s ease}.settings-tab:hover{background-color:var(--color-gray-100);color:var(--color-gray-900)}.settings-tab.active{background-color:var(--color-primary-light);color:var(--color-primary);font-weight:600}.settings-card{padding:var(--space-6)}.settings-section-title{font-size:1.25rem;font-weight:600;margin-bottom:var(--space-6);color:var(--color-gray-900);border-bottom:1px solid var(--color-gray-100);padding-bottom:var(--space-2)}.settings-form{display:flex;flex-direction:column;gap:var(--space-6)}.avatar-upload-container{display:flex;align-items:center;gap:var(--space-6);background:var(--color-gray-50);padding:var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--color-gray-100)}.avatar-preview-wrapper{position:relative;width:100px;height:100px;border-radius:50%;overflow:hidden;cursor:pointer;background-color:var(--color-primary-light);color:var(--color-primary);box-shadow:var(--shadow-sm);border:2px solid var(--color-gray-200);flex-shrink:0}.avatar-preview-image{width:100%;height:100%;object-fit:cover}.avatar-preview-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700}.avatar-hover-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#0009;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;opacity:0;transition:opacity .2s ease;gap:4px}.avatar-preview-wrapper:hover .avatar-hover-overlay{opacity:1}.avatar-upload-info{display:flex;flex-direction:column;gap:var(--space-1)}.avatar-upload-constraints{font-size:.75rem;color:var(--color-gray-500);margin:0}.settings-fields-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}@media(max-width:600px){.settings-fields-grid{grid-template-columns:1fr}.avatar-upload-container{flex-direction:column;align-items:center;text-align:center}}.read-only-badge{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);font-size:.75rem;font-weight:600;border-radius:var(--radius-full);background-color:var(--color-gray-100);color:var(--color-gray-700);border:1px solid var(--color-gray-200);width:fit-content}.read-only-value{padding:var(--space-2) var(--space-3);font-size:.875rem;background-color:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);color:var(--color-gray-600)}.settings-actions{display:flex;justify-content:flex-end;margin-top:var(--space-2)}.user-management-page{max-width:1000px;margin:0 auto}.user-management-card{padding:var(--space-6)}.user-management-actions-row{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);border-bottom:1px solid var(--color-gray-100);padding-bottom:var(--space-4);margin-bottom:var(--space-4)}.search-bar-wrapper{position:relative;width:320px}.search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--color-gray-400);pointer-events:none}.search-input{padding-left:36px!important;width:100%}@media(max-width:600px){.user-management-actions-row{flex-direction:column;align-items:flex-start}.search-bar-wrapper{width:100%}}.user-table{width:100%;border-collapse:collapse;text-align:left;font-size:.875rem}.user-table th{padding:var(--space-3) var(--space-4);border-bottom:2px solid var(--color-gray-200);color:var(--color-gray-500);font-weight:600;text-transform:uppercase;font-size:.75rem;letter-spacing:.05em}.user-table td{padding:var(--space-4);border-bottom:1px solid var(--color-gray-100);vertical-align:middle;color:var(--color-gray-700)}.user-row-self{background-color:var(--color-gray-50)}.user-info-cell{display:flex;align-items:center;gap:var(--space-3)}.user-avatar-cell{width:38px;height:38px;border-radius:50%;background-color:var(--color-primary-light);color:var(--color-primary);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.95rem;overflow:hidden;border:1px solid var(--color-gray-200)}.user-avatar-img{width:100%;height:100%;object-fit:cover}.user-name-email{display:flex;flex-direction:column;line-height:1.25}.user-cell-name{font-weight:600;color:var(--color-gray-900);display:flex;align-items:center;gap:var(--space-1)}.self-tag{font-size:.7rem;background-color:var(--color-primary-light);color:var(--color-primary);padding:1px 6px;border-radius:var(--radius-sm);font-weight:500}.user-cell-email{font-size:.75rem;color:var(--color-gray-500)}.user-cell-flat{font-weight:500}.role-badge{display:inline-flex;padding:2px 8px;font-size:.7rem;font-weight:700;border-radius:var(--radius-sm);text-transform:uppercase}.role-badge--admin{background-color:#fee2e2;color:#ef4444;border:1px solid #fecaca}.role-badge--resident{background-color:#e0f2fe;color:#0284c7;border:1px solid #bae6fd}.promote-btn{background-color:var(--color-primary);color:#fff}.demote-btn{color:var(--color-danger);border-color:var(--color-danger)}.demote-btn:hover:not(:disabled){background-color:#fee2e2;color:var(--color-danger)}.self-action-disclaimer{font-size:.75rem;color:var(--color-gray-400);font-style:italic;cursor:help}.loading-spinner-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-12);gap:var(--space-4);color:var(--color-gray-500)}.empty-state{text-align:center;padding:var(--space-12);color:var(--color-gray-500)}:root{--font-family: "Inter", system-ui, -apple-system, sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--color-primary: #0F172A;--color-primary-dark: #020617;--color-primary-light: #F1F5F9;--color-accent: #0284C7;--color-accent-dark: #0369A1;--color-accent-light: #E0F2FE;--color-success: #16A34A;--color-success-light: #F0FDF4;--color-warning: #D97706;--color-warning-light: #FEFBEB;--color-danger: #DC2626;--color-danger-light: #FEF2F2;--color-gray-50: #F8FAFC;--color-gray-100: #F1F5F9;--color-gray-200: #E2E8F0;--color-gray-300: #CBD5E1;--color-gray-400: #94A3B8;--color-gray-500: #64748B;--color-gray-600: #475569;--color-gray-700: #334155;--color-gray-800: #1E293B;--color-gray-900: #0F172A;--color-status-open: #DC2626;--color-status-open-bg: #FEF2F2;--color-status-in-progress: #D97706;--color-status-in-progress-bg: #FEFBEB;--color-status-resolved: #16A34A;--color-status-resolved-bg: #F0FDF4;--color-priority-low: #16A34A;--color-priority-low-bg: #F0FDF4;--color-priority-medium: #D97706;--color-priority-medium-bg: #FEFBEB;--color-priority-high: #DC2626;--color-priority-high-bg: #FEF2F2;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(15, 23, 42, .05);--shadow-md: 0 4px 6px -1px rgba(15, 23, 42, .05), 0 2px 4px -2px rgba(15, 23, 42, .05);--shadow-lg: 0 10px 15px -3px rgba(15, 23, 42, .05), 0 4px 6px -4px rgba(15, 23, 42, .05);--container-max-width: 1200px;--navbar-height: 56px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{font-family:var(--font-family);font-size:var(--font-size-sm);color:var(--color-gray-900);background-color:var(--color-gray-50);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.3;color:var(--color-gray-900);letter-spacing:-.02em}h1{font-size:var(--font-size-2xl)}h2{font-size:var(--font-size-lg)}h3{font-size:var(--font-size-base)}h4{font-size:var(--font-size-sm)}p{margin-bottom:var(--space-3);color:var(--color-gray-600)}p:last-child{margin-bottom:0}a{color:var(--color-accent);text-decoration:none;transition:all .15s ease}a:hover{color:var(--color-accent-dark)}img{max-width:100%;display:block}.app-layout{display:flex;min-height:100vh;width:100vw;overflow:hidden;background-color:var(--color-gray-50)}.container{max-width:var(--container-max-width);margin:0 auto;padding:0 var(--space-8);width:100%}.page{width:100%;max-width:var(--container-max-width);margin:0 auto;padding:var(--space-8) var(--space-8) var(--space-12) var(--space-8);display:flex;flex-direction:column;gap:var(--space-6)}.main-content{flex:1;overflow-y:auto;height:100vh;display:flex;flex-direction:column;background-color:var(--color-gray-50);position:relative}.card{background:#fff;border-radius:var(--radius-md);border:1px solid var(--color-gray-200);box-shadow:var(--shadow-sm);padding:var(--space-6);transition:all .15s ease}.card:hover{border-color:var(--color-gray-300);box-shadow:var(--shadow-md)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:7px 14px;border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:600;font-family:var(--font-family);cursor:pointer;border:1px solid transparent;transition:all .2s cubic-bezier(.16,1,.3,1);text-decoration:none;white-space:nowrap;line-height:1.3;outline:none;-webkit-user-select:none;user-select:none}.btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important;box-shadow:none!important}.btn:active:not(:disabled){transform:scale(.98)}.btn-primary{background-color:var(--color-accent);color:#fff;border-color:var(--color-accent);box-shadow:var(--shadow-sm)}.btn-primary:hover:not(:disabled){background-color:var(--color-accent-dark);border-color:var(--color-accent-dark);color:#fff!important}.btn-secondary{background-color:#fff;color:var(--color-gray-700);border-color:var(--color-gray-200);box-shadow:var(--shadow-sm)}.btn-secondary:hover:not(:disabled){background-color:var(--color-gray-50);border-color:var(--color-gray-300);color:var(--color-gray-900)!important}.btn-danger{background-color:var(--color-danger);color:#fff;border-color:var(--color-danger);box-shadow:var(--shadow-sm)}.btn-danger:hover:not(:disabled){background-color:#b91c1c;border-color:#b91c1c;color:#fff!important}.btn-sm{padding:4px 10px;font-size:11px}.btn-lg{padding:10px 18px;font-size:var(--font-size-sm);width:100%}.form-group{margin-bottom:var(--space-4);display:flex;flex-direction:column;gap:var(--space-1)}.form-label{display:block;font-size:var(--font-size-xs);font-weight:600;color:var(--color-gray-700);letter-spacing:-.01em}.form-input,.form-select,.form-textarea{width:100%;padding:8px 12px;border:1px solid var(--color-gray-200);border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-family:var(--font-family);color:var(--color-gray-900);background-color:#fff;transition:all .15s ease;outline:none;line-height:1.5}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-light)}.form-input.is-error,.form-select.is-error,.form-textarea.is-error{border-color:var(--color-danger)}.form-input.is-error:focus,.form-select.is-error:focus,.form-textarea.is-error:focus{box-shadow:0 0 0 3px var(--color-danger-light)}.form-textarea{min-height:110px;resize:vertical}.form-error{font-size:var(--font-size-xs);color:var(--color-danger);font-weight:500;margin-top:2px}.form-hint{font-size:var(--font-size-xs);color:var(--color-gray-400);margin-top:2px}.badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:600;white-space:nowrap;border:1px solid transparent;line-height:1.2;letter-spacing:.02em}.badge-open{background-color:var(--color-status-open-bg);color:var(--color-status-open);border-color:#dc262614}.badge-in-progress{background-color:var(--color-status-in-progress-bg);color:var(--color-status-in-progress);border-color:#d9770614}.badge-resolved{background-color:var(--color-status-resolved-bg);color:var(--color-status-resolved);border-color:#16a34a14}.badge-low{background-color:var(--color-priority-low-bg);color:var(--color-priority-low);border-color:#16a34a14}.badge-medium{background-color:var(--color-priority-medium-bg);color:var(--color-priority-medium);border-color:#d9770614}.badge-high{background-color:var(--color-priority-high-bg);color:var(--color-priority-high);border-color:#dc262614}.badge-danger{background-color:var(--color-danger-light);color:var(--color-danger);border-color:#dc26261f}.alert{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-radius:var(--radius-sm);font-size:var(--font-size-sm);margin-bottom:var(--space-4);border:1px solid transparent}.alert-error{background-color:var(--color-danger-light);color:var(--color-danger);border-color:#dc262626}.alert-success{background-color:var(--color-success-light);color:var(--color-success);border-color:#16a34a26}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:var(--space-4);font-size:var(--font-size-sm);color:var(--color-gray-500);background-color:var(--color-gray-50)}.empty-state{text-align:center;padding:var(--space-16) var(--space-8);color:var(--color-gray-500);border:1px dashed var(--color-gray-200);border-radius:var(--radius-md);background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2)}.empty-state h3{font-size:var(--font-size-base);color:var(--color-gray-800);font-weight:600;margin-top:var(--space-2)}.empty-state p{font-size:var(--font-size-sm);color:var(--color-gray-500);max-width:380px;margin-bottom:var(--space-4)}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-8);flex-wrap:wrap;gap:var(--space-4);border-bottom:1px solid var(--color-gray-200);padding-bottom:var(--space-5);width:100%}.page-header-title{display:flex;flex-direction:column;gap:2px}.page-header-title h1{font-size:var(--font-size-2xl);color:var(--color-gray-900)}.page-header-subtitle{font-size:var(--font-size-xs);color:var(--color-gray-500)}.divider{border:none;border-top:1px solid var(--color-gray-200);margin:var(--space-6) 0}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-6)}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6)}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-6)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.flex-wrap{flex-wrap:wrap}.flex-1{flex:1}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-muted{color:var(--color-gray-500)}.text-right{text-align:right}.font-medium{font-weight:500}.font-semibold{font-weight:600}.text-danger{color:var(--color-danger)}@media(max-width:768px){.app-layout{flex-direction:column}.container,.page{padding:var(--space-4)}.page{padding-top:calc(56px + var(--space-6));padding-bottom:calc(56px + var(--space-8))}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinner{display:inline-block;width:1.5rem;height:1.5rem;border:2px solid var(--color-gray-200);border-radius:50%;border-top-color:var(--color-accent);animation:spin .6s linear infinite}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:var(--space-3);font-size:var(--font-size-sm);color:var(--color-gray-500);background-color:var(--color-gray-50)}@keyframes skeleton-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0,#f1f5f9 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite;border-radius:var(--radius-sm);display:inline-block}.skeleton-title{width:180px;height:28px}.skeleton-subtitle{width:280px;height:16px;margin-top:6px}.skeleton-button{width:120px;height:36px}.skeleton-text-sm{width:100%;height:14px}.skeleton-text-xs{width:100%;height:11px}.skeleton-avatar{width:36px;height:36px;border-radius:50%}.skeleton-value{width:60px;height:24px}.skeleton-badge{width:70px;height:20px;border-radius:10px}