.button{display:inline-flex;align-items:center;justify-content:center;gap:.75rem;border:1px solid transparent;border-radius:10px;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:Avenir\ 85,sans-serif;text-decoration:none;white-space:nowrap;min-width:auto;position:relative;line-height:1}.button:disabled{opacity:.5;cursor:not-allowed}.button:focus{outline:2px solid #3b82f6;outline-offset:2px}.button.sm{padding:.5rem .75rem}.button.md,.button.sm{font-size:.875rem;line-height:1.25rem}.button.md{padding:0 1rem;height:38px}.button.lg{padding:.75rem 1.25rem;font-size:1rem;line-height:1.5rem}.button.iconOnly{gap:0;padding:0}.button.iconOnly.sm{width:36px;height:36px}.button.iconOnly.md{width:40px;height:40px}.button.iconOnly.lg{width:44px;height:44px}.button.fullWidth{width:100%}.button.primary{background:#2e2e2e;color:white;border-color:#2e2e2e}.button.primary:hover:not(:disabled){background:#404040;border-color:#404040}.button.secondary{background:#6b7280;color:white;border-color:#6b7280}.button.secondary:hover:not(:disabled){background:#4b5563;border-color:#4b5563}.button.outline{background:transparent;color:#374151;border-color:#d1d5db}.button.outline:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af}.button.danger{background:#ef4444;color:white;border-color:#ef4444}.button.danger:hover:not(:disabled){background:#dc2626;border-color:#dc2626}.button.ghost{background:transparent;color:#6b7280;border-color:transparent}.button.ghost:hover:not(:disabled){background:#f3f4f6;color:#374151}.button.action{background:none;color:#6b7280;border-color:#d1d5db}.button.action:hover:not(:disabled){background-color:#f3f4f6;border-color:#9ca3af;color:#374151}.loadingSpinner{display:flex;align-items:center;justify-content:center}.loadingSpinner svg{animation:spin 1s linear infinite}.icon{justify-content:center;flex-shrink:0}.content,.icon{display:inline-flex;align-items:center;line-height:1}@media (max-width:640px){.button.sm{padding:.375rem .625rem;font-size:.8125rem}.button.md{padding:.5rem .875rem;font-size:.8125rem}.button.lg{padding:.625rem 1rem;font-size:.9375rem}}.container{flex-direction:column;gap:.5rem}.container.fullWidth{width:100%}.label{font-family:Avenir LT Std,sans-serif;font-size:.875rem;margin:0}.required{color:#dc2626;margin-left:.25rem}.inputWrapper{display:flex;align-items:center}.input{padding:.75rem 1rem;border:1px solid #e5e7eb;font-size:.875rem;font-family:Avenir LT Std,sans-serif;font-weight:400;color:#111827;cursor:pointer}.input::placeholder{color:#9ca3af;font-family:Avenir LT Std,sans-serif;font-weight:400}.hasLeftIcon{padding-left:2.5rem}.hasRightIcon{padding-right:2.5rem}.leftIcon,.rightIcon{position:absolute;display:flex;align-items:center;justify-content:center;color:#6b7280;z-index:1}.leftIcon{left:.75rem}.rightIcon{right:.75rem}.small{padding:.5rem .75rem;font-size:.75rem;height:32px}.medium{padding:.75rem 1rem;font-size:.875rem;height:38px}.large{padding:1rem 1.25rem;font-size:1rem;height:44px}.fullWidth{width:100%}.hasError,.hasError:focus{border-color:#dc2626}.hasError:focus{box-shadow:0 0 0 3px rgba(220,38,101,.1)}.helperText{color:#6b7280}.errorText,.helperText{font-family:Avenir LT Std,sans-serif;font-size:.75rem;margin:0;line-height:1.4}.errorText{color:#dc2626}@media (max-width:768px){.input{font-size:1rem}.small{height:28px;padding:.375rem .5rem}.medium{height:36px;padding:.625rem .875rem}.large{height:40px;padding:.875rem 1rem}}.overlay{inset:0;z-index:50;padding:1rem}.backdrop{position:absolute;inset:0;background-color:rgba(0,0,0,.5);transition:opacity .2s ease-in-out}.dialog{position:relative;background-color:white;border-radius:.5rem;width:100%;max-height:calc(100vh - 2rem);overflow:hidden;display:flex;flex-direction:column;outline:none}.sm{max-width:28rem}.md{max-width:32rem}.lg{max-width:48rem}.xl{max-width:64rem}.header{padding:1.5rem;flex-shrink:0}.title{font-size:1.25rem}.closeButton{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border:none;background:none;color:#9ca3af;border-radius:.25rem;cursor:pointer;transition:color .2s ease-in-out}.closeButton:hover{color:#6b7280}.closeButton:focus{outline:2px solid #3b82f6;outline-offset:2px}.content{padding:1.5rem;overflow-y:auto}.actions{gap:.75rem;padding:1.5rem;background-color:#f9fafb;flex-shrink:0}@media (max-width:640px){.overlay{padding:.5rem}.dialog{max-height:calc(100vh - 1rem)}.actions,.content,.header{padding:1rem}.actions{flex-direction:column-reverse;gap:.5rem}.actions>*{width:100%}}.dialog{animation:dialogEnter .2s ease-out}@keyframes dialogEnter{0%{opacity:0;transform:scale(.95) translateY(-1rem)}to{opacity:1;transform:scale(1) translateY(0)}}.dialog:focus{outline:none}@media (prefers-contrast:high){.dialog{border:2px solid}.header{border-bottom-width:2px}.actions{border-top-width:2px}}.form{display:flex;flex-direction:column}.form.fullWidth{width:100%}.vertical{flex-direction:column}.horizontal{flex-direction:row;align-items:flex-end;gap:1rem}.inline{flex-direction:row;align-items:center}.gapSm,.inline{gap:.5rem}.gapMd{gap:1rem}.gapLg{gap:1.5rem}@media (max-width:768px){.horizontal,.inline{flex-direction:column;align-items:stretch}}.input{padding:.75rem;border-radius:6px;transition:all .2s ease;background:white}.input:disabled{background:#f9fafb;color:#9ca3af}.select{padding:.75rem;border-radius:6px;transition:all .2s ease;background:white}.select:disabled{background:#f9fafb;color:#9ca3af}.textarea{padding:.75rem;border:1px solid #d1d5db;border-radius:6px;font-size:14px;font-family:Avenir\ 85,sans-serif;transition:all .2s ease;width:100%;background:white;color:#374151;resize:vertical;min-height:100px}.textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1)}.textarea:disabled{background:#f9fafb;color:#9ca3af;cursor:not-allowed}.textarea.error{border-color:#ef4444}.textarea.error:focus{box-shadow:0 0 0 3px rgba(239,68,68,.1)}.tabNavigation{background-color:white;border:1px solid #e5e7eb;border-radius:8px;margin:1rem 0;padding:4px;box-shadow:0 1px 3px rgba(0,0,0,.1)}.tab{gap:8px;padding:12px 20px;color:#6b7280;font-size:14px;font-family:Avenir\ 85,sans-serif;transition:all .2s;border-radius:6px;flex:1 1;justify-content:center;min-width:0}.tab:hover{color:#374151;background-color:#f5f5f5}.tab svg{flex-shrink:0}.activeTab{background-color:#2e2e2e;color:white;box-shadow:0 1px 3px rgba(0,0,0,.1)}.activeTab:hover{background-color:#404040;color:white}@media (max-width:768px){.tabNavigation{flex-direction:column;gap:4px}.tab{justify-content:flex-start;flex:none}}.filterButton{display:inline-flex;gap:.5rem;padding:.5rem .75rem;border:1px solid #d1d5db;background:white;color:#6b7280;white-space:nowrap}.filterButton:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af;color:#374151}.filterButton:focus{outline:2px solid #3b82f6;outline-offset:2px}.filterButton:disabled{opacity:.5;cursor:not-allowed}.filterButton.active,.filterButton.default.active{background:#2e2e2e;color:white;border-color:#2e2e2e}.filterButton.error{border-color:#fecaca}.filterButton.error.active,.filterButton.error:hover:not(:disabled){background:#dc2626;border-color:#dc2626;color:white}.filterButton.critical{border-color:#fecaca}.filterButton.critical.active,.filterButton.critical:hover:not(:disabled){background:#dc2626;border-color:#dc2626;color:white}.filterButton.warning{border-color:#fed7aa}.filterButton.warning.active,.filterButton.warning:hover:not(:disabled){background:#d97706;border-color:#d97706;color:white}.filterButton.info{border-color:#bfdbfe}.filterButton.info.active,.filterButton.info:hover:not(:disabled){background:#2563eb;border-color:#2563eb;color:white}.filterButton.success{border-color:#bbf7d0}.filterButton.success.active,.filterButton.success:hover:not(:disabled){background:#16a34a;border-color:#16a34a;color:white}.text{display:flex;align-items:center}@media (max-width:640px){.filterButton{padding:.375rem .625rem;font-size:.8125rem}}.pinInput{display:flex;gap:.75rem;justify-content:center;align-items:center}.pinDigit{width:3rem;height:3rem;border:2px solid #e5e7eb;border-radius:.5rem;background-color:#ffffff;color:#1f2937;font-size:1.25rem;font-weight:600;text-align:center;transition:all .2s ease-in-out;outline:none}.pinDigit:focus{border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1);background-color:#fefefe}.pinDigit:hover:not(:disabled){border-color:#9ca3af}.pinDigit:disabled{background-color:#f9fafb;color:#9ca3af;cursor:not-allowed;border-color:#e5e7eb}.pinDigit::placeholder{color:#d1d5db;opacity:.8}.pinDigit:not(:placeholder-shown){border-color:#10b981;background-color:#f0fdf4}@media (prefers-color-scheme:dark){.pinDigit{border-color:#374151;background-color:#1f2937;color:#f9fafb}.pinDigit:focus{border-color:#60a5fa;box-shadow:0 0 0 3px rgba(96,165,250,.1);background-color:#111827}.pinDigit:hover:not(:disabled){border-color:#6b7280}.pinDigit:disabled{background-color:#111827;color:#6b7280;border-color:#374151}.pinDigit::placeholder{color:#6b7280}.pinDigit:not(:placeholder-shown){border-color:#34d399;background-color:#064e3b}}@media (max-width:640px){.pinInput{gap:.5rem}.pinDigit{width:2.5rem;height:2.5rem;font-size:1.125rem}}.pinInput:focus-within .pinDigit:not(:focus){opacity:.7}.pinDigit{transition:border-color .2s ease-in-out,background-color .2s ease-in-out,box-shadow .2s ease-in-out,opacity .2s ease-in-out}.tabContainer{position:relative;margin-bottom:2rem}.tabNavigation{gap:0;border-bottom:2px solid #f1f5f9}.tab,.tabNavigation{display:flex;align-items:center;position:relative}.tab{gap:.5rem;padding:1rem 1.5rem;background:transparent;color:#64748b;font-size:.875rem;font-weight:500;font-family:inherit;cursor:pointer;transition:all .2s ease;white-space:nowrap;border:none;border-bottom:2px solid transparent}.tab:hover:not(.disabledTab){color:#334155;background-color:#f8fafc}.tab:focus{outline:none;box-shadow:0 0 0 2px rgba(59,130,246,.1)}@media (min-width:769px){.activeTab{font-weight:600;border-bottom-color:#1f2937}.activeTab,.activeTab:hover{color:#0f172a;background-color:#f8fafc}.activeTab:hover{border-bottom-color:#111827}}.disabledTab{color:#cbd5e1;cursor:not-allowed}.disabledTab:hover{color:#cbd5e1;background-color:transparent}.tabLabel{font-size:.875rem;line-height:1.25rem}.tabCount{display:inline-flex;align-items:center;justify-content:center;min-width:1.25rem;height:1.25rem;padding:0 .375rem;background-color:#e2e8f0;color:#475569;font-size:.75rem;font-weight:600;border-radius:.625rem;line-height:1}.activeTab .tabCount{background-color:#3b82f6;color:white}.tabIndicator{position:absolute;bottom:-2px;left:0;height:2px;background-color:#3b82f6;transition:all .3s ease;border-radius:1px 1px 0 0}@media (max-width:768px){.tabContainer{margin-bottom:1.5rem}.tabNavigation{overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;padding:0 1rem;margin:0 -1rem;scroll-behavior:smooth;scroll-snap-type:x mandatory}.tabNavigation::-webkit-scrollbar{display:none}.tab{padding:1rem 1.5rem;flex-shrink:0;min-width:90px;scroll-snap-align:start;min-height:48px;display:flex;align-items:center;justify-content:center}.tabLabel{font-size:.875rem;white-space:nowrap}.tabCount{font-size:.6875rem;min-width:1.125rem;height:1.125rem;padding:0 .25rem}.tabIndicator{display:none}.activeTab{background-color:#1f2937!important;color:white!important;border-radius:8px;border-bottom-color:transparent!important;font-weight:600}.activeTab:hover{background-color:#111827!important;color:white!important}.activeTab .tabCount{background-color:rgba(255,255,255,.2)!important;color:white!important}}@media (max-width:480px){.tab{padding:1rem;gap:.375rem}.tabLabel{font-size:.8125rem}.tabLabelHidden{display:none}.tab{flex-direction:column;gap:.25rem;padding:.875rem .625rem;min-width:70px}.tabLabel{font-size:.6875rem;line-height:1}.activeTab{background-color:#1f2937!important;color:white!important;border-radius:8px;border-bottom-color:transparent!important}.activeTab:hover{background-color:#111827!important;color:white!important}}@media (min-width:769px) and (max-width:1024px){.tab{padding:1rem 1.25rem}.tabLabel{font-size:.875rem}}.tab:focus-visible{outline:2px solid #3b82f6;outline-offset:-2px;border-radius:4px}@keyframes slideIn{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.tabIndicator{animation:slideIn .3s ease}.dropdown{position:relative;display:inline-block;width:100%}.trigger{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border:1px solid #d1d5db;border-radius:6px;background-color:#ffffff;cursor:pointer;transition:all .2s ease;min-height:48px;width:100%;box-sizing:border-box}.trigger:hover:not(.disabled){border-color:#9ca3af;background-color:#f9fafb}.trigger:focus:not(.disabled){outline:none}.trigger.open,.trigger:focus:not(.disabled){border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1)}.trigger.error{border-color:#dc2626}.trigger.error:focus{border-color:#dc2626;box-shadow:0 0 0 3px rgba(220,38,38,.1)}.trigger.disabled{opacity:.5;cursor:not-allowed;background-color:#f9fafb}.currentSelection{display:flex;align-items:center;gap:12px;flex:1 1;min-width:0}.currentIcon{color:#6b7280;flex-shrink:0}.currentText{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1 1}.currentLabel{font-weight:600;font-size:.875rem;color:#111827}.currentLabel,.currentSubtitle{line-height:1.2;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.currentSubtitle{font-size:.75rem;color:#6b7280}.chevron{color:#6b7280;transition:transform .2s ease;flex-shrink:0}.chevronOpen{transform:rotate(180deg)}.options{position:absolute;top:100%;left:0;right:0;z-index:9999;margin-top:4px;background-color:#ffffff;border:1px solid #d1d5db;border-radius:8px;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);max-height:300px;overflow-y:auto;min-width:300px}.option{padding:16px;cursor:pointer;transition:all .2s ease;border-bottom:1px solid #f3f4f6}.option:last-child{border-bottom:none}.option:hover:not(.optionDisabled){background-color:#f9fafb}.option.selected{background-color:#eff6ff;border-left:3px solid #3b82f6}.option.optionDisabled{opacity:.5;cursor:not-allowed}.optionContent{display:flex;align-items:center;gap:12px;margin-bottom:8px}.optionIcon{color:#6b7280;flex-shrink:0}.optionText{display:flex;flex-direction:column;gap:2px;flex:1 1;min-width:0}.optionLabel{font-weight:600;font-size:.875rem;color:#111827;line-height:1.2}.optionSubtitle{font-size:.75rem;color:#6b7280;line-height:1.2}.optionDescription{font-size:.75rem;line-height:1.4;color:#4b5563;margin-left:32px;margin-top:4px}.optionDescription strong{color:#dc2626;font-weight:600}.options::-webkit-scrollbar{width:6px}.options::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.options::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.options::-webkit-scrollbar-thumb:hover{background:#94a3b8}.option:focus{outline:none;background-color:#f3f4f6;box-shadow:inset 0 0 0 2px #3b82f6}@media (prefers-contrast:high){.options,.trigger{border-width:2px}.option.selected{border-left-width:4px}}@media (prefers-reduced-motion:reduce){.chevron,.option,.trigger{transition:none}}@media (max-width:768px){.options{min-width:280px;max-height:250px}.option{padding:14px}.optionDescription{margin-left:28px;font-size:.7rem}}.metricsPanel{display:grid;grid-template-columns:1fr auto auto;grid-gap:2rem;gap:2rem;margin-bottom:10px;padding:1rem;background:#f9fafb;border-radius:8px;border:1px solid #e5e7eb}.statusCard{gap:1rem}.statusCard,.statusIndicator{display:flex;align-items:center}.statusIndicator{width:60px;height:60px;border-radius:50%;justify-content:center;flex-shrink:0}.statusPassed{background:#d1fae5;color:#059669}.statusFailed{background:#fee2e2;color:#dc2626}.statusRunning{background:#dbeafe;color:#2563eb}.statusUnknown{background:#f3f4f6;color:#6b7280}.statusInfo{flex:1 1}.statusTitle{font-size:1.25rem;font-weight:600;margin:0 0 .25rem;color:#111827}.statusSubtitle{color:#6b7280;font-size:.875rem;margin:0 0 .25rem}.lastRun{color:#9ca3af;font-size:.75rem;margin:0}.scoreCard{display:flex;flex-direction:column;align-items:center;text-align:center;min-width:120px}.scoreHeader h3{font-size:.875rem;font-weight:500;color:#6b7280;margin:0 0 .5rem;text-transform:uppercase;letter-spacing:.05em}.scoreValue{font-size:2rem;font-weight:700;line-height:1;margin-bottom:.25rem}.scoreHigh{color:#059669}.scoreMedium{color:#0284c7}.scoreLow{color:#d97706}.scoreVeryLow{color:#dc2626}.scoreLabel{font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;color:#6b7280}.summaryStats{display:flex;gap:1rem;align-items:center}.statCard{text-align:center;min-width:60px}.statValue{font-size:1.5rem;font-weight:700;line-height:1;margin-bottom:.25rem}.statPassed{color:#059669}.statFailed{color:#dc2626}.statWarning{color:#d97706}.statLabel{font-size:.75rem;color:#6b7280;font-weight:500;text-transform:uppercase;letter-spacing:.05em}@media (max-width:768px){.metricsPanel{grid-template-columns:1fr;gap:1rem}.statusCard{flex-direction:column;text-align:center}}.card{background:white;border-radius:10px;box-shadow:0 7px 15px 1px rgba(0,0,0,.05);overflow:hidden}.default{border:1px solid #e5e7eb}.elevated{border:none;box-shadow:0 4px 6px rgba(0,0,0,.1)}.outlined{border:2px solid #e5e7eb}.small{padding:1rem}.medium{padding:1.5rem}.large{padding:2rem}.header{background-color:#f9fafb}.headerContent{justify-content:space-between}.title{font-size:1.125rem}.subtitle{font-size:.875rem;margin:.25rem 0 0}.actions{gap:.5rem}.body{background-color:white}.infoCard{border-color:#dbeafe;background-color:#f0f9ff}.infoCard .header{background-color:#eff6ff;border-bottom-color:#dbeafe}.successCard{border-color:#dcfce7;background-color:#f0fdf4}.successCard .header{background-color:#f0fdf4;border-bottom-color:#dcfce7}.warningCard{border-color:#fef3c7;background-color:#fffbeb}.warningCard .header{background-color:#fffbeb;border-bottom-color:#fef3c7}.errorCard{border-color:#fecaca;background-color:#fef2f2}.errorCard .header{background-color:#fef2f2;border-bottom-color:#fecaca}@media (max-width:768px){.small{padding:.75rem}.medium{padding:1rem}.large{padding:1.5rem}.headerContent{flex-direction:column;align-items:stretch;gap:1rem}.actions{justify-content:flex-start}}.filterContainer{position:relative;display:inline-block}.filterButton{display:flex;align-items:center;gap:.75rem;padding:0 1rem;background:#2e2e2e;border:1px solid #2e2e2e;border-radius:6px;font-size:.875rem;font-family:Avenir\ 85,sans-serif;font-weight:500;color:white;cursor:pointer;transition:all .2s ease;height:38px;box-sizing:border-box;min-width:90px}.filterButton.iconOnlyButton{padding:0;width:38px;height:38px;min-width:38px;max-width:38px;min-height:38px;max-height:38px;justify-content:center;position:relative;box-sizing:border-box}.filterButton:hover{background:#404040;border-color:#404040}.filterButton.hasActiveFilters{background:#2e2e2e;border-color:#2e2e2e;color:white}.filterIcon{color:white;flex-shrink:0}.iconOnlyButton .filterIcon{width:18px;height:18px;stroke-width:2.5}.filterBadge{position:absolute;top:-6px;right:-6px;background:#ef4444;color:white;border-radius:50%;width:18px;height:18px;font-size:.75rem;font-weight:600;justify-content:center;border:2px solid #2e2e2e;box-sizing:border-box}.filterBadge,.filterText{display:flex;align-items:center}.filterText{gap:.25rem;font-weight:500;white-space:nowrap}.chevronIcon{color:currentColor;transition:transform .2s ease;flex-shrink:0}.chevronIcon.open{transform:rotate(180deg)}.filterPanel{position:absolute;top:calc(100% + .5rem);left:0;background:white;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);z-index:1000;min-width:280px;max-width:400px;overflow:hidden}.filterContainer.rightAligned .filterPanel{right:0;left:auto}@media (max-width:767px){.filterContainer.rightAligned .filterPanel{right:-1rem;left:-1rem;width:calc(100vw - 2rem);max-width:none}}.panelHeader{padding:1rem}.clearFiltersButton{background:none;border:none;color:#dc2626;font-size:.875rem;font-weight:500;cursor:pointer;padding:.25rem .5rem;border-radius:4px;transition:all .2s ease}.clearFiltersButton:hover{background:#fef2f2;color:#b91c1c}.filterGroups{padding:1rem;gap:1rem}.filterGroup,.filterGroups{display:flex;flex-direction:column}.filterGroup{gap:.5rem}.filterLabel{font-family:Avenir\ 85,sans-serif;font-size:.875rem;font-weight:600;color:#374151;margin:0}.filterSelectWrapper{position:relative;display:flex;align-items:center;padding:.75rem 1rem;border:1px solid #e5e7eb;border-radius:6px;background:white;cursor:pointer;transition:all .2s ease;min-height:40px}.filterSelectWrapper:hover{border-color:#9ca3af}.filterSelectWrapper:focus-within{outline:none;border-color:#2e2e2e;box-shadow:0 0 0 3px rgba(46,46,46,.1)}.filterSelectText{flex:1 1;font-size:.875rem;font-family:Avenir\ 85,sans-serif;color:#6b7280;text-align:left}.filterSelectIcon{color:#6b7280;flex-shrink:0;margin-left:.5rem}.filterSelect{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;border:none;background:transparent}.searchInputWrapper{position:relative;display:flex;align-items:center}.searchInput{padding:.75rem 1rem .75rem 2.5rem;transition:border-color .2s ease;min-height:40px;box-sizing:border-box}.searchInput:focus{border-color:#2e2e2e;box-shadow:0 0 0 3px rgba(46,46,46,.1)}.searchInput::placeholder{color:#9ca3af}.searchInputIcon{position:absolute;left:.75rem;color:#6b7280;pointer-events:none;z-index:1}.multiSelectDropdown{position:relative;display:inline-block;width:100%}.multiSelectTrigger{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border:1px solid #e5e7eb;border-radius:6px;background:white;cursor:pointer;transition:all .2s ease;min-height:40px}.multiSelectTrigger:hover{border-color:#9ca3af}.multiSelectTrigger:focus-within{outline:none;border-color:#2e2e2e;box-shadow:0 0 0 3px rgba(46,46,46,.1)}.multiSelectDisplayText{flex:1 1;font-size:.875rem;font-family:Avenir\ 85,sans-serif;color:#6b7280;text-align:left}.multiSelectIcon{color:#6b7280;flex-shrink:0;margin-left:.5rem;transition:transform .2s ease}.multiSelectIcon.open{transform:rotate(180deg)}.multiSelectOptions{position:absolute;top:100%;left:0;right:0;background:white;border:1px solid #e5e7eb;border-radius:6px;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);z-index:1000;margin-top:.25rem;max-height:200px;overflow-y:auto}.multiSelectOption{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;cursor:pointer;transition:background-color .2s ease;border-bottom:1px solid #f3f4f6}.multiSelectOption:last-child{border-bottom:none}.multiSelectOption:hover{background-color:#f9fafb}.multiSelectCheckbox{width:16px;height:16px;accent-color:#2e2e2e;cursor:pointer;flex-shrink:0;border-radius:3px;border:2px solid #d1d5db;background-color:white;appearance:none;-webkit-appearance:none;-moz-appearance:none;position:relative}.multiSelectCheckbox:checked{background-color:#2e2e2e;border-color:#2e2e2e}.multiSelectCheckbox:checked:after{content:"\2713";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:white;font-size:12px;font-weight:700;line-height:1}.multiSelectLabel{font-size:.875rem;font-family:Avenir\ 85,sans-serif;color:#374151;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;flex:1 1}@media (max-width:767px){.filterPanel{position:absolute;top:calc(100% + .5rem);left:-.5rem;right:-.5rem;min-width:auto;max-width:none;border-radius:8px;z-index:1001;width:calc(100% + 1rem);margin-left:0;margin-right:0}.filterGroups{padding:1.25rem;gap:1.25rem}.filterButton{padding:.5rem .75rem;font-size:.875rem}}.actionButtons{justify-content:flex-end;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #e5e7eb}.actionButtons,.resetButton,.saveButton{display:flex;gap:.75rem;align-items:center}.resetButton,.saveButton{padding:0 .75rem;border-radius:10px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;height:38px;min-width:auto;font-family:Avenir\ 85,sans-serif;border:1px solid transparent}.resetButton{background:#f8f9fa;color:#6b7280;border-color:#d1d5db}.resetButton:hover:not(:disabled){background:#e9ecef;color:#374151}.saveButton{background:#2e2e2e;color:white;border-color:#2e2e2e}.saveButton:hover:not(:disabled){background:#404040}.resetButton:disabled,.saveButton:disabled{opacity:.5;cursor:not-allowed}@media (max-width:640px){.actionButtons{flex-direction:column-reverse;gap:.75rem}.resetButton,.saveButton{width:100%;justify-content:center}}.alertCard{background:white;border-radius:12px;border:1px solid #e5e7eb;box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06);overflow:hidden;height:100%;display:flex;flex-direction:column}.titleSection{gap:8px}.count{background:#f3f4f6;color:#6b7280;font-size:12px;font-weight:600;padding:2px 8px;border-radius:12px;min-width:20px;text-align:center}.viewAllButton{background:none;border:none;color:#2563eb;font-size:14px;font-weight:500;cursor:pointer;padding:4px 8px;border-radius:6px;transition:all .2s ease-in-out}.viewAllButton:hover{background:#f3f4f6}.content{flex:1 1}.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center}.emptyIcon{color:#10b981;margin-bottom:12px}.emptyText{font-size:14px;font-weight:500;color:#374151;margin:0 0 4px}.emptySubtext{font-size:12px;color:#6b7280;margin:0}.alertsList{flex:1 1;display:flex;flex-direction:column}.alertItem{display:flex;align-items:flex-start;gap:12px;padding:16px 24px;border-bottom:1px solid #f9fafb;transition:background-color .2s ease-in-out}.alertItem:last-child{border-bottom:none}.alertItem.clickable{cursor:pointer}.alertItem.clickable:hover{background:#f9fafb}.severityIndicator{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:6px;flex-shrink:0;margin-top:2px}.severityIndicator.critical{background:#fee2e2;color:#dc2626}.severityIndicator.high{background:#fed7aa;color:#ea580c}.severityIndicator.medium{background:#fef3c7;color:#d97706}.severityIndicator.low{background:#dbeafe;color:#2563eb}.severityIndicator.info{background:#f0f9ff;color:#0284c7}.alertContent{flex:1 1;min-width:0}.alertHeader{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:4px}.alertTitle{font-size:14px;font-weight:500;color:#111827;margin:0;line-height:1.4;flex:1 1;min-width:0}.alertTime{font-size:12px;color:#6b7280;flex-shrink:0;white-space:nowrap}.alertMessage{font-size:13px;color:#4b5563;margin:0 0 8px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.alertMeta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.alertCategory,.alertSource{color:#6b7280;background:#f3f4f6;font-weight:500}.alertCategory,.alertCount,.alertSource{font-size:11px;padding:2px 6px;border-radius:4px}.alertCount{color:#dc2626;background:#fee2e2;font-weight:600}.moreIndicator{display:flex;align-items:center;justify-content:space-between;padding:12px 24px;background:#f9fafb;border-top:1px solid #f3f4f6;font-size:12px;color:#6b7280}.viewMoreButton{background:none;border:none;color:#2563eb;font-size:12px;font-weight:500;cursor:pointer;padding:2px 4px;border-radius:4px;transition:all .2s ease-in-out}.viewMoreButton:hover{background:#e0e7ff}@media (max-width:768px){.header{padding:16px 20px 12px}.alertItem{padding:12px 20px;gap:10px}.severityIndicator{width:20px;height:20px}.alertTitle{font-size:13px}.alertMessage{font-size:12px}.alertTime{font-size:11px}.moreIndicator{padding:10px 20px}}.metricCard{background:white;border-radius:12px;border:1px solid #e5e7eb;padding:20px;box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06);transition:all .2s ease-in-out;height:100%;display:flex;flex-direction:column;justify-content:space-between}.metricCard:hover{box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}.metricCard.clickable{cursor:pointer}.header{align-items:flex-start;gap:12px;margin-bottom:16px}.iconContainer{width:36px;height:36px;border-radius:8px}.titleSection{flex:1 1;min-width:0}.title{font-size:14px;font-weight:500;color:#6b7280;margin:0 0 2px;line-height:1.4}.subtitle{font-size:12px;color:#9ca3af;line-height:1.3}.content{display:flex;flex-direction:column;gap:8px}.value{font-size:28px;font-weight:700;color:#111827;line-height:1.2;word-break:break-all}.trend{display:flex;align-items:center;gap:4px;font-size:12px;font-weight:500}.trendUp{color:#16a34a}.trendDown{color:#dc2626}.trendStable{color:#6b7280}.trendValue{font-weight:600}.trendLabel{color:#6b7280;font-weight:400}.loading{padding:20px}@media (max-width:768px){.metricCard{padding:16px}.header{margin-bottom:12px;gap:10px}.iconContainer{width:32px;height:32px}.value{font-size:24px}.title{font-size:13px}.subtitle{font-size:11px}}.dashboardCard{background:white;border-radius:12px;border:1px solid #e5e7eb;box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06);transition:all .2s ease-in-out;overflow:hidden}.dashboardCard:hover{box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}.header{padding:20px 24px 16px;border-bottom:1px solid #f3f4f6}.titleSection{gap:12px}.iconContainer,.titleSection{display:flex;align-items:center}.iconContainer{justify-content:center;width:40px;height:40px;border-radius:10px;flex-shrink:0}.iconContainer.blue{background:#dbeafe;color:#2563eb}.iconContainer.green{background:#dcfce7;color:#16a34a}.iconContainer.yellow{background:#fef3c7;color:#d97706}.iconContainer.red{background:#fee2e2;color:#dc2626}.iconContainer.purple{background:#f3e8ff;color:#9333ea}.iconContainer.gray{background:#f3f4f6;color:#6b7280}.titleContent{display:flex;flex-direction:column;gap:2px}.title{font-size:16px;line-height:1.25}.subtitle{color:#6b7280;line-height:1.4}.actions{align-items:center;gap:8px}.content{padding:20px 24px 24px}.loading{display:flex;align-items:center;justify-content:center;gap:12px;padding:40px 20px;color:#6b7280;font-size:14px}.spinner{animation:spin 1s linear infinite}@media (max-width:768px){.header{padding:16px 20px 12px}.content{padding:16px 20px 20px}.titleSection{gap:10px}.iconContainer{width:36px;height:36px}.title{font-size:15px}.subtitle{font-size:13px}}.tableContainer{background:transparent;border-radius:0;box-shadow:none;overflow:hidden;border:none}.table{width:100%;border-collapse:collapse;font-family:Avenir\ 85,sans-serif}.table th{background:transparent;padding:15px 1rem;text-align:left;font-weight:400;color:#9B9B9B;border-bottom:1px solid #e7e7e7;border-top:1px solid #e7e7e7;font-family:Avenir\ 85,sans-serif}.table td,.table th{font-size:14px;vertical-align:middle}.table td{padding:10px 1rem;border-bottom:1px solid #dee2e6;font-family:Avenir LT Std,sans-serif;color:#606060}.checkboxHeader{vertical-align:top}.checkboxCell,.checkboxHeader{width:32px;text-align:left;padding:1rem}.checkboxCell{border-bottom:1px solid #dee2e6;vertical-align:middle}.checkbox{width:20px;height:20px;cursor:pointer;border:1px solid #9b9b9b;border-radius:5px;appearance:none;-webkit-appearance:none;-moz-appearance:none}.checkbox,.checkbox:checked{background-color:transparent;position:relative}.checkbox:checked{border-color:#9B9B9B}.checkbox:checked:after{content:"";position:absolute;top:1px;left:1px;width:16px;height:16px;background:#2E2E2E;border-radius:5px}.sortableHeader{cursor:pointer;transition:color .2s ease}.sortableHeader:hover{color:#111827}.headerContent{display:flex;align-items:center;gap:.5rem}.sortIcon{color:#6b7280;transition:transform .2s ease}.sortIconAsc{transform:rotate(180deg)}.sortIconDesc{transform:rotate(0deg)}.tableRow{transition:background-color .2s ease}.clickableRow{cursor:pointer}.clickableRow:hover{background-color:#f9fafb!important}.evenRow,.oddRow{background-color:#ffffff}.tableCell{padding:10px 1rem;border-bottom:1px solid #dee2e6;vertical-align:middle;font-family:Avenir LT Std,sans-serif;font-size:14px;color:#606060}.loadingContainer{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;min-height:300px}.loadingIcon{width:32px!important;height:32px!important;filter:brightness(0) saturate(100%) invert(.15);animation:spin 1s linear infinite;flex-shrink:0;display:block;vertical-align:middle;line-height:1;box-sizing:border-box;margin:0 0 1rem;padding:0}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.error{display:flex;flex-direction:column;align-items:center;justify-content:center;height:50vh;color:#dc2626;text-align:center}.refreshButton{margin-top:1rem;padding:.5rem 1rem;background:#3b82f6;color:white;border:none;border-radius:10px;cursor:pointer;font-family:Avenir\ 85,sans-serif;font-size:.875rem;transition:background-color .2s ease}.refreshButton:hover{background:#2563eb}.noDataContainer{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;min-height:300px;background:white;border-radius:10px;border:1px solid #e5e7eb;box-shadow:0 7px 15px 1px rgba(0,0,0,.05)}.noDataIcon{color:#9ca3af;margin-bottom:1.5rem}.noDataTitle{font-size:1.25rem;font-weight:600;color:#374151;margin:0 0 .75rem}.noDataMessage,.noDataTitle{font-family:Avenir\ 85,sans-serif}.noDataMessage{font-size:.875rem;color:#6b7280;margin:0;max-width:400px;line-height:1.5}@media (max-width:768px){.tableContainer{border:none;box-shadow:none}.table{display:none}.mobileCards{display:block;padding:0}.mobileCard{background:white;border:1px solid #e5e7eb;border-radius:10px;margin:0 0 .75rem;padding:1.25rem;box-shadow:0 7px 15px 1px rgba(0,0,0,.05);transition:box-shadow .2s ease;box-sizing:border-box}.mobileCard:hover{box-shadow:0 4px 6px rgba(0,0,0,.1)}.clickableMobileCard{cursor:pointer;transition:all .2s ease}.clickableMobileCard:hover{box-shadow:0 8px 12px rgba(0,0,0,.15);border-color:#d1d5db}.clickableMobileCard:active{box-shadow:0 4px 6px rgba(0,0,0,.1)}.mobileCardHeader{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:1rem;border-bottom:1px solid #f3f4f6;gap:.75rem;padding:0 0 .75rem}.mobileCardCheckbox{display:none}.mobileCardTitle{font-weight:600;color:#111827;font-size:1.125rem;flex:1 1;font-family:Avenir\ 85,sans-serif;display:flex;align-items:flex-start;gap:.75rem}.mobileCardActions{display:flex;gap:.5rem}.mobileCardContent{display:grid;grid-template-columns:1fr 1fr;grid-gap:.75rem 1rem;gap:.75rem 1rem;padding:0;margin:0}.mobileCardField.fullWidth{grid-column:1/-1}.mobileCardField{display:flex;flex-direction:column;margin-bottom:0}.mobileCardLabel{font-size:.75rem;color:#6b7280;font-weight:600;margin-bottom:.375rem;text-transform:uppercase;letter-spacing:.05em;font-family:Avenir\ 85,sans-serif}.mobileCardValue{font-size:.9375rem;color:#111827;font-weight:500;line-height:1.4;font-family:Avenir\ 85,sans-serif}.mobileCard .avatar,.mobileCard .defaultAvatar{width:50px!important;height:50px!important;flex-shrink:0}.mobileCard .defaultAvatar{font-size:1.25rem!important}.mobileCardBadges{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.mobileCardBadge{font-size:.75rem;padding:.25rem .5rem;border-radius:4px;font-weight:500}}@media (min-width:769px){.mobileCards{display:none}}.pagination{display:flex;justify-content:space-between;align-items:center;margin-top:.5rem;padding:1rem 0}.paginationInfo{font-size:.875rem;color:#6b7280;font-family:Avenir\ 85,sans-serif}.paginationControls{display:flex;gap:.5rem;align-items:center}.paginationButton{padding:.5rem .75rem;border:1px solid #e5e7eb;background:white;color:#374151;border-radius:6px;cursor:pointer;font-size:.875rem;font-family:Avenir\ 85,sans-serif;transition:all .2s;min-width:40px;display:flex;align-items:center;justify-content:center}.paginationButton:hover:not(:disabled){background:#f9fafb;border-color:#d1d5db}.paginationButton:disabled{opacity:.5;cursor:not-allowed;background:#f3f4f6}.currentPage{background:#2e2e2e;color:white;border-color:#2e2e2e}.currentPage:hover{background:#404040;border-color:#404040}@media (max-width:768px){.pagination{flex-direction:column;gap:1rem;align-items:stretch}.paginationControls{justify-content:center;flex-wrap:wrap}}.overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000}.dialog{background:white;border-radius:12px;max-width:600px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04)}.header{padding:1.5rem 2rem;background-color:#f8fafc;border-radius:12px 12px 0 0}.header h2{font-size:20px;font-weight:600;color:#374151;margin:0;font-family:Avenir\ 85,sans-serif}.content{padding:2rem}.warningIcon{display:flex;justify-content:center;margin-bottom:1.5rem;color:#ef4444}.warningIcon svg{width:48px;height:48px}.multipleUsers h3,.singleUser h3{font-size:18px;font-weight:600;color:#111827;margin:0 0 1rem;font-family:Avenir\ 85,sans-serif;text-align:center}.multipleUsers p,.singleUser p{font-size:14px;color:#6b7280;margin:0 0 1.5rem;text-align:center;line-height:1.5;font-family:Avenir\ 85,sans-serif}.userList{margin-top:1.5rem}.userList h4{font-size:14px;font-weight:600;color:#374151;margin:0 0 1rem;font-family:Avenir\ 85,sans-serif}.userItems{max-height:200px;overflow-y:auto;border:1px solid #e5e7eb;border-radius:8px;padding:.5rem}.userItem{display:flex;align-items:center;gap:.75rem;padding:.75rem;border-bottom:1px solid #f3f4f6;font-family:Avenir\ 85,sans-serif}.userItem:last-child{border-bottom:none}.userAvatar{flex-shrink:0}.avatar{object-fit:cover}.avatar,.defaultAvatar{width:40px;height:40px;border-radius:50%}.defaultAvatar{background:#6b7280;color:white;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;font-family:Avenir\ 85,sans-serif}.userInfo{display:flex;flex-direction:column;gap:.25rem;flex:1 1;min-width:0}.userName{font-weight:600;color:#111827;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:Avenir\ 85,sans-serif}.userClub,.userEmail,.userRole{color:#6b7280;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:Avenir\ 85,sans-serif}.userDetails{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:#f9fafb;border-radius:8px;border:1px solid #e5e7eb}.actions{padding:1.5rem 2rem 2rem;display:flex;gap:1rem;justify-content:flex-end;background-color:#f8fafc;border-radius:0 0 12px 12px;border-top:1px solid #e5e7eb}.cancelButton{padding:.75rem 1.5rem;border:1px solid #d1d5db;background:white;color:#374151;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:Avenir\ 85,sans-serif}.cancelButton:hover{background:#f9fafb;border-color:#9ca3af}.cancelButton:disabled{opacity:.5;cursor:not-allowed}.deleteButton{padding:.75rem 1.5rem;border:1px solid #ef4444;background:#ef4444;color:white;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:Avenir\ 85,sans-serif}.deleteButton:hover{background:#dc2626;border-color:#dc2626}.deleteButton:disabled{opacity:.5;cursor:not-allowed}.errorMessage{display:flex;align-items:center;gap:.5rem;padding:1rem 2rem;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin:0 2rem;color:#dc2626}.errorIcon{flex-shrink:0;color:#dc2626}.errorText{font-size:14px}@media (max-width:768px){.dialog{width:95%;margin:1rem;max-height:85vh}.actions,.content,.header{padding:1rem}.userDetails{text-align:center}.actions,.userDetails{flex-direction:column}.cancelButton,.deleteButton{width:100%}}@media (max-width:480px){.dialog{width:100%;margin:0;height:100vh;max-height:100vh}.actions,.dialog,.header{border-radius:0}}.membershipWarning{margin-top:1.5rem;padding:1rem;background-color:#fef3c7;border:1px solid #f59e0b;border-radius:8px}.warningHeader{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem;font-weight:600;color:#92400e}.warningHeader svg{color:#f59e0b}.membershipWarning p{margin:0 0 .75rem;color:#92400e;font-size:14px}.membershipList{display:flex;flex-direction:column;gap:.5rem}.membershipItem{display:flex;justify-content:space-between;align-items:center;padding:.5rem;background-color:white;border-radius:6px;border:1px solid #f59e0b}.membershipRole{font-weight:500;color:#374151;text-transform:capitalize}.membershipAccount{color:#6b7280;font-size:14px}.header{background:#f9fafb;padding:1rem 1.5rem;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:background-color .2s ease}.header:hover{background:#f3f4f6}.headerLeft{display:flex;align-items:center;gap:.75rem}.titleIcon{color:#6b7280}.title{font-size:1rem;font-weight:600;color:#111827;display:flex;align-items:center;gap:.5rem}.statusIcon{color:#6b7280}.headerRight{display:flex;align-items:center;gap:.75rem}.badge{padding:.125rem .5rem;border-radius:12px;font-size:.75rem;font-weight:500;line-height:1.5}.badgeSuccess{color:#166534}.badgeWarning{color:#92400e}@media (max-width:768px){.header{padding:.75rem 1rem}.headerLeft{gap:.5rem}.title{font-size:1rem}.headerRight{gap:.5rem}}.fieldGroup{margin-bottom:20px}.label{display:block;margin-bottom:8px}.required{margin-left:2px}.inputWrapper{position:relative}.input{width:100%;padding:12px 16px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;font-family:Avenir\ 85,sans-serif;transition:border-color .2s ease;background-color:white;color:#374151}.input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1)}.input:disabled{background-color:#f9fafb;color:#6b7280;cursor:not-allowed}.input.error,.input.error:focus{border-color:#ef4444}.input.error:focus{box-shadow:0 0 0 3px rgba(239,68,68,.1)}.inputIcon{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:16px;color:#9ca3af;pointer-events:none}.select{width:100%;padding:12px 16px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;font-family:Avenir\ 85,sans-serif;transition:border-color .2s ease;background-color:white;color:#374151;cursor:pointer}.select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1)}.select:disabled{background-color:#f9fafb;color:#6b7280;cursor:not-allowed}.select.error,.select.error:focus{border-color:#ef4444}.select.error:focus{box-shadow:0 0 0 3px rgba(239,68,68,.1)}.errorText{color:#ef4444;font-size:12px;font-family:Avenir\ 85,sans-serif}.errorText,.helpText{display:block;margin-top:4px}.helpText{font-style:italic}.categoryPanel{background:white;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden;transition:all .2s ease;margin-bottom:.625rem}.categoryPanel:last-child{margin-bottom:0}.severityError{border-left:4px solid #dc2626}.severityWarning{border-left:4px solid #d97706}.severityGood{border-left:4px solid #16a34a}.severityInfo{border-left:4px solid #2563eb}.panelHeader{background:#f9fafb;padding:1rem 1.5rem;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:background-color .2s ease}.panelHeader:hover{background:#f3f4f6}.categoryHeaderLeft,.categoryHeaderRight{display:flex;align-items:center;gap:.75rem}.categoryIcon{color:#6b7280}.panelTitle{font-family:Avenir\ 85,sans-serif;font-size:1rem;font-weight:600;color:#111827;margin:0;display:flex;align-items:center;gap:.5rem}.categoryOverallStatus{color:#6b7280}.categoryStats{display:flex;align-items:center;gap:.5rem}.categoryBadge{padding:.125rem .5rem;border-radius:12px;font-size:.75rem;font-weight:500;line-height:1.5}.badgeInfo{background-color:#dbeafe;color:#1e40af}.badgeSuccess{background-color:#dcfce7;color:#16a34a}.badgeWarning{background-color:#fef3c7;color:#d97706}.badgeError{background-color:#fee2e2;color:#dc2626}.expandIcon{color:#9ca3af;transition:transform .2s ease}.expandIcon.expanded{transform:rotate(180deg)}.content{padding:0;background-color:white}.contentWrapper,.contentWrapper>div{padding:0;background:white}.contentWrapper>div>div{display:flex;align-items:flex-start;gap:1rem;padding:1rem 1.5rem;border-bottom:1px solid #f3f4f6;transition:background-color .15s ease}.contentWrapper>div>div:last-child{border-bottom:none}.contentWrapper>div>div:hover{background:#fafafa}.contentWrapper>div>div>div:first-child{width:20px;height:20px;flex-shrink:0;display:flex;align-items:center;justify-content:center;margin-top:.125rem}.contentWrapper>div>div>div:nth-child(2){flex:1 1;min-width:0}.contentWrapper>div>div>div:nth-child(2)>div:first-child{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.contentWrapper>div>div>div:nth-child(2)>div:first-child>div:first-child{display:flex;align-items:center;gap:.5rem;font-weight:600;color:#111827;font-size:.875rem}.contentWrapper>div>div>div:nth-child(2)>div:first-child>span{padding:.125rem .5rem;border-radius:12px;font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;background:#f3f4f6;color:#374151}.contentWrapper>div>div>div:nth-child(2)>div:nth-child(2){font-size:.75rem;color:#6b7280;font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;margin-bottom:.5rem;word-break:break-all}.contentWrapper>div>div>div:nth-child(2)>div:nth-child(3){display:flex;align-items:center;gap:1rem;font-size:.75rem;color:#9ca3af;margin-bottom:.5rem;flex-wrap:wrap}.contentWrapper>div>div>div:nth-child(2)>div:nth-child(4){font-size:.75rem;color:#6b7280;background:#f3f4f6;padding:.25rem .5rem;border-radius:4px;font-family:Monaco,Menlo,Ubuntu Mono,monospace}@media (max-width:768px){.panelHeader{padding:.75rem 1rem}.categoryHeaderLeft,.categoryHeaderRight{gap:.5rem}.panelTitle{font-size:.875rem}.categoryBadge{font-size:.625rem;padding:.1rem .4rem}}.container{position:relative;display:flex;align-items:center}.searchInput{padding:.75rem 2.75rem .75rem 1rem;border:1px solid #e5e7eb;border-radius:6px;font-size:.875rem;font-family:Avenir\ 85,sans-serif;background:white;width:100%;transition:all .2s ease}.searchInput:hover{border-color:#9ca3af}.searchInput:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px rgba(37,99,235,.1)}.searchIcon{position:absolute;right:.75rem;width:16px;height:16px;opacity:.6;pointer-events:none;color:#6b7280}.widthSm{width:350px;max-width:100%}.widthMd{width:450px;max-width:100%}.widthLg{width:550px;max-width:100%}.widthFull{width:100%}@media (max-width:767px){.container{width:100%}.searchInput{padding:.75rem 2.75rem .75rem 1rem;font-size:.875rem}.searchIcon{right:1.75rem}}.form{width:100%}.formContent{display:flex;gap:2rem;padding:1.5rem 0}.leftSection{flex:0 0 300px;display:flex;flex-direction:column}.fieldsSection{flex:1 1;gap:1.5rem}.fieldGroup,.fieldsSection{display:flex;flex-direction:column}.fieldGroup{gap:.5rem}.label{font-size:14px;font-weight:500;color:#374151;font-family:Avenir\ 85,sans-serif}.required{color:#ef4444}.fieldRow{display:grid;grid-template-columns:1fr 1fr;grid-gap:1rem;gap:1rem}.helpText{color:#6b7280}.error,.helpText{font-size:12px;font-family:Avenir\ 85,sans-serif;margin-top:.25rem}.error{color:#ef4444}@media (max-width:768px){.formContent{flex-direction:column;gap:1.5rem}.leftSection{flex:none}.fieldRow{grid-template-columns:1fr;gap:1rem}}@media (max-width:480px){.formContent{padding:1rem 0;gap:1rem}.fieldsSection{gap:1rem}}.titlePanel{flex-direction:row;gap:20px;position:absolute;height:110px;left:248px;right:48px;top:163px;padding:20px 36px 20px 20px;background:#FFFFFF;border-radius:16px;box-shadow:0 4px 8px rgba(0,0,0,.12);z-index:10}.iconSection,.titlePanel{display:flex;align-items:center}.iconSection{justify-content:center;flex-shrink:0;width:48px;height:48px;color:#1F2937}.iconSection svg{width:32px;height:32px}.contentSection{display:flex;flex-direction:column;gap:4px;flex:1 1;min-width:0}.title{font-size:24px;font-weight:800;line-height:32px;color:#1F2937}.subtitle,.title{font-family:Avenir\ 85,sans-serif;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.subtitle{font-size:14px;font-weight:400;line-height:20px;color:#6B7280}.actionsSection{display:flex;align-items:center;gap:12px;flex-shrink:0;margin-left:auto}@media (min-width:1920px){.titlePanel{left:248px;right:48px}}@media (min-width:1600px) and (max-width:1919px){.titlePanel{left:248px;right:48px}}@media (min-width:1366px) and (max-width:1599px){.titlePanel{left:238px;right:36px;padding:16px 28px 16px 16px}.title{font-size:22px;line-height:28px}}@media (min-width:1024px) and (max-width:1365px){.titlePanel{left:210px;right:24px;padding:16px 24px 16px 16px;height:100px;gap:16px}.iconSection{width:40px;height:40px}.iconSection svg{width:28px;height:28px}.title{font-size:20px;line-height:28px}.subtitle{font-size:13px}}@media (max-width:1023px){.titlePanel{position:relative;left:auto;right:auto;top:auto;height:auto;margin:1rem;padding:16px;gap:12px}.iconSection{width:36px;height:36px}.iconSection svg{width:24px;height:24px}.title{font-size:18px;line-height:24px}.subtitle{font-size:12px}.actionsSection{gap:8px}}@media (max-width:767px){.titlePanel{flex-direction:column;align-items:flex-start;height:auto;gap:12px}.contentSection{width:100%}.actionsSection{width:100%;margin-left:0;justify-content:flex-end}}