.mcp-management-page{min-height:100vh;color:var(--wf-text-primary);padding-top:60px}.mcp-management-header{background-color:var(--wf-bg-elevated);border-bottom:1px solid var(--wf-border-primary);box-shadow:var(--wf-shadow-sm);padding:1rem}.mcp-management-header .container{max-width:7xl;margin:0 auto;padding:0 3rem}@media (min-width:640px){.mcp-management-header .container{padding:0 1.5rem}}@media (min-width:1024px){.mcp-management-header .container{padding:0}}.mcp-management-header .header-content{display:flex;align-items:center;justify-content:space-between;height:4rem}.mcp-management-title{font-size:1.5rem;font-weight:600;color:var(--wf-text-primary)}.mcp-management-subtitle{font-size:.875rem;color:var(--wf-text-secondary);margin-top:.25rem}.mcp-tab-navigation{background-color:var(--wf-bg-elevated);border-bottom:1px solid var(--wf-border-primary)}.mcp-tab-navigation .container{max-width:7xl;margin:0;padding:0 13rem}@media (min-width:640px){.mcp-tab-navigation .container{padding:0 1.5rem}}@media (min-width:1024px){.mcp-tab-navigation .container{padding:0 16rem}}.mcp-tab-list{display:flex;gap:2rem}.mcp-layout-container{display:flex;height:100vh;overflow:hidden}.mcp-sidebar{width:300px;border-right:1px solid var(--wf-border-primary);padding:0;display:flex;flex-direction:column;height:calc(100vh - 60px);position:fixed;left:0;top:60px;z-index:10;overflow-y:auto}.mcp-sidebar,.mcp-sidebar .mcp-management-header{background-color:var(--wf-bg-elevated);flex-shrink:0}.mcp-sidebar .mcp-management-header{border-bottom:1px solid var(--wf-border-primary);border-right:none;box-shadow:none;padding:1.5rem}.mcp-sidebar .mcp-management-header .header-content{display:flex;flex-direction:column;align-items:flex-start;gap:1rem;height:auto}.mcp-sidebar .mcp-search-container{width:100%}.mcp-sidebar .mcp-search-input{width:100%;font-size:.75rem;padding:.5rem .75rem .5rem 2rem}.mcp-sidebar .mcp-quick-setup-btn{width:100%;justify-content:center;font-size:.75rem;padding:.5rem .75rem}.mcp-sidebar .mcp-management-title{font-size:1.25rem;font-weight:600;color:var(--wf-text-primary)}.mcp-sidebar .mcp-management-subtitle{font-size:.75rem;color:var(--wf-text-secondary);margin-top:0;line-height:1.4}.mcp-sidebar-search-section{padding:1rem;border-bottom:1px solid var(--wf-border-primary)}.mcp-sidebar-nav{display:flex;flex-direction:column;gap:.5rem;padding:1rem;flex:1}.mcp-sidebar-item{display:flex;align-items:flex-start;gap:1rem;padding:1rem;margin:0 -16px;border:none;background:none;border-radius:0;text-align:left;cursor:pointer;transition:all .2s ease;color:var(--wf-text-secondary)}.mcp-sidebar-item:hover{background-color:var(--wf-accent-blue);color:var(--wf-text-primary)}.mcp-sidebar-item--active{background-color:#394d6e;color:white}.mcp-sidebar-item--active:hover{background-color:var(--wf-accent-blue-hover)}.mcp-sidebar-icon{width:1.25rem;height:1.25rem;margin-top:.125rem;flex-shrink:0}.mcp-sidebar-content{flex:1;min-width:0}.mcp-sidebar-label{display:block;font-size:.875rem;font-weight:500;margin-bottom:.25rem}.mcp-sidebar-description{font-size:.75rem;opacity:.8;line-height:1.3;margin:0}.mcp-main-content{flex:1;background-color:var(--wf-bg-primary);padding:2rem;margin-left:300px;height:100vh;overflow-y:auto;overflow-x:hidden}.mcp-settings-tabs{display:flex;background-color:var(--wf-bg-elevated);border-bottom:1px solid var(--wf-border-primary);margin-bottom:2rem;overflow-x:auto}.mcp-settings-tab{align-items:center;gap:.5rem;padding:1rem 1.5rem;background:none;color:var(--wf-text-secondary);font-size:.875rem;font-weight:500;cursor:pointer;border:none;border-bottom:2px solid transparent;transition:all .2s ease;white-space:nowrap;flex-shrink:0}.mcp-settings-tab:hover{color:var(--wf-text-primary);background-color:var(--wf-bg-tertiary)}.mcp-settings-tab--active{color:var(--wf-accent-blue);border-bottom-color:var(--wf-accent-blue);background-color:var(--wf-bg-secondary)}.mcp-settings-tab-icon{width:1rem;height:1rem}@media (max-width:1024px){.mcp-layout-container{flex-direction:column}.mcp-sidebar{width:100%;padding:1rem 0;border-right:none;border-bottom:1px solid var(--wf-border-primary)}.mcp-sidebar-nav{flex-direction:row;overflow-x:auto;padding:0 1rem;gap:1rem}.mcp-sidebar-item{flex-shrink:0;min-width:200px}}@media (max-width:768px){.mcp-sidebar-item{min-width:160px;padding:.75rem}.mcp-sidebar-label{font-size:.8rem}.mcp-sidebar-description{font-size:.7rem}}.mcp-tab-button{display:flex;align-items:center;gap:.5rem;padding:1rem .25rem;font-weight:500;font-size:.875rem;transition:all .2s ease;cursor:pointer;background:none;border:none;border-bottom:2px solid transparent}.mcp-tab-button--active{border-bottom-color:var(--wf-accent-blue);color:var(--wf-accent-blue)}.mcp-tab-button--inactive{color:var(--wf-text-secondary)}.mcp-tab-button--inactive:hover{color:var(--wf-text-primary);border-bottom-color:var(--wf-border-secondary)}.mcp-tab-icon{width:1rem;height:1rem;flex-shrink:0}.mcp-search-container{position:relative}.mcp-search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);width:1rem;height:1rem;color:var(--wf-text-muted);pointer-events:none}.mcp-search-input{padding:.5rem 1rem .5rem 2.5rem;border:1px solid var(--wf-border-primary);border-radius:.5rem;background-color:var(--wf-bg-elevated);color:var(--wf-text-primary);transition:all .2s ease}.mcp-search-input:focus{outline:none;border-color:var(--wf-accent-blue);box-shadow:0 0 0 1px var(--wf-accent-blue)}.mcp-search-input::-moz-placeholder{color:var(--wf-text-muted)}.mcp-search-input::placeholder{color:var(--wf-text-muted)}.mcp-quick-setup-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--wf-gradient-primary);color:white;border:none;border-radius:.5rem;font-weight:500;font-size:.875rem;cursor:pointer;transition:all .2s ease}.mcp-quick-setup-btn:hover{transform:translateY(-1px);box-shadow:var(--wf-shadow-md)}.mcp-quick-setup-btn:active{transform:translateY(0)}.mcp-content-container{max-width:7xl;margin:0 auto;padding:2rem 10rem}@media (min-width:640px){.mcp-content-container{padding:2rem 1.5rem}}@media (min-width:1024px){.mcp-content-container{padding:2rem 16rem}}.mcp-section-header{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:1.5rem;gap:1rem;flex-wrap:wrap}.mcp-section-subtitle{font-size:.875rem;color:var(--wf-text-secondary);margin-top:.25rem}.mcp-controls-row{margin-bottom:1.5rem}.mcp-control-group{align-items:flex-start}.mcp-control-icon{width:1rem;height:1rem;color:var(--wf-text-muted);flex-shrink:0}.mcp-control-label{font-size:.875rem;font-weight:500;color:var(--wf-text-secondary);margin-bottom:.25rem;display:block;width:100%;height:1.25rem;line-height:1.25rem}.mcp-select{width:100%;border-radius:.375rem;padding:.75rem 1rem;background-color:var(--wf-bg-primary);color:var(--wf-text-primary);border:1px solid var(--wf-border-primary);font-size:.875rem;transition:border-color .2s ease,box-shadow .2s ease;height:2.75rem;box-sizing:border-box}.mcp-select:focus{outline:none;border-color:var(--wf-accent-blue);box-shadow:0 0 0 2px var(--wf-accent-blue-bg)}.mcp-select option{background-color:var(--wf-bg-primary);color:var(--wf-text-primary)}.mcp-control-group .mcp-btn{margin-top:1.75rem;align-self:flex-start;white-space:nowrap;display:flex}.mcp-btn,.mcp-control-group .mcp-btn{height:2.75rem;box-sizing:border-box;align-items:center;justify-content:center}.mcp-btn{display:inline-flex;gap:.5rem;padding:.75rem 1rem;border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;border:none;transition:all .2s ease;text-decoration:none}.mcp-btn:disabled{opacity:.5;cursor:not-allowed}.mcp-btn--primary{background-color:var(--wf-accent-blue);color:white}.mcp-btn--primary:hover:not(:disabled){background-color:#1d4ed8;transform:translateY(-1px);box-shadow:var(--wf-shadow-md)}.mcp-btn--secondary{background-color:var(--wf-bg-secondary);color:var(--wf-text-primary);border:1px solid var(--wf-border-primary)}.mcp-btn--secondary:hover:not(:disabled){background-color:var(--wf-bg-tertiary);border-color:var(--wf-border-secondary)}.mcp-btn--success{background-color:var(--wf-accent-green);color:white}.mcp-btn--success:hover:not(:disabled){background-color:#047857}.mcp-btn--danger{background-color:var(--wf-accent-red);color:white}.mcp-btn--danger:hover:not(:disabled){background-color:#b91c1c}.mcp-btn--text{background:none;color:var(--wf-accent-blue);padding:.25rem .5rem}.mcp-btn--text:hover:not(:disabled){color:#1d4ed8;background-color:var(--wf-bg-hover)}.mcp-btn-icon{width:1rem;height:1rem;flex-shrink:0}.mcp-status-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;border-radius:9999px;font-size:.75rem;font-weight:500}.mcp-status-badge--working{background-color:#d1fae5;color:#065f46}.mcp-status-badge--failed{background-color:#fee2e2;color:#991b1b}.mcp-status-badge--untested{background-color:#f1f5f9;color:#475569}.mcp-status-badge--needs-creds{background-color:#fef3c7;color:#92400e}[data-theme=dark] .mcp-status-badge--working{background-color:rgba(16,185,129,.2);color:var(--wf-accent-green)}[data-theme=dark] .mcp-status-badge--failed{background-color:rgba(239,68,68,.2);color:var(--wf-accent-red)}[data-theme=dark] .mcp-status-badge--untested{background-color:var(--wf-bg-tertiary);color:var(--wf-text-secondary)}[data-theme=dark] .mcp-status-badge--needs-creds{background-color:rgba(251,146,60,.2);color:var(--wf-accent-orange)}.mcp-status-icon{width:1rem;height:1rem;flex-shrink:0}.mcp-card{background-color:var(--wf-bg-elevated);border:1px solid var(--wf-border-primary);border-radius:.5rem;overflow:hidden;transition:all .2s ease}.mcp-card:hover{box-shadow:var(--wf-shadow-md);border-color:var(--wf-border-secondary)}.mcp-card-header{padding:1rem;border-bottom:1px solid var(--wf-border-primary);background-color:var(--wf-bg-secondary)}.mcp-card-content{padding:1rem}.mcp-card-footer{padding:1rem;border-top:1px solid var(--wf-border-primary);background-color:var(--wf-bg-secondary)}.mcp-card--clickable{cursor:pointer}.mcp-card--clickable:hover{transform:translateY(-2px);box-shadow:var(--wf-shadow-lg)}.mcp-server-group{background-color:var(--wf-bg-elevated);border:1px solid var(--wf-border-primary);border-radius:.5rem;overflow:hidden;margin-bottom:1.5rem}.mcp-server-header{display:flex;align-items:center;justify-content:space-between;padding:1rem;background-color:var(--wf-bg-secondary);border-bottom:1px solid var(--wf-border-primary);cursor:pointer;transition:all .2s ease}.mcp-server-header:hover{background-color:var(--wf-bg-hover)}.mcp-server-info{display:flex;align-items:center;gap:.75rem}.mcp-server-icon-container{padding:.5rem;background-color:rgba(37,99,235,.1);border-radius:.5rem}.mcp-server-icon{width:1.25rem;height:1.25rem;color:var(--wf-accent-blue)}.mcp-server-name{font-weight:600;color:var(--wf-text-primary)}.mcp-server-description{font-size:.875rem;color:var(--wf-text-secondary)}.mcp-server-stats{display:flex;align-items:center;gap:.5rem}.mcp-server-status{font-size:.875rem;color:var(--wf-text-secondary)}.mcp-chevron{width:1.25rem;height:1.25rem;color:var(--wf-text-muted);transition:transform .2s ease}.mcp-chevron--expanded{transform:rotate(90deg)}.mcp-tools-grid{display:grid;grid-template-columns:1fr;gap:1rem;padding:1rem;background-color:var(--wf-bg-secondary)}@media (min-width:640px){.mcp-tools-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:768px){.mcp-tools-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.mcp-tools-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:1280px){.mcp-tools-grid{grid-template-columns:repeat(4,1fr)}}.mcp-tool-card{background-color:var(--wf-bg-elevated);border:1px solid var(--wf-border-primary);border-radius:.5rem;overflow:hidden;transition:all .2s ease}.mcp-tool-card:hover{box-shadow:var(--wf-shadow-md);transform:translateY(-1px)}.mcp-tool-header{display:flex;align-items:flex-start;justify-content:space-between;padding:1rem;cursor:pointer;transition:all .2s ease}.mcp-tool-header:hover{background-color:var(--wf-bg-hover)}.mcp-tool-info{display:flex;align-items:center;gap:.75rem}.mcp-tool-icon-container{padding:.5rem;background-color:rgba(37,99,235,.1);border-radius:.5rem}.mcp-tool-icon{width:1.25rem;height:1.25rem;color:var(--wf-accent-blue)}.mcp-tool-name{font-weight:500;color:var(--wf-text-primary)}.mcp-tool-server{font-size:.875rem;color:var(--wf-text-secondary)}.mcp-tool-details{padding:1rem;border-top:1px solid var(--wf-border-primary)}.mcp-tool-description{font-size:.875rem;color:var(--wf-text-secondary);margin-bottom:1rem;line-height:1.5}.mcp-tool-categories{display:flex;flex-wrap:wrap;gap:.25rem;margin-bottom:1rem}.mcp-tool-category{display:inline-flex;align-items:center;padding:.125rem .5rem;border-radius:9999px;font-weight:500;background-color:var(--wf-bg-tertiary)}.mcp-category-more,.mcp-tool-category{font-size:.75rem;color:var(--wf-text-secondary)}.mcp-tool-stats{justify-content:space-between;font-size:.875rem;color:var(--wf-text-secondary);margin-bottom:1rem}.mcp-tool-stat,.mcp-tool-stats{display:flex;align-items:center}.mcp-tool-stat{gap:.25rem}.mcp-tool-stat-icon{width:1rem;height:1rem}.mcp-tool-credentials{margin-bottom:1rem}.mcp-tool-credentials-label{font-size:.75rem;color:var(--wf-text-secondary);margin-bottom:.5rem}.mcp-tool-credentials-list{display:flex;flex-wrap:wrap;gap:.25rem}.mcp-tool-credential{display:inline-flex;align-items:center;padding:.125rem .5rem;border-radius:9999px;font-size:.75rem;background-color:#fef3c7;color:#92400e}[data-theme=dark] .mcp-tool-credential{background-color:rgba(251,146,60,.2);color:var(--wf-accent-orange)}.mcp-tool-actions{display:flex;align-items:center;gap:.5rem}.mcp-tool-actions .mcp-btn{flex:1}.mcp-tool-external-link{padding:.5rem;color:var(--wf-text-muted);transition:all .2s ease;border:none;background:none;cursor:pointer;border-radius:.25rem}.mcp-tool-external-link:hover{color:var(--wf-text-secondary);background-color:var(--wf-bg-hover)}.mcp-tool-external-icon{width:1rem;height:1rem}@media (max-width:640px){.mcp-management-header .header-content{flex-direction:column;gap:1rem;height:auto;padding:1rem 0}.mcp-tab-list{gap:1rem;overflow-x:auto;padding-bottom:.5rem}.mcp-tab-button{white-space:nowrap}.mcp-content-container{padding:1rem .5rem}.mcp-controls-row{flex-direction:column;gap:.75rem}.mcp-control-group{min-width:auto;width:100%}.mcp-control-group .mcp-btn{margin-top:0;width:100%}.mcp-section-header{flex-direction:column;align-items:flex-start;gap:1rem}.mcp-tools-grid{grid-template-columns:1fr;padding:.5rem}.mcp-tool-actions{flex-direction:column}}.mcp-loading-container{display:flex;align-items:center;justify-content:center;padding:3rem 0}.mcp-loading-content{text-align:center}.mcp-loading-spinner{width:2rem;height:2rem;margin:0 auto .5rem;color:var(--wf-text-muted);animation:spin 1s linear infinite}.mcp-loading-title{font-size:.875rem;font-weight:500;color:var(--wf-text-primary);margin-bottom:.25rem}.mcp-loading-description{font-size:.875rem;color:var(--wf-text-secondary)}.mcp-empty-state{text-align:center;padding:3rem 0}.mcp-empty-icon{width:3rem;height:3rem;margin:0 auto .5rem;color:var(--wf-text-muted)}.mcp-empty-title{font-size:.875rem;font-weight:500;color:var(--wf-text-primary);margin-bottom:.25rem}.mcp-empty-description{font-size:.875rem;color:var(--wf-text-secondary);margin-bottom:1rem}.mcp-flex-center{display:flex;align-items:center;justify-content:center}.mcp-flex-column{display:flex;flex-direction:column;gap:.75rem;width:100%}.mcp-flex-between{display:flex;align-items:center;justify-content:space-between}.mcp-flex-start{display:flex;align-items:flex-start}.mcp-flex-gap-sm{gap:.5rem}.mcp-flex-gap-md{gap:1rem}.mcp-flex-gap-lg{gap:1.5rem}.mcp-text-center{text-align:center}.mcp-w-full{width:100%}.mcp-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.mcp-credentials-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(24rem,1fr))}@media (min-width:768px){.mcp-credentials-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.mcp-credentials-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:1280px){.mcp-credentials-grid{grid-template-columns:repeat(4,1fr)}}.mcp-credential-card{background-color:var(--wf-bg-elevated);border:1px solid var(--wf-border-primary);border-radius:.75rem;padding:1.5rem;box-shadow:var(--wf-shadow-sm);transition:all .15s ease}.mcp-credential-card:hover{box-shadow:var(--wf-shadow-md);border-color:var(--wf-border-secondary)}.mcp-credential-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:1rem}.mcp-credential-info{display:flex;align-items:center;gap:.75rem}.mcp-credential-icon-container{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;background-color:var(--wf-bg-secondary);border-radius:.5rem;color:var(--wf-text-secondary)}.mcp-credential-name{font-size:1rem;font-weight:600;color:var(--wf-text-primary);margin:0}.mcp-credential-service{font-size:.875rem;color:var(--wf-text-secondary);margin:0}.mcp-credential-status-indicators{display:flex;align-items:center;gap:.25rem}.mcp-credential-details{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.mcp-credential-detail-row{display:flex;align-items:center;justify-content:space-between;font-size:.875rem}.mcp-credential-detail-label{color:var(--wf-text-secondary)}.mcp-credential-detail-value{color:var(--wf-text-primary)}.mcp-credential-tags{margin-bottom:1rem}.mcp-credential-tags-label{font-size:.875rem;color:var(--wf-text-secondary);margin-bottom:.5rem;display:block}.mcp-credential-tags-list{display:flex;flex-wrap:wrap;gap:.25rem}.mcp-credential-tag{padding:.25rem .5rem;background-color:var(--wf-accent-blue-bg);color:var(--wf-accent-blue-text);border-radius:9999px;font-size:.75rem;font-weight:500}.mcp-credential-tag--more{background-color:var(--wf-bg-secondary);color:var(--wf-text-secondary)}.mcp-credential-actions{display:flex;align-items:center;justify-content:space-between;padding-top:1rem;border-top:1px solid var(--wf-border-primary)}.mcp-credential-icon-actions{display:flex;align-items:center;gap:.5rem}.mcp-credential-action-btn{padding:.25rem;color:var(--wf-text-tertiary);background:none;border:none;cursor:pointer;border-radius:.25rem;transition:all .15s ease}.mcp-credential-action-btn:hover{color:var(--wf-text-secondary);background-color:var(--wf-bg-secondary)}.mcp-credential-action-btn--danger:hover{color:var(--wf-accent-red-text);background-color:var(--wf-accent-red-bg)}.mcp-credential-text-actions{display:flex;align-items:center;gap:.5rem}.mcp-credential-text-btn{background:none;border:none;cursor:pointer;font-size:.875rem;padding:.25rem .5rem;border-radius:.25rem;transition:all .15s ease;display:flex;align-items:center;gap:.25rem}.mcp-credential-text-btn--test{color:var(--wf-accent-green-text)}.mcp-credential-text-btn--test:hover{background-color:var(--wf-accent-green-bg)}.mcp-credential-text-btn--validate{color:var(--wf-accent-blue-text)}.mcp-credential-text-btn--validate:hover{background-color:var(--wf-accent-blue-bg)}.mcp-monitoring-metrics-grid{display:grid;gap:2rem;grid-template-columns:repeat(2,1fr);margin-bottom:1rem}@media (min-width:768px){.mcp-monitoring-metrics-grid{grid-template-columns:repeat(4,1fr)}}.mcp-metric-card{background-color:var(--wf-bg-elevated);border:1px solid var(--wf-border-primary);border-radius:.75rem;padding:1.5rem;box-shadow:var(--wf-shadow-sm)}.mcp-metric-content{display:flex;align-items:center;justify-content:space-between}.mcp-metric-info{display:flex;flex-direction:column}.mcp-metric-label{font-size:.875rem;color:var(--wf-text-secondary);margin-bottom:.25rem}.mcp-metric-value{font-size:1.5rem;font-weight:700;color:var(--wf-text-primary)}.mcp-metric-icon{width:2rem;height:2rem;color:var(--wf-accent-green-text)}.mcp-metric-icon--warning{color:var(--wf-accent-orange-text)}.mcp-metric-icon--error{color:var(--wf-accent-red-text)}.mcp-servers-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(20rem,1fr))}.mcp-server-health-card{background-color:var(--wf-bg-elevated);border:1px solid var(--wf-border-primary);border-radius:.75rem;padding:1.5rem;box-shadow:var(--wf-shadow-sm)}.mcp-server-health-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.mcp-server-health-info{display:flex;align-items:center;gap:.75rem}.mcp-server-health-name{font-size:1rem;font-weight:600;color:var(--wf-text-primary);margin:0}.mcp-server-health-type{font-size:.75rem;padding:.25rem .5rem;border-radius:.375rem;font-weight:500;background-color:var(--wf-bg-secondary);color:var(--wf-text-secondary)}.mcp-server-health-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;margin-bottom:1rem}.mcp-server-health-stat{text-align:center}.mcp-server-health-stat-value{font-size:1.125rem;font-weight:600;color:var(--wf-text-primary);display:block}.mcp-server-health-stat-label{font-size:.75rem;color:var(--wf-text-secondary)}.mcp-activity-feed{background-color:var(--wf-bg-elevated);border:1px solid var(--wf-border-primary);border-radius:.75rem;padding:1.5rem;box-shadow:var(--wf-shadow-sm);margin:1rem 0}.mcp-activity-feed-header{font-size:1.125rem;font-weight:600;color:var(--wf-text-primary);margin-bottom:1rem}.mcp-activity-list{display:flex;flex-direction:column;gap:1rem}.mcp-activity-item{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem;background-color:var(--wf-bg-secondary);border-radius:.5rem}.mcp-activity-icon-container{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:.5rem;flex-shrink:0}.mcp-activity-icon-container--success{color:var(--wf-accent-green-text)}.mcp-activity-icon-container--warning{background-color:var(--wf-accent-orange-bg);color:var(--wf-accent-orange-text)}.mcp-activity-icon-container--error{background-color:var(--wf-accent-red-bg);color:var(--wf-accent-red-text)}.mcp-activity-icon-container--info{background-color:var(--wf-accent-blue-bg);color:var(--wf-accent-blue-text)}.mcp-activity-content{flex:1;min-width:0}.mcp-activity-message{font-size:.875rem;color:var(--wf-text-primary);margin-bottom:.25rem}.mcp-activity-timestamp{font-size:.75rem;color:var(--wf-text-secondary)}.mcp-settings-layout{display:block}.mcp-settings-nav-btn,.mcp-settings-sidebar{display:none}.mcp-settings-horizontal-tabs{border-bottom:1px solid var(--wf-border-primary);background-color:var(--wf-bg-elevated);margin:-1.7rem 0 0 -2rem;padding:0}.mcp-horizontal-nav{display:flex;gap:0;overflow-x:auto;padding:0 2rem}.mcp-horizontal-tab{display:flex;align-items:center;gap:.5rem;padding:1rem 1.5rem;background:none;border:none;border-bottom:2px solid transparent;color:var(--wf-text-secondary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s ease;white-space:nowrap}.mcp-horizontal-tab:hover{color:var(--wf-text-primary);background-color:var(--wf-bg-secondary)}.mcp-horizontal-tab--active{color:var(--wf-accent-blue-text);border-bottom-color:var(--wf-accent-blue);background-color:var(--wf-accent-blue-bg)}.mcp-horizontal-tab-icon{width:1rem;height:1rem}.mcp-settings-main-content{padding:2rem;max-width:900px;margin:2rem;display:flex;flex-direction:column;align-items:flex-start;border:1px solid var(--wf-border-primary);border-radius:.5rem;background-color:var(--wf-bg-elevated)}.mcp-settings-nav-btn:hover{background-color:var(--wf-bg-secondary);color:var(--wf-text-primary)}.mcp-settings-nav-btn--active{background-color:var(--wf-accent-blue-bg);color:var(--wf-accent-blue-text)}.mcp-settings-nav-icon{width:1.25rem;height:1.25rem}.mcp-settings-content{border:.5px solid var(--wf-border-secondary);border-radius:.5rem;padding:0;box-shadow:none;width:100%;max-width:100%}.mcp-settings-tab{display:flex;flex-direction:column;gap:1.5rem;width:100%;align-items:flex-start}.mcp-settings-tab:hover{background-color:var(--wf-bg-primary)!important}.mcp-controls-row{display:flex;flex-direction:row;align-items:flex-end;gap:1rem;width:100%;flex-wrap:wrap}.mcp-control-group{display:flex;flex-direction:column;gap:.5rem;min-width:200px;flex:0 0 auto}.mcp-settings-section-title{font-size:1.25rem;font-weight:600;color:var(--wf-text-primary);margin-bottom:1.5rem}.mcp-settings-section{margin-bottom:2rem;width:100%}.mcp-settings-section:last-child{margin-bottom:0}.mcp-settings-subsection-title{font-size:1rem;font-weight:500;width:100%;color:var(--wf-text-primary);margin-bottom:1rem}.mcp-settings-form-group{margin-bottom:1.5rem}.mcp-settings-label{display:block;font-weight:500;margin-bottom:.5rem}.mcp-settings-input,.mcp-settings-label{font-size:.875rem;color:var(--wf-text-primary)}.mcp-settings-input{width:100%;padding:.75rem;background-color:var(--wf-bg-primary);border:1px solid var(--wf-border-primary);border-radius:.375rem;box-shadow:none;box-sizing:border-box;transition:border-color .15s ease,box-shadow .15s ease}.mcp-settings-input:focus{outline:none;border-color:var(--wf-accent-blue);box-shadow:0 0 0 2px var(--wf-accent-blue-bg)}.mcp-settings-input:hover:not(:focus){border-color:var(--wf-border-secondary)}.mcp-settings-input::-moz-placeholder{color:var(--wf-text-tertiary);opacity:.7}.mcp-settings-input::placeholder{color:var(--wf-text-tertiary);opacity:.7}.mcp-settings-input:disabled{background-color:var(--wf-bg-secondary);color:var(--wf-text-tertiary);cursor:not-allowed;opacity:.6}.mcp-settings-select{width:100%;padding:.75rem;border:1px solid var(--wf-border-primary);border-radius:.375rem;background-color:var(--wf-bg-primary);color:var(--wf-text-primary);font-size:.875rem;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease}.mcp-settings-select:focus{outline:none;border-color:var(--wf-accent-blue);box-shadow:0 0 0 2px var(--wf-accent-blue-bg)}.mcp-settings-select:hover:not(:focus){border-color:var(--wf-border-secondary)}.mcp-settings-select:disabled{background-color:var(--wf-bg-primary);color:var(--wf-text-tertiary);cursor:not-allowed;opacity:.6}.mcp-settings-checkbox-group{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.mcp-settings-checkbox{width:1rem;height:1rem;accent-color:var(--wf-accent-blue)}.mcp-settings-checkbox-label{font-size:.875rem;color:var(--wf-text-primary);cursor:pointer}.mcp-settings-switches{display:flex;flex-direction:column;gap:1.5rem}.mcp-settings-switch-row{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1rem;background-color:var(--wf-bg-elevated);border:1px solid var(--wf-border-primary);border-radius:.75rem;transition:border-color .2s ease}.mcp-settings-switch-row:hover{border-color:var(--wf-border-secondary)}.mcp-settings-shared-container{display:flex;flex-direction:column;width:100%;background:var(--wf-bg-elevated);border:1px solid var(--wf-border-primary);border-radius:.75rem;padding:1rem;gap:0}.mcp-settings-switch-item{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:.75rem 0;border-bottom:1px solid var(--wf-border-primary)}.mcp-settings-switch-item:last-child{border-bottom:none;padding-bottom:0}.mcp-settings-switch-item:first-child{padding-top:0}.mcp-settings-switch-content{flex:1;display:flex;flex-direction:column;gap:.25rem}.mcp-settings-switch-content .mcp-control-label{margin-bottom:0;font-size:.9375rem;font-weight:500}.mcp-settings-switch-content .mcp-field-description{font-size:.8125rem;color:var(--wf-text-secondary);line-height:1.4}.mcp-settings-help-text{font-size:.75rem;color:var(--wf-text-secondary);margin-top:.25rem}.mcp-settings-actions{display:flex;justify-content:flex-end;gap:.75rem;padding-top:2rem;border-top:1px solid var(--wf-border-primary);margin-top:2rem}.mcp-settings-save-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background-color:var(--wf-accent-blue);color:white;border:none;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s ease}.mcp-settings-save-btn:hover:not(:disabled){background-color:var(--wf-accent-blue-hover)}.mcp-settings-save-btn:disabled{opacity:.5;cursor:not-allowed}.mcp-settings-reset-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background-color:transparent;color:var(--wf-text-secondary);border:1px solid var(--wf-border-primary);border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s ease}.mcp-settings-reset-btn:hover{background-color:var(--wf-bg-secondary);color:var(--wf-text-primary)}.mcp-warning-banner{background-color:var(--wf-bg-warning);border:1px solid var(--wf-border-warning);border-radius:.5rem;padding:1rem;margin-top:1.5rem}.mcp-warning-icon{width:1.25rem;height:1.25rem;color:var(--wf-text-warning);margin-right:.5rem;flex-shrink:0}.mcp-warning-text{font-size:.875rem;color:var(--wf-text-warning)}.switch-root{width:2.75rem;height:1.5rem;background-color:var(--wf-bg-secondary);border-radius:9999px;position:relative;border:2px solid transparent;cursor:pointer;transition:background-color .2s ease}.switch-root:hover{background-color:var(--wf-bg-tertiary)}.switch-root[data-state=checked]{background-color:var(--wf-accent-blue)}.switch-root[data-state=checked]:hover{background-color:var(--wf-accent-blue-hover,#2563eb)}.switch-root:focus-visible{outline:2px solid var(--wf-accent-blue);outline-offset:2px}.switch-root:disabled{cursor:not-allowed;opacity:.5}.switch-thumb{width:1.25rem;height:1.25rem;background-color:white;border-radius:50%;box-shadow:var(--wf-shadow-sm);transition:transform .2s ease;transform:translateX(.125rem)}.switch-root[data-state=checked] .switch-thumb{transform:translateX(1.375rem)}.mcp-section-title{font-size:1.125rem;font-weight:600;color:var(--wf-text-primary);margin:0}.mcp-tab-content{padding:0;display:flex;flex-direction:column;gap:0;background-color:var(--wf-bg-primary)}.mcp-empty-actions{margin-top:1.5rem}.usage-analytics-dashboard{padding:2rem 0;background-color:var(--wf-bg-primary)}.usage-analytics-container{max-width:7xl;margin:0 auto;padding:0 1.5rem}.usage-dashboard-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid var(--wf-border-primary)}.usage-header-content{display:flex;flex-direction:column;gap:.25rem}.usage-dashboard-title{font-size:1.875rem;font-weight:700;color:var(--wf-text-primary);margin:0}.usage-dashboard-subtitle{font-size:1rem;color:var(--wf-text-secondary);margin:0}.usage-header-actions{display:flex;align-items:center;gap:1rem}.usage-time-selector{display:flex;align-items:center;gap:.5rem}.usage-time-icon{width:1rem;height:1rem;color:var(--wf-text-secondary)}.usage-time-select{padding:.5rem .75rem;border:1px solid var(--wf-border-primary);border-radius:.375rem;background-color:var(--wf-bg-elevated);color:var(--wf-text-primary);font-size:.875rem;cursor:pointer;transition:all .2s ease}.usage-time-select:focus{outline:none;border-color:var(--wf-accent-blue);box-shadow:0 0 0 1px var(--wf-accent-blue)}.usage-action-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:1px solid var(--wf-border-primary);border-radius:.375rem;background-color:var(--wf-bg-elevated);color:var(--wf-text-primary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.usage-action-btn:hover{background-color:var(--wf-bg-secondary);border-color:var(--wf-border-secondary)}.usage-refresh-btn:disabled{opacity:.5;cursor:not-allowed}.usage-btn-icon{width:1rem;height:1rem}.usage-summary-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.usage-summary-icon{width:2rem;height:2rem;padding:.5rem;border-radius:.5rem;display:flex;align-items:center;justify-content:center}.usage-cost-icon{background-color:rgba(34,197,94,.1);color:var(--wf-accent-green)}.usage-requests-icon{background-color:rgba(37,99,235,.1);color:var(--wf-accent-blue)}.usage-latency-icon{background-color:rgba(251,146,60,.1);color:var(--wf-accent-orange)}.usage-errors-icon{background-color:rgba(239,68,68,.1);color:var(--wf-accent-red)}.usage-summary-trend{display:flex;align-items:center;gap:.25rem;font-size:.75rem;font-weight:500}.mcp-trend-up{color:var(--wf-accent-green)}.mcp-trend-down{color:var(--wf-accent-red)}.mcp-summary-trend-icon{width:.875rem;height:.875rem}.usage-summary-content{display:flex;flex-direction:column;gap:.25rem}.usage-summary-title{font-size:.875rem;font-weight:500;color:var(--wf-text-secondary);margin:0}.usage-summary-value{font-size:1.875rem;font-weight:700;color:var(--wf-text-primary);margin:0}.usage-summary-change{font-size:.75rem;color:var(--wf-text-secondary)}.usage-content-grid{display:grid;gap:1.5rem;grid-template-columns:1fr;margin-bottom:2rem}@media (min-width:1024px){.usage-content-grid{grid-template-columns:2fr 1fr}}.usage-chart-card{background-color:var(--wf-bg-elevated);border:1px solid var(--wf-border-primary);border-radius:.75rem;padding:1.5rem;box-shadow:var(--wf-shadow-sm)}.usage-chart-wide{grid-column:1/-1}@media (min-width:1024px){.usage-chart-wide{grid-column:1/2}}.usage-chart-title{margin:0}.usage-chart-actions{display:flex;align-items:center;gap:.5rem}.usage-chart-filter-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.25rem .75rem;border:1px solid var(--wf-border-primary);border-radius:.375rem;background-color:var(--wf-bg-secondary);color:var(--wf-text-secondary);font-size:.75rem;cursor:pointer;transition:all .2s ease}.usage-chart-filter-btn:hover{background-color:var(--wf-bg-tertiary);color:var(--wf-text-primary)}.usage-chart-container{position:relative}.usage-chart-placeholder-content{text-align:center;display:flex;flex-direction:column;align-items:center;gap:.5rem}.usage-chart-placeholder-icon{width:2rem;height:2rem;color:var(--wf-text-muted)}.usage-summary-grid{display:grid;gap:1.5rem;grid-template-columns:1fr;margin-bottom:2rem}@media (min-width:640px){.usage-summary-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.usage-summary-grid{grid-template-columns:repeat(4,1fr)}}.usage-summary-card{background-color:var(--wf-bg-elevated);border:1px solid var(--wf-border-primary);border-radius:.75rem;padding:1.5rem;box-shadow:var(--wf-shadow-sm);transition:all .2s ease}.usage-summary-card:hover{box-shadow:var(--wf-shadow-md);border-color:var(--wf-border-secondary)}.usage-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.usage-card-label{font-size:.875rem;font-weight:500;color:var(--wf-text-secondary)}.usage-card-icon{width:1.25rem;height:1.25rem;color:var(--wf-text-muted)}.usage-card-value{font-size:2rem;font-weight:700;color:var(--wf-text-primary);margin-bottom:.5rem}.usage-card-trend{display:flex;align-items:center;gap:.25rem;font-size:.75rem;font-weight:500}.usage-card-trend--up{color:var(--wf-accent-green)}.usage-card-trend--down{color:var(--wf-accent-red)}.usage-card-trend--neutral{color:var(--wf-text-secondary)}.usage-trend-icon{width:.875rem;height:.875rem}.usage-charts-grid{display:grid;gap:1.5rem;grid-template-columns:1fr;margin-bottom:2rem}@media (min-width:1024px){.usage-charts-grid{grid-template-columns:2fr 1fr}}.usage-chart-container{background-color:var(--wf-bg-elevated);border:1px solid var(--wf-border-primary);border-radius:.75rem;padding:1.5rem;box-shadow:var(--wf-shadow-sm)}.usage-chart-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--wf-border-primary)}.usage-chart-title{font-size:1.125rem;font-weight:600;color:var(--wf-text-primary)}.usage-chart-placeholder{display:flex;align-items:center;justify-content:center;height:300px;background-color:var(--wf-bg-secondary);border:2px dashed var(--wf-border-secondary);border-radius:.5rem;color:var(--wf-text-muted);font-size:.875rem}.usage-alerts-container{background-color:var(--wf-bg-elevated);border:1px solid var(--wf-border-primary);border-radius:.75rem;padding:1.5rem;box-shadow:var(--wf-shadow-sm);margin-bottom:2rem}.usage-alerts-header{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--wf-border-primary)}.usage-alerts-title{font-size:1.125rem;font-weight:600;color:var(--wf-text-primary)}.usage-alerts-icon{width:1.25rem;height:1.25rem;color:var(--wf-accent-orange)}.usage-alerts-list{display:flex;flex-direction:column;gap:.75rem}.usage-alert-item{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem;background-color:var(--wf-bg-secondary);border-radius:.5rem;border-left:3px solid transparent}.usage-alert-item--warning{border-left-color:var(--wf-accent-orange);background-color:rgba(251,146,60,.05)}.usage-alert-item--error{border-left-color:var(--wf-accent-red);background-color:rgba(239,68,68,.05)}.usage-alert-item--info{border-left-color:var(--wf-accent-blue);background-color:rgba(37,99,235,.05)}.usage-alert-icon-container{display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;border-radius:.375rem;flex-shrink:0}.usage-alert-icon-container--warning{background-color:var(--wf-accent-orange-bg);color:var(--wf-accent-orange)}.usage-alert-icon-container--error{background-color:var(--wf-accent-red-bg);color:var(--wf-accent-red)}.usage-alert-icon-container--info{background-color:var(--wf-accent-blue-bg);color:var(--wf-accent-blue)}.usage-alert-content{flex:1;min-width:0}.usage-alert-message{font-size:.875rem;font-weight:500;color:var(--wf-text-primary);margin-bottom:.25rem}.usage-alert-timestamp{font-size:.75rem;color:var(--wf-text-secondary)}.usage-services-container{background-color:var(--wf-bg-elevated);border:1px solid var(--wf-border-primary);border-radius:.75rem;padding:1.5rem;box-shadow:var(--wf-shadow-sm)}.usage-services-header{display:flex;align-items:center;justify-content:between;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--wf-border-primary)}.usage-services-title{font-size:1.125rem;font-weight:600;color:var(--wf-text-primary)}.usage-services-grid{display:grid;gap:1rem;grid-template-columns:1fr}@media (min-width:768px){.usage-services-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.usage-services-grid{grid-template-columns:repeat(3,1fr)}}.usage-service-card{background-color:var(--wf-bg-secondary);border:1px solid var(--wf-border-primary);border-radius:.5rem;padding:1rem;transition:all .2s ease}.usage-service-card:hover{background-color:var(--wf-bg-tertiary);border-color:var(--wf-border-secondary)}.usage-service-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.usage-service-icon{width:1.5rem;height:1.5rem;color:var(--wf-accent-blue)}.usage-service-name{font-size:.875rem;font-weight:600;color:var(--wf-text-primary)}.usage-service-stats{display:flex;flex-direction:column;gap:.5rem}.usage-service-stat{display:flex;align-items:center;justify-content:space-between;font-size:.75rem}.usage-service-stat-label{color:var(--wf-text-secondary)}.usage-service-stat-value{color:var(--wf-text-primary);font-weight:500}.billing-management-container{padding:2rem 0;background-color:var(--wf-bg-primary)}.billing-content-container{max-width:7xl;margin:0 auto;padding:0 1.5rem}.billing-placeholder{background-color:var(--wf-bg-elevated);border:1px solid var(--wf-border-primary);border-radius:.75rem;padding:3rem 2rem;text-align:center;box-shadow:var(--wf-shadow-sm)}.billing-placeholder-icon{width:3rem;height:3rem;margin:0 auto 1rem;color:var(--wf-text-muted)}.billing-placeholder-title{font-size:1.5rem;font-weight:600;color:var(--wf-text-primary);margin-bottom:.75rem}.billing-placeholder-description{font-size:1rem;color:var(--wf-text-secondary);margin-bottom:2rem;max-width:32rem;margin-left:auto;margin-right:auto}.billing-features-list{display:grid;gap:.75rem;grid-template-columns:1fr;max-width:24rem;margin:0 auto 2rem;text-align:left}@media (min-width:640px){.billing-features-list{grid-template-columns:repeat(2,1fr);max-width:32rem}}.billing-feature-item{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--wf-text-secondary)}.billing-feature-icon{width:1rem;height:1rem;color:var(--wf-accent-green);flex-shrink:0}.billing-actions{display:flex;align-items:center;justify-content:center;gap:.75rem;flex-wrap:wrap}.billing-action-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;border:none;transition:all .2s ease;text-decoration:none}.billing-action-btn:disabled{opacity:.5;cursor:not-allowed}.billing-action-btn--primary{background-color:var(--wf-accent-blue);color:white}.billing-action-btn--primary:hover:not(:disabled){background-color:#1d4ed8;transform:translateY(-1px);box-shadow:var(--wf-shadow-md)}.billing-action-btn--secondary{background-color:var(--wf-bg-secondary);color:var(--wf-text-primary);border:1px solid var(--wf-border-primary)}.billing-action-btn--secondary:hover:not(:disabled){background-color:var(--wf-bg-tertiary);border-color:var(--wf-border-secondary)}.mcp-billing-content-grid{display:grid;gap:2rem;grid-template-columns:1fr 1fr;margin-bottom:2rem}@media (max-width:1024px){.mcp-billing-content-grid{grid-template-columns:1fr}}.mcp-billing-chart-section{background-color:var(--wf-bg-elevated);border:1px solid var(--wf-border-primary);border-radius:.75rem;padding:1.5rem;box-shadow:var(--wf-shadow-sm)}.mcp-subscription-breakdown{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.mcp-subscription-item{display:flex;align-items:center;gap:1rem}.mcp-subscription-info{display:flex;align-items:center;min-width:120px}.mcp-subscription-plan{display:flex;align-items:center;gap:.75rem}.mcp-subscription-badge{padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.mcp-subscription-badge--free{background-color:var(--wf-bg-secondary);color:var(--wf-text-secondary)}.mcp-subscription-badge--pro{background-color:var(--wf-accent-blue-bg);color:var(--wf-accent-blue-text)}.mcp-subscription-badge--enterprise{background-color:var(--wf-accent-purple-bg);color:var(--wf-accent-purple-text)}.mcp-subscription-badge--paused{background-color:var(--wf-accent-orange-bg);color:var(--wf-accent-orange-text)}.mcp-subscription-count{font-size:.875rem;font-weight:600;color:var(--wf-text-primary);min-width:2rem;text-align:right}.mcp-subscription-bar{flex:1;height:.5rem;background-color:var(--wf-bg-secondary);border-radius:9999px;overflow:hidden}.mcp-subscription-progress{height:100%;border-radius:9999px;transition:width .3s ease}.mcp-subscription-progress--free{background-color:var(--wf-text-muted)}.mcp-subscription-progress--pro{background-color:var(--wf-accent-blue)}.mcp-subscription-progress--enterprise{background-color:var(--wf-accent-purple)}.mcp-subscription-progress--paused{background-color:var(--wf-accent-orange)}.mcp-activity-meta{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:var(--wf-text-muted);margin-top:.25rem}.mcp-activity-amount{font-weight:600;color:var(--wf-text-primary)}.mcp-activity-customer{color:var(--wf-text-secondary)}.mcp-activity-timestamp{color:var(--wf-text-muted)}.mcp-chart-placeholder{background-color:var(--wf-bg-elevated);border:1px solid var(--wf-border-primary);border-radius:.75rem;padding:3rem 1.5rem;text-align:center;margin:2rem 0}.mcp-chart-placeholder-content{display:flex;flex-direction:column;align-items:center;gap:1rem;max-width:24rem;margin:0 auto}.mcp-chart-placeholder-icon{width:3rem;height:3rem;color:var(--wf-text-muted)}.mcp-chart-placeholder-title{font-size:1.125rem;font-weight:600;color:var(--wf-text-primary);margin:0}.mcp-chart-placeholder-description{font-size:.875rem;color:var(--wf-text-secondary);line-height:1.5;margin:0}.mcp-loading-text{margin-top:.5rem}.mcp-loading-text,.mcp-section-description{font-size:.875rem;color:var(--wf-text-secondary)}.mcp-section-description{margin-top:.25rem;margin-bottom:0}.mcp-activity-icon-container--success{background-color:var(--wf-accent-green-bg)}.mcp-activity-icon-container--failed{background-color:var(--wf-accent-red-bg)}.mcp-activity-icon-container--dispute{background-color:var(--wf-accent-orange-bg)}.mcp-activity-icon-container--refund{background-color:var(--wf-accent-blue-bg)}@media (max-width:640px){.mcp-billing-content-grid,.mcp-monitoring-metrics-grid{grid-template-columns:1fr;gap:1rem}.mcp-subscription-item{flex-direction:column;align-items:flex-start;gap:.5rem}.mcp-subscription-bar{width:100%}.mcp-activity-meta{flex-wrap:wrap}.mcp-chart-placeholder{padding:2rem 1rem}.mcp-metric-card{padding:1rem}.mcp-metric-value{font-size:1.25rem}}.billing-action-icon{width:1rem;height:1rem;flex-shrink:0}@media (max-width:640px){.usage-analytics-container{padding:0 1rem}.usage-charts-grid,.usage-summary-grid{grid-template-columns:1fr;gap:1rem}.usage-services-grid{grid-template-columns:1fr}.usage-chart-header{flex-direction:column;align-items:flex-start;gap:.5rem}.usage-summary-card{padding:1rem}.usage-card-value{font-size:1.5rem}.billing-features-list{grid-template-columns:1fr;max-width:20rem}.billing-actions{flex-direction:column;width:100%}.billing-action-btn{width:100%;justify-content:center}}.mcp-server-mgmt{display:flex;flex-direction:column;gap:1.25rem}.mcp-server-register-form{background:var(--wf-surface-card,var(--wf-color-surface-2));border:1px solid var(--wf-border-default);border-radius:var(--wf-radius-md);padding:1.25rem;display:flex;flex-direction:column;gap:1rem}.mcp-server-form-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(16rem,1fr));gap:.75rem 1rem}.mcp-server-advanced-toggle{margin-top:.25rem}.mcp-server-auth-textarea{font-family:var(--wf-font-mono,monospace);font-size:.8125rem;resize:vertical;min-height:6rem}.mcp-settings-input--error{border-color:var(--wf-color-danger,#e53e3e)}.mcp-server-json-error{color:var(--wf-color-danger,#e53e3e);font-size:.75rem;margin-top:.25rem}.mcp-server-table-wrapper{overflow-x:auto;border:1px solid var(--wf-border-default);border-radius:var(--wf-radius-md)}.mcp-server-table{width:100%;border-collapse:collapse;font-size:.875rem}.mcp-server-table__th{padding:.625rem 1rem;text-align:left;font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;color:var(--wf-text-secondary);border-bottom:1px solid var(--wf-border-default);white-space:nowrap;background:var(--wf-surface-card,var(--wf-color-surface-2))}.mcp-server-table__th--center{text-align:center}.mcp-server-table__th--right{text-align:right}.mcp-server-table__row{border-bottom:1px solid var(--wf-border-subtle,var(--wf-border-default));transition:background .1s}.mcp-server-table__row:last-child{border-bottom:none}.mcp-server-table__row:hover{background:var(--wf-surface-hover,var(--wf-color-surface-2))}.mcp-server-table__td{padding:.75rem 1rem;vertical-align:middle}.mcp-server-table__td--name{display:flex;flex-direction:column;gap:.125rem}.mcp-server-table__td--center{text-align:center}.mcp-server-table__td--right{text-align:right}.mcp-server-table__name{font-weight:600;color:var(--wf-text-primary)}.mcp-server-table__desc{font-size:.75rem;color:var(--wf-text-secondary)}.mcp-server-table__url{word-break:break-all}.mcp-server-table__type,.mcp-server-table__url{font-family:var(--wf-font-mono,monospace);font-size:.75rem;color:var(--wf-text-secondary)}.mcp-server-table__type{padding:.2em .5em;border-radius:var(--wf-radius-sm);background:var(--wf-color-surface-3,var(--wf-color-surface-2))}.mcp-server-table__actions{display:flex;justify-content:flex-end;gap:.5rem;align-items:center}.mcp-server-catalog{border:1px solid var(--wf-border-color);border-radius:var(--wf-radius-md);background:var(--wf-surface-bg);overflow:hidden}.mcp-server-catalog__header{display:flex;flex-direction:column;gap:.75rem;padding:1rem 1.25rem .75rem;border-bottom:1px solid var(--wf-border-color)}.mcp-server-catalog__title-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.mcp-server-catalog__title{font-size:.9375rem;font-weight:600;color:var(--wf-text-primary)}.mcp-server-catalog__external-links{display:flex;align-items:center;gap:.5rem}.mcp-server-catalog__ext-link{display:inline-flex;align-items:center;gap:.3rem;font-size:.75rem;color:var(--wf-text-secondary);text-decoration:none;padding:.2rem .6rem;border:1px solid var(--wf-border-color);border-radius:999px;transition:color .15s,border-color .15s}.mcp-server-catalog__ext-link:hover{color:var(--wf-text-primary);border-color:var(--wf-text-secondary)}.mcp-server-catalog__search-row{display:flex;align-items:center;gap:.75rem}.mcp-server-catalog__search-wrap{position:relative;flex:1}.mcp-server-catalog__search-icon{position:absolute;left:.6rem;top:50%;transform:translateY(-50%);width:.875rem;height:.875rem;color:var(--wf-text-secondary);pointer-events:none}.mcp-server-catalog__search-input{width:100%;padding-left:2rem}.mcp-server-catalog__categories{display:flex;flex-wrap:wrap;gap:.375rem;padding:.625rem 1.25rem;border-bottom:1px solid var(--wf-border-color)}.mcp-server-catalog__cat-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--wf-border-color);background:transparent;color:var(--wf-text-secondary);font-size:.75rem;padding:.2rem .7rem;border-radius:999px;cursor:pointer;transition:background .15s,color .15s,border-color .15s}.mcp-server-catalog__cat-btn:hover{background:var(--wf-hover-bg);color:var(--wf-text-primary)}.mcp-server-catalog__cat-btn--active{background:var(--wf-accent-color);color:var(--wf-text-on-accent,#fff);border-color:var(--wf-accent-color)}.mcp-server-catalog__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(14rem,1fr));gap:.875rem;padding:1rem 1.25rem}.mcp-server-catalog__empty{padding:2rem 1.25rem;text-align:center;color:var(--wf-text-secondary);font-size:.875rem}.mcp-server-catalog__card{display:flex;flex-direction:column;gap:.5rem;border:1px solid var(--wf-border-color);border-radius:var(--wf-radius-sm);padding:.875rem;background:var(--wf-card-bg,var(--wf-surface-bg));transition:border-color .15s}.mcp-server-catalog__card:hover{border-color:var(--wf-text-secondary)}.mcp-server-catalog__card--registered{opacity:.55}.mcp-server-catalog__card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:.5rem}.mcp-server-catalog__card-name{font-size:.875rem;font-weight:600;color:var(--wf-text-primary)}.mcp-server-catalog__card-category{font-size:.6875rem;color:var(--wf-text-secondary);background:var(--wf-hover-bg);padding:.15rem .5rem;border-radius:999px;white-space:nowrap}.mcp-server-catalog__card-desc{font-size:.8125rem;color:var(--wf-text-secondary);line-height:1.45;flex-grow:1}.mcp-server-catalog__card-actions{display:flex;align-items:center;gap:.5rem;margin-top:auto;padding-top:.25rem}.admin-page{min-height:100vh;background-color:var(--admin-bg-primary);color:var(--admin-text-primary);padding-top:2rem}[data-theme=dark] .admin-page{background-color:#0a0f1c!important}.admin-header{background-color:var(--wf-bg-elevated);border-bottom:1px solid var(--admin-border-primary);box-shadow:var(--wf-shadow-sm);padding:1.5rem 1rem 1rem;margin-bottom:2rem}.admin-header .container{max-width:7xl;margin:0 auto;padding:0 3rem}@media (min-width:640px){.admin-header .container{padding:0 1.5rem}}@media (min-width:1024px){.admin-header .container{padding:0}}.admin-header .header-content{display:flex;align-items:center;justify-content:space-between;height:4rem}.admin-title{font-size:1.875rem;font-weight:700;color:var(--admin-text-primary)}.admin-subtitle{font-size:.875rem;color:var(--admin-text-secondary);margin-top:.5rem}.admin-card{background-color:var(--admin-bg-card);border:1px solid var(--admin-border-primary);border-radius:var(--card-border-radius);padding:var(--card-padding);box-shadow:var(--card-shadow);transition:all .2s ease-in-out}.admin-card:hover{transform:translateY(-1px)}.admin-card--elevated,.admin-card:hover{box-shadow:var(--wf-shadow-lg)}.admin-card--interactive{cursor:pointer}.admin-card--interactive:hover{border-color:var(--admin-accent-primary);box-shadow:0 0 0 3px rgba(59,130,246,.1)}.admin-stats-grid{display:grid;grid-template-columns:1fr;row-gap:2rem!important;-moz-column-gap:1.5rem;column-gap:1.5rem;margin-bottom:2rem}@media (min-width:768px){.admin-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.admin-stats-grid{grid-template-columns:repeat(4,1fr)}}.admin-stats-card{background:var(--admin-bg-card);border:1px solid var(--admin-border-primary);border-radius:8px;padding:1.5rem}.admin-stat-value{font-size:2rem;margin-top:.5rem}.admin-stat-title{font-size:.875rem;font-weight:500;color:var(--admin-text-secondary)}.admin-stat-change{font-size:.875rem;margin-top:.25rem}.admin-stat-change--positive{color:var(--wf-accent-green)}.admin-stat-change--negative{color:var(--wf-accent-red)}.admin-btn{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--btn-border-radius);font-weight:500;transition:all .2s ease-in-out;text-decoration:none;cursor:pointer;border:1px solid transparent}.admin-btn--sm{padding:var(--btn-padding-sm);font-size:.875rem}.admin-btn--md{padding:var(--btn-padding-md);font-size:1rem}.admin-btn--lg{padding:var(--btn-padding-lg);font-size:1.125rem}.admin-btn--primary{background-color:var(--admin-accent-primary);color:white}.admin-btn--primary:hover{background-color:var(--wf-accent-blue-dark);transform:translateY(-1px);box-shadow:var(--wf-shadow-md)}.admin-btn--secondary{background-color:var(--admin-bg-secondary);color:var(--admin-text-primary);border-color:var(--admin-border-primary)}.admin-btn--secondary:hover{background-color:var(--wf-bg-hover);border-color:var(--admin-accent-primary)}.admin-table-container{background-color:var(--admin-bg-card);border:1px solid var(--admin-border-primary);border-radius:var(--card-border-radius);overflow:hidden;box-shadow:var(--wf-shadow-sm)}.admin-table{width:100%;border-collapse:collapse}.admin-table th{background-color:var(--admin-bg-secondary);color:var(--admin-text-secondary);font-weight:600;font-size:.875rem;text-align:left}.admin-table td,.admin-table th{padding:1rem;border-bottom:1px solid var(--admin-border-primary)}.admin-table td{color:var(--admin-text-primary)}.admin-table tr:hover{background-color:var(--wf-bg-hover)}.admin-form-group{margin-bottom:1.5rem}.admin-label{display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.admin-input,.admin-label{color:var(--admin-text-primary)}.admin-input{width:100%;border:1px solid var(--input-border);border-radius:var(--input-border-radius);padding:var(--input-padding);font-size:1rem;background-color:var(--admin-bg-card);transition:all .2s ease-in-out}.admin-input:focus{outline:none;border-color:var(--input-focus-border);box-shadow:0 0 0 3px rgba(59,130,246,.1)}input[type=number].text-secondary{background-color:var(--wf-bg-elevated,#ffffff);border:1px solid var(--wf-border-primary,#e5e7eb);border-radius:.375rem;padding:.5rem .75rem;font-size:.875rem;color:var(--wf-text-primary,#111827);transition:all .2s ease-in-out}input[type=number].text-secondary:focus{outline:none;border-color:var(--wf-accent-blue,#3b82f6);box-shadow:0 0 0 3px rgba(59,130,246,.1)}input[type=number].text-secondary::-moz-placeholder{color:var(--wf-text-tertiary,#9ca3af)}input[type=number].text-secondary::placeholder{color:var(--wf-text-tertiary,#9ca3af)}.admin-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5rem;padding-right:2.5rem}.admin-icon{width:1.5rem;height:1.5rem;stroke-width:1.5}.admin-icon--sm{width:1rem;height:1rem}.admin-icon--lg{width:2rem;height:2rem}.admin-icon--accent{color:var(--admin-accent-primary)}.admin-icon-bg{display:flex;align-items:center;justify-content:center;border-radius:.75rem;padding:.75rem}.admin-icon-bg--blue,.admin-icon-bg--green{background-color:var(--wf-accent-blue-light)}.admin-icon-bg--purple{background-color:rgba(139,92,246,.1)}.admin-icon-bg--orange{background-color:rgba(245,158,11,.1)}[data-theme=dark] .admin-icon-bg--green{background-color:rgba(16,185,129,.3)!important}[data-theme=dark] .admin-icon-bg--blue{background-color:rgba(59,130,246,.3)!important}[data-theme=dark] .admin-icon-bg--purple{background-color:rgba(168,85,247,.3)!important}[data-theme=dark] .admin-icon-bg--orange{background-color:rgba(249,115,22,.3)!important}.admin-alert{border-radius:var(--card-border-radius);padding:1rem;margin-bottom:1rem;border-left:4px solid}.admin-alert--info{background-color:rgba(59,130,246,.1);border-left-color:var(--wf-accent-blue);color:var(--admin-text-primary)}.admin-alert--success{background-color:rgba(16,185,129,.1);border-left-color:var(--wf-accent-green);color:var(--admin-text-primary)}.admin-alert--warning{background-color:rgba(245,158,11,.1);border-left-color:var(--wf-accent-orange);color:var(--admin-text-primary)}.admin-alert--error{background-color:rgba(239,68,68,.1);border-left-color:var(--wf-accent-red);color:var(--admin-text-primary)}.admin-container{max-width:7xl;margin:0 auto;padding:0 1rem}@media (min-width:640px){.admin-container{padding:0 1.5rem}}@media (min-width:1024px){.admin-container{padding:0 2rem}}.admin-grid{display:grid;gap:1.5rem}.admin-grid--cols-1{grid-template-columns:1fr}.admin-grid--cols-2{grid-template-columns:repeat(2,1fr)}.admin-grid--cols-3{grid-template-columns:repeat(3,1fr)}@media (max-width:768px){.admin-grid--cols-2,.admin-grid--cols-3{grid-template-columns:1fr}}@media (min-width:768px) and (max-width:1024px){.admin-grid--cols-3{grid-template-columns:repeat(2,1fr)}}.admin-space-y-2>*+*{margin-top:.5rem}.admin-space-y-4>*+*{margin-top:1rem}.admin-space-y-6>*+*{margin-top:1.5rem}.admin-space-y-8>*+*{margin-top:2rem}.admin-card.admin-space-y-6{margin-bottom:1.5rem}[data-theme=dark] .admin-page{color:var(--wf-text-primary)}[data-theme=dark] .admin-text-primary{color:#f8fafc!important}[data-theme=dark] .admin-text-secondary{color:#cbd5e1!important}[data-theme=dark] .admin-title{color:#f8fafc!important}[data-theme=dark] .admin-stat-title,[data-theme=dark] .admin-subtitle{color:#cbd5e1!important}[data-theme=dark] .admin-stat-value{color:#f8fafc!important}[data-theme=dark] .admin-stat-change--positive,[data-theme=dark] .admin-status-green{color:#34d399!important}[data-theme=dark] .admin-font-medium{color:#f8fafc!important}[data-theme=dark] .admin-input{background-color:var(--wf-bg-tertiary);border-color:var(--wf-border-secondary);color:var(--wf-text-primary)}[data-theme=dark] .admin-input:focus{border-color:var(--wf-accent-blue);box-shadow:0 0 0 3px rgba(59,130,246,.2)}[data-theme=dark] input[type=number].text-secondary{background-color:var(--wf-bg-tertiary,#1e293b);border-color:var(--wf-border-secondary,#334155);color:var(--wf-text-primary,#f1f5f9)}[data-theme=dark] input[type=number].text-secondary:focus{border-color:var(--wf-accent-blue,#3b82f6);box-shadow:0 0 0 3px rgba(59,130,246,.2)}[data-theme=dark] input[type=number].text-secondary::-moz-placeholder{color:var(--wf-text-tertiary,#64748b)}[data-theme=dark] input[type=number].text-secondary::placeholder{color:var(--wf-text-tertiary,#64748b)}[data-theme=dark] .admin-alert{background-color:#9ca3af;padding:1rem;border-radius:.5rem;margin-bottom:1rem}[data-theme=dark] .admin-alert--info{background-color:#6b7280!important;border-left-color:var(--wf-accent-blue);color:#dbeafe}[data-theme=dark] .admin-alert--warning{background-color:rgba(245,158,11,.1);border-left-color:var(--wf-accent-orange);color:var(--admin-text-primary)}[data-theme=dark] .admin-alert--error{background-color:rgba(239,68,68,.1);border-left-color:var(--wf-accent-red);color:var(--admin-text-primary)}.admin-toggle{position:relative;display:inline-flex;align-items:center;cursor:pointer}.admin-toggle-slider{width:2.75rem;height:1.5rem;background-color:#d1d5db;border-radius:9999px;position:relative;transition:all .2s ease-in-out}.admin-toggle input:focus+.admin-toggle-slider{outline:none;box-shadow:0 0 0 4px rgba(59,130,246,.2)}.admin-toggle-slider:after{content:"";position:absolute;top:2px;left:2px;width:1.25rem;height:1.25rem;background-color:white;border-radius:9999px;transition:all .2s ease-in-out;border:1px solid #d1d5db}.admin-toggle input:checked+.admin-toggle-slider{background-color:#2563eb}.admin-toggle input:checked+.admin-toggle-slider:after{transform:translateX(1.25rem);border-color:white}[data-theme=dark] .admin-toggle-slider{background-color:#374151}[data-theme=dark] .admin-toggle input:focus+.admin-toggle-slider{box-shadow:0 0 0 4px rgba(59,130,246,.4)}[data-theme=dark] .admin-toggle-slider:after{border-color:#4b5563}[data-theme=dark] .admin-toggle input:checked+.admin-toggle-slider{background-color:#2563eb}[data-theme=dark] .admin-border-muted{border-color:#374151!important}[data-theme=dark] .admin-bg-muted{background-color:#1f2937!important}[data-theme=dark] .admin-bg-primary{background-color:#111827!important}[data-theme=dark] .admin-border-color{border-color:#374151!important}[data-theme=dark] .admin-label{color:#f8fafc!important}[data-theme=dark] .admin-border-success{border-color:#10b981!important}[data-theme=dark] .admin-bg-success-subtle{background-color:rgba(16,185,129,.1)!important}[data-theme=dark] .admin-text-success{color:#10b981!important}[data-theme=dark] .admin-card-title{color:#f8fafc!important}[data-theme=dark] .admin-card-subtitle{color:#cbd5e1!important}.admin-btn-group{display:flex;gap:.5rem}.admin-btn--success{background-color:var(--wf-accent-green);color:white}.admin-btn--success:hover{background-color:#059669;transform:translateY(-1px);box-shadow:var(--wf-shadow-md)}.admin-btn--error{background-color:var(--wf-accent-red);color:white}.admin-btn--error:hover{background-color:#dc2626;transform:translateY(-1px);box-shadow:var(--wf-shadow-md)}.admin-btn--ghost{background-color:transparent;color:var(--admin-accent-primary);border:1px solid transparent}.admin-btn--ghost:hover{background-color:rgba(59,130,246,.1);border-color:var(--admin-accent-primary)}.admin-btn--disabled{background-color:#9ca3af;color:#6b7280;cursor:not-allowed}.admin-btn--disabled:hover{transform:none;box-shadow:none}.admin-btn--xs{padding:.25rem .5rem;font-size:.75rem}.admin-grid--3{grid-template-columns:repeat(3,1fr)}@media (max-width:768px){.admin-grid--3{grid-template-columns:1fr}}@media (min-width:768px) and (max-width:1024px){.admin-grid--3{grid-template-columns:repeat(2,1fr)}}.admin-card--hover{cursor:pointer}.admin-card--hover:hover{transform:translateY(-2px);box-shadow:var(--wf-shadow-lg)}.admin-card--selected{border-color:var(--admin-accent-primary);box-shadow:0 0 0 2px rgba(59,130,246,.2)}.admin-card-title{font-size:1.25rem;font-weight:600;color:var(--admin-text-primary)}.admin-card-subtitle{font-size:.875rem;color:var(--admin-text-secondary);margin-top:.25rem}.admin-stat-card{background-color:var(--admin-bg-card);border:1px solid var(--admin-border-primary);border-radius:var(--card-border-radius);padding:.75rem;box-shadow:var(--wf-shadow-sm)}.admin-stat-value{font-size:1.5rem;font-weight:700;color:var(--admin-text-primary)}.admin-stat-label{font-size:.75rem;color:var(--admin-text-secondary)}.admin-border-success{border-color:var(--wf-accent-green)}.admin-bg-success-subtle{background-color:rgba(16,185,129,.1)}.admin-border-error{border-color:var(--wf-accent-red)}.admin-bg-error-subtle{background-color:rgba(239,68,68,.1)}.admin-border-warning{border-color:var(--wf-accent-orange)}.admin-bg-warning-subtle{background-color:rgba(245,158,11,.1)}.admin-border-muted{border-color:var(--admin-border-primary)}.admin-bg-muted{background-color:var(--admin-bg-secondary)}.admin-bg-primary{background-color:var(--admin-bg-card)}.admin-border-color{border-color:var(--admin-border-primary)}.admin-text-success{color:var(--wf-accent-green)}.admin-text-error{color:var(--wf-accent-red)}.admin-text-warning{color:var(--wf-accent-orange)}.admin-icon--xs{width:.75rem;height:.75rem}.admin-icon--xl{width:3rem;height:3rem}.admin-input--sm{padding:.375rem .75rem;font-size:.875rem}.admin-badge{display:inline-block;padding:.25rem .5rem;font-size:.75rem;font-weight:500;border-radius:9999px}.admin-nav-item{display:flex;align-items:center;padding:.75rem;border-radius:.5rem;transition:all .2s ease-in-out;text-decoration:none;color:var(--admin-text-primary)}.admin-nav-item:hover{color:var(--admin-text-primary)}.admin-nav-item--primary:hover,.admin-nav-item:hover{background-color:var(--wf-bg-hover)}.admin-nav-item--accent:hover{background-color:rgba(59,130,246,.1);color:var(--wf-accent-blue)}.admin-nav-item--accent:hover .admin-icon{color:var(--wf-accent-blue)}.admin-nav-item .admin-icon{transition:color .2s ease-in-out}.admin-nav-item:hover .admin-icon{color:var(--admin-text-primary)}[data-theme=dark] .admin-nav-item:hover{background-color:var(--wf-bg-hover)}[data-theme=dark] .admin-nav-item--accent:hover{background-color:rgba(59,130,246,.2);color:var(--wf-accent-blue)}.admin-layout-container{max-width:80rem;margin:0 auto;padding-left:1rem;padding-right:1rem}@media (min-width:640px){.admin-layout-container{padding-left:1.5rem;padding-right:1.5rem}}@media (min-width:1024px){.admin-layout-container{padding-left:2rem;padding-right:2rem}}.admin-header-content{display:flex;justify-content:space-between;height:4rem}.admin-header-left,.admin-header-right{display:flex;align-items:center}.admin-header-right{gap:1rem}.admin-sidebar{width:16rem;min-height:100vh;box-shadow:var(--wf-shadow-md);background-color:var(--admin-bg-card);border-right:1px solid var(--admin-border-primary);padding-top:2rem}.admin-sidebar-content{padding:1.5rem}.admin-nav-list{display:flex;flex-direction:column;gap:.5rem}.admin-main-layout{display:flex}.admin-main-content{flex:1}.admin-text-xl{font-size:1.25rem;font-weight:700}.admin-text-sm{font-size:.875rem}.admin-text-primary{color:var(--admin-text-primary)!important}.admin-text-secondary{color:var(--admin-text-secondary)!important}.admin-font-medium{font-weight:500}.admin-font-bold{font-weight:700}.admin-mr-3{margin-right:.75rem}.admin-border-t{border-top:1px solid var(--admin-border-primary)}.admin-pt-4{padding-top:1rem}.admin-mt-4{margin-top:1rem}.admin-icon-red{color:#ef4444}.admin-icon-green{color:#10b981}.admin-icon-blue{color:#3b82f6}.admin-icon-orange{color:#f59e0b}.admin-flex{display:flex}.admin-flex-1{flex:1}.admin-items-start{align-items:flex-start}.admin-items-center{align-items:center}.admin-justify-between{justify-content:space-between}.admin-space-x-4>*+*{margin-left:1rem}.admin-space-x-3>*+*{margin-left:.75rem}.admin-text-lg{font-size:1.125rem;font-weight:600}.admin-text-xs{font-size:.75rem}.admin-mt-1{margin-top:.25rem}.admin-mb-4{margin-bottom:1rem}.admin-card--highlight{border-color:#dbeafe;background-color:#eff6ff}.admin-card--highlight:hover{border-color:#93c5fd}.group:hover .admin-group-hover-blue{color:var(--wf-accent-blue)}.admin-status-green{color:#059669}.admin-status-blue{color:#2563eb}[data-theme=dark] .admin-card--highlight{border-color:rgba(59,130,246,.3);background-color:rgba(59,130,246,.1)}[data-theme=dark] .admin-card--highlight:hover{border-color:rgba(59,130,246,.5)}.admin-performance-chart{background-color:var(--wf-bg-elevated);border:1px solid var(--admin-border-primary);border-radius:var(--wf-border-radius-lg);padding:1.5rem;box-shadow:var(--wf-shadow-sm);transition:all .2s ease}.admin-performance-chart:hover{box-shadow:var(--wf-shadow-md);border-color:var(--admin-border-focus)}.admin-performance-chart-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--admin-border-primary)}.admin-chart-title{font-size:1.125rem;font-weight:600;color:var(--admin-text-primary);margin:0 0 .5rem}.admin-chart-subtitle{font-size:.875rem;color:var(--admin-text-secondary);margin:0}.admin-chart-container{background-color:var(--wf-bg-primary);border:1px solid var(--admin-border-secondary);border-radius:var(--wf-border-radius-md);padding:1.25rem;margin-bottom:1.5rem}.admin-chart-container:last-child{margin-bottom:0}.admin-chart-grid{stroke:var(--admin-border-secondary);stroke-dasharray:3 3;opacity:.4}.admin-chart-axis{font-size:.75rem;fill:var(--admin-text-secondary)}.admin-performance-chart-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;color:var(--admin-text-secondary)}.admin-performance-chart-loading .admin-loading-spinner{width:2rem;height:2rem;border-top:2px solid var(--admin-border-secondary);border:2px solid var(--admin-border-secondary);border-top-color:var(--admin-accent-primary);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.admin-performance-chart-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;background-color:rgba(239,68,68,.05);border:1px solid rgba(239,68,68,.2);border-radius:var(--wf-border-radius-md);color:var(--admin-danger-text)}.admin-chart-error-icon{width:2.5rem;height:2.5rem;color:var(--admin-danger-primary);margin-bottom:1rem}.admin-chart-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin-bottom:1.5rem}.admin-chart-metric-card{background-color:var(--wf-bg-elevated);border:1px solid var(--admin-border-secondary);border-radius:var(--wf-border-radius-md);padding:1rem;text-align:center}.admin-chart-metric-value{font-size:1.5rem;font-weight:700;color:var(--admin-text-primary);margin-bottom:.25rem}.admin-chart-metric-label{font-size:.75rem;font-weight:500;color:var(--admin-text-secondary);text-transform:uppercase;letter-spacing:.05em}.admin-chart-time-selector{display:flex;gap:.5rem;align-items:center}.admin-chart-time-button{padding:.5rem 1rem;border:1px solid var(--admin-border-secondary);border-radius:var(--wf-border-radius-sm);background-color:var(--wf-bg-primary);color:var(--admin-text-secondary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.admin-chart-time-button:hover{background-color:var(--wf-bg-elevated);border-color:var(--admin-border-focus);color:var(--admin-text-primary)}.admin-chart-time-button.active{background-color:var(--admin-accent-primary);border-color:var(--admin-accent-primary);color:white}@media (max-width:768px){.admin-performance-chart-controls{flex-direction:column;gap:1rem;align-items:stretch}.admin-chart-time-selector{justify-content:center}.admin-chart-metrics{grid-template-columns:repeat(2,1fr)}}[data-theme=dark] .admin-performance-chart{background-color:var(--wf-bg-elevated);border-color:var(--admin-border-primary)}[data-theme=dark] .admin-chart-container{background-color:var(--wf-bg-secondary);border-color:var(--admin-border-secondary)}[data-theme=dark] .admin-chart-grid{stroke:var(--admin-border-secondary);opacity:.3}[data-theme=dark] .admin-chart-axis{fill:var(--admin-text-secondary)}