.breadcrumb{display:flex;align-items:center;flex:1;min-width:0;padding:0 16px}.breadcrumb__list{display:flex;align-items:center;list-style:none;margin:0;padding:0;gap:0;min-width:0;flex-wrap:nowrap;overflow:hidden}.breadcrumb__item{display:flex;align-items:center;min-width:0;flex-shrink:0}.breadcrumb__item:nth-last-child(-n+2){flex-shrink:1;min-width:60px}.breadcrumb__separator{display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);opacity:.5;margin:0 2px;flex-shrink:0}.breadcrumb__slash{font-size:var(--font-size-sm);font-weight:400;-webkit-user-select:none;user-select:none}.breadcrumb__link{display:flex;align-items:center;gap:4px;padding:2px 4px;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--color-text-muted);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all .15s ease;text-decoration:none;white-space:nowrap;max-width:200px;overflow:hidden}.breadcrumb__link:hover{background:var(--color-surface-hover);color:var(--color-text)}.breadcrumb__link:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.breadcrumb__current{display:flex;align-items:center;gap:4px;padding:2px 4px;color:var(--color-text);font-size:var(--font-size-sm);font-weight:600;white-space:nowrap;max-width:200px;overflow:hidden}.breadcrumb__current--last{color:var(--color-text)}.breadcrumb__current--tab{color:var(--color-primary);background:rgba(var(--color-primary-rgb),.1);border-radius:var(--radius-sm)}.breadcrumb__label{overflow:hidden;text-overflow:ellipsis}.breadcrumb__link svg,.breadcrumb__current svg{flex-shrink:0;opacity:.8}.breadcrumb__link:hover svg{opacity:1}@media(max-width:1024px){.breadcrumb__link,.breadcrumb__current{max-width:150px}}@media(max-width:768px){.breadcrumb{display:none}}@keyframes breadcrumbFadeIn{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}.breadcrumb__item{animation:breadcrumbFadeIn .2s ease forwards}.breadcrumb__item:nth-child(1){animation-delay:0ms}.breadcrumb__item:nth-child(2){animation-delay:30ms}.breadcrumb__item:nth-child(3){animation-delay:60ms}.breadcrumb__item:nth-child(4){animation-delay:90ms}.breadcrumb__item:nth-child(5){animation-delay:.12s}.notification-dialog-overlay{position:fixed;inset:0;background:transparent;z-index:999}.notification-dialog{position:fixed;top:56px;right:80px;background-color:#161616;border-radius:12px;box-shadow:0 10px 40px #00000080,0 0 0 1px #ffffff1a;width:420px;max-width:calc(100vw - 32px);max-height:calc(100vh - 80px);display:flex;flex-direction:column;animation:slideDown .15s ease-out;z-index:1000}[data-theme=light] .notification-dialog,.theme-light .notification-dialog{background-color:#fff;box-shadow:0 10px 40px #00000026,0 0 0 1px #00000014}.notification-dialog__header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.1);background-color:#161616;border-radius:12px 12px 0 0}[data-theme=light] .notification-dialog__header,.theme-light .notification-dialog__header{background-color:#fff;border-bottom-color:#00000014}.notification-dialog__header h2{margin:0;font-size:16px;font-weight:600;color:var(--color-text)}.notification-dialog__close{background:none;border:none;cursor:pointer;padding:6px;border-radius:6px;color:var(--color-text-muted);transition:all .15s ease;display:flex;align-items:center;justify-content:center}.notification-dialog__close:hover{background:var(--color-bg-hover);color:var(--color-text)}.notification-dialog__tabs{display:flex;gap:4px;padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.1);overflow-x:auto;background-color:#161616}[data-theme=light] .notification-dialog__tabs,.theme-light .notification-dialog__tabs{background-color:#fff;border-bottom-color:#00000014}.notification-dialog__tabs::-webkit-scrollbar{display:none}.notification-dialog__tab{display:flex;align-items:center;gap:6px;padding:8px 12px;background:transparent;border:none;border-radius:8px;cursor:pointer;font-size:13px;color:var(--color-text-muted);transition:all .15s ease;white-space:nowrap}.notification-dialog__tab:hover{background:var(--color-bg-hover);color:var(--color-text)}.notification-dialog__tab.active{background:var(--color-primary);color:#fff;font-weight:500}.notification-dialog__tab-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;background:#fff3;color:inherit;font-size:11px;font-weight:600;border-radius:9px}.notification-dialog__tab:not(.active) .notification-dialog__tab-badge{background:var(--color-primary);color:#fff}.notification-dialog__content{flex:1;overflow-y:auto;min-height:150px;max-height:350px;background-color:#161616}[data-theme=light] .notification-dialog__content,.theme-light .notification-dialog__content{background-color:#fff}.notification-dialog__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;gap:12px;color:var(--color-text-muted);font-size:14px}.notification-dialog__spinner{width:24px;height:24px;border:2px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}.notification-dialog__list{display:flex;flex-direction:column}.notification-dialog__item{display:flex;gap:12px;padding:14px 20px;cursor:pointer;border-bottom:1px solid rgba(255,255,255,.06);transition:background .15s ease;background-color:#161616}[data-theme=light] .notification-dialog__item,.theme-light .notification-dialog__item{background-color:#fff;border-bottom-color:#0000000f}.notification-dialog__item:last-child{border-bottom:none}.notification-dialog__item:hover{background:var(--color-bg-hover)}.notification-dialog__item.unread{background:#6366f114}.notification-dialog__item.unread:hover{background:#6366f11f}.notification-dialog__item-indicator{width:8px;height:8px;border-radius:50%;margin-top:5px;flex-shrink:0}.notification-dialog__item.read .notification-dialog__item-indicator{opacity:.3}.notification-dialog__item-content{flex:1;min-width:0}.notification-dialog__item-title{font-size:14px;font-weight:500;color:var(--color-text);margin-bottom:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notification-dialog__item.read .notification-dialog__item-title{font-weight:400;color:var(--color-text-muted)}.notification-dialog__item-message{font-size:13px;color:var(--color-text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.4}.notification-dialog__item-meta{display:flex;gap:8px;font-size:12px;color:var(--color-text-muted);margin-top:6px;opacity:.7}.notification-dialog__item-meta span:not(:last-child):after{content:"·";margin-left:8px}.notification-dialog__show-all{display:flex;align-items:center;justify-content:center;gap:6px;padding:14px 20px;cursor:pointer;background:#6366f114;color:var(--color-primary);font-size:13px;font-weight:500;transition:all .15s ease;border-top:1px solid rgba(255,255,255,.06)}.notification-dialog__show-all:hover{background:#6366f126}[data-theme=light] .notification-dialog__show-all,.theme-light .notification-dialog__show-all{border-top-color:#0000000f}.notification-dialog__alerts-container{display:flex;flex-direction:column}.notification-dialog__alert-section{border-bottom:1px solid rgba(255,255,255,.08)}.notification-dialog__alert-section:last-child{border-bottom:none}[data-theme=light] .notification-dialog__alert-section,.theme-light .notification-dialog__alert-section{border-bottom-color:#00000014}.notification-dialog__section-header{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;cursor:pointer;transition:background .15s ease;-webkit-user-select:none;user-select:none}.notification-dialog__section-header:hover{background:var(--color-bg-hover)}.notification-dialog__section-title{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:500;color:var(--color-text)}.notification-dialog__section-title svg{color:var(--color-text-muted)}.notification-dialog__section-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;background:var(--color-primary);color:#fff;font-size:11px;font-weight:600;border-radius:10px}.notification-dialog__chevron{color:var(--color-text-muted);transition:transform .2s ease}.notification-dialog__chevron.expanded{transform:rotate(180deg)}.notification-dialog__section-content{background:#00000026}[data-theme=light] .notification-dialog__section-content,.theme-light .notification-dialog__section-content{background:#00000008}.notification-dialog__section-content .notification-dialog__item{padding:10px 20px 10px 36px;background:transparent}.notification-dialog__section-content .notification-dialog__item:hover{background:#ffffff0d}[data-theme=light] .notification-dialog__section-content .notification-dialog__item:hover,.theme-light .notification-dialog__section-content .notification-dialog__item:hover{background:#0000000d}.notification-dialog__section-empty{padding:16px 36px;font-size:13px;color:var(--color-text-muted);font-style:italic}.notification-dialog__section-view-more{padding:10px 36px;font-size:12px;color:var(--color-primary);cursor:pointer;transition:all .15s ease}.notification-dialog__section-view-more:hover{background:#6366f11a;text-decoration:underline}@media(max-width:520px){.notification-dialog{top:56px;right:8px;left:8px;width:auto;max-height:calc(100vh - 72px)}.notification-dialog__tab span{display:none}.notification-dialog__tab{padding:8px}}.toaster{position:fixed;bottom:24px;right:24px;z-index:9999;display:flex;flex-direction:column;gap:12px;max-width:420px;width:100%;pointer-events:none}.toast{display:flex;align-items:flex-start;gap:12px;padding:16px;background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);pointer-events:auto;position:relative;overflow:hidden;animation:toast-enter .3s cubic-bezier(.21,1.02,.73,1) forwards}.toast--exiting{animation:toast-exit .2s ease-out forwards}@keyframes toast-enter{0%{opacity:0;transform:translate(100%) scale(.95)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes toast-exit{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(100%) scale(.95)}}.toast__icon{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;flex-shrink:0}.toast--success .toast__icon{background:linear-gradient(135deg,#10b981,#059669);color:var(--color-text-inverse)}.toast--error .toast__icon{background:linear-gradient(135deg,#ef4444,#dc2626);color:var(--color-text-inverse)}.toast--warning .toast__icon{background:linear-gradient(135deg,#f59e0b,#d97706);color:var(--color-text-inverse)}.toast--info .toast__icon{background:linear-gradient(135deg,#3b82f6,#2563eb);color:var(--color-text-inverse)}.toast__content{flex:1;min-width:0}.toast__title{font-weight:600;font-size:var(--font-size-sm);color:var(--color-text);line-height:1.4}.toast__message{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:4px;line-height:1.5}.toast__action{background:transparent;border:1px solid var(--color-border);color:var(--color-accent);font-size:var(--font-size-xs);font-weight:600;padding:6px 12px;border-radius:var(--radius-xs);cursor:pointer;transition:background .15s ease;white-space:nowrap}.toast__action:hover{background:var(--color-card-muted)}.toast__dismiss{background:transparent;border:none;color:var(--color-text-muted);width:24px;height:24px;border-radius:var(--radius-xs);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:12px;transition:all .15s ease;flex-shrink:0}.toast__dismiss:hover{background:var(--color-card-muted);color:var(--color-text)}.toast__progress{position:absolute;bottom:0;left:0;height:3px;width:100%;transform-origin:left;animation:toast-progress linear forwards}.toast--success .toast__progress{background:linear-gradient(90deg,#10b981,#059669)}.toast--error .toast__progress{background:linear-gradient(90deg,#ef4444,#dc2626)}.toast--warning .toast__progress{background:linear-gradient(90deg,#f59e0b,#d97706)}.toast--info .toast__progress{background:linear-gradient(90deg,#3b82f6,#2563eb)}@keyframes toast-progress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@media(max-width:480px){.toaster{left:16px;right:16px;bottom:16px;max-width:none}}.confirm-dialog-backdrop{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:confirm-backdrop-fade-in .15s ease-out}@keyframes confirm-backdrop-fade-in{0%{opacity:0}to{opacity:1}}.confirm-dialog{background:var(--bg-primary, #1a1a2e);border:1px solid var(--border-color, #2d2d44);border-radius:12px;padding:24px;max-width:420px;width:90%;box-shadow:0 20px 40px #0006;animation:confirm-dialog-slide-in .2s ease-out}@keyframes confirm-dialog-slide-in{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.confirm-dialog__icon{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 16px}.confirm-dialog__icon--danger{background:#ef444426;color:#ef4444}.confirm-dialog__icon--warning{background:#f59e0b26;color:#f59e0b}.confirm-dialog__icon--info{background:#3b82f626;color:#3b82f6}.confirm-dialog__icon--default{background:#8b5cf626;color:#8b5cf6}.confirm-dialog__content{text-align:center;margin-bottom:24px}.confirm-dialog__title{font-size:18px;font-weight:600;color:var(--text-primary, #ffffff);margin:0 0 8px;line-height:1.4}.confirm-dialog__message{font-size:14px;color:var(--text-secondary, #a0a0b0);margin:0;line-height:1.6}.confirm-dialog__actions{display:flex;gap:12px;justify-content:center}.confirm-dialog__button{padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .15s ease;min-width:100px;border:none}.confirm-dialog__button--cancel{background:var(--bg-secondary, #252540);color:var(--text-secondary, #a0a0b0);border:1px solid var(--border-color, #2d2d44)}.confirm-dialog__button--cancel:hover{background:var(--bg-tertiary, #2d2d4a);color:var(--text-primary, #ffffff)}.confirm-dialog__button--confirm{color:#fff}.confirm-dialog__button--confirm.confirm-dialog__button--danger{background:#ef4444}.confirm-dialog__button--confirm.confirm-dialog__button--danger:hover{background:#dc2626}.confirm-dialog__button--confirm.confirm-dialog__button--warning{background:#f59e0b}.confirm-dialog__button--confirm.confirm-dialog__button--warning:hover{background:#d97706}.confirm-dialog__button--confirm.confirm-dialog__button--info{background:#3b82f6}.confirm-dialog__button--confirm.confirm-dialog__button--info:hover{background:#2563eb}.confirm-dialog__button--confirm.confirm-dialog__button--default{background:#8b5cf6}.confirm-dialog__button--confirm.confirm-dialog__button--default:hover{background:#7c3aed}.confirm-dialog__button:focus{outline:none;box-shadow:0 0 0 2px var(--bg-primary, #1a1a2e),0 0 0 4px var(--accent-color, #8b5cf6)}.confirm-dialog__button--confirm:focus{box-shadow:0 0 0 2px var(--bg-primary, #1a1a2e),0 0 0 4px currentColor}[data-theme=light] .confirm-dialog{background:#fff;border-color:#e5e7eb}[data-theme=light] .confirm-dialog__title{color:#111827}[data-theme=light] .confirm-dialog__message{color:#6b7280}[data-theme=light] .confirm-dialog__button--cancel{background:#f3f4f6;color:#6b7280;border-color:#e5e7eb}[data-theme=light] .confirm-dialog__button--cancel:hover{background:#e5e7eb;color:#111827}@media(max-width:480px){.confirm-dialog{padding:20px;margin:16px}.confirm-dialog__actions{flex-direction:column-reverse}.confirm-dialog__button{width:100%}}.skeleton{position:relative;overflow:hidden;background:var(--skeleton-base);border-radius:var(--skeleton-radius, 8px);box-shadow:inset 0 1px 2px #0000000a}.theme-dark .skeleton,[data-theme=dark] .skeleton{--skeleton-base: linear-gradient( 135deg, rgba(255, 255, 255, .06) 0%, rgba(255, 255, 255, .03) 50%, rgba(255, 255, 255, .06) 100% );--skeleton-shine: linear-gradient( 90deg, transparent 0%, rgba(255, 255, 255, .04) 25%, rgba(255, 255, 255, .08) 50%, rgba(255, 255, 255, .04) 75%, transparent 100% );box-shadow:inset 0 1px 2px #0003}.theme-light .skeleton,[data-theme=light] .skeleton{--skeleton-base: linear-gradient( 135deg, #f3f4f6 0%, #e5e7eb 50%, #f3f4f6 100% );--skeleton-shine: linear-gradient( 90deg, transparent 0%, rgba(255, 255, 255, .5) 25%, rgba(255, 255, 255, .9) 50%, rgba(255, 255, 255, .5) 75%, transparent 100% );box-shadow:inset 0 1px 2px #00000008}@media(prefers-color-scheme:dark){.skeleton{--skeleton-base: linear-gradient( 135deg, rgba(255, 255, 255, .06) 0%, rgba(255, 255, 255, .03) 50%, rgba(255, 255, 255, .06) 100% );--skeleton-shine: linear-gradient( 90deg, transparent 0%, rgba(255, 255, 255, .04) 25%, rgba(255, 255, 255, .08) 50%, rgba(255, 255, 255, .04) 75%, transparent 100% );box-shadow:inset 0 1px 2px #0003}}@media(prefers-color-scheme:light){.skeleton{--skeleton-base: linear-gradient( 135deg, #f3f4f6 0%, #e5e7eb 50%, #f3f4f6 100% );--skeleton-shine: linear-gradient( 90deg, transparent 0%, rgba(255, 255, 255, .5) 25%, rgba(255, 255, 255, .9) 50%, rgba(255, 255, 255, .5) 75%, transparent 100% );box-shadow:inset 0 1px 2px #00000008}}.skeleton--shimmer:after{content:"";position:absolute;inset:0;background:var(--skeleton-shine);transform:translate(-100%);animation:skeleton-shimmer 1.8s cubic-bezier(.4,0,.2,1) infinite}.skeleton--pulse{animation:skeleton-pulse 1.5s cubic-bezier(.4,0,.6,1) infinite}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.4}}.skeleton--none{animation:none}.skeleton--none:after{display:none}.skeleton-text{display:flex;flex-direction:column}.skeleton-text .skeleton{--skeleton-radius: 4px}.skeleton-card{background:var(--color-card);border-radius:var(--radius-md);border:1px solid var(--color-border);overflow:hidden}.skeleton-card__content{padding:20px;display:flex;flex-direction:column;gap:16px}.skeleton-metric-card{background:var(--color-card);border-radius:var(--radius-md);border:1px solid var(--color-border);padding:20px 24px;display:flex;flex-direction:column;gap:14px;min-height:120px}.skeleton-metric-card .skeleton:first-child{--skeleton-radius: 4px}.skeleton-metric-card .skeleton:nth-child(2){--skeleton-radius: 6px;margin-top:auto}.skeleton-metric-card .skeleton:last-child{--skeleton-radius: 4px}.skeleton-table{display:flex;flex-direction:column;background:var(--color-card);border-radius:var(--radius-md);border:1px solid var(--color-border);overflow:hidden}.skeleton-table__header{display:grid;gap:16px;padding:14px 20px;background:var(--color-card-muted);border-bottom:1px solid var(--color-border)}.skeleton-table__header .skeleton{--skeleton-radius: 4px}.skeleton-table__body{display:flex;flex-direction:column}.skeleton-table__row{display:grid;gap:16px;padding:16px 20px;border-bottom:1px solid var(--color-border)}.skeleton-table__row:last-child{border-bottom:none}.skeleton-table__row .skeleton{--skeleton-radius: 4px}.skeleton-list{display:flex;flex-direction:column}.skeleton-list__item{display:flex;align-items:center;gap:16px;padding:16px 0;border-bottom:1px solid var(--color-border)}.skeleton-list__item:first-child{padding-top:0}.skeleton-list__item:last-child{border-bottom:none;padding-bottom:0}.skeleton-list__content{flex:1;display:flex;flex-direction:column;gap:8px}.skeleton-chart{background:var(--color-card);border-radius:var(--radius-md);border:1px solid var(--color-border);padding:24px;display:flex;flex-direction:column}.skeleton-chart__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.skeleton-chart__bars{display:flex;align-items:flex-end;gap:12px;flex:1;padding-top:20px}.skeleton-chart__bar{flex:1;border-radius:4px 4px 0 0;position:relative;overflow:hidden}.theme-dark .skeleton-chart__bar{background:linear-gradient(180deg,#2a2a2a,#1a1a1a)}.theme-light .skeleton-chart__bar{background:linear-gradient(180deg,#e8e8e8,#f0f0f0)}.skeleton-chart__bar:after{content:"";position:absolute;inset:0;background:var(--skeleton-shine);transform:translate(-100%);animation:skeleton-shimmer 2s ease-in-out infinite;animation-delay:calc(var(--bar-index, 0) * .1s)}.skeleton-form{display:flex;flex-direction:column;gap:24px}.skeleton-form__field{display:flex;flex-direction:column;gap:8px}.skeleton-form__field .skeleton:first-child{--skeleton-radius: 4px}.skeleton-form__field .skeleton:last-child{--skeleton-radius: 8px}.skeleton-form__actions{display:flex;justify-content:flex-end;gap:12px;margin-top:8px;padding-top:16px;border-top:1px solid var(--color-border)}.page-skeleton{display:flex;flex-direction:column;gap:24px;animation:page-skeleton-fade-in .3s ease}@keyframes page-skeleton-fade-in{0%{opacity:0}to{opacity:1}}.page-skeleton__header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap}.page-skeleton__header-left{display:flex;flex-direction:column;gap:8px}.page-skeleton__header-right{display:flex;gap:12px}.skeleton-dashboard{display:flex;flex-direction:column;gap:24px}.skeleton-dashboard__stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.skeleton-dashboard__content{display:grid;grid-template-columns:2fr 1fr;gap:24px}@media(max-width:1200px){.skeleton-dashboard__content{grid-template-columns:1fr}}.skeleton-detail{display:flex;flex-direction:column;gap:24px}.skeleton-detail__header{display:flex;gap:20px;align-items:flex-start}.skeleton-detail__header-content{flex:1;display:flex;flex-direction:column;gap:12px}.skeleton-detail__tabs{display:flex;gap:8px;padding:4px;background:var(--color-card-muted);border-radius:var(--radius-md);border:1px solid var(--color-border);width:fit-content}.skeleton-detail__tab{--skeleton-radius: 8px}.skeleton-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.skeleton-cards-grid--2col{grid-template-columns:repeat(2,1fr)}.skeleton-cards-grid--3col{grid-template-columns:repeat(3,1fr)}@media(max-width:768px){.skeleton-cards-grid--2col,.skeleton-cards-grid--3col{grid-template-columns:1fr}}.skeleton-settings{display:grid;grid-template-columns:240px 1fr;gap:32px}.skeleton-settings__sidebar{display:flex;flex-direction:column;gap:8px}.skeleton-settings__nav-item{padding:10px 12px;border-radius:var(--radius-sm)}.skeleton-settings__content{display:flex;flex-direction:column;gap:24px}.skeleton-settings__section{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:24px;display:flex;flex-direction:column;gap:20px}@media(max-width:900px){.skeleton-settings{grid-template-columns:1fr}.skeleton-settings__sidebar{flex-direction:row;flex-wrap:wrap}}.skeleton-overlay{position:relative}.skeleton-overlay__content{opacity:.4;pointer-events:none;-webkit-user-select:none;user-select:none;filter:grayscale(.5);transition:opacity .2s ease}.skeleton-overlay__loader{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:16px;z-index:10}.skeleton-overlay__spinner{width:40px;height:40px;border:3px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;animation:spinner-rotate .8s linear infinite}.skeleton-overlay__text{font-size:var(--font-size-sm);color:var(--color-text-muted)}.skeleton-inline{display:inline-flex;align-items:center;gap:8px}.skeleton-inline__spinner{width:16px;height:16px;border:2px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;animation:spinner-rotate .8s linear infinite}.skeleton-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center;gap:16px}.skeleton-empty__icon{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center}.theme-dark .skeleton-empty__icon{background:#ffffff0d}.theme-light .skeleton-empty__icon{background:#0000000d}.skeleton-stat-widget{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:20px;display:flex;flex-direction:column;gap:12px}.skeleton-stat-widget__header{display:flex;justify-content:space-between;align-items:center}.skeleton-stat-widget__trend{display:flex;align-items:center;gap:8px}.skeleton-timeline{display:flex;flex-direction:column;gap:0}.skeleton-timeline__item{display:flex;gap:16px;padding:16px 0;position:relative}.skeleton-timeline__item:not(:last-child):before{content:"";position:absolute;left:15px;top:40px;bottom:0;width:2px;background:var(--color-border)}.skeleton-timeline__dot{width:32px;height:32px;flex-shrink:0}.skeleton-timeline__content{flex:1;display:flex;flex-direction:column;gap:8px;padding-top:4px}.skeleton-board{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.skeleton-board__column{background:var(--color-card-muted);border-radius:var(--radius-md);padding:16px;display:flex;flex-direction:column;gap:12px}.skeleton-board__column-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.skeleton-board__card{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:16px;display:flex;flex-direction:column;gap:12px}@keyframes spinner-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.skeleton-stats-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}.skeleton-filters{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.skeleton-spinner-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:48px;min-height:200px}.skeleton-spinner{border:3px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;animation:spinner-rotate .8s linear infinite}.skeleton-spinner__message{font-size:var(--font-size-sm);color:var(--color-text-muted)}.skeleton-quick-stats{display:flex;gap:24px;padding:12px 16px;background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:16px}.skeleton-quick-stat{display:flex;flex-direction:column;gap:6px;align-items:center}.skeleton-plan-card{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:24px;display:flex;flex-direction:column;gap:12px}.skeleton-run-detail{display:flex;flex-direction:column;gap:20px;padding:24px}.skeleton-run-detail__header{display:flex;flex-direction:column;gap:4px}.skeleton-run-detail__metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.skeleton-run-detail__metric{background:var(--color-card-muted);padding:14px;border-radius:10px;border:1px solid var(--color-border);display:flex;flex-direction:column;align-items:center;gap:8px}.skeleton-run-detail__section{display:flex;flex-direction:column;gap:10px;background:var(--color-card-muted);padding:14px;border-radius:10px;border:1px solid var(--color-border)}.skeleton-drawer-header{display:flex;flex-direction:column;gap:4px;padding:16px 20px;border-bottom:1px solid var(--color-border)}.skeleton-overview-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px}@media(max-width:1200px){.skeleton-overview-cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.skeleton-overview-cards{grid-template-columns:1fr}}.skeleton-overview-card{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:20px;display:flex;flex-direction:column;gap:12px;min-height:140px}.skeleton-dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:16px}@media(max-width:768px){.skeleton-dashboard-grid{grid-template-columns:1fr}}.skeleton-dashboard-card{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:20px;display:flex;flex-direction:column;gap:16px;min-height:200px}.skeleton-dashboard-card__header{display:flex;justify-content:space-between;align-items:center}.skeleton-tabs{display:flex;gap:8px;padding:4px;background:var(--color-card);border-radius:10px;width:fit-content;border:1px solid var(--color-border);margin-bottom:20px}.skeleton-filters-card{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:16px 20px;margin-bottom:20px}.skeleton-table-card{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.skeleton-table-card .skeleton-table{border:none;border-radius:0}@media(prefers-reduced-motion:reduce){.skeleton--shimmer:after,.skeleton-chart__bar:after{animation:none;transform:none;background:#ffffff0d}.skeleton--pulse,.page-skeleton{animation:none}.skeleton-overlay__spinner,.skeleton-inline__spinner,.skeleton-spinner{animation:none;border-top-color:var(--color-accent);opacity:.8}}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:48px 24px;gap:24px}.empty-state--small{padding:32px 16px;gap:16px}.empty-state--large{padding:64px 32px;gap:32px}.empty-state__icon{display:flex;align-items:center;justify-content:center}.empty-state__emoji{font-size:64px;line-height:1}.empty-state--small .empty-state__emoji{font-size:48px}.empty-state--large .empty-state__emoji{font-size:80px}.empty-state__icon svg{width:120px;height:120px}.empty-state--small .empty-state__icon svg{width:80px;height:80px}.empty-state--large .empty-state__icon svg{width:160px;height:160px}.empty-state__content{display:flex;flex-direction:column;gap:8px;max-width:400px}.empty-state--large .empty-state__content{max-width:500px}.empty-state__title{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text);margin:0}.empty-state--small .empty-state__title{font-size:var(--font-size-md)}.empty-state--large .empty-state__title{font-size:var(--font-size-xl)}.empty-state__description{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:0;line-height:1.6}.empty-state--small .empty-state__description{font-size:var(--font-size-xs)}.empty-state__actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.empty-state{animation:empty-state-appear .4s ease-out}@keyframes empty-state-appear{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.empty-state--card{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-md)}.empty-state--dashed{border:2px dashed var(--color-border);border-radius:var(--radius-md);background:var(--color-card-muted)}.password-input-wrapper{display:flex;flex-direction:column;gap:8px}.password-input{position:relative;display:flex;align-items:center}.password-input__field{width:100%;background:var(--color-card-muted);border:1px solid var(--color-border);border-radius:var(--radius-xs);padding:12px 44px 12px 14px;color:var(--color-text);font-size:var(--font-size-sm);transition:border-color .15s ease,box-shadow .15s ease}.password-input__field:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px #7f6bff26}.password-input__field::placeholder{color:var(--color-text-muted)}.password-input__toggle{position:absolute;right:4px;top:50%;transform:translateY(-50%);background:transparent;border:none;padding:8px;cursor:pointer;color:var(--color-text-muted);border-radius:var(--radius-xs);display:flex;align-items:center;justify-content:center;transition:color .15s ease,background .15s ease}.password-input__toggle:hover{color:var(--color-text);background:var(--color-card)}.password-strength{display:flex;align-items:center;gap:12px}.password-strength__bar{display:flex;gap:4px;flex:1;max-width:200px}.password-strength__segment{height:4px;flex:1;background:var(--color-border);border-radius:2px;transition:background-color .2s ease}.password-strength__segment--active{background:var(--color-accent)}.password-strength__label{font-size:var(--font-size-xs);font-weight:500;min-width:80px}.password-requirements{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:6px;padding:12px;background:var(--color-card-muted);border-radius:var(--radius-xs);animation:requirements-appear .2s ease-out}@keyframes requirements-appear{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.password-requirement{display:flex;align-items:center;gap:8px;font-size:var(--font-size-xs);color:var(--color-text-muted);transition:color .15s ease}.password-requirement--met{color:#10b981}.password-requirement__icon{width:16px;height:16px;display:flex;align-items:center;justify-content:center;font-size:10px;border-radius:50%;background:var(--color-card);border:1px solid currentColor}.password-requirement--met .password-requirement__icon{background:#10b981;color:var(--color-text-inverse);border-color:#10b981}.password-requirement__label{line-height:1.3}.command-palette-overlay{position:fixed;inset:0;background:#03050bb3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;display:flex;align-items:flex-start;justify-content:center;padding:15vh 24px;animation:overlay-appear .15s ease-out}@keyframes overlay-appear{0%{opacity:0}to{opacity:1}}.command-palette{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md),0 0 80px #7f6bff1a;width:100%;max-width:640px;max-height:70vh;display:flex;flex-direction:column;overflow:hidden;animation:palette-appear .2s cubic-bezier(.16,1,.3,1)}@keyframes palette-appear{0%{opacity:0;transform:scale(.96) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.command-palette__header{display:flex;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid var(--color-border)}.command-palette__search-icon{color:var(--color-text-muted);flex-shrink:0}.command-palette__input{flex:1;background:transparent;border:none;color:var(--color-text);font-size:var(--font-size-md);outline:none}.command-palette__input::placeholder{color:var(--color-text-muted)}.command-palette__shortcut{background:var(--color-card-muted);border:1px solid var(--color-border);border-radius:4px;padding:4px 8px;font-size:11px;font-family:inherit;color:var(--color-text-muted)}.command-palette__list{flex:1;overflow-y:auto;padding:8px}.command-palette__empty{padding:32px 16px;text-align:center;color:var(--color-text-muted);font-size:var(--font-size-sm)}.command-palette__group{margin-bottom:8px}.command-palette__group:last-child{margin-bottom:0}.command-palette__group-title{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);padding:8px 12px 4px}.command-palette__item{display:flex;align-items:center;gap:12px;width:100%;padding:10px 12px;border:none;background:transparent;border-radius:var(--radius-xs);cursor:pointer;text-align:left;color:var(--color-text);transition:background .1s ease}.command-palette__item:hover,.command-palette__item--selected{background:var(--color-sidebar-active)}.command-palette__item--selected{background:var(--color-accent);color:var(--color-text-inverse)}.command-palette__item-icon{font-size:18px;width:24px;text-align:center;flex-shrink:0}.command-palette__item-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.command-palette__item-label{font-size:var(--font-size-sm);font-weight:500}.command-palette__item-description{font-size:var(--font-size-xs);opacity:.7}.command-palette__item-shortcut{background:#ffffff1a;border:1px solid rgba(255,255,255,.1);border-radius:4px;padding:2px 6px;font-size:10px;font-family:inherit;opacity:.7}.command-palette__item--selected .command-palette__item-shortcut{background:#fff3;border-color:#fff3}.command-palette__footer{display:flex;gap:20px;padding:12px 20px;border-top:1px solid var(--color-border);font-size:12px;color:var(--color-text-muted)}.command-palette__footer kbd{background:var(--color-card-muted);border:1px solid var(--color-border);border-radius:4px;padding:2px 6px;font-size:10px;font-family:inherit;margin-right:4px}.command-palette__list::-webkit-scrollbar{width:6px}.command-palette__list::-webkit-scrollbar-track{background:transparent}.command-palette__list::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}.command-palette__list::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}@media(max-width:640px){.command-palette-overlay{padding:10vh 16px}.command-palette{max-height:80vh}.command-palette__footer{flex-wrap:wrap;gap:12px}}.error-boundary{display:flex;align-items:center;justify-content:center;padding:2rem;text-align:center}.error-boundary--page{min-height:100vh;background:var(--color-background, #0d1117)}.error-boundary--section{min-height:300px;background:var(--color-card, #161b22);border-radius:var(--radius-lg, 12px);border:1px solid var(--color-border, rgba(255, 255, 255, .1));margin:1rem 0}.error-boundary--component{min-height:100px;background:#ef44440d;border-radius:var(--radius-md, 8px);border:1px dashed rgba(239,68,68,.3);padding:1rem}.error-boundary__content{max-width:480px}.error-boundary__icon{color:#ef4444;margin-bottom:1.5rem;opacity:.8}.error-boundary__icon svg{width:48px;height:48px}.error-boundary--component .error-boundary__icon svg{width:32px;height:32px}.error-boundary__title{color:var(--color-text, #e6edf3);font-size:1.25rem;font-weight:600;margin:0 0 .75rem}.error-boundary--component .error-boundary__title{font-size:1rem;margin-bottom:.5rem}.error-boundary__message{color:var(--color-text-muted, #8b949e);font-size:.875rem;line-height:1.6;margin:0 0 1.5rem}.error-boundary--component .error-boundary__message{font-size:.8125rem;margin-bottom:1rem}.error-boundary__details{background:#0000004d;border-radius:var(--radius-md, 8px);padding:1rem;margin-bottom:1.5rem;text-align:left}.error-boundary__details summary{cursor:pointer;color:var(--color-text-muted, #8b949e);font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem}.error-boundary__details summary:hover{color:var(--color-text, #e6edf3)}.error-boundary__details pre{margin:.5rem 0 0;padding:.75rem;background:#0003;border-radius:var(--radius-sm, 4px);font-size:.75rem;font-family:monospace;color:#ef4444;white-space:pre-wrap;word-break:break-word;overflow-x:auto;max-height:200px;overflow-y:auto}.error-boundary__actions{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap}.error-boundary__button{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;border-radius:var(--radius-md, 8px);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s ease;border:none}.error-boundary__button--primary{background:var(--color-accent, #3b82f6);color:var(--color-text-inverse)}.error-boundary__button--primary:hover{background:var(--color-accent-hover, #2563eb);transform:translateY(-1px)}.error-boundary__button--secondary{background:var(--color-card-muted, rgba(255, 255, 255, .05));color:var(--color-text, #e6edf3);border:1px solid var(--color-border, rgba(255, 255, 255, .1))}.error-boundary__button--secondary:hover{background:var(--color-card-hover, rgba(255, 255, 255, .08))}.error-boundary__button svg{width:16px;height:16px}@keyframes errorFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.error-boundary__content{animation:errorFadeIn .3s ease}.panel-header{display:flex;justify-content:space-between;align-items:flex-start;padding:16px 20px;border-bottom:1px solid var(--color-border);background:var(--color-card);flex-shrink:0}.panel-header-content{flex:1;min-width:0}.panel-badge{display:inline-block;padding:4px 10px;border-radius:12px;font-size:var(--font-size-xs);font-weight:500;text-transform:capitalize;margin-bottom:8px}.panel-title{margin:0;font-size:var(--font-size-lg);font-weight:600;color:var(--color-text);line-height:1.3;word-break:break-word}.panel-subtitle{margin:4px 0 0;font-size:var(--font-size-xs);color:var(--color-text-muted)}.panel-subtitle code{font-family:monospace;background:var(--color-background);padding:2px 6px;border-radius:4px;font-size:11px}.panel-header-actions{display:flex;align-items:center;gap:4px;margin-left:12px;flex-shrink:0}.panel-header-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:6px;background:transparent;color:var(--color-text-muted);cursor:pointer;transition:all .15s ease}.panel-header-btn:hover{background:var(--color-card-hover, rgba(255, 255, 255, .08));color:var(--color-text)}.panel-header-btn--open:hover{color:var(--color-accent, #3b82f6)}.panel-header-btn--close:hover{color:var(--color-error, #ef4444)}@media(max-width:480px){.panel-header{padding:12px 16px}.panel-title{font-size:var(--font-size-md)}}.ui-tabs{margin-bottom:20px}.ui-tabs__container{display:flex;gap:4px;border-bottom:1px solid var(--color-border)}.ui-tabs__tab{display:flex;align-items:center;gap:8px;padding:12px 16px;border:none;background:transparent;color:var(--color-text-muted);font-size:13px;font-weight:400;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;transition:all .15s ease;white-space:nowrap}.ui-tabs__tab:hover{color:var(--color-text);background:var(--color-surface-hover)}.ui-tabs__tab--active{color:var(--color-text);font-weight:600;border-bottom-color:var(--color-primary)}.ui-tabs__tab--active:hover{background:transparent}.ui-tabs__icon{display:flex;align-items:center;font-size:14px}.ui-tabs__icon svg{width:14px;height:14px}.ui-tabs__count{font-size:11px;font-weight:500;padding:2px 6px;border-radius:10px;min-width:18px;text-align:center;background:var(--color-card-muted);color:var(--color-text-muted);transition:all .15s ease}.ui-tabs__count--active{background:var(--color-primary);color:var(--color-text-inverse)}@media(max-width:768px){.ui-tabs__container{overflow-x:auto;-webkit-overflow-scrolling:touch}.ui-tabs__tab{padding:10px 12px;font-size:12px}}.ui-page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px;gap:16px;flex-wrap:wrap}.ui-page-header__content{flex:1;min-width:200px}.ui-page-header__title{margin:0;font-size:var(--font-size-2xl, 24px);font-weight:600;color:var(--color-text);line-height:1.3}.ui-page-header__subtitle{margin:4px 0 0;font-size:var(--font-size-sm, 13px);color:var(--color-text-muted);line-height:1.4}.ui-page-header__right{display:flex;align-items:center;gap:16px;flex-shrink:0}.ui-page-header__stats{display:flex;align-items:center;gap:6px;padding:6px 10px;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:8px}.header-stat{display:flex;align-items:center;gap:4px;padding:2px 8px;border-radius:4px;font-size:12px;white-space:nowrap;transition:background .15s ease}.header-stat.clickable{cursor:pointer}.header-stat.clickable:hover{background:#ffffff14}[data-theme=light] .header-stat.clickable:hover,.theme-light .header-stat.clickable:hover{background:#0000000d}.header-stat__value{font-weight:600;font-size:13px;color:var(--color-text)}.header-stat__label{color:var(--color-text-muted);font-size:11px}.header-stat.stat--success .header-stat__value{color:#22c55e}.header-stat.stat--warning .header-stat__value{color:#f59e0b}.header-stat.stat--danger .header-stat__value{color:#ef4444}.header-stat.stat--muted .header-stat__value{color:var(--color-text-muted)}.ui-page-header__stats+.ui-page-header__actions:before{content:"";width:1px;height:24px;background:var(--color-border);margin-right:4px}.ui-page-header__actions{display:flex;align-items:center;gap:12px;flex-shrink:0;flex-wrap:wrap}@media(max-width:1024px){.ui-page-header__stats{gap:4px;padding:4px 8px}.header-stat{padding:2px 6px}.header-stat__label{display:none}}@media(max-width:768px){.ui-page-header{flex-direction:column;align-items:stretch}.ui-page-header__right{justify-content:space-between}.ui-page-header__stats{flex-wrap:wrap}.header-stat__label{display:inline}}@media(max-width:480px){.ui-page-header__title{font-size:var(--font-size-xl, 20px)}.ui-page-header__subtitle{font-size:var(--font-size-xs, 12px)}.ui-page-header__right{flex-direction:column;align-items:stretch;gap:12px}.ui-page-header__stats+.ui-page-header__actions:before{display:none}}.info-tooltip-wrapper{position:relative;display:inline-flex;align-items:center;vertical-align:middle}.info-tooltip-trigger{display:inline-flex;align-items:center;justify-content:center;cursor:help;color:var(--color-text-muted);transition:color var(--transition-fast);outline:none}.info-tooltip-trigger:hover,.info-tooltip-trigger:focus{color:var(--color-accent)}.info-tooltip-icon{opacity:.6;transition:opacity var(--transition-fast)}.info-tooltip-trigger:hover .info-tooltip-icon,.info-tooltip-trigger:focus .info-tooltip-icon{opacity:1}.info-tooltip-content{position:absolute;z-index:var(--z-popover);min-width:280px;max-width:400px;padding:var(--space-4);background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);animation:infoTooltipFadeIn .15s ease-out}@keyframes infoTooltipFadeIn{0%{opacity:0;transform:translateY(-50%) scale(.95)}to{opacity:1;transform:translateY(-50%) scale(1)}}.info-tooltip-top{animation-name:infoTooltipFadeInTop}@keyframes infoTooltipFadeInTop{0%{opacity:0;transform:translate(-50%) scale(.95)}to{opacity:1;transform:translate(-50%) scale(1)}}.info-tooltip-bottom{animation-name:infoTooltipFadeInTop}.info-tooltip-title{margin:0 0 var(--space-2);font-size:var(--font-size-md);font-weight:600;color:var(--color-text);line-height:var(--line-height-tight)}.info-tooltip-description{margin:0 0 var(--space-3);font-size:var(--font-size-sm);color:var(--color-text-muted);line-height:var(--line-height-normal)}.info-tooltip-section{margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--color-border-muted)}.info-tooltip-section-title{display:block;margin-bottom:var(--space-2);font-size:var(--font-size-xs);font-weight:600;color:var(--color-text);text-transform:uppercase;letter-spacing:var(--tracking-wider)}.info-tooltip-list{margin:0;padding:0;list-style:none}.info-tooltip-list li{position:relative;padding-left:var(--space-4);margin-bottom:var(--space-1);font-size:var(--font-size-sm);color:var(--color-text-muted);line-height:var(--line-height-normal)}.info-tooltip-list li:before{content:"•";position:absolute;left:var(--space-1);color:var(--color-accent)}.info-tooltip-metrics{display:flex;flex-direction:column;gap:var(--space-2)}.info-tooltip-metric{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-2);background:var(--color-surface);border-radius:var(--radius-xs)}.info-tooltip-metric-name{font-family:var(--font-family-mono);font-size:var(--font-size-xs);color:var(--color-accent);background:transparent;padding:0}.info-tooltip-metric-explanation{font-size:var(--font-size-xs);color:var(--color-text-muted);line-height:var(--line-height-normal)}.info-tooltip-right:before{content:"";position:absolute;left:-6px;top:50%;transform:translateY(-50%);border:6px solid transparent;border-right-color:var(--color-card)}.info-tooltip-left:before{content:"";position:absolute;right:-6px;top:50%;transform:translateY(-50%);border:6px solid transparent;border-left-color:var(--color-card)}.info-tooltip-top:before{content:"";position:absolute;bottom:-6px;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:var(--color-card)}.info-tooltip-bottom:before{content:"";position:absolute;top:-6px;left:50%;transform:translate(-50%);border:6px solid transparent;border-bottom-color:var(--color-card)}.info-tooltip-compact .info-tooltip-content{min-width:200px;max-width:300px;padding:var(--space-3)}.info-tooltip-compact .info-tooltip-title{font-size:var(--font-size-sm)}.info-tooltip-compact .info-tooltip-description{font-size:var(--font-size-xs)}.pagination{display:flex;align-items:center;justify-content:center;gap:8px;margin:24px 0;flex-wrap:wrap}.pagination__btn{padding:8px 12px;border:1px solid var(--color-border, #e0e0e0);background:var(--color-surface, #ffffff);color:var(--color-text, #333333);border-radius:var(--radius-sm, 4px);font-size:var(--font-size-sm, 13px);font-weight:500;cursor:pointer;transition:all .2s ease}.pagination__btn:hover:not(:disabled){background:var(--color-surface-hover, #f5f5f5);border-color:var(--color-border-hover, #d0d0d0)}.pagination__btn:disabled{opacity:.5;cursor:not-allowed}.pagination__pages{display:flex;align-items:center;gap:4px}.pagination__page{min-width:36px;height:36px;padding:0 8px;border:1px solid var(--color-border, #e0e0e0);background:var(--color-surface, #ffffff);color:var(--color-text, #333333);border-radius:var(--radius-sm, 4px);font-size:var(--font-size-sm, 13px);font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.pagination__page:hover{background:var(--color-surface-hover, #f5f5f5);border-color:var(--color-border-hover, #d0d0d0)}.pagination__page--active{background:var(--color-accent, #007bff);border-color:var(--color-accent, #007bff);color:var(--color-text-inverse, #ffffff);font-weight:600}.pagination__page--active:hover{background:var(--color-accent-hover, #0056b3);border-color:var(--color-accent-hover, #0056b3)}.pagination__ellipsis{padding:0 8px;color:var(--color-text-muted, #666666);font-size:var(--font-size-sm, 13px);-webkit-user-select:none;user-select:none}@media(max-width:768px){.pagination{gap:4px}.pagination__btn{padding:6px 10px;font-size:var(--font-size-xs, 12px)}.pagination__page{min-width:32px;height:32px;padding:0 6px;font-size:var(--font-size-xs, 12px)}}.table-pagination{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-top:1px solid var(--color-border);background:var(--color-card-muted);border-radius:0 0 8px 8px;gap:16px;flex-wrap:wrap}.table-pagination__info{font-size:13px;color:var(--color-text-muted)}.table-pagination__controls{display:flex;align-items:center;gap:16px}.table-pagination__page-size{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--color-text-muted)}.table-pagination__select{padding:4px 8px;border-radius:6px;border:1px solid var(--color-border);background:var(--color-card);color:var(--color-text);font-size:13px;cursor:pointer;min-width:70px}.table-pagination__select:focus{outline:none;border-color:var(--color-primary)}@media(max-width:640px){.table-pagination{flex-direction:column;gap:12px}.table-pagination__info{order:2}.table-pagination__controls{order:1;width:100%;justify-content:center;flex-wrap:wrap}}.search-input{position:relative;display:flex;align-items:center;background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:border-color .15s ease,box-shadow .15s ease}.search-input:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 2px #6366f11a}.search-input--disabled{opacity:.6;pointer-events:none}.search-input__icon{position:absolute;left:12px;color:var(--color-text-muted);pointer-events:none}.search-input__input{width:100%;padding:8px 80px 8px 36px;background:transparent;border:none;color:var(--color-text);font-size:14px;outline:none}.search-input__input::placeholder{color:var(--color-text-muted)}.search-input__loading{position:absolute;right:80px;display:flex;align-items:center}.search-input__spinner{width:14px;height:14px;border:2px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:search-spinner .6s linear infinite}@keyframes search-spinner{to{transform:rotate(360deg)}}.search-input__clear{position:absolute;right:70px;display:flex;align-items:center;justify-content:center;padding:4px;background:transparent;border:none;color:var(--color-text-muted);cursor:pointer;border-radius:4px;transition:color .15s ease,background-color .15s ease}.search-input__clear:hover{color:var(--color-text);background:var(--color-card-hover)}.search-input__shortcut{position:absolute;right:12px;display:flex;align-items:center;gap:2px;pointer-events:none}.search-input__shortcut kbd{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 4px;background:var(--color-card-muted);border:1px solid var(--color-border);border-radius:4px;color:var(--color-text-muted);font-family:inherit;font-size:11px}@media(max-width:640px){.search-input__shortcut{display:none}.search-input__input{padding-right:36px}.search-input__clear{right:8px}.search-input__loading{right:36px}}.filter-bar{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.filter-bar__filters{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.filter-bar__filter{display:flex;align-items:center}.filter-bar__select{padding:6px 28px 6px 10px;background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-muted);font-size:13px;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;transition:border-color .15s ease,color .15s ease}.filter-bar__select:hover{border-color:var(--color-text-muted)}.filter-bar__select:focus{outline:none;border-color:var(--color-primary)}.filter-bar__select--active{color:var(--color-text);border-color:var(--color-primary);background-color:#6366f10d}.filter-bar__date{padding:6px 10px;background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-muted);font-size:13px;cursor:pointer;transition:border-color .15s ease,color .15s ease}.filter-bar__date:hover{border-color:var(--color-text-muted)}.filter-bar__date:focus{outline:none;border-color:var(--color-primary)}.filter-bar__date--active{color:var(--color-text);border-color:var(--color-primary);background-color:#6366f10d}.filter-bar__toggle{padding:6px 12px;background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-muted);font-size:13px;cursor:pointer;transition:all .15s ease}.filter-bar__toggle:hover{border-color:var(--color-text-muted)}.filter-bar__toggle--active{color:var(--color-primary);border-color:var(--color-primary);background-color:#6366f11a}.filter-bar__clear{padding:6px 12px;background:transparent;border:none;color:var(--color-text-muted);font-size:13px;cursor:pointer;transition:color .15s ease}.filter-bar__clear:hover{color:var(--color-danger)}@media(max-width:768px){.filter-bar{flex-direction:column;align-items:stretch}.filter-bar__filters{overflow-x:auto;padding-bottom:4px;-webkit-overflow-scrolling:touch}.filter-bar__select,.filter-bar__date,.filter-bar__toggle{white-space:nowrap}}.paginated-table{display:flex;flex-direction:column;gap:16px}.paginated-table__controls{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.paginated-table__search{flex:1;min-width:200px;max-width:400px}.paginated-table__wrapper{overflow-x:auto;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-card)}.paginated-table__table{width:100%;border-collapse:collapse;font-size:14px}.paginated-table__table th{padding:12px 16px;text-align:left;font-weight:500;color:var(--color-text-muted);background:var(--color-card-muted);border-bottom:1px solid var(--color-border);white-space:nowrap}.paginated-table__table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.paginated-table__table th.sortable:hover{color:var(--color-text)}.paginated-table__header-cell{display:flex;align-items:center;gap:4px}.paginated-table__sort-icon{font-size:12px;color:var(--color-primary)}.paginated-table__table td{padding:12px 16px;border-bottom:1px solid var(--color-border);color:var(--color-text)}.paginated-table__table tbody tr:last-child td{border-bottom:none}.paginated-table__table tbody tr.clickable{cursor:pointer;transition:background-color .15s ease}.paginated-table__table tbody tr.clickable:hover{background:var(--color-card-hover)}.paginated-table__loading{padding:16px}.paginated-table__error{display:flex;align-items:center;justify-content:center;gap:8px;padding:48px 16px;color:var(--color-danger)}.paginated-table__error-icon{font-size:24px}.paginated-table__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px 16px;text-align:center}.paginated-table__empty-icon{margin-bottom:16px;color:var(--color-text-muted)}.paginated-table__empty-title{margin:0 0 8px;font-size:16px;font-weight:500;color:var(--color-text)}.paginated-table__empty-description{margin:0 0 16px;font-size:14px;color:var(--color-text-muted)}.paginated-table__empty-action{margin-top:8px}.paginated-table__footer{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.paginated-table__info{font-size:13px;color:var(--color-text-muted)}.paginated-table__limit{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--color-text-muted)}.paginated-table__limit select{padding:4px 8px;background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);font-size:13px;cursor:pointer}@media(max-width:768px){.paginated-table__controls{flex-direction:column;align-items:stretch}.paginated-table__search{max-width:none}.paginated-table__footer{flex-direction:column;align-items:flex-start}}.thread-view{display:flex;flex-direction:column;height:100%;background:var(--color-background);font-family:var(--font-family)}.thread-loading,.thread-error,.thread-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:16px;color:var(--color-text-muted);padding:40px}.thread-loading .loading-spinner{width:40px;height:40px;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}.error-icon,.empty-icon{font-size:48px;opacity:.5}.thread-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--color-border);background:var(--color-card);flex-shrink:0;gap:16px}.thread-header .header-info{flex:1;min-width:0}.thread-header .header-info h3{margin:0;font-size:18px;font-weight:600;color:var(--color-text)}.thread-header .session-id{display:block;margin-top:4px;font-size:12px;color:var(--color-text-muted);font-family:var(--font-mono)}.thread-header .header-stats{display:flex;gap:8px;font-size:13px;color:var(--color-text-muted);flex-shrink:0}.thread-header .header-stats span{padding:6px 12px;background:var(--color-card-muted);border-radius:20px;font-weight:500;white-space:nowrap}.thread-header .close-button{width:36px;height:36px;border:none;background:var(--color-card-muted);font-size:20px;cursor:pointer;color:var(--color-text-muted);border-radius:50%;transition:all .2s;display:flex;align-items:center;justify-content:center;flex-shrink:0}.thread-header .close-button:hover{background:var(--color-border);color:var(--color-text)}.thread-turns{flex:1;overflow-y:auto;padding:24px;display:flex;flex-direction:column;gap:24px}.thread-turn{display:flex;flex-direction:column;gap:16px;padding:20px;border-radius:16px;background:var(--color-card);border:1px solid var(--color-border);transition:all .2s ease}.thread-turn:hover{border-color:var(--color-border-hover, var(--color-border));box-shadow:0 4px 12px #0000001a}.thread-turn.target{border-color:var(--color-primary);box-shadow:0 0 0 3px #6366f126}.turn-message{display:flex;gap:14px;align-items:flex-start}.message-avatar{width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,var(--color-primary) 0%,#8b5cf6 100%);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;color:#fff;flex-shrink:0}.turn-message.user .message-avatar{background:linear-gradient(135deg,#3b82f6,#6366f1)}.turn-message.assistant .message-avatar{background:linear-gradient(135deg,#10b981,#059669)}.message-bubble{flex:1;padding:16px 18px;border-radius:16px;background:var(--color-card-muted);border:none;min-width:0}.turn-message.user .message-bubble{background:#3b82f614;border-left:3px solid #3b82f6;border-radius:4px 16px 16px}.turn-message.assistant .message-bubble{background:#10b98114;border-left:3px solid #10b981;border-radius:4px 16px 16px}.message-content{font-size:14px;line-height:1.7;white-space:pre-wrap;word-break:break-word;color:var(--color-text)}.message-content.no-input{color:var(--color-text-muted);font-style:italic}.message-meta{display:flex;gap:12px;margin-top:10px;font-size:12px;color:var(--color-text-muted)}.message-status{font-weight:600;display:flex;align-items:center;gap:4px}.turn-workflow{margin:4px 0 4px 54px}.workflow-toggle{display:flex;align-items:center;gap:10px;padding:12px 16px;background:var(--color-background);border:1px solid var(--color-border);border-radius:12px;cursor:pointer;font-size:14px;color:var(--color-text);width:100%;text-align:left;transition:all .2s}.workflow-toggle:hover{background:var(--color-card-muted);border-color:var(--color-primary)}.workflow-toggle.expanded{border-radius:12px 12px 0 0;border-bottom-color:transparent;background:var(--color-card-muted)}.toggle-icon{font-size:10px;color:var(--color-text-muted);transition:transform .2s;width:16px;text-align:center}.toggle-label{flex:1;font-weight:500}.workflow-summary{color:var(--color-text-muted);font-size:12px;font-weight:400;margin-left:8px}.workflow-error{color:#ef4444}.workflow-steps{border:1px solid var(--color-border);border-top:none;border-radius:0 0 12px 12px;padding:16px 20px;background:var(--color-card-muted)}.thread-step{display:flex;gap:14px;min-height:44px}.step-connector{display:flex;flex-direction:column;align-items:center;width:20px;flex-shrink:0;position:relative}.step-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0;z-index:1;box-shadow:0 0 0 3px var(--color-card-muted)}.step-line{width:2px;flex:1;background:var(--color-border);margin-top:4px;min-height:24px}.thread-step.last .step-line{display:none}.step-content{flex:1;padding-bottom:16px;cursor:pointer;transition:opacity .2s}.step-content:hover{opacity:.8}.thread-step.last .step-content{padding-bottom:0}.step-header{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.step-info{display:flex;align-items:center;gap:10px;min-width:0}.step-icon{font-size:11px;font-weight:700;color:var(--color-text-muted);min-width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:var(--color-background);border-radius:6px}.step-name{font-weight:600;font-size:13px;color:var(--color-text)}.step-type{font-size:11px;color:var(--color-text-muted);padding:3px 8px;background:var(--color-background);border-radius:6px;font-weight:500}.step-metrics{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--color-text-muted)}.step-latency{font-family:var(--font-mono);font-weight:500}.step-tokens,.step-cost{padding:3px 8px;background:var(--color-background);border-radius:6px}.step-status{font-size:16px;font-weight:600}.step-details{margin-top:12px;padding:12px 14px;background:var(--color-background);border-radius:10px;font-size:12px;border:1px solid var(--color-border)}.step-io{display:flex;flex-direction:column;gap:4px;margin-bottom:10px}.step-io:last-child{margin-bottom:0}.io-label{font-weight:600;color:var(--color-text-muted);font-size:11px;text-transform:uppercase;letter-spacing:.5px}.io-content{color:var(--color-text);white-space:pre-wrap;word-break:break-word;font-family:var(--font-mono);font-size:12px;line-height:1.5;padding:8px 10px;background:var(--color-card-muted);border-radius:6px}.workflow-totals{display:flex;gap:12px;margin-top:16px;padding-top:16px;border-top:1px solid var(--color-border);font-size:12px;color:var(--color-text-muted);flex-wrap:wrap}.workflow-totals span{padding:6px 12px;background:var(--color-background);border-radius:8px;font-weight:500}@media(max-width:768px){.thread-header{flex-wrap:wrap;gap:12px;padding:16px}.header-stats{order:3;width:100%;flex-wrap:wrap}.turn-workflow{margin-left:0}.step-metrics{flex-wrap:wrap}.thread-turns,.thread-turn{padding:16px}}.trace-drawer-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:var(--z-modal);opacity:0;visibility:hidden;transition:opacity .25s ease,visibility .25s ease}.trace-drawer-overlay.open{opacity:1;visibility:visible}.trace-drawer{position:fixed;top:0;right:0;width:65vw;max-width:1100px;min-width:500px;height:100vh;background:var(--color-card);box-shadow:-8px 0 32px #0003;display:flex;flex-direction:column;transform:translate(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);z-index:calc(var(--z-modal) + 1)}.trace-drawer-overlay.open .trace-drawer{transform:translate(0)}.drawer-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border);background:var(--color-panel);flex-shrink:0}.drawer-title h3{margin:0;font-size:var(--font-size-md);font-weight:600;color:var(--color-text);display:flex;align-items:center;gap:var(--space-2)}.drawer-title .workflow-name{font-size:var(--font-size-sm);font-weight:400;color:var(--color-text-muted);margin-top:var(--space-1)}.drawer-actions{display:flex;align-items:center;gap:4px}.drawer-open-btn,.drawer-close{width:32px;height:32px;border:1px solid var(--color-border);background:transparent;color:var(--color-text-muted);cursor:pointer;border-radius:var(--radius-xs);display:flex;align-items:center;justify-content:center;transition:var(--transition-fast);text-decoration:none}.drawer-open-btn:hover{background:var(--color-surface-hover);color:var(--color-accent);border-color:var(--color-accent)}.drawer-close:hover{background:var(--color-surface-hover);color:var(--color-error);border-color:var(--color-error)}.drawer-body,.drawer-content{flex:1;overflow:hidden;display:flex;flex-direction:column}.drawer-loading,.drawer-error{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);color:var(--color-text-muted);padding:var(--space-10)}.loading-spinner{width:32px;height:32px;border:3px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;animation:spin .8s linear infinite}.drawer-error{color:var(--color-error)}.drawer-error button{margin-top:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--color-accent);color:var(--color-text-inverse);border:none;border-radius:var(--radius-xs);cursor:pointer;font-size:var(--font-size-sm)}.trace-view{display:flex;flex-direction:row;height:100%;overflow:hidden}.trace-main{flex:1;display:flex;flex-direction:column;overflow:hidden;border-right:1px solid var(--color-border);min-width:0}.trace-sidebar{width:320px;flex-shrink:0;overflow-y:auto;background:var(--color-panel)}.trace-timeline-container{display:flex;flex-direction:column;padding:var(--space-4);overflow:hidden;height:100%}.trace-zoom-controls{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-xs);margin-bottom:var(--space-3);width:fit-content}.trace-zoom-controls button{width:26px;height:26px;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;display:flex;align-items:center;justify-content:center;transition:var(--transition-fast)}.trace-zoom-controls button:hover{background:var(--color-surface-hover);border-color:var(--color-accent)}.trace-zoom-controls>span{font-size:var(--font-size-xs);color:var(--color-text-muted);min-width:45px;text-align:center}.trace-time-axis{display:grid;grid-template-columns:130px 1fr;align-items:center;padding:var(--space-2) var(--space-3);font-size:var(--font-size-xs);color:var(--color-text-muted);background:var(--color-card);border:1px solid var(--color-border);border-bottom:none;border-radius:var(--radius-xs) var(--radius-xs) 0 0;flex-shrink:0}.trace-time-axis .time-labels{display:flex;justify-content:space-between;align-items:center;position:relative;padding-right:var(--space-3)}.time-axis-label{font-size:var(--font-size-xs);font-weight:500;color:var(--color-text-muted);padding-left:var(--space-3)}.time-label{font-family:var(--font-family-mono);font-size:11px}.time-duration{position:absolute;left:50%;transform:translate(-50%);background:var(--color-accent);color:var(--color-text-inverse);padding:2px var(--space-2);border-radius:4px;font-weight:500;font-size:11px}.trace-timeline{overflow-y:auto;overflow-x:hidden;background:var(--color-card);border:1px solid var(--color-border);border-top:none;border-radius:0 0 var(--radius-xs) var(--radius-xs);max-height:calc(100% - 80px)}.trace-span-row{display:flex;align-items:center;padding:var(--space-2) 0;border-bottom:1px solid var(--color-border);cursor:pointer;transition:background var(--transition-fast);min-height:44px}.trace-span-row:last-child{border-bottom:none}.trace-span-row:hover{background:var(--color-surface-hover)}.trace-span-row.selected{background:var(--color-sidebar-active)}.span-label{width:130px;flex-shrink:0;padding:0 var(--space-3);display:flex;flex-direction:column;gap:1px;overflow:hidden}.span-name{font-size:var(--font-size-sm);font-weight:500;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.span-duration{font-size:var(--font-size-xs);color:var(--color-text-muted);font-family:var(--font-family-mono)}.span-bar-container{flex:1;position:relative;height:22px;margin-right:var(--space-3);background:var(--color-card-muted);border-radius:4px}.span-bar{position:absolute;height:100%;min-width:6px;border-radius:4px;transition:transform var(--transition-fast),filter var(--transition-fast);overflow:hidden}.span-bar:hover{filter:brightness(1.1);transform:scaleY(1.15)}.span-bar-inner{width:100%;height:100%;background:linear-gradient(180deg,rgba(255,255,255,.25) 0%,transparent 50%);border-radius:4px}.span-details-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:180px;color:var(--color-text-muted);text-align:center;padding:var(--space-5)}.placeholder-icon{font-size:36px;margin-bottom:var(--space-2);opacity:.6}.span-details{padding:var(--space-4)}.span-details-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--color-border)}.span-details-header h4{margin:0;font-size:var(--font-size-sm);font-weight:600;color:var(--color-text)}.close-span{width:24px;height:24px;border:none;background:var(--color-surface);color:var(--color-text-muted);border-radius:4px;cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center}.close-span:hover{background:var(--color-surface-hover);color:var(--color-text)}.span-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.detail-item{display:flex;flex-direction:column;gap:var(--space-1)}.detail-item label{font-size:10px;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:var(--tracking-wide);font-weight:500}.detail-item span{font-size:var(--font-size-sm);color:var(--color-text)}.detail-item .mono{font-family:var(--font-family-mono);font-size:11px;word-break:break-all}.status-badge{display:inline-block;padding:3px var(--space-2);border-radius:4px;font-size:var(--font-size-xs);font-weight:500;text-transform:uppercase}.status-badge.success{background:var(--color-success-light);color:var(--color-success)}.status-badge.error,.status-badge.failed{background:var(--color-error-light);color:var(--color-error)}.status-badge.running{background:var(--color-info-light);color:var(--color-info)}.span-attributes,.span-events{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--color-border)}.span-attributes h5,.span-events h5{margin:0 0 var(--space-3);font-size:var(--font-size-xs);font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.attributes-list{display:flex;flex-direction:column;gap:var(--space-2)}.attribute-item{display:flex;flex-direction:column;gap:2px;padding:var(--space-2) var(--space-3);background:var(--color-surface);border-radius:4px;border:1px solid var(--color-border)}.attr-key{font-size:10px;color:var(--color-text-muted);font-weight:500}.attr-value{font-size:var(--font-size-xs);color:var(--color-text);font-family:var(--font-family-mono);white-space:pre-wrap;word-break:break-word;max-height:100px;overflow-y:auto}.events-list{display:flex;flex-direction:column;gap:var(--space-1)}.event-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-2) var(--space-3);background:var(--color-surface);border-radius:4px;border:1px solid var(--color-border)}.event-name{font-size:var(--font-size-xs);color:var(--color-text)}.event-time{font-size:10px;color:var(--color-text-muted);font-family:var(--font-family-mono)}.span-io-section{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--color-border)}.span-io-section h5{margin:0 0 var(--space-3);font-size:var(--font-size-xs);font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.span-io-section .io-content{background:var(--color-surface);border:1px solid var(--color-border);border-radius:6px;padding:var(--space-3);margin:0;font-size:var(--font-size-xs);font-family:var(--font-family-mono);color:var(--color-text);white-space:pre-wrap;word-break:break-word;max-height:300px;overflow-y:auto;line-height:1.5}.span-io-section .context-list{display:flex;flex-direction:column;gap:var(--space-2)}.span-io-section .context-item{background:var(--color-surface);border:1px solid var(--color-border);border-radius:6px;padding:var(--space-3);margin:0;font-size:var(--font-size-xs);font-family:var(--font-family-mono);color:var(--color-text);white-space:pre-wrap;word-break:break-word;max-height:150px;overflow-y:auto}.span-io-section .tool-calls-list{display:flex;flex-direction:column;gap:var(--space-3)}.span-io-section .tool-call-item{background:var(--color-surface);border:1px solid var(--color-border);border-radius:6px;padding:var(--space-3)}.span-io-section .tool-name{display:inline-block;font-size:var(--font-size-xs);font-weight:600;color:var(--color-accent);margin-bottom:var(--space-2);padding:2px 8px;background:var(--color-accent-bg);border-radius:4px}.span-io-section .tool-args,.span-io-section .tool-result{margin:var(--space-2) 0 0;padding:var(--space-2);background:var(--color-panel);border-radius:4px;font-size:11px;font-family:var(--font-family-mono);color:var(--color-text);white-space:pre-wrap;word-break:break-word;max-height:150px;overflow-y:auto}.span-io-section .tool-result{border-left:2px solid var(--color-success)}.span-io-section.span-error-section{background:var(--color-error-bg);border-radius:6px;padding:var(--space-3);margin-top:var(--space-4);border:1px solid var(--color-error-border)}.span-io-section.span-error-section h5{color:var(--color-error)}.span-io-section .error-type{font-size:var(--font-size-xs);font-weight:600;color:var(--color-error);margin-bottom:var(--space-2)}.span-io-section .error-message{background:var(--color-surface);border:1px solid var(--color-error-border);border-radius:4px;padding:var(--space-2);margin:0;font-size:var(--font-size-xs);font-family:var(--font-family-mono);color:var(--color-error);white-space:pre-wrap;word-break:break-word;max-height:150px;overflow-y:auto}[data-theme=dark] .span-io-section .io-content,[data-theme=dark] .span-io-section .context-item,[data-theme=dark] .span-io-section .tool-call-item{background:var(--color-surface);border-color:var(--color-border)}[data-theme=dark] .span-io-section .tool-args,[data-theme=dark] .span-io-section .tool-result{background:#0003}.graph-container{height:100%;display:flex;flex-direction:column;overflow:hidden}.graph-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4) var(--space-5);background:var(--color-panel);border-bottom:1px solid var(--color-border);flex-shrink:0}.graph-header h4{margin:0;font-size:var(--font-size-md);font-weight:600}.graph-legend{display:flex;gap:var(--space-4);font-size:var(--font-size-xs);color:var(--color-text-muted)}.legend-item{display:flex;align-items:center;gap:var(--space-1)}.legend-dot.start{background:#10b981}.legend-dot.llm{background:#6366f1}.legend-dot.tool{background:#f59e0b}.legend-dot.default{background:#64748b}.graph-canvas{flex:1;overflow:auto;position:relative;padding:var(--space-5);background:var(--color-surface);background-image:radial-gradient(circle,var(--color-border) 1px,transparent 1px);background-size:20px 20px;display:flex;flex-direction:column;align-items:center}.graph-flow{display:flex;flex-direction:column;align-items:center;padding:var(--space-6) 0}.graph-node-wrapper{display:flex;flex-direction:column;align-items:center}.graph-edge{display:flex;flex-direction:column;align-items:center;height:32px}.edge-arrow{font-size:10px;color:var(--color-text-muted);margin-top:-4px}.graph-node{display:flex;align-items:center;gap:var(--space-3);min-width:160px;max-width:240px;padding:var(--space-3) var(--space-5);border-radius:100px;cursor:pointer;transition:all var(--transition-fast);border:2px solid}.graph-node:hover{transform:scale(1.05);box-shadow:var(--shadow-md)}.graph-node.selected{box-shadow:0 0 0 4px #6366f14d}.graph-node--start,.graph-node--end{min-width:100px;max-width:120px;padding:var(--space-2) var(--space-4);border-radius:50%;aspect-ratio:1;justify-content:center;background:linear-gradient(135deg,#10b981,#059669);border-color:#059669;color:var(--color-text-inverse)}.graph-node--end{background:linear-gradient(135deg,#ef4444,#dc2626);border-color:#dc2626}.graph-node--start .node-icon,.graph-node--end .node-icon{font-size:20px}.graph-node--start .node-content,.graph-node--end .node-content{display:none}.graph-node--llm{background:linear-gradient(135deg,#6366f126,#6366f10d);border-color:#6366f1;border-radius:24px}.graph-node--llm .node-icon{font-size:18px}.graph-node--tool{background:linear-gradient(135deg,#f59e0b26,#f59e0b0d);border-color:#f59e0b}.graph-node--tool .node-icon{font-size:16px}.graph-node--default{background:var(--color-card);border-color:var(--color-border)}.graph-node--default .node-icon{font-size:14px;color:var(--color-text-muted)}.graph-node.error,.graph-node.failed{border-color:#ef4444!important;background:linear-gradient(135deg,#ef444426,#ef44440d)!important}.node-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center}.node-content{flex:1;min-width:0;text-align:left}.node-name{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.node-duration{font-size:11px;color:var(--color-text-muted);font-family:var(--font-family-mono);margin-top:2px}.graph-empty{display:flex;align-items:center;justify-content:center;height:100%;color:var(--color-text-muted);font-style:italic}.graph-node-details{position:fixed;right:calc(35vw + var(--space-4));top:50%;transform:translateY(-50%);width:280px;max-height:80vh;background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-sm);box-shadow:var(--shadow-lg);overflow:hidden;z-index:calc(var(--z-modal) + 1)}@media(max-width:1024px){.graph-node-details{right:calc(20vw + var(--space-4))}}@media(max-width:768px){.graph-node-details{right:auto;left:50%;transform:translate(-50%);top:auto;bottom:var(--space-4);width:calc(100% - var(--space-8));max-width:320px}}.graph-node-details .details-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3) var(--space-4);background:var(--color-panel);border-bottom:1px solid var(--color-border)}.graph-node-details .details-header h5{margin:0;font-size:var(--font-size-sm);font-weight:600}.graph-node-details .details-header button{width:24px;height:24px;border:none;background:transparent;color:var(--color-text-muted);cursor:pointer;border-radius:4px;font-size:16px}.graph-node-details .details-header button:hover{background:var(--color-surface-hover);color:var(--color-text)}.graph-node-details .details-body{padding:var(--space-4)}.graph-node-details .detail-row{display:flex;justify-content:space-between;align-items:center;padding:var(--space-2) 0;border-bottom:1px solid var(--color-border-muted)}.graph-node-details .detail-row:last-child{border-bottom:none}.graph-node-details .label{font-size:var(--font-size-xs);color:var(--color-text-muted)}.graph-node-details .value{font-size:var(--font-size-sm);color:var(--color-text)}.graph-node-details .value.mono{font-family:var(--font-family-mono);font-size:11px}.graph-node-details .detail-attributes{margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--color-border)}.graph-node-details .detail-attributes .label{display:block;margin-bottom:var(--space-2)}.graph-node-details .detail-attributes pre{margin:0;padding:var(--space-2) var(--space-3);background:var(--color-surface);border-radius:4px;font-size:11px;font-family:var(--font-family-mono);color:var(--color-text);overflow-x:auto;max-height:120px}.thread-container{height:100%;display:flex;flex-direction:column;overflow:hidden}.thread-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4) var(--space-5);background:var(--color-panel);border-bottom:1px solid var(--color-border);flex-shrink:0}.thread-header h4{margin:0;font-size:var(--font-size-sm);font-weight:600}.thread-id{font-size:var(--font-size-xs);color:var(--color-text-muted);font-family:var(--font-family-mono)}.thread-messages{flex:1;overflow-y:auto;padding:var(--space-4) var(--space-5)}.thread-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--color-text-muted);text-align:center;padding:var(--space-10)}.thread-message-group{margin-bottom:var(--space-5)}.thread-step-label{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2);padding-bottom:var(--space-2);border-bottom:1px dashed var(--color-border)}.thread-step-label .step-name{font-weight:600;font-size:var(--font-size-sm);color:var(--color-accent)}.thread-step-label .step-time{font-size:var(--font-size-xs);color:var(--color-text-muted);font-family:var(--font-family-mono)}.thread-message{padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);margin-bottom:var(--space-2);max-width:85%}.thread-message.user,.thread-message.Input{background:var(--color-accent);color:var(--color-text-inverse);margin-left:auto;border-bottom-right-radius:4px}.thread-message.assistant,.thread-message.Output{background:var(--color-card);border:1px solid var(--color-border);color:var(--color-text);border-bottom-left-radius:4px}.thread-message.system{background:var(--color-warning-light);border:1px solid rgba(245,158,11,.2);color:var(--color-text);font-style:italic;max-width:100%}.message-role{font-size:10px;text-transform:uppercase;letter-spacing:var(--tracking-wide);margin-bottom:var(--space-1);opacity:.7;font-weight:500}.message-content{font-size:var(--font-size-sm);line-height:var(--line-height-normal);white-space:pre-wrap;word-break:break-word}.trace-empty{display:flex;align-items:center;justify-content:center;height:200px;color:var(--color-text-muted);font-style:italic}@media(max-width:1024px){.trace-drawer{width:90vw;min-width:320px}.trace-view{flex-direction:column}.trace-main{border-right:none;border-bottom:1px solid var(--color-border);height:55%}.trace-sidebar{width:100%;height:45%}.span-label{width:100px}.trace-time-axis{grid-template-columns:100px 1fr}}@media(max-width:640px){.trace-drawer{width:100vw;min-width:100vw}.span-label{width:80px}.trace-time-axis{grid-template-columns:80px 1fr}}.replay-modal-overlay{position:fixed;inset:0;background:#0009;z-index:1000;display:flex;align-items:center;justify-content:center;padding:var(--space-4);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.replay-modal{background:var(--color-card);border-radius:var(--radius-lg);border:1px solid var(--color-border);width:100%;max-width:1200px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--shadow-xl)}.replay-modal-header{padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;align-items:center;background:var(--color-card-muted)}.replay-modal-title{display:flex;align-items:center;gap:var(--space-3)}.replay-modal-title h2{margin:0;font-size:var(--font-size-lg);font-weight:600}.replay-modal-title .run-id{padding:var(--space-1) var(--space-2);background:var(--color-bg);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-family:var(--font-mono);color:var(--color-text-muted)}.replay-modal-close{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-md);width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:18px;cursor:pointer;color:var(--color-text-muted);transition:var(--transition-fast)}.replay-modal-close:hover{background:var(--color-card-muted);color:var(--color-text)}.replay-modal-content{flex:1;overflow:auto;padding:var(--space-6)}.replay-columns{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6)}@media(max-width:900px){.replay-columns{grid-template-columns:1fr}}.replay-column{display:flex;flex-direction:column;gap:var(--space-4)}.replay-column-header{display:flex;align-items:center;gap:var(--space-2);padding-bottom:var(--space-3);border-bottom:1px solid var(--color-border)}.replay-column-header h3{margin:0;font-size:var(--font-size-md);font-weight:600}.replay-column-header .badge{padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:500}.replay-column-header .badge--original{background:#6b728026;color:var(--color-text-muted)}.replay-column-header .badge--modified{background:#3b82f626;color:#3b82f6}.replay-section{display:flex;flex-direction:column;gap:var(--space-2)}.replay-section label{font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-muted)}.replay-section textarea{width:100%;min-height:120px;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);font-family:var(--font-mono);font-size:var(--font-size-sm);resize:vertical;color:var(--color-text);transition:var(--transition-fast)}.replay-section textarea:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px #3b82f61a}.replay-section textarea:read-only{background:var(--color-card-muted);cursor:not-allowed;opacity:.7}.replay-section .output-preview{background:var(--color-card-muted);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3);font-family:var(--font-mono);font-size:var(--font-size-sm);white-space:pre-wrap;max-height:200px;overflow:auto}.model-selector{display:flex;flex-direction:column;gap:var(--space-2)}.model-selector select{width:100%;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);font-size:var(--font-size-sm);cursor:pointer;color:var(--color-text)}.model-selector select:focus{outline:none;border-color:var(--color-accent)}.parameters-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3)}.parameter-field{display:flex;flex-direction:column;gap:var(--space-1)}.parameter-field label{font-size:var(--font-size-xs);color:var(--color-text-muted)}.parameter-field input[type=number],.parameter-field input[type=range]{width:100%;padding:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);font-size:var(--font-size-sm);color:var(--color-text)}.parameter-field .value-display{font-size:var(--font-size-xs);color:var(--color-accent);font-weight:500}.replay-results{margin-top:var(--space-6);padding-top:var(--space-6);border-top:2px solid var(--color-border)}.replay-results h3{margin:0 0 var(--space-4);font-size:var(--font-size-md);font-weight:600;display:flex;align-items:center;gap:var(--space-2)}.results-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.result-card{background:var(--color-card-muted);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4)}.result-card h4{margin:0 0 var(--space-3);font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-muted)}.result-card .output{background:var(--color-bg);border-radius:var(--radius-sm);padding:var(--space-3);font-family:var(--font-mono);font-size:var(--font-size-sm);white-space:pre-wrap;max-height:150px;overflow:auto}.metrics-comparison{margin-top:var(--space-4)}.metrics-comparison table{width:100%;border-collapse:collapse}.metrics-comparison th,.metrics-comparison td{padding:var(--space-2) var(--space-3);text-align:left;border-bottom:1px solid var(--color-border);font-size:var(--font-size-sm)}.metrics-comparison th{font-weight:600;color:var(--color-text-muted);background:var(--color-card-muted)}.metrics-comparison .delta{font-weight:500}.metrics-comparison .delta--positive{color:#10b981}.metrics-comparison .delta--negative{color:#ef4444}.metrics-comparison .delta--neutral{color:var(--color-text-muted)}.eval-comparison{margin-top:var(--space-4)}.eval-row{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-2) 0;border-bottom:1px solid var(--color-border)}.eval-row:last-child{border-bottom:none}.eval-row .metric-name{flex:1;font-weight:500}.eval-row .values{display:flex;align-items:center;gap:var(--space-3)}.eval-row .value{padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:500;min-width:60px;text-align:center}.eval-row .value--original{background:#6b72801a}.eval-row .value--replay{background:#3b82f61a}.eval-row .improved{color:#10b981}.eval-row .worsened{color:#ef4444}.replay-modal-footer{padding:var(--space-4) var(--space-6);border-top:1px solid var(--color-border);display:flex;justify-content:space-between;align-items:center;background:var(--color-card-muted)}.replay-modal-footer .status{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--color-text-muted)}.replay-modal-footer .actions{display:flex;gap:var(--space-3)}.replay-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-8);gap:var(--space-4)}.replay-loading .spinner{width:40px;height:40px;border:3px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;animation:spin 1s linear infinite}.replay-loading p{color:var(--color-text-muted);font-size:var(--font-size-sm)}.replay-error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-md);padding:var(--space-4);color:#ef4444;font-size:var(--font-size-sm)}.variables-section{background:#3b82f60d;border:1px solid rgba(59,130,246,.2);border-radius:var(--radius-md);padding:var(--space-4)}.variables-grid{display:flex;flex-direction:column;gap:var(--space-3)}.variable-field{display:flex;flex-direction:column;gap:var(--space-1)}.variable-field label{font-size:var(--font-size-xs);font-weight:600}.variable-field textarea{min-height:48px;resize:vertical;border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);background:var(--color-bg);font-size:var(--font-size-sm)}.variable-field textarea:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px #3b82f626}.context-section{background:#10b9810d;border:1px solid rgba(16,185,129,.2);border-radius:var(--radius-md);padding:var(--space-4)}.context-items{display:flex;flex-direction:column;gap:var(--space-3)}.context-item{display:flex;flex-direction:column;gap:var(--space-1);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3)}.context-item-header{display:flex;justify-content:space-between;align-items:center}.context-remove-btn{width:20px;height:20px;border:none;background:transparent;color:var(--color-text-muted);cursor:pointer;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:14px;transition:all .15s ease}.context-remove-btn:hover{background:#ef44441a;color:#ef4444}.context-item textarea{border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-2);background:var(--color-card);resize:vertical;min-height:60px}.context-item textarea:focus{outline:none;border-color:#10b981;box-shadow:0 0 0 3px #10b98126}.add-context-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:transparent;border:1px dashed rgba(16,185,129,.5);border-radius:var(--radius-md);color:#10b981;font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all .15s ease}.add-context-btn:hover{background:#10b9811a;border-color:#10b981}.incident-page{display:flex;flex-direction:column;gap:20px;max-width:1600px;margin:0 auto}.incident-page .quick-stats-bar{display:flex;align-items:center;gap:0;padding:16px 20px;background:var(--color-card);border:1px solid var(--color-border);border-radius:12px}.incident-page .stat-group{display:flex;flex-direction:column;gap:4px;padding:0 24px}.incident-page .stat-group:first-child{padding-left:0}.incident-page .stat-label{font-size:11px;font-weight:500;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px}.incident-page .stat-value{font-size:20px;font-weight:600;color:var(--color-text)}.incident-page .stat-sublabel{font-size:10px;color:var(--color-text-muted);margin-top:2px}.incident-page .stat-divider{width:1px;height:40px;background:var(--color-border);margin:0 8px}.incident-page .filters-row{display:flex;gap:16px;flex-wrap:wrap;align-items:flex-end;margin-bottom:8px}.incident-page .form-field{display:flex;flex-direction:column;gap:6px}.incident-page .form-field label{font-size:11px;font-weight:500;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px}.incident-page .card{background:var(--color-card);border:1px solid var(--color-border);border-radius:12px;overflow:hidden}.incident-page .table-card{padding:0}.incident-page .table-wrapper{overflow-x:auto}.incident-page .table{width:100%;border-collapse:collapse}.incident-page .table th{padding:14px 16px;text-align:left;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-muted);background:var(--color-card-muted);border-bottom:1px solid var(--color-border)}.incident-page .table td{padding:14px 16px;border-bottom:1px solid var(--color-border)}.incident-page .table tbody tr:last-child td{border-bottom:none}.incident-page .table-row-hover:hover{background:var(--color-card-muted)}.incident-page .table-footer{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-top:1px solid var(--color-border);background:var(--color-card-muted)}.stats-row{display:flex;gap:16px;flex-wrap:wrap}.stats-card{background:var(--color-card);border:1px solid var(--color-border);border-radius:12px;padding:20px 24px;min-width:140px;flex:1}.filters-row{display:flex;gap:12px;flex-wrap:wrap}.filter-select{padding:10px 16px;background:var(--color-card);border:1px solid var(--color-border);border-radius:8px;font-size:14px;color:var(--color-text);cursor:pointer;min-width:150px}.data-table{width:100%;border-collapse:collapse}.data-table th{text-align:left;padding:14px 16px;font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-muted);border-bottom:1px solid var(--color-border);background:var(--color-surface)}.data-table td{padding:14px 16px;border-bottom:1px solid var(--color-border);vertical-align:middle;font-size:var(--font-size-sm)}.incident-list{background:var(--color-card);border:1px solid var(--color-border);border-radius:12px;overflow:hidden}.incident-row{cursor:pointer;transition:background .1s ease}.incident-meta{font-size:var(--font-size-xs);color:var(--color-text-muted)}.status-badge,.severity-badge{display:inline-flex;align-items:center;gap:4px;padding:5px 10px;border-radius:20px;font-size:11px;font-weight:600;white-space:nowrap}.affected-cell{font-size:var(--font-size-sm);max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.anomaly-count{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:var(--color-accent);color:var(--color-text-inverse);font-size:var(--font-size-sm);font-weight:600}.owner-cell{font-size:var(--font-size-sm);color:var(--color-text-muted)}.loading-state{padding:48px;text-align:center;color:var(--color-text-muted);font-size:14px}.empty-state{padding:64px 24px;text-align:center}.empty-icon{font-size:48px;margin-bottom:16px}.empty-state h3{margin:0 0 8px;font-size:18px;font-weight:600;color:var(--color-text)}.empty-state p{color:var(--color-text-muted);font-size:14px;margin:0}.slider-backdrop{position:fixed;inset:0;background:#00000080;z-index:var(--z-modal)}.incident-slider{position:fixed;top:0;right:0;width:560px;max-width:90vw;height:100vh;background:var(--color-card);box-shadow:-4px 0 30px #00000040;z-index:calc(var(--z-modal) + 1);display:flex;flex-direction:column}.slider-header{padding:24px;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;align-items:flex-start}.slider-header-content{flex:1}.slider-badges{display:flex;gap:8px;margin-bottom:12px}.slider-title{font-size:20px;font-weight:600;margin:0;color:var(--color-text);line-height:1.3}.slider-subtitle{font-size:13px;color:var(--color-text-muted);margin-top:4px}.slider-actions{display:flex;align-items:center;gap:4px}.slider-open-btn,.slider-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:none;border:1px solid var(--color-border);border-radius:6px;color:var(--color-text-muted);cursor:pointer;transition:all .15s ease;text-decoration:none}.slider-open-btn:hover{color:var(--color-accent);border-color:var(--color-accent)}.slider-close:hover{color:var(--color-error);border-color:var(--color-error)}.slider-content{flex:1;overflow-y:auto;padding:24px}.quick-actions{display:flex;gap:10px;margin-bottom:24px;flex-wrap:wrap}.details-tab{display:flex;flex-direction:column;gap:20px}.details-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;padding:20px;background:var(--color-surface);border-radius:10px}.detail-item{display:flex;flex-direction:column;gap:4px}.detail-item label{font-size:10px;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px}.detail-item span{font-size:14px;font-weight:500;color:var(--color-text)}.detail-section{display:flex;flex-direction:column;gap:8px}.detail-section>label{font-size:11px;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px}.section-header{display:flex;justify-content:space-between;align-items:center}.section-header label{font-size:11px;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px}.owner-edit{display:flex;gap:8px;align-items:center}.owner-edit input{flex:1;padding:10px 12px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:6px;font-size:14px;color:var(--color-text)}.owner-edit input:focus{outline:none;border-color:var(--color-accent)}.owner-display{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;background:var(--color-surface);border-radius:6px;font-size:14px}.tags-list{display:flex;flex-wrap:wrap;gap:8px}.tag{padding:6px 10px;background:var(--color-surface);border-radius:6px;font-size:13px;color:var(--color-text)}.description-box,.root-cause-box,.resolution-box{padding:14px;background:var(--color-surface);border-radius:6px;line-height:1.5;white-space:pre-wrap;font-size:14px}.root-cause-box{border-left:3px solid var(--color-error)}.resolution-box{border-left:3px solid var(--color-success)}.attachments-list{display:flex;flex-direction:column;gap:8px}.attachment-link{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;background:var(--color-surface);border-radius:6px;color:var(--color-accent);text-decoration:none;font-size:14px;transition:background .1s ease}.attachment-link:hover{background:var(--color-surface-hover)}.empty-attachments{color:var(--color-text-muted);font-size:14px;font-style:italic}.anomalies-tab{display:flex;flex-direction:column;gap:16px}.anomalies-grid{display:grid;gap:12px}.anomaly-card{padding:14px 16px;background:var(--color-surface);border-radius:8px;border-left:3px solid var(--color-warning)}.anomaly-card.critical{border-left-color:var(--color-error)}.anomaly-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.anomaly-type{font-size:14px;font-weight:500;text-transform:capitalize}.anomaly-agent{font-size:13px;color:var(--color-text-muted)}.anomaly-values{font-size:13px;margin-top:8px}.anomaly-time{font-size:12px;color:var(--color-text-muted);margin-top:8px}.empty-anomalies{padding:40px 20px;text-align:center;color:var(--color-text-muted)}.empty-anomalies .hint{font-size:12px;margin-top:8px}.timeline-tab{display:flex;flex-direction:column;gap:20px}.comment-form{display:flex;flex-direction:column;gap:12px;padding-bottom:20px;border-bottom:1px solid var(--color-border)}.comment-form textarea{padding:12px 14px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;font-size:14px;color:var(--color-text);resize:vertical;font-family:inherit;line-height:1.5}.timeline-list{display:flex;flex-direction:column;gap:12px}.timeline-item{display:flex;gap:14px;padding:14px;background:var(--color-surface);border-radius:8px}.timeline-dot{width:10px;height:10px;border-radius:50%;background:var(--color-accent);margin-top:4px;flex-shrink:0}.timeline-item.status_change .timeline-dot{background:#667eea}.timeline-item.owner_change .timeline-dot{background:#2ed573}.timeline-message{font-size:14px;line-height:1.5;color:var(--color-text)}.timeline-meta{font-size:12px;color:var(--color-text-muted);margin-top:6px}.modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:calc(var(--z-modal) + 10);padding:20px}.modal{background:var(--color-card);border:1px solid var(--color-border);border-radius:12px;width:100%;max-width:500px;box-shadow:0 25px 50px -12px #00000040}.modal--sm{max-width:400px}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--color-border)}.modal-header h3{margin:0;font-size:18px;font-weight:600;color:var(--color-text)}.modal-body{padding:24px}.modal-body .form-group{margin-bottom:20px}.modal-body .form-group:last-child{margin-bottom:0}.modal-body .form-group label{display:block;font-size:14px;font-weight:500;margin-bottom:8px;color:var(--color-text)}.modal-body input,.modal-body textarea,.modal-body select{width:100%;padding:10px 14px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;font-size:14px;color:var(--color-text);font-family:inherit}.modal-body textarea{resize:vertical;line-height:1.5}.modal-body input:focus,.modal-body textarea:focus,.modal-body select:focus{outline:none;border-color:var(--color-accent)}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid var(--color-border)}.btn--sm{padding:6px 12px;font-size:13px}.btn--secondary{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border)}.btn--warning{background:var(--color-warning);color:var(--color-text-inverse)}.btn--warning:hover{background:#e69500}.btn--success{background:var(--color-success);color:var(--color-text-inverse)}.btn--success:hover{background:#059669}@media(max-width:768px){.incident-page{padding:20px 16px;gap:20px}.incident-slider{width:100%}.details-grid{grid-template-columns:1fr}.stats-row{flex-direction:column}.stats-card{width:100%}.filters-row{flex-direction:column}.filter-select{width:100%}}.alert-feed-page{display:flex;flex-direction:column;gap:24px}.alert-feed__stats{display:flex;gap:12px;flex-wrap:wrap}.alert-feed__stat-card{background:var(--color-card);border-radius:12px;padding:16px;min-width:130px;display:flex;align-items:center;gap:12px}.alert-feed__stat-icon{font-size:24px}.alert-feed__stat-label{font-size:11px;color:var(--color-text-muted)}.alert-feed__stat-value{font-size:20px;font-weight:700}.alert-feed__filters{display:flex;gap:24px;flex-wrap:wrap}.alert-feed__filter-group{display:flex;flex-direction:column;gap:8px}.alert-feed__filter-label{font-size:11px;color:var(--color-text-muted)}.alert-feed__filter-buttons{display:flex;gap:8px}.alert-feed__filter-btn{padding:6px 12px;border-radius:6px;border:none;background:var(--color-card);color:var(--color-text);cursor:pointer;font-size:12px;display:flex;align-items:center;gap:4px;transition:all .15s ease}.alert-feed__filter-btn:hover{background:var(--color-surface-hover)}.alert-feed__filter-btn--active{color:var(--color-text-inverse)}.alert-feed__list{background:var(--color-card);border-radius:12px;overflow:hidden}.alert-feed__empty{padding:60px;text-align:center}.alert-feed__empty-icon{font-size:48px;margin-bottom:16px}.alert-feed__empty-title{font-size:16px;font-weight:600;margin-bottom:8px}.alert-feed__empty-text{color:var(--color-text-muted)}.alert-row{display:flex;align-items:flex-start;gap:16px;padding:16px;border-bottom:1px solid var(--color-border);cursor:pointer;transition:background .15s ease}.alert-row:hover{background:var(--color-surface-hover)}.alert-row--acknowledged{opacity:.6}.alert-row__indicator{width:4px;height:40px;border-radius:2px;flex-shrink:0}.alert-row__content{flex:1;min-width:0}.alert-row__header{display:flex;align-items:center;gap:8px;margin-bottom:4px}.alert-row__type{padding:2px 8px;border-radius:4px;font-size:10px;font-weight:600;text-transform:uppercase}.alert-row__severity{padding:2px 8px;border-radius:4px;font-size:10px;font-weight:600}.alert-row__title{font-size:14px;font-weight:500;margin-bottom:4px;color:var(--color-text)}.alert-row__message{font-size:12px;color:var(--color-text-muted);margin-bottom:6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.alert-row__meta{display:flex;gap:12px;font-size:11px;color:var(--color-text-muted)}.alert-row__time{margin-left:auto;font-size:12px;color:var(--color-text-muted);flex-shrink:0}.alert-detail-panel{position:fixed;top:0;right:0;bottom:0;width:500px;background:var(--color-card);border-left:1px solid var(--color-border);overflow-y:auto;z-index:100}.alert-detail-panel__header{padding:20px;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;align-items:flex-start}.alert-detail-panel__title{font-size:18px;font-weight:600;margin-bottom:8px}.alert-detail-panel__close{background:none;border:none;font-size:24px;cursor:pointer;color:var(--color-text-muted)}.alert-detail-panel__close:hover{color:var(--color-text)}.alert-detail-panel__body{padding:20px}.alert-detail-panel__section{margin-bottom:24px}.alert-detail-panel__section-title{font-size:12px;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;margin-bottom:8px}.alert-detail-panel__actions{display:flex;gap:8px;padding:20px;border-top:1px solid var(--color-border)}.alert-feed__header-actions{display:flex;align-items:center;gap:12px}.alert-feed__auto-refresh{display:flex;align-items:center;gap:6px;cursor:pointer;font-size:13px;color:var(--color-text-muted)}.alert-feed__auto-refresh input{width:16px;height:16px;accent-color:var(--color-accent)}.detail-drawer-overlay{position:fixed;inset:0;background:#0006;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1000;animation:fadeIn .15s ease-out}.detail-drawer{position:fixed;top:0;right:0;width:520px;max-width:90vw;height:100vh;background:var(--color-card);border-left:1px solid var(--color-border);display:flex;flex-direction:column;animation:slideIn .2s ease-out;box-shadow:-4px 0 24px #0003}.detail-drawer--incident{width:600px}.detail-drawer__header{display:flex;justify-content:space-between;align-items:flex-start;padding:16px 20px;border-bottom:1px solid var(--color-border);background:var(--color-card);flex-shrink:0}.detail-drawer__header-content{flex:1;min-width:0}.detail-drawer__title-row{display:flex;align-items:center;gap:12px;margin-bottom:4px}.detail-drawer__severity-badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.03em;flex-shrink:0}.detail-drawer__title{margin:0;font-size:18px;font-weight:600;color:var(--color-text);line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.detail-drawer__subtitle{margin:4px 0 0;font-size:13px;color:var(--color-text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.detail-drawer__header-actions{display:flex;align-items:center;gap:8px;flex-shrink:0;margin-left:16px}.detail-drawer__nav-arrows{display:flex;align-items:center;gap:2px;margin-right:8px;padding-right:8px;border-right:1px solid var(--color-border)}.detail-drawer__nav-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;background:transparent;color:var(--color-text-muted);border-radius:4px;cursor:pointer;transition:all .15s ease}.detail-drawer__nav-btn:hover:not(:disabled){background:var(--color-surface-hover);color:var(--color-text)}.detail-drawer__nav-btn:disabled{opacity:.3;cursor:not-allowed}.detail-drawer__expand-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-muted);border-radius:6px;cursor:pointer;transition:all .15s ease}.detail-drawer__expand-btn:hover{background:var(--color-surface-hover);color:var(--color-text);border-color:var(--color-text-muted)}.detail-drawer__close-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;color:var(--color-text-muted);border-radius:6px;cursor:pointer;transition:all .15s ease}.detail-drawer__close-btn:hover{background:#ef44441a;color:#ef4444}.detail-drawer__content{flex:1;overflow-y:auto;padding:24px}.detail-drawer__content::-webkit-scrollbar{width:6px}.detail-drawer__content::-webkit-scrollbar-track{background:transparent}.detail-drawer__content::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}.detail-drawer__content::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}.detail-drawer__footer{display:flex;align-items:center;gap:12px;padding:16px 24px;border-top:1px solid var(--color-border);background:var(--color-card);flex-shrink:0}.detail-drawer-section{margin-bottom:24px}.detail-drawer-section:last-child{margin-bottom:0}.detail-drawer-section__title{font-size:12px;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin:0 0 12px}.detail-drawer-chart{background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;padding:16px;margin-bottom:20px}.detail-drawer-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.detail-drawer-stat{background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;padding:12px 16px}.detail-drawer-stat__label{font-size:11px;font-weight:500;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.03em;margin-bottom:4px}.detail-drawer-stat__value{font-size:18px;font-weight:600;color:var(--color-text)}.detail-drawer-stat__value--critical{color:#ef4444}.detail-drawer-stat__value--warning{color:#f59e0b}.detail-drawer-stat__value--success{color:#10b981}.detail-drawer-meta{display:flex;flex-direction:column;gap:12px}.detail-drawer-meta__row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid var(--color-border)}.detail-drawer-meta__row:last-child{border-bottom:none}.detail-drawer-meta__label{font-size:13px;color:var(--color-text-muted)}.detail-drawer-meta__value{font-size:13px;font-weight:500;color:var(--color-text);font-family:var(--font-mono)}.detail-drawer-actions{display:flex;gap:12px}.detail-drawer-actions .btn{flex:1}.detail-drawer-full-page-link{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;background:var(--color-surface);border:1px dashed var(--color-border);border-radius:8px;color:var(--color-text-muted);font-size:13px;cursor:pointer;transition:all .15s ease;margin-top:20px}.detail-drawer-full-page-link:hover{background:var(--color-surface-hover);border-color:var(--color-accent);color:var(--color-accent)}.detail-drawer-full-page-link .hint{font-size:11px;color:var(--color-text-muted);display:block;margin-top:2px}.drift-event-detail .deviation-arrow{margin-right:4px;font-weight:700}.drift-event-detail .deviation-arrow.increase{color:#ef4444}.drift-event-detail .deviation-arrow.decrease{color:#10b981}.acknowledged-badge{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#10b9811a;border:1px solid rgba(16,185,129,.3);border-radius:8px;color:#10b981;font-size:13px}.anomaly-type-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.anomaly-type-icon{font-size:28px;line-height:1}.anomaly-type-info{display:flex;flex-direction:column}.anomaly-type-name{font-size:14px;font-weight:600;color:var(--color-text);text-transform:capitalize}.anomaly-category{font-size:12px;color:var(--color-text-muted);text-transform:capitalize}.anomaly-description{font-size:13px;color:var(--color-text-muted);line-height:1.5;margin:0;padding:12px;background:var(--color-surface);border-radius:8px;border-left:3px solid var(--color-border)}.anomaly-event-detail .deviation-arrow{margin-right:4px;font-weight:700}.anomaly-event-detail .deviation-arrow.increase{color:#ef4444}.anomaly-event-detail .deviation-arrow.decrease{color:#10b981}.link-button{background:none;border:none;color:var(--color-accent);cursor:pointer;font-family:var(--font-mono);font-size:13px;padding:0}.link-button:hover{text-decoration:underline}.incident-badges{display:flex;gap:8px;margin-bottom:12px}.incident-status-badge,.incident-severity-badge{display:inline-flex;padding:4px 10px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.03em}.incident-number-display{font-size:13px;font-family:var(--font-mono);color:var(--color-text-muted)}.affected-agents-list{display:flex;flex-wrap:wrap;gap:8px}.affected-agent-tag{display:inline-flex;padding:4px 10px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:6px;font-size:12px;color:var(--color-text)}.drawer-header{display:flex;justify-content:space-between;align-items:flex-start;padding:20px 24px;border-bottom:1px solid var(--color-border);background:var(--color-card)}.drawer-title h3{margin:0 0 4px;font-size:18px;font-weight:600;color:var(--color-text)}.drawer-subtitle{font-size:13px;color:var(--color-text-muted)}.drawer-actions{display:flex;align-items:center;gap:12px}.drawer-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;color:var(--color-text-muted);font-size:24px;cursor:pointer;border-radius:6px;transition:all .15s ease}.drawer-close:hover{background:#ef44441a;color:#ef4444}.drawer-content{flex:1;overflow-y:auto;padding:24px}.drawer-section h4{font-size:12px;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin:0 0 12px}.status-summary{display:flex;flex-direction:column;gap:12px}.status-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px}.status-label{font-size:13px;color:var(--color-text-muted)}.status-badge{padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600}.status-badge.enabled{background:#22c55e26;color:#22c55e}.status-badge.disabled{background:#6b728026;color:#6b7280}.anomaly-counts{display:flex;gap:8px}.anomaly-counts .count{padding:4px 10px;border-radius:12px;font-size:11px;font-weight:600}.anomaly-counts .count.critical{background:#ef444426;color:#ef4444}.anomaly-counts .count.warning{background:#f59e0b26;color:#f59e0b}.anomaly-counts .count.info{background:#3b82f626;color:#3b82f6}.anomaly-counts .count.healthy{background:#22c55e26;color:#22c55e}.config-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.config-item{display:flex;flex-direction:column;gap:4px;padding:12px 16px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px}.config-label{font-size:11px;font-weight:500;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.03em}.config-value{font-size:14px;font-weight:500;color:var(--color-text)}.severity-badge{display:inline-flex;padding:4px 10px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase}.severity-badge.warning,.severity-badge.medium{background:#f59e0b26;color:#f59e0b}.severity-badge.info,.severity-badge.low{background:#3b82f626;color:#3b82f6}.description-text{font-size:14px;color:var(--color-text);line-height:1.6;margin:0;padding:12px 16px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px}.recent-events-list{display:flex;flex-direction:column;gap:8px}.recent-event-item{display:flex;align-items:center;gap:12px;padding:10px 14px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px}.severity-dot.critical,.severity-dot.high{background:#ef4444}.severity-dot.warning,.severity-dot.medium{background:#f59e0b}.severity-dot.info,.severity-dot.low{background:#3b82f6}.event-value{flex:1;font-size:13px;font-family:var(--font-mono);color:var(--color-text)}.event-time{font-size:12px;color:var(--color-text-muted);flex-shrink:0}.rule-card.selected{border-color:var(--color-accent);box-shadow:0 0 0 2px rgba(var(--color-accent-rgb),.2)}@media(max-width:768px){.detail-drawer{width:100%;max-width:100%}.detail-drawer__header,.detail-drawer__content{padding:16px}.detail-drawer__footer{padding:12px 16px}.detail-drawer-stats,.config-grid{grid-template-columns:1fr}}.dashboard-card{background:var(--color-card);border:1px solid var(--color-border);border-radius:12px;padding:16px;position:relative;overflow:visible;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;display:flex;flex-direction:column}.dashboard-card:after{content:"";position:absolute;inset:0;border-radius:12px;pointer-events:none}.dashboard-card:hover{transform:translateY(-2px);border-color:var(--color-border-hover, rgba(139, 92, 246, .3));box-shadow:0 8px 32px var(--card-shadow-color, rgba(0, 0, 0, .15))}.dashboard-card__header{display:flex;align-items:center;gap:8px;margin-bottom:12px;flex-wrap:wrap}.dashboard-card__title{font-size:14px;font-weight:600;color:var(--color-text);margin:0;letter-spacing:-.01em}.dashboard-card__count{display:inline-flex;align-items:center;gap:4px;background:var(--color-surface-elevated);padding:4px 10px;border-radius:20px;font-size:13px;font-weight:600;color:var(--color-text)}.dashboard-card__count-label{font-weight:400;color:var(--color-text-muted);font-size:11px}.dashboard-card__link{margin-left:auto;font-size:12px;font-weight:500;color:var(--color-primary);text-decoration:none;opacity:.85;transition:opacity .2s,color .2s;background:none;border:none;cursor:pointer;padding:4px 0;white-space:nowrap}.dashboard-card__link:hover{opacity:1;color:var(--color-primary-hover, #a78bfa)}.dashboard-card__content{flex:1;display:flex;flex-direction:column;min-height:0}.dashboard-card__skeleton{flex:1;min-height:100px}.dashboard-card__error{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;text-align:center;color:var(--color-danger, #ef4444);gap:8px}.dashboard-card__error svg{opacity:.7}.dashboard-card__error p{margin:0;font-size:13px;color:var(--color-text-muted)}.dashboard-card__empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;text-align:center;gap:8px}.dashboard-card__empty-icon{width:40px;height:40px;border-radius:50%;background:var(--color-surface-elevated);display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);margin-bottom:4px}.dashboard-card__empty-icon svg{width:20px;height:20px}.dashboard-card__empty-title{margin:0;font-size:14px;font-weight:600;color:var(--color-text)}.dashboard-card__empty-desc{margin:0;font-size:12px;color:var(--color-text-muted);max-width:200px;line-height:1.5}.dashboard-card__empty-action{margin-top:8px;padding:6px 14px;font-size:12px;font-weight:500;color:var(--color-primary);background:var(--color-primary-subtle, rgba(139, 92, 246, .1));border:none;border-radius:6px;cursor:pointer;transition:background .2s,transform .2s}.dashboard-card__empty-action:hover{background:var(--color-primary-subtle-hover, rgba(139, 92, 246, .2));transform:translateY(-1px)}.dashboard-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}@media(max-width:1400px){.dashboard-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:900px){.dashboard-grid{grid-template-columns:1fr}}:root,[data-theme=dark]{--accent-primary: #8b5cf6;--accent-secondary: #06b6d4;--card-shadow-color: rgba(0, 0, 0, .4)}[data-theme=light]{--accent-primary: #7c3aed;--accent-secondary: #0891b2;--card-shadow-color: rgba(0, 0, 0, .1)}.agent-performance-chart{width:100%}.agent-performance-empty{display:flex;align-items:center;justify-content:center;height:120px;color:var(--color-text-muted);font-size:13px}.agent-performance-legend{display:flex;justify-content:center;gap:16px;margin-top:8px;padding-top:8px;border-top:1px solid var(--color-border)}.agent-performance-legend .legend-item{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--color-text-muted)}.agent-performance-legend .legend-dot{width:8px;height:8px;border-radius:50%}.agent-chart-tooltip{background:var(--color-card);border:1px solid var(--color-border);border-radius:8px;padding:8px 12px;box-shadow:0 4px 12px #00000026}.agent-chart-tooltip .tooltip-name{font-size:12px;font-weight:500;color:var(--color-text);margin-bottom:2px}.agent-chart-tooltip .tooltip-value{font-size:14px;font-weight:600;color:var(--color-primary)}.cost-sparkline{width:100%;flex:1;display:flex;flex-direction:column}.cost-sparkline-empty{display:flex;align-items:center;justify-content:center;height:100px;color:var(--color-text-muted);font-size:13px}.cost-breakdown{display:flex;align-items:center;justify-content:space-between;padding-top:12px;border-top:1px solid var(--color-border);margin-top:auto}.cost-breakdown-item{display:flex;flex-direction:column;gap:2px}.cost-breakdown-item .cost-label{font-size:11px;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.cost-breakdown-item .cost-value{font-size:16px;font-weight:600;color:var(--color-text)}.cost-trend{display:flex;align-items:center;gap:4px;padding:4px 10px;border-radius:16px;font-size:12px;font-weight:500}.cost-trend.up{background:#ef44441a;color:#ef4444}.cost-trend.down{background:#22c55e1a;color:#22c55e}.cost-trend .trend-arrow{font-size:14px}.cost-trend .trend-value{font-weight:600}.cost-trend .trend-label{color:var(--color-text-muted);font-weight:400;margin-left:2px}.cost-tooltip{background:var(--color-card);border:1px solid var(--color-border);border-radius:8px;padding:8px 12px;box-shadow:0 4px 12px #00000026}.cost-tooltip-date{font-size:11px;color:var(--color-text-muted);margin-bottom:2px}.cost-tooltip-value{font-size:14px;font-weight:600;color:#22c55e}.evaluation-ring{display:flex;flex-direction:column;align-items:center;gap:12px;position:relative;cursor:pointer;padding:0}.evaluation-ring--hovered{transform:scale(1.02);transition:transform .2s ease}.ring-container{position:relative;display:flex;align-items:center;justify-content:center}.ring-svg{position:absolute;top:0;left:0}.ring-bg{stroke:var(--color-border);opacity:.3}.ring-progress{filter:drop-shadow(0 0 4px currentColor);transition:filter .2s ease,stroke-width .2s ease}.ring-progress--hovered{filter:drop-shadow(0 0 8px currentColor)}.ring-label{display:flex;flex-direction:column;align-items:center;text-align:center;z-index:1}.ring-percentage{font-size:28px;font-weight:700;line-height:1;letter-spacing:-.02em;transition:font-size .2s ease}.evaluation-ring--hovered .ring-percentage{font-size:30px}.ring-sublabel{font-size:10px;color:var(--color-text-muted);margin-top:2px;text-transform:uppercase;letter-spacing:.05em;font-weight:500}.eval-breakdown{display:flex;gap:32px;margin-top:0;padding-top:8px}.eval-stat{display:flex;flex-direction:column;align-items:center;gap:2px}.eval-stat-value{font-size:20px;font-weight:700;line-height:1}.eval-stat-label{font-size:11px;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em;font-weight:500}.eval-stat.pass .eval-stat-value{color:#22c55e}.eval-stat.fail .eval-stat-value{color:#ef4444}.eval-tooltip{position:absolute;top:50%;left:calc(100% + 16px);transform:translateY(-50%) translate(-8px);background:var(--color-card);border:1px solid var(--color-border);border-radius:12px;box-shadow:var(--shadow-lg);padding:0;min-width:180px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease,transform .2s ease,visibility .2s;z-index:100}.eval-tooltip--visible{opacity:1;visibility:visible;transform:translateY(-50%) translate(0)}.eval-tooltip__header{padding:10px 14px;border-bottom:2px solid;border-radius:12px 12px 0 0}.eval-tooltip__status{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.eval-tooltip__content{padding:12px 14px;display:flex;flex-direction:column;gap:8px}.eval-tooltip__row{display:flex;justify-content:space-between;align-items:center;gap:16px}.eval-tooltip__row--highlight{padding-top:8px;margin-top:4px;border-top:1px solid var(--color-border)}.eval-tooltip__label{font-size:12px;color:var(--color-text-muted)}.eval-tooltip__value{font-size:13px;font-weight:600;color:var(--color-text)}.eval-tooltip__value--pass{color:#22c55e}.eval-tooltip__value--fail{color:#ef4444}@media(max-width:1200px){.eval-tooltip{left:50%;top:calc(100% + 12px);transform:translate(-50%) translateY(-8px)}.eval-tooltip--visible{transform:translate(-50%) translateY(0)}}.theme-light .eval-tooltip{background:#fff;border-color:#0000001a;box-shadow:0 8px 32px #0000001f}.theme-dark .eval-tooltip{background:#1a1a1a;border-color:#ffffff1a;box-shadow:0 8px 32px #00000080}@keyframes ring-pulse{0%,to{filter:drop-shadow(0 0 6px currentColor)}50%{filter:drop-shadow(0 0 12px currentColor)}}.evaluation-ring:focus-visible .ring-progress{animation:ring-pulse 1.5s ease-in-out infinite}.health-overview-page{max-width:100%;padding:0}.health-overview-page .page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;gap:16px}.health-overview-page .page-header h1.page-title{font-size:24px;font-weight:600;margin:0 0 4px;color:var(--color-text);line-height:1.2}.health-overview-page .page-subtitle{font-size:14px;color:var(--color-text-muted);margin:0}.health-hero-section{display:flex;align-items:stretch;margin-bottom:24px;overflow:hidden}.health-score-compact{display:none}.quick-stats-row{display:flex;flex:1;padding:20px 0}.stat-pill{display:flex;flex-direction:column;padding:0 28px;border:none;border-radius:0;background:transparent;text-align:left;border-right:1px solid var(--color-border);min-width:auto;cursor:default}.stat-pill:last-child{border-right:none}.stat-pill.clickable{cursor:pointer}.stat-pill.clickable:hover{background:#6366f10a}.stat-lbl{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-muted);margin-bottom:6px;display:block;order:-1}.stat-num{font-size:24px;font-weight:600;color:var(--color-text);line-height:1;margin:0}.stat-num.healthy{color:#22c55e}.stat-num.warning{color:#f59e0b}.stat-num.critical{color:#ef4444}.key-metrics-section,.overview-split-view{display:none}.health-overview-page>.workflow-health-table{display:none}.overview-tabs{display:flex;gap:0;background:transparent;padding:0;border-radius:0;margin-bottom:20px;border-bottom:1px solid var(--color-border)}.overview-tab{padding:12px 20px;border-radius:0;font-size:14px;font-weight:500;color:var(--color-text-muted);background:transparent;border:none;border-bottom:2px solid transparent;margin-bottom:-1px;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;gap:8px}.overview-tab:hover{color:var(--color-text)}.overview-tab.active{color:var(--color-text);border-bottom-color:var(--color-text)}.tab-badge{padding:2px 8px;border-radius:10px;font-size:11px;font-weight:600;background:var(--color-card-muted);color:var(--color-text-muted)}.overview-tab.active .tab-badge{background:var(--color-accent);color:#fff}.tab-badge.highlight{background:#ef4444;color:#fff}.tab-filter-bar{display:flex;align-items:flex-end;gap:24px;padding:0;background:transparent;border:none;border-radius:0;margin-bottom:20px}.filter-group{display:flex;flex-direction:column;gap:8px}.filter-group label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-muted)}.filter-select{padding:10px 14px;background:var(--color-card);border:1px solid var(--color-border);border-radius:6px;color:var(--color-text);font-size:14px;min-width:150px;cursor:pointer}.filter-select:focus{outline:none;border-color:var(--color-accent)}.filter-results{margin-left:auto;font-size:13px;color:var(--color-text-muted);padding:10px 0;background:transparent;border-radius:0}.filter-stats-row{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--color-bg-secondary);border-radius:8px;margin-bottom:24px;border:1px solid var(--color-border);gap:16px}.filter-stats-row .filters-section{display:flex;gap:16px;align-items:flex-end}.filter-stats-row .filter-group{display:flex;flex-direction:column;gap:4px}.filter-stats-row .filter-group label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-muted)}.filter-stats-row .filter-select{padding:8px 12px;background:var(--color-card);border:1px solid var(--color-border);border-radius:6px;color:var(--color-text);font-size:13px;min-width:140px;cursor:pointer}.filter-stats-row .filter-select:focus{outline:none;border-color:var(--color-accent)}.inline-stats{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.stat-chip{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--color-text-muted);padding:5px 10px;background:#ffffff0d;border-radius:16px;white-space:nowrap}[data-theme=light] .stat-chip,.theme-light .stat-chip{background:#0000000a}.stat-chip .stat-dot{width:6px;height:6px;border-radius:50%;background:var(--color-text-muted);flex-shrink:0}.stat-chip.critical{color:#ef4444}.stat-chip.critical .stat-dot{background:#ef4444}.stat-chip.warning{color:#f59e0b}.stat-chip.warning .stat-dot{background:#f59e0b}.stat-chip.acknowledged{color:#22c55e}.stat-chip.acknowledged .stat-dot{background:#22c55e}.stat-chip .stat-total{color:var(--color-text-muted);font-size:11px}.view-critical-btn{font-size:11px;font-weight:500;padding:6px 12px;background:#ef44441f;color:#ef4444;border:none;border-radius:6px;cursor:pointer;transition:all .15s ease;white-space:nowrap}.view-critical-btn:hover{background:#ef444433}[data-theme=light] .view-critical-btn,.theme-light .view-critical-btn{background:#ef44441a}.tab-content{min-height:400px}.tab-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 24px;text-align:center;background:var(--color-card);border:1px solid var(--color-border);border-radius:8px}.tab-empty-state .empty-icon{width:48px;height:48px;margin-bottom:16px;color:var(--color-text-muted);opacity:.6}.tab-empty-state .empty-icon svg{width:48px;height:48px}.tab-empty-state h3{font-size:16px;font-weight:600;color:var(--color-text);margin:0 0 8px}.tab-empty-state p{font-size:14px;color:var(--color-text-muted);margin:0 0 24px;max-width:320px;line-height:1.5}.empty-action-btn{padding:10px 20px;background:transparent;color:var(--color-accent);border:1px solid var(--color-accent);border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .15s ease}.empty-action-btn:hover{background:var(--color-accent);color:#fff}.summary-charts-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}@media(max-width:1200px){.summary-charts-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.summary-charts-grid{grid-template-columns:1fr}}.chart-panel{background:var(--color-card);border:1px solid var(--color-border);border-radius:8px;overflow:hidden}.chart-header{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-bottom:1px solid var(--color-border)}.chart-header h3{font-size:14px;font-weight:600;color:var(--color-text);margin:0}.chart-total{font-size:12px;color:var(--color-text-muted);background:var(--color-card-muted);padding:4px 10px;border-radius:12px}.view-all-btn{font-size:12px;color:var(--color-accent);background:none;border:none;cursor:pointer;font-weight:500}.view-all-btn:hover{text-decoration:underline}.chart-content{padding:16px;min-height:200px;display:flex;flex-direction:column}.chart-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#22c55e;gap:8px}.chart-empty svg{width:32px;height:32px;opacity:.6}.chart-empty p{font-size:13px;color:var(--color-text-muted);margin:0}.donut-chart-container{position:relative;display:flex;justify-content:center;align-items:center}.donut-center-label{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;pointer-events:none}.donut-total{display:block;font-size:28px;font-weight:700;color:var(--color-text);line-height:1}.donut-label{display:block;font-size:11px;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;margin-top:4px}.chart-legend{display:flex;flex-wrap:wrap;gap:12px;margin-top:12px;padding-top:12px;border-top:1px solid var(--color-border)}.chart-legend.horizontal{justify-content:center}.legend-item{display:flex;align-items:center;gap:6px;font-size:12px}.legend-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.legend-value{font-weight:600;color:var(--color-text)}.legend-label{color:var(--color-text-muted)}.bar-charts-row{display:flex;gap:16px;flex:1}.mini-chart{flex:1;display:flex;flex-direction:column}.mini-chart-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-muted);margin-bottom:8px}.chart-action-btn{margin-top:12px;padding:8px 16px;background:transparent;border:1px solid var(--color-border);border-radius:6px;color:var(--color-accent);font-size:12px;font-weight:500;cursor:pointer;text-align:center;transition:all .15s ease}.chart-action-btn:hover{background:var(--color-accent);color:#fff;border-color:var(--color-accent)}.issues-summary{display:flex;flex-direction:column;gap:16px;flex:1}.issues-section{display:flex;flex-direction:column;gap:8px}.issues-section-label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-muted)}.issues-pills{display:flex;flex-wrap:wrap;gap:8px}.issue-pill{display:flex;align-items:center;gap:6px;padding:6px 12px;background:color-mix(in srgb,var(--pill-color) 15%,transparent);border:1px solid color-mix(in srgb,var(--pill-color) 30%,transparent);border-radius:20px;transition:transform .15s ease}.issue-pill:hover{transform:scale(1.02)}.issue-pill .pill-count{font-size:14px;font-weight:700;color:var(--pill-color)}.issue-pill .pill-label{font-size:11px;color:var(--color-text-muted)}.issues-list{display:flex;flex-direction:column;gap:6px}.issue-item{display:flex;align-items:center;gap:8px;padding:4px 0}.issue-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.issue-dot.critical{background:#ef4444;box-shadow:0 0 6px #ef444480}.issue-dot.warning{background:#f59e0b;box-shadow:0 0 6px #f59e0b80}.issue-text{font-size:12px;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.incidents-content{flex:1;display:flex;flex-direction:column}.incidents-chart-wrapper{flex:1;display:flex;flex-direction:column;justify-content:center;min-height:0}.incidents-recent{padding-top:12px;border-top:1px solid var(--color-border);margin-top:auto}.eval-ring-wrapper{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;min-height:180px}.eval-ring-wrapper .evaluation-ring{gap:8px;padding:0}.eval-ring-wrapper .ring-container{margin-bottom:0}.eval-ring-wrapper .eval-breakdown{margin-top:0;gap:32px}.health-grid,.health-panel{display:none}.kpis-tab-content{display:flex;flex-direction:column;gap:20px}.kpi-category-section{background:transparent;border:none;padding:0}.category-title{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-muted);margin:0 0 12px;padding-bottom:8px;border-bottom:1px solid var(--color-border)}.category-icon{opacity:.7}.category-count{margin-left:auto;padding:2px 8px;background:var(--color-card-muted);border-radius:10px;font-size:11px}.kpi-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.kpi-card{background:var(--color-card);border:1px solid var(--color-border);border-radius:8px;padding:14px;cursor:pointer;transition:all .15s ease;position:relative}.kpi-card:hover{border-color:var(--color-accent)}.kpi-card-status{position:absolute;top:10px;right:10px;padding:2px 8px;border-radius:10px;font-size:10px;font-weight:600}.kpi-card-name{font-size:11px;font-weight:500;color:var(--color-text-muted);margin-bottom:6px;padding-right:60px;text-transform:uppercase;letter-spacing:.3px}.kpi-card-value{font-size:22px;font-weight:700;color:var(--color-text);margin-bottom:6px}.kpi-card-trend{display:flex;align-items:center;gap:4px;font-size:12px;font-weight:500}.kpi-card-trend .trend-label{color:var(--color-text-muted);font-weight:400}.kpi-card-sparkline{margin-top:10px;height:36px}.kpi-card-workflow{margin-top:10px;padding-top:10px;border-top:1px solid var(--color-border);font-size:11px;color:var(--color-text-muted)}.kpi-alerts-section{margin-bottom:32px;background:var(--color-card);border:1px solid var(--color-border);border-radius:8px;padding:20px}.kpi-alerts-section .category-title{display:flex;align-items:center;gap:10px;margin:0 0 16px;font-size:15px;font-weight:600;color:var(--color-text)}.kpi-alerts-section .category-count{font-size:12px;padding:2px 8px;border-radius:12px;font-weight:500}.kpi-alerts-list{display:flex;flex-direction:column;gap:12px}.kpi-alert-item{display:flex;align-items:flex-start;gap:14px;padding:14px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;transition:all .15s ease}.kpi-alert-item:hover{border-color:#ef44444d;background:var(--color-background)}.kpi-alert-severity{flex-shrink:0;padding:4px 10px;border-radius:6px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.kpi-alert-content{flex:1;min-width:0}.kpi-alert-title{font-size:14px;font-weight:600;color:var(--color-text);margin-bottom:4px}.kpi-alert-message{font-size:13px;color:var(--color-text-muted);margin-bottom:8px;line-height:1.4}.kpi-alert-details{display:flex;align-items:center;gap:16px;font-size:12px;color:var(--color-text-muted)}.kpi-alert-agent{padding:2px 8px;background:#6366f11a;color:var(--color-primary);border-radius:4px;font-size:11px}.kpi-alert-time{flex-shrink:0;font-size:12px;color:var(--color-text-muted)}.drift-tab-content{display:flex;flex-direction:column;gap:16px}.drift-list-panel{background:var(--color-card);border:1px solid var(--color-border);border-radius:8px;overflow:hidden}.drift-list{max-height:none}.drift-event-row{display:grid;grid-template-columns:80px 1fr 80px 120px 80px;gap:16px;padding:12px 16px;border-bottom:1px solid var(--color-border);cursor:pointer;transition:background .15s ease;align-items:center}.drift-event-row:last-child{border-bottom:none}.drift-event-row:hover{background:#6366f10a}.drift-event-row.selected{background:#6366f114}.drift-severity{padding:4px 8px;border-radius:4px;font-size:10px;font-weight:700;text-transform:uppercase;text-align:center}.drift-details{min-width:0}.drift-metric{font-size:13px;font-weight:500;color:var(--color-text)}.drift-entity{font-size:12px;color:var(--color-text-muted);margin-top:2px}.drift-deviation{font-size:14px;font-weight:600;text-align:right}.drift-values{text-align:right}.drift-baseline,.drift-current{font-size:11px;color:var(--color-text-muted)}.drift-time{font-size:12px;color:var(--color-text-muted);text-align:right}.drift-chart-panel{background:var(--color-card);border:1px solid var(--color-border);border-radius:8px;padding:16px}.drift-chart-panel h4{font-size:13px;font-weight:600;color:var(--color-text);margin:0 0 12px}.anomaly-list{max-height:none}.anomaly-event-row{display:grid;grid-template-columns:40px 80px 1fr 120px 120px 80px 30px;gap:12px;padding:12px 16px;border-bottom:1px solid var(--color-border);align-items:center;transition:background .15s ease}.anomaly-event-row:last-child{border-bottom:none}.anomaly-event-row:hover{background:#6366f10a}.anomaly-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;color:var(--color-text-muted)}.anomaly-severity{padding:4px 8px;border-radius:4px;font-size:10px;font-weight:700;text-transform:uppercase;text-align:center}.anomaly-details{min-width:0}.anomaly-title{font-size:13px;font-weight:500;color:var(--color-text)}.anomaly-description{font-size:12px;color:var(--color-text-muted);margin-top:2px}.anomaly-agent{font-size:12px;color:var(--color-text-muted)}.anomaly-values{text-align:right}.anomaly-threshold,.anomaly-trigger{font-size:11px}.anomaly-threshold{color:var(--color-text-muted)}.anomaly-time{font-size:12px;color:var(--color-text-muted);text-align:right}.anomaly-ack{color:#22c55e;font-size:14px}.drift-card-chart{margin:var(--space-2) 0}.drift-card-footer .severity-counts{display:flex;gap:8px}.drift-card-footer .count{font-size:10px;padding:2px 6px;border-radius:4px}.drift-card-footer .count.critical{background:#ef444426;color:#ef4444}.drift-card-footer .count.warning{background:#f59e0b26;color:#f59e0b}.drift-card-footer .last-detected{font-size:10px;opacity:.8}.table{width:100%;border-collapse:collapse}.table th{text-align:left;padding:12px 16px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-muted);background:var(--color-surface);border-bottom:1px solid var(--color-border)}.table td{padding:12px 16px;border-bottom:1px solid var(--color-border);vertical-align:middle}.table tbody tr:hover{background:var(--color-surface)}.table tbody tr.selected{background:#3b82f61a;border-left:3px solid var(--color-primary)}.filter-input{padding:8px 12px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-background);color:var(--color-text);font-size:13px;min-width:160px}.filter-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px #3b82f633}.rules-cards-section{margin-bottom:24px}.events-table-section{margin-top:24px}.rules-cards-section+.events-table-section{margin-top:0}.rules-cards-section .section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.rules-cards-section .section-header h3{font-size:15px;font-weight:600;color:var(--color-text);margin:0}.rules-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}.rule-card{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:10px;padding:16px;transition:all .15s ease;position:relative;overflow:hidden}.rule-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--color-success);transition:background .15s ease}.rule-card.warning:before{background:var(--color-warning)}.rule-card.critical:before{background:var(--color-error)}.rule-card:hover{border-color:var(--color-primary);transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.rule-card-header{display:flex;align-items:center;gap:8px;margin-bottom:12px}.rule-card-header .status-indicator{width:8px;height:8px;border-radius:50%;background:var(--color-success);flex-shrink:0}.rule-card-header .status-indicator.warning{background:var(--color-warning)}.rule-card-header .status-indicator.critical{background:var(--color-error)}.rule-card-header .rule-name{font-size:13px;font-weight:600;color:var(--color-text);text-transform:capitalize;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rule-card-scope{margin:-2px 0 8px}.scope-badge{font-size:10px;padding:2px 8px;border-radius:4px;text-transform:uppercase;letter-spacing:.3px;font-weight:500}.scope-badge.global{background:#3b82f626;color:#3b82f6}.scope-badge.workflow{background:#a855f726;color:#a855f7}[data-theme=light] .scope-badge.global,.theme-light .scope-badge.global{background:#3b82f61a;color:#2563eb}[data-theme=light] .scope-badge.workflow,.theme-light .scope-badge.workflow{background:#a855f71a;color:#9333ea}.rule-card-chart{margin:12px 0;background:#0000001a;border-radius:6px;padding:4px}[data-theme=light] .rule-card-chart,.theme-light .rule-card-chart{background:#00000008}.rule-card-thresholds{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.rule-card-thresholds .threshold{font-size:11px;padding:2px 6px;border-radius:4px;background:#6464641a;color:var(--color-text-muted)}.rule-card-thresholds .threshold.target{background:#4ade801a;color:#4ade80}.rule-card-thresholds .threshold.warning{background:#f59e0b1a;color:#f59e0b}.rule-card-thresholds .threshold.critical{background:#ef44441a;color:#ef4444}.rule-card-footer{display:flex;align-items:center;justify-content:space-between;font-size:11px}.rule-card-footer .alert-counts{display:flex;gap:8px}.rule-card-footer .count{font-weight:600}.rule-card-footer .count.critical{color:var(--color-error)}.rule-card-footer .count.warning{color:var(--color-warning)}.rule-card-footer .status-text{color:var(--color-text-muted)}.rule-card-footer .status-text.healthy{color:var(--color-success)}.rule-card-footer .detection-window,.rule-card-footer .evaluation-window{color:var(--color-text-muted);font-family:var(--font-mono)}.modal-subtitle{font-size:13px;color:var(--color-text-muted);margin-left:8px}.modal-title-section{display:flex;flex-direction:column;gap:4px}.modal-title-section h3{margin:0;font-size:18px;font-weight:600;text-transform:capitalize}.modal-header-actions{display:flex;align-items:center;gap:12px}.modal-time-select{padding:8px 12px;border-radius:6px;border:1px solid var(--color-border);background:var(--color-bg-secondary);color:var(--color-text);font-size:13px;cursor:pointer;min-width:140px}.modal-time-select:focus{outline:none;border-color:var(--color-primary)}.modal-time-picker{display:flex;align-items:center;gap:3px;background:var(--color-bg-secondary);border-radius:8px;padding:3px}.modal-time-picker .time-btn{padding:6px 10px;border-radius:6px;border:none;background:transparent;color:var(--color-text-muted);font-size:12px;font-weight:500;cursor:pointer;transition:all .15s ease;white-space:nowrap}.modal-time-picker .time-btn:hover{background:#ffffff0d;color:var(--color-text)}.modal-time-picker .time-btn.active{background:var(--color-primary);color:#fff}.modal-time-picker .time-btn.custom{display:flex;align-items:center;gap:6px;padding:6px 10px}.modal-time-picker .time-btn.custom .custom-label{font-size:11px;max-width:150px;overflow:hidden;text-overflow:ellipsis}.modal-calendar-popup{position:absolute;top:60px;right:20px;z-index:1100;box-shadow:0 8px 32px #0006;border-radius:12px;overflow:hidden}[data-theme=light] .modal-time-picker,.theme-light .modal-time-picker{background:#f0f0f0}[data-theme=light] .modal-time-picker .time-btn,.theme-light .modal-time-picker .time-btn{color:#666}[data-theme=light] .modal-time-picker .time-btn:hover,.theme-light .modal-time-picker .time-btn:hover{background:#0000000d;color:#333}[data-theme=light] .modal-time-picker .time-btn.active,.theme-light .modal-time-picker .time-btn.active{background:var(--color-primary);color:#fff}.modal-rule-info{display:flex;flex-wrap:wrap;gap:16px;padding:16px;background:var(--color-bg-secondary);border-radius:8px;margin-bottom:20px}.rule-info-item{display:flex;flex-direction:column;gap:4px;min-width:100px}.rule-info-item .label{font-size:11px;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px}.rule-info-item .value{font-size:14px;font-weight:600;font-family:var(--font-mono);color:var(--color-text)}.rule-info-item.warning .value{color:#f59e0b}.rule-info-item.critical .value{color:#ef4444}.modal-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;color:var(--color-text-muted)}.modal-empty-state svg{width:48px;height:48px;margin-bottom:16px;opacity:.5;color:var(--color-success)}.modal-empty-state h4{margin:0 0 8px;font-size:16px;color:var(--color-text)}.modal-empty-state p{margin:0;font-size:14px}.modal-chart-container{background:var(--color-bg-secondary);border-radius:8px;padding:20px}.modal-alerts-list{margin-top:24px;border-top:1px solid var(--color-border);padding-top:20px}.modal-alerts-list h4{margin:0 0 12px;font-size:14px;font-weight:600}.alerts-scroll{max-height:200px;overflow-y:auto;display:flex;flex-direction:column;gap:8px}.alert-item{display:flex;align-items:center;gap:12px;padding:10px 14px;background:var(--color-surface);border-radius:6px;cursor:pointer;transition:all .15s ease}.alert-item:hover{background:var(--color-surface-hover)}.alert-item .severity-badge{font-size:10px;font-weight:600;text-transform:uppercase;padding:3px 8px;border-radius:4px}.alert-item .severity-badge.critical{background:#ef444426;color:#ef4444}.alert-item .severity-badge.warning{background:#f59e0b26;color:#f59e0b}.alert-item .alert-value{flex:1;font-size:13px;font-family:var(--font-mono);color:var(--color-text)}.alert-item .alert-time{font-size:12px;color:var(--color-text-muted)}.search-group{flex:1;max-width:280px}.search-input-wrapper{position:relative;display:flex;align-items:center}.search-input-wrapper svg{position:absolute;left:12px;width:14px;height:14px;color:var(--color-text-muted);pointer-events:none}.search-input-wrapper .filter-input{padding-left:34px;padding-right:32px;width:100%}.clear-search{position:absolute;right:8px;background:none;border:none;color:var(--color-text-muted);cursor:pointer;font-size:16px;line-height:1;padding:4px 6px;border-radius:4px;opacity:.7}.clear-search:hover{opacity:1;background:var(--color-border)}.filter-select--sm{width:80px;min-width:80px}.pagination-controls{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-top:1px solid var(--color-border);background:var(--color-card)}.pagination-info{font-size:13px;color:var(--color-text-muted)}.pagination-buttons{display:flex;gap:6px;align-items:center}.pagination-buttons .btn{min-width:36px;padding:6px 10px;font-size:12px}.pagination-buttons .btn--primary{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.pagination-buttons .btn--secondary:disabled{opacity:.4;cursor:not-allowed}.pagination-ellipsis{color:var(--color-text-muted);padding:0 4px;font-size:12px}[data-theme=light] .search-input-wrapper .filter-input{background:#fff;border-color:#d1d5db}[data-theme=light] .pagination-controls{background:#fff;border-top-color:#e5e7eb}[data-theme=light] .pagination-buttons .btn--secondary{background:#fff;border-color:#d1d5db;color:#374151}[data-theme=light] .pagination-buttons .btn--secondary:hover:not(:disabled){background:#f3f4f6;border-color:#9ca3af}@media(max-width:768px){.health-hero-section{flex-direction:column}.quick-stats-row{flex-wrap:wrap;padding:16px;gap:16px}.stat-pill{border-right:none;padding:0;min-width:calc(50% - 8px)}.overview-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch}.drift-event-row,.anomaly-event-row{grid-template-columns:1fr;gap:8px}.filters-section{flex-wrap:wrap}.search-group{max-width:100%;width:100%}.pagination-controls{flex-direction:column;gap:12px}.pagination-buttons{flex-wrap:wrap;justify-content:center}}.dashboards-page{max-width:1400px;margin:0 auto}.dashboards-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 40px;text-align:center;background:var(--color-card);border-radius:16px;border:1px solid var(--color-border);margin-top:24px}.empty-state-icon{width:96px;height:96px;display:flex;align-items:center;justify-content:center;background:var(--color-surface);border-radius:50%;margin-bottom:24px;color:var(--color-text-muted)}.empty-state-icon svg{opacity:.6}.empty-state-title{font-size:20px;font-weight:600;color:var(--color-text);margin:0 0 12px}.empty-state-description{font-size:14px;color:var(--color-text-muted);max-width:400px;line-height:1.6;margin:0 0 24px}.empty-state-action{padding:12px 24px;background:var(--color-accent);color:var(--color-text-inverse);border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .15s ease}.empty-state-action:hover{background:var(--color-accent-hover);transform:translateY(-1px)}.dashboards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;margin-top:24px}.dashboard-card{background:var(--color-card);border-radius:12px;border:1px solid var(--color-border);padding:20px;cursor:pointer;transition:all .15s ease}.dashboard-card:hover{border-color:var(--color-accent);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.dashboard-card.skeleton{cursor:default}.dashboard-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.dashboard-card-title{font-size:16px;font-weight:600;color:var(--color-text);margin:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dashboard-card-delete{width:24px;height:24px;border-radius:4px;border:none;background:transparent;color:var(--color-text-muted);cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .15s ease}.dashboard-card-delete:hover{background:#ff475726;color:#ff4757}.dashboard-card-delete:disabled{cursor:not-allowed;opacity:.5}.dashboard-card-description{font-size:13px;color:var(--color-text-muted);margin:8px 0 0;line-height:1.5;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.dashboard-card-meta{display:flex;gap:16px;margin-top:16px;font-size:12px;color:var(--color-text-muted)}.dashboard-card-panels{display:flex;align-items:center;gap:4px}.dashboard-card-date{color:var(--color-text-muted)}.dashboard-card-author{font-size:11px;color:var(--color-text-muted);margin-top:12px;padding-top:12px;border-top:1px solid var(--color-border)}.dashboards-toolbar{display:flex;gap:12px;margin-top:16px}.dashboards-search{flex:1;max-width:300px;padding:10px 14px;border-radius:8px;border:1px solid var(--color-border);background:var(--color-card);color:var(--color-text);font-size:13px}.dashboards-search:focus{outline:none;border-color:var(--color-accent)}.dashboards-error{display:flex;flex-direction:column;align-items:center;gap:12px;padding:40px;text-align:center;color:var(--color-text-muted)}.dashboards-error button{padding:8px 16px;border-radius:6px;border:1px solid var(--color-border);background:var(--color-card);color:var(--color-text);cursor:pointer}.dashboards-pagination{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:24px;padding:16px}.dashboards-pagination button{padding:8px 16px;border-radius:6px;border:1px solid var(--color-border);background:var(--color-card);color:var(--color-text);cursor:pointer;font-size:13px;transition:all .15s ease}.dashboards-pagination button:hover:not(:disabled){background:var(--color-surface);border-color:var(--color-accent)}.dashboards-pagination button:disabled{opacity:.5;cursor:not-allowed}.dashboards-pagination span{font-size:13px;color:var(--color-text-muted)}.btn-primary{padding:10px 20px;border-radius:8px;border:none;background:var(--color-accent);color:var(--color-text-inverse);font-size:13px;font-weight:500;cursor:pointer;transition:all .15s ease}.btn-primary:hover{background:var(--color-accent-hover)}.dashboard-detail-page{max-width:1600px;margin:0 auto}.dashboard-actions{display:flex;gap:8px}.btn-secondary{padding:10px 16px;border-radius:8px;border:1px solid var(--color-border);background:var(--color-card);color:var(--color-text);font-size:13px;font-weight:500;cursor:pointer;transition:all .15s ease}.btn-secondary:hover{background:var(--color-surface);border-color:var(--color-accent)}.btn-danger{padding:10px 16px;border-radius:8px;border:none;background:#ff475726;color:#ff4757;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s ease}.btn-danger:hover{background:#ff475740}.btn-danger:disabled{opacity:.5;cursor:not-allowed}.dashboard-panels-grid{display:grid;gap:16px;margin-top:24px}.dashboard-empty{display:flex;align-items:center;justify-content:center;padding:60px;background:var(--color-card);border-radius:12px;border:1px solid var(--color-border);margin-top:24px;color:var(--color-text-muted)}.dashboard-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px;text-align:center;background:var(--color-card);border-radius:12px;border:1px solid var(--color-border);margin-top:24px}.dashboard-error h2{margin:0 0 8px;font-size:18px;color:var(--color-text)}.dashboard-error p{margin:0 0 24px;color:var(--color-text-muted)}.dashboard-error button{padding:10px 20px;border-radius:8px;border:1px solid var(--color-border);background:var(--color-card);color:var(--color-text);cursor:pointer}.wf-settings-modal{background:var(--color-card);border-radius:12px;width:90%;max-width:520px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px #00000040}.wf-settings-modal__header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--color-border)}.wf-settings-modal__header h2{margin:0;font-size:18px;font-weight:600;color:var(--color-text)}.wf-settings-modal__close{background:none;border:none;font-size:24px;color:var(--color-text-muted);cursor:pointer;padding:0;line-height:1;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .15s ease}.wf-settings-modal__close:hover{background:var(--color-surface);color:var(--color-text)}.wf-settings-modal__content{flex:1;overflow-y:auto;padding:24px}.wf-settings-modal__loading,.wf-settings-modal__error{padding:40px 20px;text-align:center;color:var(--color-text-muted)}.wf-settings-modal__error{color:var(--color-error)}.wf-settings-modal__section{margin-bottom:24px}.wf-settings-modal__section:last-child{margin-bottom:0}.wf-settings-modal__section-label{display:block;font-size:11px;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px}.wf-settings-modal__info-card{background:var(--color-surface);border-radius:8px;padding:14px 16px}.wf-settings-modal__info-name{font-size:15px;font-weight:600;color:var(--color-text);margin-bottom:6px}.wf-settings-modal__info-meta{font-size:12px;color:var(--color-text-muted);display:flex;align-items:center;flex-wrap:wrap;gap:4px}.wf-settings-modal__info-sep{opacity:.5}.wf-settings-modal__field{margin-bottom:16px}.wf-settings-modal__field:last-child{margin-bottom:0}.wf-settings-modal__field>label{display:block;font-size:13px;font-weight:500;color:var(--color-text);margin-bottom:8px}.wf-settings-modal__select,.wf-settings-modal__input,.wf-settings-modal__textarea{width:100%;padding:10px 12px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;font-size:13px;color:var(--color-text);font-family:inherit;transition:border-color .15s ease}.wf-settings-modal__select:focus,.wf-settings-modal__input:focus,.wf-settings-modal__textarea:focus{outline:none;border-color:var(--color-accent)}.wf-settings-modal__textarea{resize:vertical;min-height:80px}.wf-settings-modal__status-options{display:flex;gap:8px}.wf-settings-modal__status-btn{flex:1;padding:10px 16px;border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface);color:var(--color-text-muted);font-size:13px;font-weight:500;cursor:pointer;transition:all .15s ease}.wf-settings-modal__status-btn:hover{border-color:var(--status-color);color:var(--status-color)}.wf-settings-modal__status-btn--active{background:var(--status-color);border-color:var(--status-color);color:var(--color-text-inverse)}.wf-settings-modal__status-btn--active:hover{color:var(--color-text-inverse)}.wf-settings-modal__agents-list{display:flex;flex-direction:column;gap:8px;max-height:180px;overflow-y:auto}.wf-settings-modal__agent-item{display:flex;align-items:center;gap:12px;padding:10px 12px;background:var(--color-surface);border-radius:8px}.wf-settings-modal__agent-icon{width:28px;height:28px;border-radius:6px;background:var(--color-border);color:var(--color-text-muted);font-size:11px;font-weight:600;display:flex;align-items:center;justify-content:center}.wf-settings-modal__agent-icon--llm{background:#8b5cf626;color:#8b5cf6}.wf-settings-modal__agent-info{flex:1;min-width:0}.wf-settings-modal__agent-name{display:block;font-size:13px;font-weight:500;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wf-settings-modal__agent-node{display:block;font-size:11px;color:var(--color-text-muted)}.wf-settings-modal__agents-empty{padding:20px;text-align:center;color:var(--color-text-muted);font-size:13px;background:var(--color-surface);border-radius:8px}.wf-settings-modal__footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid var(--color-border)}.wf-settings-modal__btn{padding:10px 20px;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s ease;border:none}.wf-settings-modal__btn:disabled{opacity:.5;cursor:not-allowed}.wf-settings-modal__btn--secondary{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border)}.wf-settings-modal__btn--secondary:hover:not(:disabled){background:var(--color-surface-hover)}.wf-settings-modal__btn--primary{background:var(--color-accent);color:var(--color-text-inverse)}.wf-settings-modal__btn--primary:hover:not(:disabled){filter:brightness(1.1)}.wf-settings-modal__multi-select{display:flex;flex-direction:column;gap:8px}.wf-settings-modal__selected-owners{display:flex;flex-wrap:wrap;gap:6px;min-height:32px}.wf-settings-modal__owner-tag{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;background:var(--color-accent);color:var(--color-text-inverse);border-radius:4px;font-size:12px;font-weight:500}.wf-settings-modal__owner-tag-remove{background:none;border:none;color:inherit;cursor:pointer;padding:0;font-size:14px;line-height:1;opacity:.7;transition:opacity .15s ease}.wf-settings-modal__owner-tag-remove:hover{opacity:1}.wf-settings-modal__status-btn--disabled{opacity:.4;cursor:not-allowed}.wf-settings-modal__status-btn--disabled:hover{border-color:var(--color-border);color:var(--color-text-muted)}.wf-settings-modal__status-warning{margin-top:8px;padding:8px 12px;background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:6px;font-size:12px;color:#ef4444}.wf-settings-modal__field-hint{margin:0 0 8px;font-size:12px;color:var(--color-text-muted);font-style:italic}.wf-settings-modal__owner-dropdown{position:relative}.wf-settings-modal__owner-search{width:100%;padding:10px 12px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;font-size:13px;color:var(--color-text);font-family:inherit;transition:border-color .15s ease}.wf-settings-modal__owner-search:focus{outline:none;border-color:var(--color-accent)}.wf-settings-modal__owner-search::placeholder{color:var(--color-text-muted)}.wf-settings-modal__dropdown-backdrop{position:fixed;inset:0;z-index:99}.wf-settings-modal__dropdown-list{position:absolute;top:100%;left:0;right:0;margin-top:4px;background:var(--color-card);border:1px solid var(--color-border);border-radius:8px;max-height:200px;overflow-y:auto;z-index:100;box-shadow:0 10px 25px -5px #0003}.wf-settings-modal__dropdown-item{width:100%;padding:10px 12px;background:none;border:none;text-align:left;cursor:pointer;display:flex;flex-direction:column;gap:2px;transition:background .1s ease}.wf-settings-modal__dropdown-item:hover{background:var(--color-surface)}.wf-settings-modal__dropdown-item:not(:last-child){border-bottom:1px solid var(--color-border)}.wf-settings-modal__dropdown-item-name{font-size:13px;font-weight:500;color:var(--color-text);display:flex;align-items:center;gap:8px}.wf-settings-modal__dropdown-item-email{font-size:12px;color:var(--color-text-muted)}.wf-settings-modal__dropdown-item-badge{display:inline-block;padding:2px 6px;background:#8b5cf626;color:#8b5cf6;border-radius:4px;font-size:10px;font-weight:600;text-transform:uppercase;margin-left:auto}.wf-settings-modal__dropdown-empty{padding:16px 12px;text-align:center;font-size:13px;color:var(--color-text-muted)}.workflows-catalog-page{max-width:1600px;margin:0 auto}.quick-stats-bar{display:flex;gap:24px;padding:12px 20px;background:var(--color-card);border-radius:10px;border:1px solid var(--color-border);flex-wrap:wrap;align-items:center;margin-bottom:20px}.quick-stats-bar .stat-group{display:flex;flex-direction:column;gap:2px}.quick-stats-bar .stat-label{font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.3px}.quick-stats-bar .stat-value{font-size:var(--font-size-md);font-weight:600;color:var(--color-text)}.quick-stats-bar .stat-divider{width:1px;height:30px;background:var(--color-border)}.workflows-catalog-page .filters-row{display:flex;gap:16px;align-items:flex-end;margin-bottom:20px;flex-wrap:wrap}.workflows-catalog-page .filters-row .form-field{display:flex;flex-direction:column;gap:6px}.workflows-catalog-page .filters-row .form-field label{font-size:var(--font-size-xs);font-weight:500;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.3px}.workflows-catalog-page .filters-row .input{padding:8px 12px;border:1px solid var(--color-border);border-radius:8px;background:var(--color-card);color:var(--color-text);font-size:var(--font-size-sm);min-width:140px}.workflows-catalog-page .filters-row .input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px #7f6bff1a}.workflows-catalog-page .filters-row .input::placeholder{color:var(--color-text-muted)}.workflows-catalog-page .card{background:var(--color-card);border-radius:12px;border:1px solid var(--color-border);overflow:hidden}.workflows-catalog-page .table-wrapper{overflow-x:auto}.workflows-catalog-page .table{width:100%;border-collapse:collapse}.workflows-catalog-page .table th{padding:12px 16px;text-align:left;font-size:var(--font-size-xs);font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;background:var(--color-card-muted);border-bottom:1px solid var(--color-border);white-space:nowrap;-webkit-user-select:none;user-select:none}.workflows-catalog-page .table th:hover{color:var(--color-text)}.workflows-catalog-page .table td{padding:14px 16px;border-bottom:1px solid var(--color-border);font-size:var(--font-size-sm);vertical-align:middle}.workflows-catalog-page .table tbody tr{transition:background .1s ease}.workflows-catalog-page .table tbody tr:hover{background:var(--color-card-muted)}.workflows-catalog-page .table tbody tr:last-child td{border-bottom:none}.workflows-catalog-page .btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 14px;border-radius:8px;font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all .15s ease;border:1px solid transparent}.workflows-catalog-page .btn--primary{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border-color:transparent}.workflows-catalog-page .btn--primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #6366f14d}.workflows-catalog-page .btn--ghost{background:transparent;color:var(--color-text-muted);border-color:var(--color-border)}.workflows-catalog-page .btn--ghost:hover{background:var(--color-card-muted);color:var(--color-text);border-color:var(--color-accent)}.error-banner{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#ef4444;font-size:14px;margin-bottom:20px}.error-banner button{background:none;border:none;color:inherit;font-size:18px;cursor:pointer;padding:0 4px}@media(max-width:1024px){.quick-stats-bar{gap:16px}.quick-stats-bar .stat-divider{display:none}.quick-stats-bar .stat-group{min-width:80px}}@media(max-width:768px){.workflows-catalog-page{padding:16px}.workflows-catalog-page .filters-row{flex-direction:column;align-items:stretch}.workflows-catalog-page .filters-row .form-field,.workflows-catalog-page .filters-row .input{width:100%}.quick-stats-bar{flex-wrap:wrap;justify-content:space-between}.quick-stats-bar .stat-group{flex:1;min-width:calc(33% - 16px);margin-bottom:8px}.workflows-catalog-page .table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.workflows-catalog-page .table{min-width:800px}}.workflow-detail{display:flex;flex-direction:column;gap:var(--space-4);width:100%;max-width:100%}.workflow-header{display:flex;flex-direction:column;gap:var(--space-3);width:100%}.back-button{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:transparent;border:none;color:var(--color-text-muted);font-size:var(--font-size-sm);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast);width:fit-content}.back-button:hover{background:var(--color-surface-hover);color:var(--color-text)}.workflow-title-row{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-3)}.workflow-title-info{display:flex;align-items:center;gap:var(--space-4)}.workflow-title-row h1{margin:0;font-size:var(--font-size-2xl);font-weight:600}.health-badge{padding:6px 14px;border-radius:20px;font-size:14px;font-weight:600;white-space:nowrap}.workflow-actions{display:flex;gap:var(--space-3);align-items:center}.time-range-selector{display:flex;gap:4px;background:var(--color-surface);padding:4px;border-radius:8px}.time-range-selector .time-btn{padding:6px 12px;border:none;background:transparent;color:var(--color-text-muted);font-size:13px;font-weight:500;border-radius:6px;cursor:pointer;transition:all .2s}.time-range-selector .time-btn:hover{color:var(--color-text)}.time-range-selector .time-btn.active{background:var(--color-card);color:var(--color-text);box-shadow:0 1px 3px #0000001a}.quick-stats-row{display:flex;justify-content:flex-start;align-items:stretch;gap:0;padding:16px 20px;width:100%;background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-md)}.quick-stats-row .quick-stat{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:0 24px;border-right:1px solid var(--color-border);background:transparent;border-radius:0;border-top:none;border-bottom:none;border-left:none;min-width:auto}.quick-stats-row .quick-stat:first-child{padding-left:8px}.quick-stats-row .quick-stat:last-child{border-right:none}.quick-stats-row .stat-label{font-size:10px;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;margin-bottom:4px;order:-1}.quick-stats-row .stat-value{font-size:16px;font-weight:500;color:var(--color-text);line-height:1.2}.workflow-content{flex:1;width:100%}.overview-tab{width:100%}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-4);margin-bottom:var(--space-6)}.stat-card{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4)}.stat-card .stat-label{font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--space-1)}.stat-card .stat-value{font-size:var(--font-size-2xl);font-weight:700;color:var(--color-text);margin-bottom:var(--space-1)}.stat-target{font-size:var(--font-size-xs);color:var(--color-text-muted)}.overview-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4);width:100%}.overview-section{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4)}.overview-section.full-width{grid-column:1 / -1}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4)}.section-header h3{margin:0;font-size:var(--font-size-md);font-weight:600}.empty-section{text-align:center;padding:var(--space-6);color:var(--color-text-muted)}.empty-section p{margin-bottom:var(--space-3)}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:var(--space-3)}.kpi-card{background:var(--color-surface);border-radius:var(--radius-sm);padding:var(--space-3);border-left:3px solid var(--color-border)}.kpi-card.healthy{border-left-color:var(--color-success)}.kpi-card.warning{border-left-color:var(--color-warning)}.kpi-card.critical{border-left-color:var(--color-error)}.kpi-card .kpi-name{font-size:12px;color:var(--color-text-muted);margin-bottom:4px}.kpi-card .kpi-value{font-size:20px;font-weight:700;color:var(--color-text)}.kpi-card .kpi-unit{font-size:12px;color:var(--color-text-muted);margin-left:2px}.kpi-card .kpi-status-badge{display:inline-block;margin-top:6px;padding:2px 8px;border-radius:10px;font-size:10px;font-weight:600;text-transform:uppercase}.kpi-status-badge.healthy{background:#10b98126;color:#10b981}.kpi-status-badge.warning{background:#f59e0b26;color:#f59e0b}.kpi-status-badge.critical{background:#ef444426;color:#ef4444}.kpi-list{display:flex;flex-direction:column;gap:var(--space-3)}.kpi-item{display:grid;grid-template-columns:1fr 1fr auto auto;gap:var(--space-3);align-items:center;padding:var(--space-3);background:var(--color-surface);border-radius:var(--radius-sm)}.kpi-name{font-weight:500;font-size:var(--font-size-sm)}.kpi-metric{font-size:var(--font-size-xs);color:var(--color-text-muted);font-family:var(--font-family-mono)}.kpi-status{font-weight:600;font-size:var(--font-size-sm)}.kpi-status.healthy{color:var(--color-success)}.kpi-status.warning{color:var(--color-warning)}.kpi-status.critical{color:var(--color-error)}.kpi-target{font-size:var(--font-size-xs);color:var(--color-text-muted)}.agent-list{display:flex;flex-direction:column;gap:var(--space-2)}.agent-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);background:var(--color-surface);border-radius:var(--radius-sm)}.agent-icon{font-size:16px}.agent-name{flex:1;font-size:var(--font-size-sm);font-weight:500}.agent-kpi-count,.agent-runs{font-size:var(--font-size-xs);color:var(--color-text-muted)}.agent-latency{font-size:var(--font-size-xs);color:var(--color-text-muted);font-family:var(--font-family-mono)}.node-type-summary{display:flex;gap:var(--space-2);flex-wrap:wrap;margin-bottom:var(--space-3)}.node-type-badge{padding:4px 10px;border-radius:12px;font-size:12px;font-weight:500}.node-type-tag{padding:2px 8px;border-radius:4px;font-size:10px;font-weight:600;text-transform:uppercase}.node-filters{display:flex;gap:var(--space-2);align-items:center;flex-wrap:wrap;margin-bottom:var(--space-4);padding:var(--space-3);background:var(--color-surface);border-radius:var(--radius-md)}.filter-label{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-right:var(--space-2)}.node-filter-btn{padding:6px 12px;border:none;border-radius:16px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s}.node-filter-btn:hover{opacity:.8;transform:translateY(-1px)}.agent-card{border-top:3px solid var(--color-accent)}.agent-card-title{display:flex;flex-direction:column;gap:4px}.agent-card-title h4{margin:0}.node-type-badge-sm{padding:2px 8px;border-radius:8px;font-size:10px;font-weight:600;width:fit-content}.events-list{display:flex;flex-direction:column;gap:var(--space-2)}.event-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--color-surface);border-radius:var(--radius-sm)}.event-icon{font-size:16px}.event-time{font-size:var(--font-size-xs);color:var(--color-text-muted);min-width:60px}.event-message{flex:1;font-size:var(--font-size-sm);color:var(--color-text);text-align:left}.event-item.success{background:#10b9811a;border-left:3px solid #10b981}.event-item.warning{border-left:3px solid #f59e0b}.event-item.critical{border-left:3px solid #ef4444}.event-card{background:var(--color-surface);border-radius:var(--radius-sm);padding:var(--space-4);border-left:3px solid var(--color-border);margin-bottom:var(--space-3)}.event-card.warning{border-left-color:#f59e0b}.event-card.critical{border-left-color:#ef4444}.event-card.clickable{transition:all .2s ease}.event-card.clickable:hover{transform:translate(4px);background:var(--color-surface-hover);box-shadow:0 2px 8px #0000001a}.event-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2)}.severity-badge{padding:2px 8px;border-radius:4px;font-size:10px;font-weight:600}.event-title{font-weight:600;font-size:var(--font-size-md);margin-bottom:var(--space-2)}.event-details{display:flex;gap:var(--space-4);font-size:var(--font-size-sm);color:var(--color-text-muted)}.event-ack{margin-top:var(--space-2);font-size:var(--font-size-xs);color:#10b981}.runs-tab{position:relative}.runs-tab .table-container{overflow-x:auto}.runs-summary{display:flex;gap:var(--space-3);padding:var(--space-3) 0;font-size:var(--font-size-sm);color:var(--color-text-muted)}.grouped-runs-table{width:100%;border-collapse:collapse}.grouped-runs-table th{padding:var(--space-3) var(--space-4);text-align:left;font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);background:var(--color-surface);border-bottom:1px solid var(--color-border)}.grouped-runs-table td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border)}.execution-row{background:var(--color-card-muted);cursor:pointer;transition:background .1s ease}.execution-row:hover{background:var(--color-surface-hover)}.expand-cell{text-align:center;width:40px}.expand-icon{display:inline-block;font-size:16px;font-weight:700;color:var(--color-text-muted);transition:transform .2s ease}.expand-icon.expanded{transform:rotate(90deg)}.execution-info{display:flex;align-items:center;gap:var(--space-3)}.execution-id{font-weight:600;color:var(--color-text)}.execution-time{font-size:12px;color:var(--color-text-muted)}.node-count{font-size:11px;padding:2px 8px;border-radius:10px;background:var(--color-surface);color:var(--color-text-muted)}.node-row{background:var(--color-background);cursor:pointer;transition:background .1s ease}.node-row:hover{background:#6366f10d}.node-row.selected{background:#6366f11a}.node-info{display:flex;align-items:center;gap:var(--space-2);padding-left:var(--space-2)}.node-connector{color:var(--color-border);font-family:monospace;font-size:14px}.node-name{font-weight:500;color:var(--color-text)}.type-badge{display:inline-block;padding:2px 8px;border-radius:8px;font-size:11px;font-weight:500}.type-badge.type-workflow{background:#6366f126;color:#6366f1}.status-pill{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:12px;font-size:11px;font-weight:500;text-transform:capitalize}.status-pill--sm{font-size:10px;padding:1px 6px}.action-buttons{display:flex;gap:4px;justify-content:center}.action-btn:hover{background:var(--color-surface-hover);color:var(--color-accent);border-color:var(--color-accent)}.action-btn--primary{color:var(--color-accent);border-color:var(--color-accent)}.action-btn--primary:hover{background:var(--color-accent);color:var(--color-text-inverse)}.node-side-panel{position:fixed;top:0;right:0;width:400px;height:100vh;background:var(--color-card);border-left:1px solid var(--color-border);box-shadow:-4px 0 20px #00000026;z-index:100;display:flex;flex-direction:column;animation:slideIn .2s ease}.node-side-panel .panel-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4);border-bottom:1px solid var(--color-border)}.node-side-panel .panel-header h3{margin:0;font-size:var(--font-size-md);font-weight:600}.node-side-panel .close-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;font-size:24px;color:var(--color-text-muted);cursor:pointer;border-radius:6px}.node-side-panel .close-btn:hover{background:var(--color-surface-hover);color:var(--color-text)}.node-side-panel .panel-content{flex:1;overflow-y:auto;padding:var(--space-4)}.node-side-panel .panel-section{margin-bottom:var(--space-4)}.node-side-panel .panel-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);margin-bottom:var(--space-1)}.node-side-panel .panel-value{font-size:var(--font-size-sm);color:var(--color-text)}.node-side-panel .token-breakdown{font-size:11px;color:var(--color-text-muted);margin-left:var(--space-2)}.node-side-panel .panel-code{margin:0;padding:var(--space-3);background:var(--color-surface);border-radius:8px;font-family:monospace;font-size:12px;white-space:pre-wrap;word-break:break-word;max-height:200px;overflow-y:auto;color:var(--color-text)}.node-side-panel .panel-footer{padding:var(--space-4);border-top:1px solid var(--color-border);display:flex;gap:var(--space-2)}.node-side-panel .panel-footer .btn{flex:1}.agents-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--space-4)}.agent-card{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.agent-card-header{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--color-surface);border-bottom:1px solid var(--color-border)}.agent-icon-large{font-size:24px}.agent-card-header h4{margin:0;font-size:var(--font-size-md);font-weight:600}.agent-card-body{padding:var(--space-4);display:grid;grid-template-columns:repeat(auto-fit,minmax(70px,1fr));gap:var(--space-3)}.agent-stat{display:flex;flex-direction:column;min-width:0}.agent-stat .label{font-size:11px;color:var(--color-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.agent-stat .value{font-size:var(--font-size-md);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.agent-card-footer{padding:var(--space-3) var(--space-4);border-top:1px solid var(--color-border);display:flex;justify-content:flex-end}.kpis-tab{display:flex;flex-direction:column;gap:var(--space-4)}.kpis-header{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4)}.kpis-header-content{flex:1}.kpis-header h3{margin:0 0 4px;font-size:var(--font-size-lg);font-weight:600;color:var(--color-text)}.kpis-subtitle{margin:0;font-size:var(--font-size-xs);color:var(--color-text-muted);max-width:400px}.kpis-header .btn{display:inline-flex;align-items:center;flex-shrink:0}.kpi-summary-section{background:var(--color-card);border:1px solid var(--color-border);border-radius:12px;padding:var(--space-4)}.kpi-summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3)}@media(max-width:768px){.kpi-summary-grid{grid-template-columns:1fr}}.kpi-summary-grid .summary-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:10px;border:1px solid var(--color-border);background:var(--color-card-muted);transition:all .15s ease}.kpi-summary-grid .summary-item:hover{transform:translateY(-2px);box-shadow:0 6px 16px -4px #0000001a}.kpi-summary-grid .summary-item.healthy{border-color:#22c55e33;background:linear-gradient(135deg,rgba(34,197,94,.05) 0%,var(--color-card-muted) 100%)}.kpi-summary-grid .summary-item.warning{border-color:#f59e0b33;background:linear-gradient(135deg,rgba(245,158,11,.05) 0%,var(--color-card-muted) 100%)}.kpi-summary-grid .summary-item.critical{border-color:#ef444433;background:linear-gradient(135deg,rgba(239,68,68,.05) 0%,var(--color-card-muted) 100%)}.summary-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.summary-icon svg{width:20px;height:20px}.summary-icon.healthy{background:#22c55e1f;color:#22c55e}.summary-icon.warning{background:#f59e0b1f;color:#f59e0b}.summary-icon.critical{background:#ef44441f;color:#ef4444}.summary-content{display:flex;flex-direction:column;gap:2px;flex:1}.kpi-summary-grid .count{font-size:24px;font-weight:700;line-height:1;font-variant-numeric:tabular-nums}.kpi-summary-grid .healthy .count{color:#22c55e}.kpi-summary-grid .warning .count{color:#f59e0b}.kpi-summary-grid .critical .count{color:#ef4444}.kpi-summary-grid .label{font-size:11px;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em}.kpis-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--space-4)}.kpi-detail-card{background:var(--color-card);border:1px solid var(--color-border);border-radius:12px;padding:0;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;position:relative;overflow:hidden}.kpi-detail-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--color-border);transition:all .2s ease}.kpi-detail-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px -8px #00000026;border-color:#6366f140}.kpi-detail-card.healthy:before{background:linear-gradient(90deg,#22c55e,#22c55e66)}.kpi-detail-card.warning:before{background:linear-gradient(90deg,#f59e0b,#f59e0b66)}.kpi-detail-card.critical:before{background:linear-gradient(90deg,#ef4444,#ef444466)}.kpi-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-2);padding:14px 14px 0}.kpi-header-left{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.kpi-card-header .kpi-name{font-weight:600;font-size:13px;color:var(--color-text);line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kpi-metric-id{font-size:10px;font-family:var(--font-family-mono, "SF Mono", "Monaco", "Cascadia Mono", monospace);color:var(--color-text-muted);opacity:.6;text-transform:lowercase;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kpi-status-indicator{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s ease}.kpi-status-indicator svg{width:14px;height:14px}.kpi-status-indicator.healthy{background:#22c55e1f;color:#22c55e}.kpi-status-indicator.warning{background:#f59e0b1f;color:#f59e0b}.kpi-status-indicator.critical{background:#ef44441f;color:#ef4444}.kpi-detail-card:hover .kpi-status-indicator{transform:scale(1.05)}.kpi-card-body{display:flex;flex-direction:column;gap:var(--space-2);padding:10px 14px}.kpi-card-value{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap}.kpi-card-value .value{font-size:28px;font-weight:700;color:var(--color-text);line-height:1;font-variant-numeric:tabular-nums;letter-spacing:-.02em}.kpi-card-value .unit{font-size:12px;font-weight:500;color:var(--color-text-muted);text-transform:lowercase}.kpi-card-chart{margin:0}.sparkline{background:var(--color-card-muted);border-radius:8px;padding:8px;height:44px;display:flex;align-items:center;border:1px solid var(--color-border);transition:all .2s ease;cursor:crosshair;position:relative}.sparkline:hover{border-color:#6366f14d}.sparkline-tooltip{position:absolute;background:var(--color-card);border:1px solid var(--color-border);border-radius:6px;padding:6px 10px;font-size:11px;font-weight:600;box-shadow:0 4px 12px #0003;pointer-events:none;z-index:10;white-space:nowrap;transform:translate(-50%);top:-32px}.kpi-card-footer{display:flex;justify-content:space-between;align-items:center;gap:var(--space-2);padding:10px 14px;background:var(--color-card-muted);border-top:1px solid var(--color-border);flex-wrap:wrap}.kpi-trend{display:flex;gap:10px;align-items:center;flex:1;min-width:0}.kpi-trend .trend{display:inline-flex;align-items:center;gap:3px;font-size:11px;font-weight:600;padding:3px 8px;border-radius:4px;font-variant-numeric:tabular-nums}.kpi-trend .trend.neutral{color:var(--color-text-muted);background:var(--color-card)}.kpi-trend .trend.up{color:#16a34a;background:#22c55e1a}.kpi-trend .trend.down{color:#dc2626;background:#ef44441a}.trend-icon{flex-shrink:0;width:10px;height:10px}.trend-value{font-size:11px}.kpi-trend .sample-count{display:inline-flex;align-items:center;gap:4px;font-size:10px;color:var(--color-text-muted);font-variant-numeric:tabular-nums}.kpi-trend .sample-count svg{opacity:.5;flex-shrink:0;width:10px;height:10px}.kpi-status-badge{padding:3px 8px;border-radius:100px;font-weight:600;font-size:10px;text-transform:capitalize;letter-spacing:.03em;white-space:nowrap}.kpi-status-badge.healthy{background:#22c55e1f;color:#16a34a}.kpi-status-badge.warning{background:#f59e0b1f;color:#d97706}.kpi-status-badge.critical{background:#ef44441f;color:#dc2626}.drift-tab{display:flex;flex-direction:column;gap:var(--space-5)}.drift-header{display:flex;justify-content:space-between;align-items:center}.drift-header h3{margin:0;font-size:var(--font-size-lg);font-weight:600}.drift-charts-container{display:flex;flex-direction:column;gap:var(--space-4);margin-bottom:var(--space-4)}.drift-line-chart-card{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4)}.drift-chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-3)}.drift-chart-header h4{margin:0;font-size:var(--font-size-lg);font-weight:600;text-transform:capitalize}.drift-chart-stats{display:flex;gap:var(--space-2)}.drift-stat-badge{font-size:var(--font-size-xs);padding:4px 10px;border-radius:var(--radius-full);font-weight:500}.drift-stat-badge.critical{background:#ef444426;color:#ef4444}.drift-stat-badge.warning{background:#f59e0b26;color:#f59e0b}.drift-svg-chart{display:block;width:100%;max-width:100%}.drift-chart-summary{display:flex;gap:var(--space-6);margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--color-border)}.drift-chart-summary .summary-item{display:flex;flex-direction:column;gap:2px}.drift-chart-summary .label{font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px}.drift-chart-summary .value{font-size:var(--font-size-md);font-weight:600;font-family:var(--font-mono)}.drift-chart-summary .value.baseline{color:#22c55e}.drift-chart-summary .value.current{color:#ef4444}.drift-chart-section{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4)}.drift-chart-section h4{margin:0 0 var(--space-3);font-size:var(--font-size-md);font-weight:600}.drift-chart{background:var(--color-surface);border-radius:var(--radius-sm);padding:var(--space-2);margin-bottom:var(--space-3)}.drift-legend{display:flex;gap:var(--space-4);justify-content:center;font-size:var(--font-size-xs)}.drift-legend .legend-item{color:var(--color-text-muted)}.drift-legend .legend-item.critical{color:#ef4444}.drift-legend .legend-item.warning{color:#f59e0b}.drift-legend .legend-item.info{color:#3b82f6}.drift-events-section{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4)}.section-subheader{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4)}.section-subheader h4{margin:0;font-size:var(--font-size-md);font-weight:600}.drift-filters{display:flex;gap:var(--space-2)}.filter-btn{padding:var(--space-2) var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-full);font-size:var(--font-size-sm);color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast)}.filter-btn:hover{background:var(--color-surface-hover)}.drift-events-list{display:flex;flex-direction:column;gap:var(--space-3)}.drift-event-card{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);background:var(--color-surface);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);border-left:3px solid transparent}.drift-event-card:hover{background:var(--color-surface-hover)}.drift-event-card.critical{border-left-color:#ef4444}.drift-event-card.warning{border-left-color:#f59e0b}.drift-event-main{flex:1}.drift-event-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-2)}.drift-metric{font-weight:600;color:var(--color-text)}.drift-time{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-left:auto}.drift-event-stats{display:flex;gap:var(--space-4)}.drift-stat{display:flex;flex-direction:column;gap:2px}.drift-stat .label{font-size:10px;text-transform:uppercase;color:var(--color-text-muted)}.drift-stat .value{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text)}.drift-stat .value.high{color:#ef4444}.drift-event-chart{flex-shrink:0;background:var(--color-card);border-radius:var(--radius-sm);padding:var(--space-2)}.drift-ack{font-size:var(--font-size-xs);color:#22c55e;padding:var(--space-2)}.severity-badge{display:inline-block;padding:2px 8px;border-radius:var(--radius-full);font-size:10px;font-weight:600;text-transform:uppercase}.severity-badge.critical{background:#ef444426;color:#ef4444}.alerts-summary-banner{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,var(--color-card) 0%,var(--color-surface) 100%);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:20px 24px;margin-bottom:24px;gap:24px}.alerts-summary-stats{display:flex;gap:32px;flex-wrap:wrap}.alert-stat{display:flex;flex-direction:column;align-items:center;padding:0 16px;border-right:1px solid var(--color-border)}.alert-stat:last-child{border-right:none}.alert-stat-value{font-size:28px;font-weight:700;font-family:var(--font-mono);color:var(--color-text);line-height:1}.alert-stat-label{font-size:11px;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;margin-top:6px}.alert-stat.critical .alert-stat-value{color:#ef4444}.alert-stat.warning .alert-stat-value{color:#f59e0b}.alert-stat.acknowledged .alert-stat-value{color:#22c55e}.alert-stat.resolved .alert-stat-value{color:#3b82f6}.alerts-summary-action{flex-shrink:0}.btn--danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;padding:10px 20px;border-radius:var(--radius-md);font-weight:600;font-size:13px;cursor:pointer;transition:all var(--transition-fast);box-shadow:0 2px 8px #ef44444d}.btn--danger:hover{transform:translateY(-1px);box-shadow:0 4px 12px #ef444466}.btn--sm{padding:8px 16px;font-size:12px}.drift-summary-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-3);margin-bottom:var(--space-4)}.drift-summary-card{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);cursor:pointer;transition:all var(--transition-fast);position:relative;overflow:hidden}.drift-summary-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026;border-color:var(--color-border-hover)}.drift-summary-card.critical{border-left:3px solid #ef4444}.drift-summary-card.warning{border-left:3px solid #f59e0b}.drift-card-header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2)}.severity-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.severity-dot.critical{background:#ef4444;box-shadow:0 0 6px #ef444480}.severity-dot.warning{background:#f59e0b;box-shadow:0 0 6px #f59e0b80}.drift-summary-card .metric-name{font-size:var(--font-size-sm);font-weight:500;color:var(--color-text);text-transform:capitalize;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.drift-card-value{margin-bottom:var(--space-2)}.drift-card-value .deviation{font-size:var(--font-size-lg);font-weight:600;font-family:var(--font-mono)}.drift-card-value .deviation.up{color:#ef4444}.drift-card-value .deviation.down{color:#22c55e}.drift-card-footer{display:flex;justify-content:space-between;align-items:center;font-size:var(--font-size-xs);color:var(--color-text-muted)}.drift-card-footer .event-count{opacity:.8}.drift-tab .filters-row{display:flex;gap:16px;align-items:flex-end;padding:16px;border-bottom:1px solid var(--color-border);flex-wrap:wrap}.drift-tab .filter-item{display:flex;flex-direction:column;gap:6px}.drift-tab .filter-item label{font-size:var(--font-size-xs);font-weight:500;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.3px}.drift-tab .filter-input{padding:8px 12px;border:1px solid var(--color-border);border-radius:8px;background:var(--color-card);color:var(--color-text);font-size:var(--font-size-sm);min-width:180px}.drift-tab .filter-input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px #7f6bff1a}.drift-tab .filter-input::placeholder{color:var(--color-text-muted)}.drift-tab .filter-select{padding:8px 32px 8px 12px;border:1px solid var(--color-border);border-radius:8px;background:var(--color-card);color:var(--color-text);font-size:var(--font-size-sm);min-width:140px;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%239ca3af' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}.drift-tab .filter-select:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px #7f6bff1a}.drift-tab .filter-count{margin-left:auto;font-size:var(--font-size-sm);color:var(--color-text-muted)}.drift-tab .card{background:var(--color-card);border-radius:12px;border:1px solid var(--color-border);overflow:hidden}.drift-tab .table-wrapper{overflow-x:auto}.drift-tab .table{width:100%;border-collapse:collapse}.drift-tab .table th{padding:12px 16px;text-align:left;font-size:var(--font-size-xs);font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;background:var(--color-card-muted);border-bottom:1px solid var(--color-border)}.drift-tab .table tbody tr{border-bottom:1px solid var(--color-border);transition:background .15s}.drift-tab .table tbody tr:last-child{border-bottom:none}.drift-tab .table tbody tr:hover{background:var(--color-surface-hover)}.drift-tab .table td{padding:12px 16px;vertical-align:middle;font-size:var(--font-size-sm)}.status-badge{display:inline-block;padding:4px 10px;border-radius:12px;font-size:11px;font-weight:600;text-transform:capitalize}.status-badge.critical{background:#ef444426;color:#ef4444}.status-badge.warning{background:#f59e0b26;color:#f59e0b}.status-badge.success{background:#22c55e26;color:#22c55e}.status-badge.muted{background:#9ca3af26;color:var(--color-text-muted)}.drift-modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-4);animation:fadeIn .2s ease}.drift-modal{background:var(--color-card);border-radius:var(--radius-lg);width:100%;max-width:800px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease}.drift-modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4);border-bottom:1px solid var(--color-border);position:sticky;top:0;background:var(--color-card);z-index:10}.modal-title-section{display:flex;align-items:center;gap:var(--space-3)}.modal-title-section h3{margin:0;font-size:var(--font-size-lg);font-weight:600;text-transform:capitalize}.modal-close{width:32px;height:32px;border-radius:50%;border:none;background:var(--color-surface);color:var(--color-text-muted);font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.drift-modal-content{padding:var(--space-4)}.modal-chart-section{margin-bottom:var(--space-4);padding:var(--space-3);background:var(--color-surface);border-radius:var(--radius-md)}.modal-details-section{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3) var(--space-4);padding:var(--space-4);background:var(--color-surface);border-radius:var(--radius-md);margin-bottom:var(--space-4)}.detail-row{display:flex;justify-content:space-between;align-items:center}.detail-label{font-size:var(--font-size-sm);color:var(--color-text-muted)}.detail-value{font-weight:600;font-family:var(--font-mono)}.detail-value.critical{color:#ef4444}.detail-value.warning{color:#f59e0b}.modal-actions{display:flex;justify-content:flex-end;gap:var(--space-3);padding-top:var(--space-4);border-top:1px solid var(--color-border)}.drift-card-chart{margin:var(--space-2) 0;height:40px;background:#0003;border-radius:4px;overflow:hidden}.drift-card-footer .severity-counts{display:flex;gap:var(--space-2)}.drift-card-footer .severity-counts .count{font-size:11px;padding:2px 6px;border-radius:4px;font-weight:500}.drift-card-footer .severity-counts .count.critical{background:#ef444433;color:#ef4444}.drift-card-footer .severity-counts .count.warning{background:#f59e0b33;color:#f59e0b}.drift-modal--large{max-width:1000px}.severity-toggles{display:flex;gap:var(--space-4);margin-bottom:var(--space-4);padding:var(--space-3);background:var(--color-surface);border-radius:var(--radius-md)}.toggle-label{display:flex;align-items:center;gap:var(--space-2);cursor:pointer;font-size:var(--font-size-sm);color:var(--color-text-muted);transition:color var(--transition-fast)}.toggle-label.active{color:var(--color-text)}.toggle-label input[type=checkbox]{display:none}.toggle-dot{width:12px;height:12px;border-radius:50%;border:2px solid;transition:all var(--transition-fast)}.toggle-dot.critical{border-color:#ef4444}.toggle-dot.warning{border-color:#f59e0b}.toggle-label.active .toggle-dot.critical{background:#ef4444}.toggle-label.active .toggle-dot.warning{background:#f59e0b}.metric-chart-container{background:var(--color-surface);border-radius:var(--radius-md);padding:var(--space-3);margin-bottom:var(--space-4)}.metric-chart-container svg{display:block;width:100%}.chart-point-hover:hover+circle{r:8;stroke-width:3}.chart-legend{display:flex;justify-content:center;gap:var(--space-5);margin-bottom:var(--space-4);padding:var(--space-2)}.legend-item{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--color-text-muted)}.legend-line{width:20px;height:2px}.legend-line.baseline{background:#22c55e;border-style:dashed}.legend-band{width:20px;height:12px;background:#22c55e26;border-radius:2px}.legend-dot{width:10px;height:10px;border-radius:50%}.legend-dot.critical{background:#ef4444}.legend-dot.warning{background:#f59e0b}.metric-events-list{background:var(--color-surface);border-radius:var(--radius-md);padding:var(--space-3)}.metric-events-list h4{margin:0 0 var(--space-3) 0;font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.events-scroll{max-height:200px;overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-1)}.event-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);background:var(--color-card);border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition-fast)}.event-row:hover{background:var(--color-surface-hover)}.event-row .severity-indicator{width:4px;height:24px;border-radius:2px;flex-shrink:0}.event-row .severity-indicator.critical{background:#ef4444}.event-row .severity-indicator.warning{background:#f59e0b}.event-row .event-time{flex:1;font-size:var(--font-size-sm);color:var(--color-text-muted)}.event-row .event-value{font-family:var(--font-mono);font-size:var(--font-size-sm);font-weight:500}.event-row .event-deviation{font-family:var(--font-mono);font-size:var(--font-size-sm);font-weight:600;min-width:60px;text-align:right}.event-row .event-deviation.critical{color:#ef4444}.event-row .event-deviation.warning{color:#f59e0b}.config-tab{display:flex;flex-direction:column;gap:var(--space-4)}.config-accordion{display:flex;flex-direction:column;gap:var(--space-3)}.accordion-section{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;transition:all .2s ease}.accordion-section.expanded{border-color:var(--color-accent)}.accordion-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4);cursor:pointer;background:var(--color-surface);transition:background .15s ease;-webkit-user-select:none;user-select:none}.accordion-header:hover{background:var(--color-surface-hover)}.accordion-title{display:flex;align-items:center;gap:var(--space-3)}.accordion-icon{font-size:10px;color:var(--color-text-muted);transition:transform .2s ease;width:12px}.accordion-label{font-size:var(--font-size-md);font-weight:600;color:var(--color-text)}.accordion-count{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 8px;border-radius:11px;background:var(--color-accent);color:#fff;font-size:11px;font-weight:600}.accordion-content{padding:0 var(--space-4) var(--space-4);animation:slideDown .2s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.drift-type-badge{padding:2px 8px;border-radius:var(--radius-full);font-size:10px;font-weight:600;text-transform:uppercase;background:#f59e0b26;color:#f59e0b}.anomaly-method-badge{padding:2px 8px;border-radius:var(--radius-full);font-size:10px;font-weight:600;text-transform:capitalize;background:#8b5cf626;color:#8b5cf6}.sensitivity-badge{padding:2px 8px;border-radius:var(--radius-full);font-size:10px;font-weight:600;text-transform:uppercase;background:var(--color-surface);color:var(--color-text-muted);border:1px solid var(--color-border)}.rules-table{width:100%;overflow-x:auto}.rules-table .data-table{width:100%;border-collapse:collapse}.rules-table .data-table th{text-align:left;padding:14px 16px;font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-muted);border-bottom:2px solid var(--color-border);background:var(--color-surface)}.rules-table .data-table td{padding:14px 16px;border-bottom:1px solid var(--color-border);vertical-align:middle;font-size:var(--font-size-sm)}.rules-table .data-table tbody tr:hover{background:var(--color-surface-hover)}.rules-table .data-table tbody tr.disabled{opacity:.6}.rules-table .rule-name{display:flex;align-items:center;gap:var(--space-2)}.rules-table .rule-desc{width:16px;height:16px;border-radius:50%;background:var(--color-surface);border:1px solid var(--color-border);display:inline-flex;align-items:center;justify-content:center;font-size:10px;color:var(--color-text-muted);cursor:help}.rules-table .scope-badge{padding:2px 8px;border-radius:var(--radius-full);font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;display:inline-block}.rules-table .scope-badge.org{background:#6366f126;color:#6366f1}.rules-table .scope-badge.workflow{background:#10b98126;color:#10b981}.rules-table .scope-badge.agent{background:#f59e0b26;color:#f59e0b}.rules-table .warning-cell{color:var(--color-warning)}.rules-table .critical-cell{color:var(--color-error)}.rules-table .status-toggle{padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:500;cursor:default;border:1px solid transparent;background:transparent}.rules-table .status-toggle.enabled{background:#10b98126;border-color:#10b9814d;color:#10b981}.rules-table .status-toggle.disabled{background:var(--color-surface);border-color:var(--color-border);color:var(--color-text-muted)}.rules-table .action-buttons{display:flex;gap:var(--space-1)}.rules-table .mono{font-family:var(--font-family-mono);font-size:var(--font-size-xs);color:var(--color-text-muted)}.rule-type-badge{padding:4px 10px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;display:inline-block}.rule-type-badge.kpi{background:#6366f126;color:var(--color-accent)}.rule-type-badge.drift{background:#f59e0b26;color:#f59e0b}.rule-type-badge.anomaly{background:#8b5cf626;color:#8b5cf6}.config-sections{display:flex;flex-direction:column;gap:var(--space-6)}.config-section{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-5)}.config-section .section-header h3{font-size:var(--font-size-lg)}.rules-list{display:flex;flex-direction:column;gap:var(--space-3)}.no-rules{color:var(--color-text-muted);font-style:italic;text-align:center;padding:var(--space-4)}.rule-item{display:grid;grid-template-columns:1.5fr 1fr 2fr auto;gap:var(--space-4);align-items:center;padding:var(--space-3) var(--space-4);background:var(--color-surface);border-radius:var(--radius-sm);border-left:3px solid var(--color-accent)}.rule-info{display:flex;flex-direction:column;gap:var(--space-1)}.rule-name{font-weight:500;font-size:var(--font-size-sm)}.rule-scope{font-size:10px;text-transform:uppercase;color:var(--color-text-muted);background:var(--color-card);padding:2px 6px;border-radius:var(--radius-xs);width:fit-content}.rule-metric{font-size:var(--font-size-xs);color:var(--color-text-muted);font-family:var(--font-family-mono)}.rule-thresholds{font-size:var(--font-size-xs);color:var(--color-text-muted)}.rule-status{font-size:var(--font-size-md)}.rule-status.enabled{color:var(--color-success)}.rule-status.disabled{color:var(--color-text-muted)}.anomalies-tab{display:flex;flex-direction:column;gap:var(--space-5)}.anomalies-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-4)}.anomalies-header-content{display:flex;flex-direction:column;gap:var(--space-2)}.anomalies-header h3{margin:0;font-size:var(--font-size-lg);font-weight:600}.anomalies-subtitle{margin:0;color:var(--color-text-muted);font-size:var(--font-size-sm)}.anomaly-status-summary{display:flex;gap:var(--space-4);margin-top:var(--space-2)}.anomaly-status-summary .status-item{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--color-text-muted)}.anomaly-status-summary .status-dot{width:8px;height:8px;border-radius:50%}.anomaly-status-summary .status-dot.critical{background:#ef4444}.anomaly-status-summary .status-dot.warning{background:#f59e0b}.anomaly-status-summary .status-dot.info{background:#3b82f6}.anomaly-status-summary .status-dot.acknowledged{background:#22c55e}.anomaly-status-summary .status-item.critical{color:#ef4444}.anomaly-status-summary .status-item.warning{color:#f59e0b}.anomaly-status-summary .status-item.info{color:#3b82f6}.anomaly-status-summary .status-item.acknowledged{color:#22c55e}.anomaly-table-filters{display:flex;gap:var(--space-4);align-items:flex-end;flex-wrap:wrap;padding:var(--space-3) var(--space-4);background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-md)}.anomaly-table-filters .filter-item{display:flex;flex-direction:column;gap:var(--space-1)}.anomaly-table-filters .filter-item label{font-size:var(--font-size-xs);text-transform:uppercase;color:var(--color-text-muted);font-weight:500}.anomaly-table-filters .filter-input{padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);font-size:var(--font-size-sm);min-width:180px}.anomaly-table-filters .filter-select{padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);font-size:var(--font-size-sm);min-width:140px}.anomaly-table-filters .filter-count{margin-left:auto;font-size:var(--font-size-sm);color:var(--color-text-muted)}.anomalies-tab .table-wrapper{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow-x:auto}.anomalies-tab .table{width:100%;border-collapse:collapse}.anomalies-tab .table th{padding:var(--space-3) var(--space-4);text-align:left;font-size:var(--font-size-xs);text-transform:uppercase;color:var(--color-text-muted);font-weight:600;border-bottom:1px solid var(--color-border);white-space:nowrap}.anomalies-tab .table td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border);font-size:var(--font-size-sm);vertical-align:middle}.anomalies-tab .table tbody tr:hover{background:var(--color-surface-hover)}.anomalies-tab .table tbody tr:last-child td{border-bottom:none}.anomaly-type-badge{display:inline-block;padding:2px 8px;background:#8b5cf61a;color:#a78bfa;border-radius:var(--radius-sm);font-size:var(--font-size-xs);text-transform:capitalize}.metric-name{font-weight:500;color:var(--color-text);text-transform:capitalize}.trigger-value{font-weight:600;font-family:var(--font-mono)}.baseline-value{color:var(--color-text-muted);font-family:var(--font-mono)}.deviation-value{font-weight:600;font-size:var(--font-size-sm)}.deviation-value.increase{color:#ef4444}.deviation-value.decrease{color:#22c55e}.detected-time{color:var(--color-text-muted);font-size:var(--font-size-xs)}.run-link{color:var(--color-primary);text-decoration:none;font-family:var(--font-mono);font-size:var(--font-size-xs)}.run-link:hover{text-decoration:underline}.no-run{color:var(--color-text-muted)}.ack-badge{display:inline-block;padding:2px 6px;background:#22c55e1a;color:#22c55e;border-radius:var(--radius-sm);font-size:var(--font-size-xs)}.incident-summary-grid .summary-card{display:flex;flex-direction:column;align-items:center;padding:var(--space-3) var(--space-5);border-radius:var(--radius-md);min-width:100px}.summary-card.critical{background:#ef44441a}.summary-card.warning{background:#f59e0b1a}.summary-card.info{background:#3b82f61a}.summary-card.acknowledged{background:#22c55e1a}.summary-card.open{background:#ef44441a}.summary-card.investigating{background:#f59e0b1a}.summary-card.monitoring{background:#3b82f61a}.summary-card.resolved{background:#22c55e1a}.summary-card .count{font-size:1.5rem;font-weight:700}.summary-card.critical .count{color:#ef4444}.summary-card.warning .count{color:#f59e0b}.summary-card.info .count{color:#3b82f6}.summary-card.acknowledged .count{color:#22c55e}.summary-card.open .count{color:#ef4444}.summary-card.investigating .count{color:#f59e0b}.summary-card.monitoring .count{color:#3b82f6}.summary-card.resolved .count{color:#22c55e}.summary-card .label{font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:uppercase}.anomaly-stat .value{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text)}.anomaly-run-link{font-size:var(--font-size-xs);color:var(--color-text-muted)}.anomaly-run-link a{color:var(--color-accent);text-decoration:none}.anomaly-run-link a:hover{text-decoration:underline}.anomaly-ack{margin-top:var(--space-2);font-size:var(--font-size-xs);color:#22c55e}.incidents-tab{display:flex;flex-direction:column;gap:var(--space-5)}.incidents-header{display:flex;justify-content:space-between;align-items:center}.incidents-header h3{margin:0;font-size:var(--font-size-lg);font-weight:600}.incident-summary-section{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4)}.incident-summary-grid{display:flex;gap:var(--space-4);flex-wrap:wrap}.incidents-list-section{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4)}.incidents-list-section h4{margin:0 0 var(--space-4);font-size:var(--font-size-md);font-weight:600}.incidents-list{display:flex;flex-direction:column;gap:var(--space-3)}.incident-card{padding:var(--space-4);background:var(--color-surface);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);border-left:3px solid transparent}.incident-card:hover{background:var(--color-surface-hover)}.incident-card.sev1{border-left-color:#ef4444}.incident-card.sev2{border-left-color:#f59e0b}.incident-card.sev3{border-left-color:#3b82f6}.incident-card.sev4{border-left-color:#6b7280}.incident-card-header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2)}.incident-number{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-left:auto}.incident-title{font-size:var(--font-size-sm);font-weight:500;margin-bottom:4px;color:var(--color-text);line-height:1.4}.incident-meta{display:flex;gap:var(--space-3);font-size:var(--font-size-xs);color:var(--color-text-muted);margin-bottom:var(--space-2)}.incident-category{background:var(--color-card);padding:2px 8px;border-radius:var(--radius-xs)}.incident-affected{font-size:var(--font-size-xs);color:var(--color-text-muted)}.incident-affected .label{margin-right:var(--space-1)}.incident-affected .agents{color:var(--color-text)}.incident-affected .more{color:var(--color-accent);margin-left:var(--space-1)}.status-badge{display:inline-block;padding:2px 8px;border-radius:var(--radius-full);font-size:10px;font-weight:600;text-transform:uppercase}.status-badge.identified{background:#a855f726;color:#a855f7}.status-badge.monitoring{background:#3b82f626;color:#3b82f6}.status-badge.resolved{background:#22c55e26;color:#22c55e}@media(max-width:1024px){.overview-grid{grid-template-columns:1fr}.kpi-item{grid-template-columns:1fr 1fr}.rule-item{grid-template-columns:1fr 1fr;gap:var(--space-2)}}.incidents-tab .incidents-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-6);gap:var(--space-4)}.incidents-header-content{flex:1}.incidents-header-content h3{margin:0 0 var(--space-2);font-size:var(--font-size-lg);font-weight:600;color:var(--color-text)}.incidents-subtitle{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:0 0 var(--space-3)}.incident-status-summary{display:flex;gap:var(--space-4);flex-wrap:wrap}.incident-status-summary .status-item{display:flex;align-items:center;gap:6px;font-size:var(--font-size-sm);color:var(--color-text)}.incident-status-summary .status-dot{width:8px;height:8px;border-radius:50%}.incident-status-summary .status-dot.open{background:#ef4444}.incident-status-summary .status-dot.investigating{background:#f59e0b}.incident-status-summary .status-dot.identified{background:#3b82f6}.incident-status-summary .status-dot.monitoring{background:#06b6d4}.incident-status-summary .status-dot.resolved{background:#10b981}.incident-table-filters{display:flex;gap:var(--space-4);align-items:flex-end;flex-wrap:wrap;margin-bottom:var(--space-4);padding:var(--space-4);background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-md)}.incident-table-filters .filter-item{display:flex;flex-direction:column;gap:4px}.incident-table-filters .filter-item label{font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:uppercase;font-weight:500;letter-spacing:.05em}.incident-table-filters .filter-input{padding:8px 12px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);font-size:var(--font-size-sm);min-width:200px}.incident-table-filters .filter-input::placeholder{color:var(--color-text-muted)}.incident-table-filters .filter-select{padding:8px 12px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);font-size:var(--font-size-sm);min-width:140px}.incident-table-filters .filter-count{margin-left:auto;font-size:var(--font-size-sm);color:var(--color-text-muted)}.incident-table-wrapper{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.incident-table{width:100%;border-collapse:collapse}.incident-table th{text-align:left;padding:12px 16px;font-size:var(--font-size-xs);font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;background:var(--color-surface);border-bottom:1px solid var(--color-border)}.incident-table td{padding:16px;font-size:var(--font-size-sm);color:var(--color-text);border-bottom:1px solid var(--color-border);vertical-align:middle}.incident-row{cursor:pointer;transition:background var(--transition-fast)}.incident-row:hover{background:var(--color-surface-hover)}.incident-row:last-child td{border-bottom:none}.severity-pill{display:inline-flex;padding:4px 10px;border-radius:var(--radius-full);font-size:11px;font-weight:600;text-transform:uppercase}.severity-pill.critical,.severity-pill.sev1{background:#ef444426;color:#ef4444}.severity-pill.sev2{background:#f59e0b26;color:#f59e0b}.severity-pill.sev3{background:#3b82f626;color:#3b82f6}.severity-pill.sev4{background:#6b728026;color:#6b7280}.severity-pill.high{background:#ef444426;color:#ef4444}.severity-pill.medium{background:#f59e0b26;color:#f59e0b}.severity-pill.low{background:#3b82f626;color:#3b82f6}.status-pill{display:inline-flex;padding:4px 10px;border-radius:var(--radius-full);font-size:11px;font-weight:500}.status-pill.open{background:#ef444426;color:#ef4444}.status-pill.investigating{background:#f59e0b26;color:#f59e0b}.status-pill.identified{background:#3b82f626;color:#3b82f6}.status-pill.monitoring{background:#06b6d426;color:#06b6d4}.status-pill.resolved{background:#10b98126;color:#10b981}.incident-cell{display:flex;flex-direction:column;gap:2px}.incident-title-text{font-weight:500;color:var(--color-text)}.incident-number-text{font-size:var(--font-size-xs);color:var(--color-text-muted);font-family:var(--font-mono)}.category-text{text-transform:capitalize;color:var(--color-text-muted)}.anomaly-count-badge{display:inline-flex;align-items:center;justify-content:center;min-width:24px;padding:2px 8px;background:#8b5cf626;color:#8b5cf6;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:600}.affected-cell{display:flex;flex-direction:column;gap:2px}.affected-count{font-weight:500}.affected-agents-text{font-size:var(--font-size-xs);color:var(--color-text-muted)}.detected-time{font-size:var(--font-size-xs);color:var(--color-text-muted);white-space:nowrap}.duration-text{font-weight:500;color:var(--color-text)}@media(max-width:768px){.workflow-title-row{flex-direction:column;align-items:flex-start;gap:var(--space-3)}.stats-grid{grid-template-columns:1fr 1fr}.agents-grid{grid-template-columns:1fr}.incident-table-filters{flex-direction:column;align-items:stretch}.incident-table-filters .filter-count{margin-left:0}}.main-content:has(.config-page){padding:0}.config-page{display:flex;padding-top:0!important;flex-direction:column;gap:var(--space-4);padding:var(--space-6)}.page-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-4)}.header-content h1{margin:0 0 var(--space-1);font-size:var(--font-size-2xl);font-weight:600}.context-bar{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--font-size-sm);color:var(--color-text-muted)}.context-tag{padding:var(--space-1) var(--space-2);background:var(--color-accent);color:var(--color-text-inverse);border-radius:var(--radius-xs);font-weight:500}.filter-bar{display:flex;align-items:center;gap:var(--space-3)}.filter-bar label{font-size:var(--font-size-sm);color:var(--color-text-muted)}.filter-btn{padding:var(--space-2) var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--font-size-sm);color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast)}.workflow-filter-select{padding:var(--space-2) var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--font-size-sm);color:var(--color-text);min-width:220px;cursor:pointer;transition:all var(--transition-fast)}.workflow-filter-select:hover{border-color:var(--color-border-hover)}.workflow-filter-select:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 2px #6366f133}.error-banner{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3) var(--space-4);background:var(--color-error-light);border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-sm);color:var(--color-error);font-size:var(--font-size-sm)}.error-banner button{background:none;border:none;font-size:var(--font-size-lg);color:var(--color-error);cursor:pointer}.rules-table{overflow-x:auto}.rules-table tr.disabled{opacity:.5}.rule-name{display:flex;align-items:center;gap:var(--space-2)}.rule-desc{cursor:help;display:inline-flex;align-items:center;justify-content:center;margin-left:6px;color:var(--color-text-muted);opacity:.6;transition:opacity .2s}.rule-desc:hover{opacity:1}.rule-desc svg{width:14px;height:14px}.scope-badge{padding:2px 8px;border-radius:var(--radius-full);font-size:10px;font-weight:600;text-transform:uppercase}.scope-badge.org{background:#6366f126;color:#6366f1}.scope-badge.workflow{background:#10b98126;color:#10b981}.scope-badge.agent{background:#f59e0b26;color:#f59e0b}.warning-cell{color:var(--color-warning)}.critical-cell{color:var(--color-error)}.status-toggle{padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:500;cursor:pointer;border:1px solid;transition:all var(--transition-fast)}.status-toggle.enabled{background:#10b98126;border-color:#10b9814d;color:#10b981}.status-toggle.disabled{background:var(--color-surface);border-color:var(--color-border);color:var(--color-text-muted)}.action-buttons{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;gap:var(--space-2);white-space:nowrap}.action-buttons .btn{flex-shrink:0}.action-buttons .btn--sm{padding:var(--space-1) var(--space-2);min-width:auto}.action-buttons .danger{color:var(--color-error)}.action-buttons .danger:hover{background:var(--color-error-light)}.rules-table .data-table th:last-child,.rules-table .data-table td:last-child{min-width:160px;white-space:nowrap}.modal{background:var(--color-panel);border:1px solid var(--color-border);border-radius:var(--radius-lg);width:100%;max-width:600px;max-height:90vh;display:flex;flex-direction:column;box-shadow:var(--shadow-lg)}.modal-header h2{margin:0;font-size:var(--font-size-lg);font-weight:600}.modal-close{background:none;border:none;font-size:var(--font-size-xl);color:var(--color-text-muted);cursor:pointer;padding:var(--space-1)}.modal-body{flex:1;overflow-y:auto;padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-4)}.form-group input,.form-group select,.form-group textarea{padding:var(--space-2) var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--font-size-sm);color:var(--color-text)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 2px #6366f133}.form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4)}.form-hint{display:block;margin-top:6px;font-size:12px;color:var(--color-text-muted)}.form-section{padding-top:var(--space-3);border-top:1px solid var(--color-border)}.form-section h4{margin:0 0 var(--space-3);font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px}.threshold-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3)}.threshold-item{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3);background:var(--color-surface);border-radius:var(--radius-sm);border-left:3px solid}.threshold-item.target{border-left-color:var(--color-success)}.threshold-item.warning{border-left-color:var(--color-warning)}.threshold-item.critical{border-left-color:var(--color-error)}.threshold-item label{font-size:var(--font-size-xs);color:var(--color-text-muted)}.threshold-input{display:flex;gap:var(--space-2)}.threshold-input select{width:60px}.threshold-input input{flex:1}.checkbox-group{display:flex;gap:var(--space-4)}.checkbox-group label{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);cursor:pointer}.checkbox-group input[type=checkbox]{width:16px;height:16px;cursor:pointer}.header-actions{display:flex;gap:var(--space-3);align-items:center}.batch-results-summary{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm)}.batch-results-summary .summary-card{display:flex;flex-direction:column;align-items:center;padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);background:var(--color-panel);border:1px solid var(--color-border)}.batch-results-summary .summary-label{font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:uppercase}.batch-results-summary .summary-value{font-size:var(--font-size-xl);font-weight:700;color:var(--color-text)}.batch-results-summary .summary-card.anomalies .summary-value{color:var(--color-warning)}.batch-results-summary .summary-card.suppressed .summary-value{color:var(--color-text-muted)}.batch-results-summary .summary-card.errors .summary-value{color:var(--color-error)}.test-badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:2px 8px;border-radius:var(--radius-full);font-size:11px;font-weight:500}.test-badge.pending{background:var(--color-surface);color:var(--color-text-muted)}.test-badge.ok{background:#10b98126;color:#10b981}.test-badge.anomaly{background:#f59e0b26;color:#f59e0b}.test-badge.anomaly.severity-3{background:#ef444426;color:#ef4444}.test-badge.suppressed{background:#6366f126;color:#6366f1}.test-badge.error{background:#ef444426;color:#ef4444}.test-details{margin-top:var(--space-1);font-size:var(--font-size-xs);color:var(--color-text-muted)}.sensitivity-badge{padding:2px 8px;border-radius:var(--radius-full);font-size:10px;font-weight:600;text-transform:uppercase;background:var(--color-surface);border:1px solid var(--color-border)}.sensitivity-badge.very-high{background:#ef444426;color:#ef4444;border-color:#ef44444d}.sensitivity-badge.high{background:#f59e0b26;color:#f59e0b;border-color:#f59e0b4d}.sensitivity-badge.medium{background:#6366f126;color:#6366f1;border-color:#6366f14d}.sensitivity-badge.low{background:#10b98126;color:#10b981;border-color:#10b9814d}.sensitivity-badge.very-low{background:var(--color-surface);color:var(--color-text-muted)}.help-text{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:var(--space-1)}.channel-types{margin-top:var(--space-4)}.channel-types h3{margin:0 0 var(--space-4);font-size:var(--font-size-md);font-weight:600;color:var(--color-text)}.channel-type-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--space-3)}.channel-type-card{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-4);background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);text-align:center}.channel-type-card:hover{border-color:var(--color-accent);background:var(--color-card-muted);transform:translateY(-2px);box-shadow:var(--shadow-md)}.channel-type-card .channel-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;flex-shrink:0;color:var(--color-accent)}.channel-type-card .channel-icon svg{width:100%;height:100%}.channel-type-card .channel-name{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text)}.channel-type-card .channel-desc{font-size:var(--font-size-xs);color:var(--color-text-muted);line-height:1.4}.channels-list{margin-top:var(--space-6)}.channels-list h3{margin:0 0 var(--space-4);font-size:var(--font-size-md);font-weight:600;color:var(--color-text)}.channels-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--space-4)}.channel-card{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3);transition:all var(--transition-fast)}.channel-card:hover{border-color:var(--color-border-hover);box-shadow:var(--shadow-sm)}.channel-card.disabled{opacity:.6;background:var(--color-card-muted)}.channel-header{display:flex;align-items:flex-start;gap:var(--space-3)}.channel-icon-large{display:flex;align-items:center;justify-content:center;width:40px;height:40px;flex-shrink:0;color:var(--color-accent)}.channel-icon-large svg{width:100%;height:100%}.channel-info{flex:1;min-width:0}.channel-info h4{margin:0 0 var(--space-1);font-size:var(--font-size-md);font-weight:600;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.channel-info .channel-type{font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:capitalize}.channel-details{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3);background:var(--color-bg);border-radius:var(--radius-sm)}.channel-details .detail-row{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm)}.channel-details .label{color:var(--color-text-muted);flex-shrink:0}.channel-details .value{color:var(--color-text)}.verified-badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);background:#10b98126;color:#10b981;border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:500}.channel-actions{display:flex;gap:var(--space-2);padding-top:var(--space-3);border-top:1px solid var(--color-border)}.channel-actions .btn{flex:1}.channel-actions .danger{color:var(--color-error)}.channel-actions .danger:hover{background:var(--color-error-light)}.channel-type-selector{display:flex;flex-wrap:wrap;gap:var(--space-2)}.channel-type-selector .type-option{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.channel-type-selector .type-option:hover{background:var(--color-surface-hover)}.channel-type-selector .type-option.selected{border-color:var(--color-accent);background:#6366f11a}.channel-type-selector .type-option input{display:none}.channel-type-selector .type-icon{font-size:18px}.channel-type-selector .type-label{font-size:var(--font-size-sm);font-weight:500}.form-group .hint{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:var(--space-1)}.severity-label{padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:500;text-transform:capitalize}.severity-label.critical{background:#ef444426;color:#ef4444}.severity-label.warning{background:#f59e0b26;color:#f59e0b}.severity-label.info{background:#3b82f626;color:#3b82f6}.checkbox-group.horizontal{flex-direction:row;flex-wrap:wrap}.checkbox-label{display:flex;align-items:center;gap:var(--space-2);cursor:pointer}.rule-type-toggle{display:flex;gap:var(--space-2)}.rule-type-toggle .toggle-btn{padding:var(--space-2) var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--font-size-sm);color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast)}.rule-type-toggle .toggle-btn:hover{background:var(--color-surface-hover);color:var(--color-text)}.rule-type-toggle .toggle-btn.active{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-text-inverse)}.rule-type-badge{padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:500;text-transform:capitalize}.rule-type-badge.simple{background:#6366f126;color:var(--color-accent)}.rule-type-badge.composite{background:#10b98126;color:#10b981}.rule-type-badge.ratio{background:#f59e0b26;color:#f59e0b}.rule-type-badge.correlation{background:#8b5cf626;color:#8b5cf6}@media(max-width:768px){.page-header{flex-direction:column}.header-actions{flex-direction:column;width:100%}.header-actions button{width:100%}.filter-bar{flex-direction:column;align-items:flex-start}.filter-buttons{flex-wrap:wrap}.form-row,.threshold-grid{grid-template-columns:1fr}.modal{max-height:100vh;border-radius:0}.batch-results-summary{flex-wrap:wrap;justify-content:center}.channel-type-cards{grid-template-columns:repeat(2,1fr)}.channels-grid{grid-template-columns:1fr}.channel-actions,.channel-type-selector{flex-direction:column}.channel-type-selector .type-option{width:100%;justify-content:center}}.email-chips-container{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-2);min-height:32px}.email-chip{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);background:var(--color-primary-subtle);color:var(--color-primary);border-radius:var(--radius-full);font-size:var(--font-size-sm)}.email-chip-remove{display:flex;align-items:center;justify-content:center;width:16px;height:16px;padding:0;border:none;background:transparent;color:var(--color-primary);cursor:pointer;border-radius:50%;font-size:14px;line-height:1;opacity:.7;transition:opacity .15s,background .15s}.email-chip-remove:hover{opacity:1;background:var(--color-primary);color:#fff}.threshold-section .section-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:var(--space-4)}.threshold-section .section-header h4{margin:0}.threshold-section .section-hint{font-size:var(--font-size-xs);color:var(--color-text-muted);font-weight:400}.threshold-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3)}@media(max-width:768px){.threshold-cards{grid-template-columns:1fr}}.threshold-card{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4);background:var(--color-surface);border-radius:var(--radius-md);border:2px solid var(--color-border);transition:all var(--transition-fast);opacity:.7}.threshold-card:hover{opacity:1;border-color:var(--color-border-hover)}.threshold-card--active{opacity:1}.threshold-card--target.threshold-card--active{border-color:#10b981;background:#10b9810d}.threshold-card--warning.threshold-card--active{border-color:#f59e0b;background:#f59e0b0d}.threshold-card--critical.threshold-card--active{border-color:#ef4444;background:#ef44440d}.threshold-card__header{display:flex;align-items:center;gap:var(--space-2)}.threshold-card__icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius-sm);font-size:14px;font-weight:600}.threshold-card--target .threshold-card__icon{background:#10b98126;color:#10b981}.threshold-card--warning .threshold-card__icon{background:#f59e0b26;color:#f59e0b}.threshold-card--critical .threshold-card__icon{background:#ef444426;color:#ef4444}.threshold-card__title{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text)}.threshold-card__badge{margin-left:auto;padding:2px 8px;border-radius:var(--radius-full);font-size:10px;font-weight:600;text-transform:uppercase}.threshold-card--target .threshold-card__badge{background:#10b98126;color:#10b981}.threshold-card--warning .threshold-card__badge{background:#f59e0b26;color:#f59e0b}.threshold-card--critical .threshold-card__badge{background:#ef444426;color:#ef4444}.threshold-card__description{margin:0;font-size:var(--font-size-xs);color:var(--color-text-muted);line-height:1.4}.threshold-card__inputs{display:flex;flex-direction:column;gap:var(--space-2)}.threshold-card__operator{padding:var(--space-2) var(--space-3);background:var(--color-panel);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--font-size-sm);color:var(--color-text);width:100%}.threshold-card__value{padding:var(--space-2) var(--space-3);background:var(--color-panel);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--font-size-md);font-weight:600;color:var(--color-text);width:100%}.threshold-card__value::placeholder{font-weight:400;color:var(--color-text-muted)}.threshold-card__operator:focus,.threshold-card__value:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 2px #6366f133}.threshold-card--target .threshold-card__value:focus{border-color:#10b981;box-shadow:0 0 0 2px #10b98133}.threshold-card--warning .threshold-card__value:focus{border-color:#f59e0b;box-shadow:0 0 0 2px #f59e0b33}.threshold-card--critical .threshold-card__value:focus{border-color:#ef4444;box-shadow:0 0 0 2px #ef444433}.review-queue-page{width:100%;max-width:100%}.review-queue-page .quick-stats-bar{display:flex;gap:24px;padding:12px 20px;background:var(--color-card);border-radius:10px;border:1px solid var(--color-border);flex-wrap:wrap;align-items:center;margin-bottom:20px}.review-queue-page .stat-group{display:flex;flex-direction:column;gap:2px}.review-queue-page .stat-label{font-size:var(--font-size-xs, 11px);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.3px}.review-queue-page .stat-value{font-size:var(--font-size-md, 16px);font-weight:600;color:var(--color-text)}.review-queue-page .stat-value.text-warning{color:#f59e0b}.review-queue-page .stat-value.text-info{color:#3b82f6}.review-queue-page .stat-value.text-success{color:#22c55e}.review-queue-page .stat-value.text-error{color:#ef4444}.review-queue-page .stat-divider{width:1px;height:30px;background:var(--color-border)}.review-queue-page .filters-row{display:flex;gap:16px;align-items:flex-end;margin-bottom:20px;flex-wrap:wrap}.review-queue-page .form-field{display:flex;flex-direction:column;gap:6px}.review-queue-page .form-field label{font-size:var(--font-size-xs, 11px);font-weight:500;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.3px}.review-queue-page .input{padding:8px 12px;border:1px solid var(--color-border);border-radius:8px;background:var(--color-card);color:var(--color-text);font-size:var(--font-size-sm, 13px);min-width:140px}.review-queue-page .input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px #7f6bff1a}.review-queue-page .input::placeholder{color:var(--color-text-muted)}.review-queue-page .filter-tabs{display:flex;gap:4px;background:var(--color-card-muted);padding:4px;border-radius:8px;border:1px solid var(--color-border)}.review-queue-page .filter-tab{padding:8px 16px;border-radius:6px;border:none;background:transparent;color:var(--color-text-muted);font-size:13px;font-weight:500;cursor:pointer;transition:all .15s ease}.review-queue-page .filter-tab:hover{color:var(--color-text);background:var(--color-surface-hover)}.review-queue-page .filter-tab.active{background:var(--color-accent);color:var(--color-text-inverse)}.review-queue-page .filters-right{display:flex;align-items:flex-end;gap:12px;margin-left:auto}.review-queue-page .list-count{font-size:13px;color:var(--color-text-muted);margin-bottom:12px;text-align:right}.review-queue-page .review-content{display:block;width:100%}.review-queue-page .card{background:var(--color-card);border-radius:12px;border:1px solid var(--color-border);overflow:hidden}.review-queue-page .table-wrapper{overflow-x:auto}.review-queue-page .table{width:100%;border-collapse:collapse}.review-queue-page .table th{padding:12px 16px;text-align:left;font-size:var(--font-size-xs, 11px);font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;background:var(--color-card-muted);border-bottom:1px solid var(--color-border);white-space:nowrap;-webkit-user-select:none;user-select:none}.review-queue-page .table th:hover{color:var(--color-text)}.review-queue-page .table td{padding:14px 16px;border-bottom:1px solid var(--color-border);font-size:var(--font-size-sm, 13px);vertical-align:middle}.review-queue-page .table tbody tr{transition:background .1s ease;cursor:pointer}.review-queue-page .table tbody tr:hover{background:var(--color-card-muted)}.review-queue-page .table tbody tr.selected{background:#6366f114;border-left:3px solid var(--color-accent)}.review-queue-page .table tbody tr:last-child td{border-bottom:none}.review-queue-page .task-title{font-weight:500;color:var(--color-text);margin-bottom:2px}.review-queue-page .task-confidence{font-size:12px;color:var(--color-text-muted)}.review-queue-page .task-source{color:var(--color-text-muted)}.review-queue-page .task-time{font-size:12px;color:var(--color-text-muted)}.review-queue-page .priority-badge{display:inline-flex;padding:4px 10px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase}.review-queue-page .priority-critical{color:#ef4444;font-weight:600}.review-queue-page .priority-high{color:#f59e0b;font-weight:600}.review-queue-page .priority-medium{color:#6366f1;font-weight:600}.review-queue-page .priority-low{color:#6b7280;font-weight:600}.review-queue-page .status-badge{display:inline-flex;padding:4px 10px;border-radius:12px;font-size:11px;font-weight:500}.review-queue-page .status-pending{background:#f59e0b26;color:#f59e0b}.review-queue-page .status-assigned{background:#3b82f626;color:#3b82f6}.review-queue-page .status-in-progress{background:#6366f126;color:#6366f1}.review-queue-page .status-completed{background:#22c55e26;color:#22c55e}.review-queue-page .status-cancelled,.review-queue-page .status-expired{background:#6b728026;color:#6b7280}.review-queue-page .empty-state-wrapper{padding:60px 40px;text-align:center}.review-queue-page .btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 14px;border-radius:8px;font-size:var(--font-size-sm, 13px);font-weight:500;cursor:pointer;transition:all .15s ease;border:1px solid transparent}.review-queue-page .btn--sm{padding:6px 12px;font-size:12px}.review-queue-page .btn--primary{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border-color:transparent}.review-queue-page .btn--primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #6366f14d}.review-queue-page .btn--primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.review-queue-page .btn--secondary{background:transparent;color:var(--color-text-muted);border-color:var(--color-border)}.review-queue-page .btn--secondary:hover{background:var(--color-card-muted);color:var(--color-text);border-color:var(--color-accent)}.review-queue-page .pagination-wrapper{padding:16px;border-top:1px solid var(--color-border);display:flex;justify-content:center}.review-queue-page .drawer-overlay{position:fixed;inset:0;background:#00000080;z-index:999;animation:fadeIn .2s ease}.review-queue-page .review-drawer{position:fixed;top:0;right:0;width:480px;max-width:90vw;height:100vh;background:var(--color-card);border-left:1px solid var(--color-border);display:flex;flex-direction:column;z-index:1000;animation:slideIn .25s ease}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.review-queue-page .drawer-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--color-border);background:var(--color-card-muted)}.review-queue-page .drawer-header__left{display:flex;align-items:center;gap:12px}.review-queue-page .drawer-header h2{margin:0;font-size:16px;font-weight:600;color:var(--color-text)}.review-queue-page .drawer-close{background:none;border:none;padding:6px;cursor:pointer;color:var(--color-text-muted);border-radius:6px;transition:all .15s ease}.review-queue-page .drawer-close:hover{background:var(--color-surface-hover);color:var(--color-text)}.review-queue-page .drawer-action-bar{padding:16px 20px;background:#7c3aed14;border-bottom:1px solid var(--color-border);text-align:center}.review-queue-page .drawer-action-bar .btn--full{width:100%;justify-content:center;gap:8px}.review-queue-page .action-hint{margin:8px 0 0;font-size:12px;color:var(--color-text-muted)}.review-queue-page .drawer-content{flex:1;overflow-y:auto;padding:20px}.review-queue-page .drawer-footer{display:flex;gap:12px;padding:16px 20px;border-top:1px solid var(--color-border);background:var(--color-card-muted)}.review-queue-page .drawer-footer .btn{flex:1}.review-queue-page .status-badge{display:inline-flex;align-items:center;padding:4px 10px;font-size:11px;font-weight:600;border-radius:20px;text-transform:capitalize}.review-queue-page .status-badge.status-pending{background:#eab30826;color:#eab308}.review-queue-page .status-badge.status-in-progress{background:#3b82f626;color:#3b82f6}.review-queue-page .status-badge.status-completed{background:#22c55e26;color:#22c55e}.review-queue-page .review-completed-summary{background:#22c55e14;border:1px solid rgba(34,197,94,.2);border-radius:8px;padding:16px;text-align:center}.review-queue-page .review-completed-summary p{margin:4px 0;font-size:13px;color:var(--color-text)}.review-queue-page .decision-approved{color:#22c55e}.review-queue-page .decision-rejected{color:#ef4444}.review-queue-page .decision-needs_changes{color:#3b82f6}.review-queue-page .review-section{margin-bottom:24px}.review-queue-page .review-section__title{font-size:11px;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;margin:0 0 12px}.review-queue-page .review-flagged-reason{background:#ef444414;border:1px solid rgba(239,68,68,.2);border-radius:8px;padding:12px}.review-queue-page .flagged-badge{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:500;color:#ef4444;margin-bottom:8px}.review-queue-page .review-flagged-reason p{margin:4px 0 0;font-size:13px;color:var(--color-text)}.review-queue-page .review-context-block{margin-bottom:12px}.review-queue-page .review-context-block label{display:block;font-size:12px;font-weight:500;color:var(--color-text-muted);margin-bottom:6px}.review-queue-page .review-context-text{background:var(--color-card-muted);border:1px solid var(--color-border);border-radius:8px;padding:12px;font-size:13px;line-height:1.5;color:var(--color-text);white-space:pre-wrap;max-height:150px;overflow-y:auto}.review-queue-page .review-decision-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.review-queue-page .decision-btn{display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 12px;border-radius:10px;border:2px solid var(--color-border);background:transparent;cursor:pointer;font-size:13px;font-weight:500;transition:all .15s ease}.review-queue-page .decision-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.review-queue-page .decision-btn--approve{border-color:#22c55e;color:#22c55e}.review-queue-page .decision-btn--approve:hover,.review-queue-page .decision-btn--approve.decision-btn--selected{background:#22c55e;color:var(--color-text-inverse)}.review-queue-page .decision-btn--reject{border-color:#ef4444;color:#ef4444}.review-queue-page .decision-btn--reject:hover,.review-queue-page .decision-btn--reject.decision-btn--selected{background:#ef4444;color:var(--color-text-inverse)}.review-queue-page .decision-btn--correct{border-color:#f59e0b;color:#f59e0b}.review-queue-page .decision-btn--correct:hover,.review-queue-page .decision-btn--correct.decision-btn--selected{background:#f59e0b;color:var(--color-text-inverse)}.review-queue-page .review-textarea{width:100%;padding:12px;border:1px solid var(--color-border);border-radius:8px;background:var(--color-card);color:var(--color-text);font-size:13px;font-family:inherit;resize:vertical;transition:border-color .15s ease}.review-queue-page .review-textarea:focus{outline:none;border-color:var(--color-accent)}.review-queue-page .review-textarea--sm{min-height:60px}.review-queue-page .review-feedback-tags{display:flex;flex-wrap:wrap;gap:8px}.review-queue-page .feedback-tag{padding:6px 12px;border-radius:16px;border:1px solid var(--color-border);background:transparent;color:var(--color-text-muted);font-size:12px;cursor:pointer;text-transform:capitalize;transition:all .15s ease}.review-queue-page .feedback-tag:hover{border-color:var(--color-accent);color:var(--color-accent)}.review-queue-page .feedback-tag--selected{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-text-inverse)}@media(max-width:1200px){.review-queue-page .review-drawer{width:100%;max-width:450px}}@media(max-width:1024px){.review-queue-page .quick-stats-bar{gap:16px}.review-queue-page .stat-divider{display:none}.review-queue-page .stat-group{min-width:80px}}@media(max-width:768px){.review-queue-page .filters-row{flex-direction:column;align-items:stretch}.review-queue-page .filters-right{margin-left:0;flex-wrap:wrap}.review-queue-page .form-field,.review-queue-page .input{width:100%}.review-queue-page .quick-stats-bar{flex-wrap:wrap;justify-content:space-between}.review-queue-page .stat-group{flex:1;min-width:calc(33% - 16px);margin-bottom:8px}.review-queue-page .table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.review-queue-page .table{min-width:700px}.review-queue-page .review-decision-buttons{grid-template-columns:1fr}}.composite-rule-builder{display:flex;flex-direction:column;gap:1.5rem;padding:1rem;background:var(--color-surface-secondary, #f8f9fa);border-radius:8px;border:1px solid var(--color-border, #e1e4e8)}.operator-toggle{display:flex;align-items:center;gap:.75rem}.operator-label{font-weight:500;color:var(--color-text-secondary, #6c757d);font-size:.875rem}.operator-btn{padding:.5rem 1rem;border:1px solid var(--color-border, #e1e4e8);background:var(--color-surface, #fff);color:var(--color-text, #212529);border-radius:6px;cursor:pointer;font-size:.875rem;transition:all .15s ease}.operator-btn:hover:not(:disabled){background:var(--color-surface-hover, #f1f3f4);border-color:var(--color-primary, #3b82f6)}.operator-btn.active{background:var(--color-primary, #3b82f6);color:var(--color-text-inverse);border-color:var(--color-primary, #3b82f6)}.operator-btn:disabled{opacity:.6;cursor:not-allowed}.conditions-list{display:flex;flex-direction:column;gap:.75rem}.conditions-header{display:flex;justify-content:space-between;align-items:center;font-weight:600;font-size:.875rem;color:var(--color-text, #212529);padding-bottom:.5rem;border-bottom:1px solid var(--color-border, #e1e4e8)}.conditions-count{font-weight:400;color:var(--color-text-secondary, #6c757d);font-size:.75rem}.conditions-empty{padding:1.5rem;text-align:center;color:var(--color-text-secondary, #6c757d);font-size:.875rem;background:var(--color-surface, #fff);border-radius:6px;border:1px dashed var(--color-border, #e1e4e8)}.condition-row{display:flex;align-items:center;gap:.5rem;padding:.75rem;background:var(--color-surface, #fff);border-radius:6px;border:1px solid var(--color-border, #e1e4e8)}.condition-index{font-weight:600;color:var(--color-text-secondary, #6c757d);font-size:.875rem;min-width:1.5rem}.condition-metric-select{flex:2;padding:.5rem;border:1px solid var(--color-border, #e1e4e8);border-radius:4px;font-size:.875rem;background:var(--color-surface, #fff);color:var(--color-text, #212529)}.condition-operator-select{flex:1;min-width:120px;padding:.5rem;border:1px solid var(--color-border, #e1e4e8);border-radius:4px;font-size:.875rem;background:var(--color-surface, #fff);color:var(--color-text, #212529)}.condition-value-input{flex:1;min-width:80px;max-width:120px;padding:.5rem;border:1px solid var(--color-border, #e1e4e8);border-radius:4px;font-size:.875rem;background:var(--color-surface, #fff);color:var(--color-text, #212529)}.condition-between-label{color:var(--color-text-secondary, #6c757d);font-size:.875rem}.condition-remove-btn{padding:.25rem .5rem;border:none;background:transparent;color:var(--color-danger, #dc3545);cursor:pointer;font-size:1.25rem;line-height:1;border-radius:4px;transition:background .15s ease}.condition-remove-btn:hover:not(:disabled){background:var(--color-danger-light, #fee2e2)}.condition-remove-btn:disabled{opacity:.4;cursor:not-allowed}.add-condition-btn{padding:.625rem 1rem;border:1px dashed var(--color-primary, #3b82f6);background:transparent;color:var(--color-primary, #3b82f6);border-radius:6px;cursor:pointer;font-size:.875rem;font-weight:500;transition:all .15s ease}.add-condition-btn:hover:not(:disabled){background:var(--color-primary-light, #eff6ff)}.add-condition-btn:disabled{opacity:.6;cursor:not-allowed}.formula-section{display:flex;flex-direction:column;gap:.75rem;padding-top:.75rem;border-top:1px solid var(--color-border, #e1e4e8)}.formula-toggle{display:flex;align-items:center}.formula-checkbox-label{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--color-text, #212529);cursor:pointer}.formula-checkbox-label input[type=checkbox]{width:1rem;height:1rem;cursor:pointer}.formula-inputs{display:flex;flex-direction:column;gap:.75rem;padding:1rem;background:var(--color-surface, #fff);border-radius:6px;border:1px solid var(--color-border, #e1e4e8)}.formula-row{display:flex;align-items:center;gap:.5rem}.formula-row label{font-size:.875rem;color:var(--color-text-secondary, #6c757d);min-width:80px}.formula-input{flex:1;padding:.5rem;border:1px solid var(--color-border, #e1e4e8);border-radius:4px;font-size:.875rem;font-family:SF Mono,Consolas,monospace;background:var(--color-surface, #fff);color:var(--color-text, #212529)}.formula-threshold-row{flex-wrap:wrap}.formula-operator-select{min-width:160px;padding:.5rem;border:1px solid var(--color-border, #e1e4e8);border-radius:4px;font-size:.875rem;background:var(--color-surface, #fff);color:var(--color-text, #212529)}.formula-threshold-input{min-width:100px;max-width:120px;padding:.5rem;border:1px solid var(--color-border, #e1e4e8);border-radius:4px;font-size:.875rem;background:var(--color-surface, #fff);color:var(--color-text, #212529)}.formula-help{font-size:.75rem;color:var(--color-text-secondary, #6c757d);margin:0;font-style:italic}.rule-summary{padding:.75rem 1rem;background:var(--color-info-light, #e0f2fe);border:1px solid var(--color-info, #0ea5e9);border-radius:6px;font-size:.875rem;color:var(--color-info-dark, #0c4a6e)}.rule-summary strong{color:var(--color-info-dark, #075985)}@media(prefers-color-scheme:dark){.composite-rule-builder{background:var(--color-surface-secondary, #1f2937);border-color:var(--color-border, #374151)}.condition-row,.formula-inputs{background:var(--color-surface, #111827);border-color:var(--color-border, #374151)}.condition-metric-select,.condition-operator-select,.condition-value-input,.formula-input,.formula-operator-select,.formula-threshold-input,.operator-btn{background:var(--color-surface, #111827);border-color:var(--color-border, #374151);color:var(--color-text, #f9fafb)}.conditions-empty{background:var(--color-surface, #111827);border-color:var(--color-border, #374151)}}@media(max-width:768px){.condition-row{flex-wrap:wrap}.condition-metric-select{flex:1 1 100%;order:1}.condition-index{order:0}.condition-remove-btn{order:2;margin-left:auto}.condition-operator-select,.condition-value-input{flex:1 1 40%;order:3}.formula-threshold-row{flex-direction:column;align-items:stretch}.formula-operator-select,.formula-threshold-input{min-width:100%}}.rule-wizard-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:24px}.rule-wizard{background:var(--color-panel, #1a1a2e);border:1px solid var(--color-border, #2d2d44);border-radius:16px;width:100%;max-width:720px;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 24px 48px #0006}.rule-wizard__header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--color-border, #2d2d44)}.rule-wizard__header h2{margin:0;font-size:18px;font-weight:600;color:var(--color-text, #fff)}.rule-wizard__close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:8px;background:transparent;color:var(--color-text-muted, #888);font-size:24px;cursor:pointer;transition:all .15s ease}.rule-wizard__close:hover{background:#ef44441a;color:#ef4444}.rule-wizard__steps{display:flex;padding:16px 24px;gap:8px;border-bottom:1px solid var(--color-border, #2d2d44);background:var(--color-surface, rgba(255, 255, 255, .02))}.rule-wizard__step{display:flex;align-items:center;gap:10px;padding:10px 16px;border-radius:8px;background:transparent;border:1px solid transparent;cursor:pointer;transition:all .2s ease;flex:1}.rule-wizard__step:disabled{cursor:not-allowed;opacity:.5}.rule-wizard__step--pending{opacity:.5}.rule-wizard__step--active{background:#6366f126;border-color:#6366f14d}.rule-wizard__step--completed{background:#22c55e1a;border-color:#22c55e33}.rule-wizard__step .step-number{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:var(--color-surface, rgba(255, 255, 255, .05));color:var(--color-text-muted, #888);font-size:13px;font-weight:600;flex-shrink:0}.rule-wizard__step--active .step-number{background:var(--color-accent, #6366f1);color:#fff}.rule-wizard__step--completed .step-number{background:#22c55e;color:#fff}.rule-wizard__step .step-label{font-size:13px;font-weight:500;color:var(--color-text-muted, #888);white-space:nowrap}.rule-wizard__step--active .step-label{color:var(--color-accent, #6366f1)}.rule-wizard__step--completed .step-label{color:#22c55e}.rule-wizard__content{flex:1;overflow-y:auto;padding:24px;min-height:300px}.wizard-step-content{display:flex;flex-direction:column;gap:20px}.rule-wizard__footer{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-top:1px solid var(--color-border, #2d2d44);background:var(--color-surface, rgba(255, 255, 255, .02))}.rule-wizard__footer-left,.rule-wizard__footer-right{display:flex;align-items:center;gap:12px}.wizard-field{display:flex;flex-direction:column;gap:8px}.wizard-field__label{font-size:13px;font-weight:500;color:var(--color-text-muted, #888)}.wizard-field__label .required{color:#ef4444;margin-left:4px}.wizard-field__hint{font-size:12px;color:var(--color-text-muted, #666);margin-top:4px}.wizard-field input,.wizard-field select,.wizard-field textarea{padding:12px 14px;background:var(--color-surface, rgba(255, 255, 255, .05));border:1px solid var(--color-border, #2d2d44);border-radius:8px;font-size:14px;color:var(--color-text, #fff);transition:all .15s ease}.wizard-field input:focus,.wizard-field select:focus,.wizard-field textarea:focus{outline:none;border-color:var(--color-accent, #6366f1);box-shadow:0 0 0 3px #6366f126}.wizard-field input::placeholder,.wizard-field textarea::placeholder{color:var(--color-text-muted, #666)}.wizard-field-row{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}@media(max-width:640px){.wizard-field-row{grid-template-columns:1fr}}.wizard-section{margin-bottom:24px}.wizard-section__header{margin-bottom:16px}.wizard-section__header h3{margin:0 0 4px;font-size:15px;font-weight:600;color:var(--color-text, #fff)}.wizard-section__header p{margin:0;font-size:13px;color:var(--color-text-muted, #888)}.wizard-section__content select,.wizard-section__content input[type=text],.wizard-section__content input[type=number],.wizard-section__content textarea{width:100%;padding:12px 14px;background:var(--color-surface, rgba(255, 255, 255, .05));border:1px solid var(--color-border, #2d2d44);border-radius:8px;font-size:14px;color:var(--color-text, #fff);transition:all .15s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none}.wizard-section__content select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23888' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:36px;cursor:pointer}.wizard-section__content select:focus,.wizard-section__content input[type=text]:focus,.wizard-section__content input[type=number]:focus,.wizard-section__content textarea:focus{outline:none;border-color:var(--color-accent, #6366f1);box-shadow:0 0 0 3px #6366f126}.wizard-section__content select option{background:var(--color-panel, #1a1a2e);color:var(--color-text, #fff);padding:8px}.wizard-section__content select optgroup{background:var(--color-panel, #1a1a2e);color:var(--color-text-muted, #888);font-weight:600;font-style:normal}.wizard-threshold-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}@media(max-width:640px){.wizard-threshold-cards{grid-template-columns:1fr}}.wizard-threshold-card{display:flex;flex-direction:column;padding:16px;background:var(--color-surface, rgba(255, 255, 255, .03));border:2px solid var(--color-border, #2d2d44);border-radius:12px;transition:all .2s ease;opacity:.6}.wizard-threshold-card:hover{opacity:.85}.wizard-threshold-card--active{opacity:1}.wizard-threshold-card--target.wizard-threshold-card--active{border-color:#10b981;background:#10b98114}.wizard-threshold-card--warning.wizard-threshold-card--active{border-color:#f59e0b;background:#f59e0b14}.wizard-threshold-card--critical.wizard-threshold-card--active{border-color:#ef4444;background:#ef444414}.wizard-threshold-card__header{display:flex;align-items:center;gap:10px;margin-bottom:8px}.wizard-threshold-card__icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;font-size:14px;font-weight:700}.wizard-threshold-card--target .wizard-threshold-card__icon{background:#10b98126;color:#10b981}.wizard-threshold-card--warning .wizard-threshold-card__icon{background:#f59e0b26;color:#f59e0b}.wizard-threshold-card--critical .wizard-threshold-card__icon{background:#ef444426;color:#ef4444}.wizard-threshold-card__title{font-size:14px;font-weight:600;color:var(--color-text, #fff)}.wizard-threshold-card__badge{margin-left:auto;padding:2px 8px;border-radius:12px;font-size:10px;font-weight:600;text-transform:uppercase}.wizard-threshold-card--target .wizard-threshold-card__badge{background:#10b98126;color:#10b981}.wizard-threshold-card--warning .wizard-threshold-card__badge{background:#f59e0b26;color:#f59e0b}.wizard-threshold-card--critical .wizard-threshold-card__badge{background:#ef444426;color:#ef4444}.wizard-threshold-card__desc{font-size:12px;color:var(--color-text-muted, #888);margin-bottom:12px;line-height:1.4}.wizard-threshold-card__inputs{display:flex;flex-direction:column;gap:8px}.wizard-threshold-card__inputs select,.wizard-threshold-card__inputs input{padding:10px 12px;background:var(--color-panel, #1a1a2e);border:1px solid var(--color-border, #2d2d44);border-radius:6px;font-size:13px;color:var(--color-text, #fff)}.wizard-threshold-card__inputs input{font-weight:600;font-size:16px}.wizard-checkbox-group{display:flex;flex-direction:column;gap:12px}.wizard-checkbox{display:flex;align-items:flex-start;gap:12px;padding:12px 16px;background:var(--color-surface, rgba(255, 255, 255, .03));border:1px solid var(--color-border, #2d2d44);border-radius:8px;cursor:pointer;transition:all .15s ease}.wizard-checkbox:hover{border-color:var(--color-accent, #6366f1);background:#6366f10d}.wizard-checkbox input{width:18px;height:18px;margin-top:2px;accent-color:var(--color-accent, #6366f1)}.wizard-checkbox__content{flex:1}.wizard-checkbox__label{font-size:14px;font-weight:500;color:var(--color-text, #fff);display:block;margin-bottom:2px}.wizard-checkbox__hint{font-size:12px;color:var(--color-text-muted, #888)}.wizard-summary{display:flex;flex-direction:column;gap:12px}.wizard-summary__item{display:flex;justify-content:space-between;align-items:baseline;padding:12px 16px;background:var(--color-surface, rgba(255, 255, 255, .03));border-radius:8px}.wizard-summary__label{font-size:13px;color:var(--color-text-muted, #888)}.wizard-summary__value{font-size:14px;font-weight:500;color:var(--color-text, #fff)}.wizard-metric-selector{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}@media(max-width:640px){.wizard-metric-selector{grid-template-columns:1fr}}.wizard-metric-option{display:flex;align-items:center;gap:12px;padding:14px 16px;background:var(--color-surface, rgba(255, 255, 255, .03));border:2px solid var(--color-border, #2d2d44);border-radius:10px;cursor:pointer;transition:all .15s ease}.wizard-metric-option:hover{border-color:var(--color-accent, #6366f1)}.wizard-metric-option.selected{border-color:var(--color-accent, #6366f1);background:#6366f11a}.wizard-metric-option__radio{width:20px;height:20px;border-radius:50%;border:2px solid var(--color-border, #2d2d44);display:flex;align-items:center;justify-content:center;flex-shrink:0}.wizard-metric-option.selected .wizard-metric-option__radio{border-color:var(--color-accent, #6366f1);background:var(--color-accent, #6366f1)}.wizard-metric-option.selected .wizard-metric-option__radio:after{content:"";width:8px;height:8px;background:#fff;border-radius:50%}.wizard-metric-option__content{flex:1}.wizard-metric-option__name{font-size:14px;font-weight:500;color:var(--color-text, #fff)}.wizard-metric-option__desc{font-size:12px;color:var(--color-text-muted, #888);margin-top:2px}.wizard-scope-options{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}@media(max-width:640px){.wizard-scope-options{grid-template-columns:1fr}}.wizard-scope-card{display:block;cursor:pointer}.wizard-scope-card input{display:none}.wizard-scope-card__content{display:flex;flex-direction:column;align-items:center;text-align:center;padding:24px 16px;min-height:140px;background:var(--color-surface, rgba(255, 255, 255, .03));border:2px solid var(--color-border, #2d2d44);border-radius:12px;transition:all .2s ease}.wizard-scope-card:hover .wizard-scope-card__content{border-color:var(--color-accent, #6366f1);background:#6366f10d}.wizard-scope-card.selected .wizard-scope-card__content{border-color:var(--color-accent, #6366f1);background:#6366f11a}.wizard-scope-card__icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;margin-bottom:12px;background:#6366f11a;border-radius:12px;color:var(--color-accent, #6366f1)}.wizard-scope-card__icon svg{width:24px;height:24px}.wizard-scope-card.selected .wizard-scope-card__icon{background:var(--color-accent, #6366f1);color:#fff}.wizard-scope-card__title{font-size:14px;font-weight:600;color:var(--color-text, #fff);margin-bottom:6px}.wizard-scope-card__desc{font-size:12px;color:var(--color-text-muted, #888);line-height:1.5}.wizard-select-list{max-height:200px;overflow-y:auto;border:1px solid var(--color-border, #2d2d44);border-radius:8px;padding:8px}.wizard-select-list .multi-select-item{padding:10px 12px;border-radius:6px;margin-bottom:4px}.wizard-select-list .multi-select-item:last-child{margin-bottom:0}.wizard-select-list .multi-select-item:hover{background:var(--color-surface, rgba(255, 255, 255, .05))}.review-policies-page{max-width:1400px}.review-policies-page .condition-chip{background:var(--color-surface);padding:3px 8px;border-radius:4px;font-size:11px;color:var(--color-text);border:1px solid var(--color-border)}.review-policies-page .priority-badge--critical{color:#ef4444;font-weight:600}.review-policies-page .priority-badge--high{color:#f59e0b;font-weight:600}.review-policies-page .priority-badge--medium{color:#6366f1;font-weight:600}.review-policies-page .priority-badge--low{color:#9ca3af;font-weight:600}.review-policies-page .conditions-builder{background:var(--color-surface, rgba(255, 255, 255, .03));border:1px solid var(--color-border, #2d2d44);border-radius:12px;padding:16px}.review-policies-page .condition-row{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--color-panel, #1a1a2e);border:1px solid var(--color-border, #2d2d44);border-radius:8px;margin-bottom:8px}.review-policies-page .condition-row:last-of-type{margin-bottom:0}.review-policies-page .condition-row select{min-width:180px;padding:10px 12px;background:var(--color-surface, rgba(255, 255, 255, .05));border:1px solid var(--color-border, #2d2d44);border-radius:6px;font-size:14px;color:var(--color-text, #fff);cursor:pointer}.review-policies-page .condition-row select:focus{outline:none;border-color:var(--color-accent, #6366f1);box-shadow:0 0 0 3px #6366f126}.review-policies-page .condition-input{display:flex;align-items:center;gap:8px}.review-policies-page .condition-input input{width:80px;padding:10px 12px;background:var(--color-surface, rgba(255, 255, 255, .05));border:1px solid var(--color-border, #2d2d44);border-radius:6px;font-size:14px;color:var(--color-text, #fff);text-align:center}.review-policies-page .condition-input input:focus{outline:none;border-color:var(--color-accent, #6366f1);box-shadow:0 0 0 3px #6366f126}.review-policies-page .condition-input span{font-size:14px;color:var(--color-text-muted, #888);font-weight:500}.review-policies-page .condition-keywords,.review-policies-page .condition-pattern{flex:1}.review-policies-page .condition-remove{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--color-text-muted);cursor:pointer;font-size:16px}.review-policies-page .condition-remove:hover{background:#ef44441a;color:#ef4444}.review-policies-page .add-condition-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:1px dashed var(--color-border);border-radius:var(--radius-sm);background:transparent;color:var(--color-text-muted);font-size:var(--font-size-sm);cursor:pointer;margin-top:var(--space-2)}.review-policies-page .add-condition-btn:hover{border-color:var(--color-accent);color:var(--color-accent)}.review-policies-page .scope-selector{display:flex;flex-direction:column;gap:var(--space-2)}.review-policies-page .scope-option{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3);background:var(--color-surface);border-radius:var(--radius-sm);cursor:pointer}.review-policies-page .scope-option:hover{background:var(--color-surface-hover)}.review-policies-page .scope-option__label{font-size:var(--font-size-sm);color:var(--color-text)}.review-policies-page .multi-select-list{max-height:200px;overflow-y:auto;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-panel)}.review-policies-page .multi-select-item{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);cursor:pointer;border-bottom:1px solid var(--color-border)}.review-policies-page .multi-select-item:last-child{border-bottom:none}.review-policies-page .multi-select-item:hover{background:var(--color-surface-hover)}.review-policies-page .multi-select-item span{font-size:var(--font-size-sm);color:var(--color-text)}.review-policies-page .templates-card{padding:0;margin-bottom:var(--space-4)}.review-policies-page .templates-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4) var(--space-5);cursor:pointer;-webkit-user-select:none;user-select:none}.review-policies-page .templates-header:hover{background:var(--color-surface)}.review-policies-page .templates-header-left{display:flex;align-items:center;gap:var(--space-3)}.review-policies-page .templates-header-left svg{color:var(--color-accent)}.review-policies-page .templates-header-left h3{margin:0;font-size:var(--font-size-md);font-weight:600;color:var(--color-text)}.review-policies-page .templates-header-left p{margin:0;font-size:var(--font-size-sm);color:var(--color-text-muted)}.review-policies-page .templates-chevron{color:var(--color-text-muted);font-size:12px;transition:transform .2s ease}.review-policies-page .templates-chevron.expanded{transform:rotate(180deg)}.review-policies-page .templates-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-3);padding:0 var(--space-5) var(--space-5)}.review-policies-page .template-card{display:flex;flex-direction:column;padding:var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;text-align:left;transition:all .15s ease}.review-policies-page .template-card:hover{border-color:var(--color-accent);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.review-policies-page .template-card-header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2)}.review-policies-page .template-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#6366f11a;border-radius:var(--radius-sm);color:var(--color-accent)}.review-policies-page .template-name{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text)}.review-policies-page .template-desc{flex:1;margin:0 0 var(--space-3);font-size:var(--font-size-xs);color:var(--color-text-muted);line-height:1.4}.review-policies-page .template-meta{display:flex;justify-content:space-between;font-size:11px;color:var(--color-text-muted)}.scope-info{display:flex;flex-direction:column;gap:var(--space-1)}.scope-badge{display:inline-flex;padding:var(--space-1) var(--space-2);font-size:var(--font-size-xs);font-weight:500;border-radius:var(--radius-sm);width:fit-content}.scope-badge.all{background:rgba(var(--color-info-rgb),.15);color:var(--color-info)}.scope-badge.workflow{background:#8b5cf626;color:#8b5cf6}.scope-badge.agent{background:#10b98126;color:#10b981}.scope-details{font-size:var(--font-size-xs);color:var(--color-text-muted);max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.scope-help{font-size:var(--font-size-xs);color:var(--color-text-muted);margin:0 0 var(--space-3)}.empty-message,.loading-message{font-size:var(--font-size-sm);color:var(--color-text-muted);padding:var(--space-3);font-style:italic}.multi-select-item .node-name{flex:1}.multi-select-item .node-badge{font-size:var(--font-size-xs);padding:2px 6px;border-radius:var(--radius-sm);margin-left:var(--space-2)}.multi-select-item .node-badge.llm{background:#8b5cf626;color:#8b5cf6}.review-policies-page .filters-row{display:flex;gap:var(--space-3);align-items:center;margin-bottom:var(--space-4);flex-wrap:wrap}.review-policies-page .form-field{display:flex;align-items:center}.review-policies-page .form-field.search-field{flex:1;min-width:200px;max-width:300px}.review-policies-page .filter-select{padding:var(--space-2) var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-size:var(--font-size-sm);min-width:160px;cursor:pointer}.review-policies-page .filter-select:hover{border-color:var(--color-border-hover)}.review-policies-page .filter-select:focus{outline:none;border-color:var(--color-accent)}.review-policies-page .input{width:100%;padding:var(--space-2) var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-size:var(--font-size-sm)}.review-policies-page .input:focus{outline:none;border-color:var(--color-accent)}.review-policies-page .input::placeholder{color:var(--color-text-muted)}.review-policies-page .toggle-buttons{display:flex;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.review-policies-page .toggle-btn{padding:var(--space-2) var(--space-3);background:transparent;border:none;color:var(--color-text-muted);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast)}.review-policies-page .toggle-btn:not(:last-child){border-right:1px solid var(--color-border)}.review-policies-page .toggle-btn:hover{background:var(--color-panel);color:var(--color-text)}.review-policies-page .toggle-btn.active{background:var(--color-accent);color:#fff}.condition-row{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap;padding:var(--space-3);background:var(--color-surface);border-radius:var(--radius-md);margin-bottom:var(--space-2)}.condition-type-select{min-width:160px;padding:var(--space-2) var(--space-3);background:var(--color-panel);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-size:var(--font-size-sm)}.custom-metric-builder{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap;flex:1}.custom-metric-builder .metric-select{min-width:140px;padding:var(--space-2) var(--space-3);background:var(--color-panel);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-size:var(--font-size-sm)}.custom-metric-builder .operator-select{min-width:100px;padding:var(--space-2) var(--space-3);background:var(--color-panel);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-size:var(--font-size-sm)}.custom-metric-builder .condition-input{display:flex;align-items:center;gap:var(--space-1)}.custom-metric-builder .condition-input input{width:80px;padding:var(--space-2);background:var(--color-panel);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-size:var(--font-size-sm)}.custom-metric-builder .condition-input span{color:var(--color-text-muted);font-size:var(--font-size-sm)}.condition-logic-toggle{display:flex;align-items:center;gap:12px;margin-bottom:12px;padding:12px 16px;background:var(--color-surface);border-radius:var(--radius-md);border:1px solid var(--color-border)}.condition-logic-toggle .logic-label{font-size:13px;font-weight:500;color:var(--color-text-muted)}.condition-logic-toggle .logic-buttons{display:flex;gap:8px}.condition-logic-toggle .logic-btn{padding:6px 14px;border:1px solid var(--color-border);border-radius:6px;background:transparent;color:var(--color-text-muted);font-size:12px;font-weight:500;cursor:pointer;transition:all .15s ease}.condition-logic-toggle .logic-btn:hover{border-color:var(--color-text-muted);color:var(--color-text)}.condition-logic-toggle .logic-btn.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.logic-connector{display:flex;align-items:center;justify-content:center;padding:8px 0}.logic-connector .connector-badge{padding:4px 12px;border-radius:12px;font-size:10px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.logic-connector .connector-and{background:#7c3aed26;color:#7c3aed;border:1px solid rgba(124,58,237,.3)}.logic-connector .connector-or{background:#22c55e26;color:#22c55e;border:1px solid rgba(34,197,94,.3)}.review-insights-page{display:flex;flex-direction:column;gap:20px;max-width:1600px;margin:0 auto}.review-insights-page .loading-state{padding:60px;text-align:center;color:var(--color-text-muted)}.review-insights-page .quick-stats-bar{display:flex;align-items:center;gap:0;padding:16px 20px;background:var(--color-card);border:1px solid var(--color-border);border-radius:12px}.review-insights-page .stat-group{display:flex;flex-direction:column;gap:4px;padding:0 24px}.review-insights-page .stat-group:first-child{padding-left:0}.review-insights-page .stat-label{font-size:11px;font-weight:500;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px}.review-insights-page .stat-value{font-size:20px;font-weight:600;color:var(--color-text)}.review-insights-page .stat-value.stat-success{color:#2ed573}.review-insights-page .stat-value.stat-warning{color:#ffa502}.review-insights-page .stat-value.stat-critical{color:#ff4757}.review-insights-page .stat-divider{width:1px;height:40px;background:var(--color-border);margin:0 8px}.review-insights-page .filters-row{display:flex;gap:16px;flex-wrap:wrap;align-items:flex-end;margin-bottom:8px}.review-insights-page .form-field{display:flex;flex-direction:column;gap:6px}.review-insights-page .form-field label{font-size:11px;font-weight:500;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px}.review-insights-page .filter-select{padding:8px 12px;border:1px solid var(--color-border);border-radius:8px;background:var(--color-card);color:var(--color-text);font-size:14px;min-width:180px;cursor:pointer;transition:border-color .2s}.review-insights-page .filter-select:hover{border-color:var(--color-border-hover, #4a4a6a)}.review-insights-page .filter-select:focus{outline:none;border-color:var(--color-primary, #6366f1)}.review-insights-page .export-action{margin-left:auto}.review-insights-page .export-action .btn{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:var(--color-primary, #6366f1);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s}.review-insights-page .export-action .btn:hover:not(:disabled){background:var(--color-primary-hover, #5558dd)}.review-insights-page .export-action .btn:disabled{opacity:.5;cursor:not-allowed}.review-insights-page .toggle-buttons{display:flex;border:1px solid var(--color-border);border-radius:8px;overflow:hidden}.review-insights-page .toggle-btn{padding:8px 16px;border:none;background:var(--color-card);color:var(--color-text-muted);font-size:14px;cursor:pointer;transition:all .2s}.review-insights-page .toggle-btn:first-child{border-right:1px solid var(--color-border)}.review-insights-page .toggle-btn.active{background:var(--color-primary, #6366f1);color:var(--color-text-inverse, #fff)}.review-insights-page .insights-summary{font-size:14px;color:var(--color-text-muted);display:flex;align-items:center;gap:12px}.review-insights-page .pending-badge{padding:4px 10px;background:#ffa50226;color:#ffa502;border-radius:12px;font-size:12px;font-weight:500}.review-insights-page .corrections-list{display:flex;flex-direction:column;gap:16px}.review-insights-page .correction-card{background:var(--color-card);border:1px solid var(--color-border);border-radius:12px;padding:20px;transition:border-color .2s}.review-insights-page .correction-card:hover{border-color:var(--color-border-hover, #4a4a6a)}.review-insights-page .correction-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.review-insights-page .correction-agent{display:flex;align-items:center;gap:10px}.review-insights-page .correction-agent .btn--icon{padding:4px;border-radius:4px;background:transparent;border:none;color:var(--color-text-muted);cursor:pointer;transition:all .15s ease}.review-insights-page .correction-agent .btn--icon:hover{background:var(--color-bg-hover, rgba(255, 255, 255, .1));color:var(--color-primary)}.review-insights-page .agent-icon{font-size:20px}.review-insights-page .agent-name{font-size:14px;font-weight:600;color:var(--color-text)}.review-insights-page .correction-meta{display:flex;align-items:center;gap:10px}.review-insights-page .category-badge{padding:4px 10px;border-radius:6px;font-size:12px;font-weight:500;color:#fff;text-transform:capitalize}.review-insights-page .status-badge{padding:4px 10px;border-radius:6px;font-size:12px;font-weight:500;text-transform:capitalize}.review-insights-page .status-pending_review{background:#ffa50226;color:#ffa502}.review-insights-page .status-reviewed{background:#2ed57326;color:#2ed573}.review-insights-page .status-exported{background:#6366f126;color:#6366f1}.review-insights-page .decision-badge{padding:4px 10px;border-radius:6px;font-size:12px;font-weight:500;text-transform:capitalize}.review-insights-page .decision-approved{background:#22c55e26;color:#22c55e}.review-insights-page .decision-rejected{background:#ef444426;color:#ef4444}.review-insights-page .decision-needs_changes{background:#3b82f626;color:#3b82f6}.review-insights-page .review-time{font-size:12px;color:var(--color-text-muted)}.review-insights-page .review-notes{padding:12px;background:var(--color-surface);border-radius:8px}.review-insights-page .notes-text{margin:0;font-size:13px;color:var(--color-text)}.review-insights-page .notes-empty{margin:0;font-size:13px;color:var(--color-text-muted);font-style:italic}.review-insights-page .feedback-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.review-insights-page .feedback-tag{padding:3px 8px;background:var(--color-card-muted);border:1px solid var(--color-border);border-radius:4px;font-size:11px;color:var(--color-text-muted)}.review-insights-page .correction-content{display:grid;grid-template-columns:1fr auto 1fr;gap:16px;align-items:stretch}.review-insights-page .output-section{background:var(--color-surface);border-radius:8px;padding:12px}.review-insights-page .output-section.corrected{background:#2ed5730d;border:1px solid rgba(46,213,115,.2)}.review-insights-page .output-section label{display:block;font-size:11px;font-weight:500;color:var(--color-text-muted);text-transform:uppercase;margin-bottom:8px}.review-insights-page .output-text{font-size:13px;color:var(--color-text);line-height:1.5;margin:0}.review-insights-page .output-arrow{display:flex;align-items:center;color:var(--color-text-muted);font-size:20px}@media(max-width:1024px){.review-insights-page .quick-stats-bar{flex-wrap:wrap;gap:16px}.review-insights-page .stat-divider{display:none}.review-insights-page .stat-group{padding:0;min-width:calc(33% - 16px)}}@media(max-width:768px){.review-insights-page .filters-row{flex-direction:column;align-items:stretch}.review-insights-page .form-field{width:100%}.review-insights-page .filter-select{width:100%;min-width:auto}.review-insights-page .export-action{margin-left:0}.review-insights-page .export-action .btn{width:100%;justify-content:center}.review-insights-page .correction-content{grid-template-columns:1fr}.review-insights-page .output-arrow{justify-content:center;transform:rotate(90deg)}}.auth-page{height:100vh;overflow:hidden;background:#0f172a}.auth-container{display:grid;grid-template-columns:1fr 1fr;height:100vh;overflow:hidden}.auth-branding{display:flex;align-items:center;justify-content:center;padding:2rem 3rem;background:linear-gradient(145deg,#0f172a,#1e1b4b,#312e81);position:relative;overflow:hidden}.auth-branding:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 30% 70%,rgba(99,102,241,.15) 0%,transparent 50%),radial-gradient(circle at 70% 30%,rgba(139,92,246,.1) 0%,transparent 50%);animation:pulse-bg 15s ease-in-out infinite}@keyframes pulse-bg{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.1);opacity:1}}.auth-brand-content{position:relative;z-index:1;max-width:420px;width:100%}.auth-logo{display:flex;align-items:center;gap:.75rem;margin-bottom:2rem}.logo-icon{width:40px;height:40px;color:#818cf8}.logo-text{font-size:1.5rem;font-weight:700;color:#f8fafc;font-family:DM Sans,Inter,system-ui,sans-serif;letter-spacing:-.025em}.auth-tagline{font-size:2rem;font-weight:600;color:#f8fafc;line-height:1.25;margin-bottom:1.5rem;font-family:DM Sans,Inter,system-ui,sans-serif}.tagline-accent{color:#a5b4fc;font-weight:500}.auth-features{display:flex;flex-direction:column;gap:.75rem}.feature-item{display:flex;align-items:center;gap:.75rem;color:#cbd5e1;font-size:.9rem}.feature-icon{font-size:1.125rem}.auth-form-container{display:flex;align-items:center;justify-content:center;padding:2rem 3rem;background:#0f172a;overflow-y:auto}.auth-form-wrapper{width:100%;max-width:420px}.auth-title{font-size:1.5rem;font-weight:700;color:#f8fafc;margin-bottom:.25rem;font-family:DM Sans,Inter,system-ui,sans-serif}.auth-subtitle{color:#94a3b8;margin-bottom:1.25rem;font-size:.9rem}.auth-error{display:flex;align-items:center;gap:.5rem;padding:10px 12px;margin-bottom:1rem;font-size:13px;font-weight:500;line-height:1.4;color:var(--color-error);background:var(--color-error-light);border:1px solid rgba(239,68,68,.35);border-radius:8px}.auth-error .error-icon{color:var(--color-error)}.error-icon{width:18px;height:18px;flex-shrink:0;fill:currentColor}.auth-callback-error{font-size:14px;font-weight:500;color:var(--color-error);background:var(--color-error-light);border:1px solid rgba(239,68,68,.35);border-radius:8px;padding:12px 16px;margin-top:.5rem}.auth-success{display:flex;align-items:center;gap:.5rem;padding:.625rem .875rem;background:#22c55e1a;border:1px solid rgba(34,197,94,.3);border-radius:8px;color:#86efac;margin-bottom:1rem;font-size:.8rem}.success-icon{width:18px;height:18px;flex-shrink:0;fill:currentColor}.auth-form{display:flex;flex-direction:column;gap:1rem}.form-group{display:flex;flex-direction:column;gap:.375rem}.form-group label{font-size:.8rem;font-weight:500;color:#e2e8f0}.auth-form .form-group input[type=text],.auth-form .form-group input[type=email],.auth-form .form-group input[type=password],.auth-form .form-group select,.auth-form .form-group textarea,.form-group input,.form-group select,.form-group textarea{width:100%;padding:.75rem 1rem;background:#1e293be6!important;border:1px solid rgba(100,116,139,.6)!important;border-radius:8px;color:#f8fafc!important;font-size:.9rem;transition:all .2s ease}.auth-form .form-group input[type=text]:focus,.auth-form .form-group input[type=email]:focus,.auth-form .form-group input[type=password]:focus,.auth-form .form-group select:focus,.auth-form .form-group textarea:focus,.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#818cf8!important;background:#1e293b!important;box-shadow:0 0 0 3px #818cf833}.auth-form .form-group input::placeholder,.auth-form .form-group textarea::placeholder,.form-group input::placeholder,.form-group textarea::placeholder{color:#94a3b8!important}.auth-form .password-input__field{background:#1e293bcc;border:1px solid rgba(100,116,139,.5);border-radius:8px;color:#f8fafc;font-size:1rem;padding:.875rem 2.75rem .875rem 1rem}.auth-form .password-input__field:focus{border-color:#818cf8;background:#1e293b;box-shadow:0 0 0 3px #818cf833}.auth-form .password-input__field::placeholder{color:#94a3b8}.auth-form .password-input__toggle{color:#94a3b8}.auth-form .password-input__toggle:hover{color:#e2e8f0;background:#33415580}.form-row{display:flex;align-items:center;justify-content:space-between;margin-top:.25rem}.checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;color:#94a3b8;font-size:.8rem}.checkbox-label input[type=checkbox]{width:14px;height:14px;accent-color:#818cf8;cursor:pointer}.terms-checkbox{margin-top:.25rem}.terms-checkbox span{line-height:1.4}.auth-link{color:#818cf8;text-decoration:none;font-size:.8rem;font-weight:500;transition:color .2s ease}.auth-link:hover{color:#a5b4fc;text-decoration:underline}.auth-button{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.7rem 1.25rem;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease;border:none;margin-top:.5rem;min-height:42px;box-sizing:border-box;width:100%}.auth-button.primary{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:var(--color-text-inverse)}.auth-button.primary:hover:not(:disabled){background:linear-gradient(135deg,#4f46e5,#7c3aed);transform:translateY(-1px);box-shadow:0 4px 12px #6366f166}.auth-button.primary:disabled{opacity:.6;cursor:not-allowed}.auth-button.primary .button-icon{width:16px;height:16px;flex-shrink:0}.loading-spinner{width:16px;height:16px;min-width:16px;min-height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:var(--color-text-inverse);border-radius:50%;animation:spin .8s linear infinite;flex-shrink:0;display:inline-block}.password-strength{display:flex;align-items:center;gap:.75rem;margin-top:.5rem}.strength-bars{display:flex;gap:4px;flex:1}.strength-bar{height:4px;flex:1;background:#334155;border-radius:2px;transition:background .3s ease}.strength-label{font-size:.75rem;font-weight:500}.auth-divider{display:flex;align-items:center;gap:.75rem;margin:1rem 0;color:#64748b;font-size:.8rem}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:#334155}.oauth-buttons{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.oauth-button{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.6rem .75rem;background:#1e293b;border:1px solid #334155;border-radius:8px;color:#e2e8f0;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s ease}.oauth-button:hover:not(:disabled){background:#334155;border-color:#475569}.oauth-button:disabled{opacity:.5;cursor:not-allowed}.oauth-icon{width:18px;height:18px}.enterprise-sso-section{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #334155}.sso-toggle-button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:1rem;background:#1e293b99;border:1px solid #334155;border-radius:8px;color:#94a3b8;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease}.sso-toggle-button:hover{background:#1e293be6;border-color:#475569;color:#e2e8f0}.sso-icon{width:24px;height:24px;color:#818cf8}.sso-form{display:flex;flex-direction:column;gap:1rem}.sso-header{display:flex;align-items:center;gap:.75rem;color:#e2e8f0;font-size:.9rem;font-weight:500;margin-bottom:.25rem}.sso-header .sso-icon{width:20px;height:20px;color:#818cf8}.sso-input-group{display:flex;gap:.75rem;align-items:stretch}.sso-input-group input{flex:1;padding:.75rem 1rem;background:#1e293be6;border:1px solid rgba(100,116,139,.6);border-radius:8px;color:#f8fafc;font-size:.9rem;transition:all .2s ease}.sso-input-group input:focus{outline:none;border-color:#818cf8;background:#1e293b;box-shadow:0 0 0 3px #818cf833}.sso-input-group input::placeholder{color:#94a3b8}.sso-continue-button{padding:.75rem 1.5rem;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:8px;color:var(--color-text-inverse);font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.sso-continue-button:hover:not(:disabled){background:linear-gradient(135deg,#4f46e5,#7c3aed);transform:translateY(-1px);box-shadow:0 4px 12px #6366f166}.sso-continue-button:disabled{opacity:.6;cursor:not-allowed}.sso-cancel{background:transparent;border:none;color:#94a3b8;font-size:.85rem;cursor:pointer;padding:.5rem;text-align:center;transition:color .2s ease}.sso-cancel:hover{color:#e2e8f0}.form-group.has-error input,.form-group input.input-error{border-color:#f87171!important;background:#f871710d!important}.form-group.has-error input:focus,.form-group input.input-error:focus{border-color:#f87171!important;box-shadow:0 0 0 3px #f8717133!important}.field-error-message{display:flex;align-items:center;gap:6px;margin-top:8px;color:#f87171;font-size:13px;font-weight:500}.field-error-message .error-icon-small{width:14px;height:14px;flex-shrink:0;fill:currentColor}.auth-helper-text{text-align:center;color:#94a3b8;font-size:.85rem;margin-top:1rem;line-height:1.5}.auth-divider-line{margin:1.5rem 0;height:1px;background:#334155}.auth-footer{text-align:center;margin-top:1.25rem;color:#94a3b8;font-size:.8rem}.auth-loading-state,.auth-success-state,.auth-error-state{text-align:center;padding:2rem 0}.auth-loading-state p{color:#94a3b8;margin-top:1rem}.loading-spinner.large{width:48px;height:48px;border-width:3px}.success-icon-large,.error-icon-large{width:64px;height:64px;margin:0 auto 1.5rem;padding:1rem;border-radius:50%}.success-icon-large{background:#22c55e1a;color:#22c55e}.success-icon-large svg,.error-icon-large svg{width:100%;height:100%}.error-icon-large{background:#ef44441a;color:#ef4444}.auth-success-state .auth-title,.auth-error-state .auth-title{margin-bottom:.75rem}.auth-success-state .auth-subtitle,.auth-error-state .auth-subtitle{margin-bottom:0;line-height:1.6}.auth-success-state .auth-subtitle strong{color:#f8fafc}@media(max-width:1024px){.auth-container{grid-template-columns:1fr}.auth-branding{display:none}.auth-form-container{padding:2rem 1.5rem}.auth-title{font-size:1.5rem}}@media(max-width:480px){.oauth-buttons{grid-template-columns:1fr}.form-row{flex-direction:column;align-items:flex-start;gap:.75rem}.sso-input-group{flex-direction:column}.sso-continue-button{width:100%}}.onboarding-page{min-height:100vh;background:linear-gradient(135deg,#0f172a,#1e293b);display:flex;align-items:center;justify-content:center;padding:2rem}.onboarding-container{width:100%;max-width:600px}.onboarding-header{text-align:center;margin-bottom:2rem}.onboarding-logo{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-bottom:2rem}.onboarding-logo .logo-icon{width:40px;height:40px}.onboarding-logo .logo-text{font-size:1.5rem}.onboarding-progress{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:2rem}.progress-step{display:flex;align-items:center;gap:.5rem}.step-circle{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:600;transition:all .3s ease}.step-checkmark{width:16px;height:16px;color:var(--color-text-inverse)}.step-circle.active{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:var(--color-text-inverse)}.step-circle.completed{background:#10b981;color:var(--color-text-inverse)}.step-circle.pending{background:#334155;color:#64748b}.step-connector{width:40px;height:2px;background:#334155}.step-connector.completed{background:#10b981}.onboarding-title{font-size:1.75rem;font-weight:700;color:#f8fafc;margin-bottom:.5rem;font-family:Space Grotesk,Inter,system-ui,sans-serif}.onboarding-subtitle{color:#94a3b8}.onboarding-card{background:#1e293bcc;border:1px solid #334155;border-radius:16px;padding:2rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.onboarding-form{display:flex;flex-direction:column;gap:1.5rem}.onboarding-actions{display:flex;justify-content:space-between;gap:1rem;margin-top:1rem}.onboarding-actions .auth-button{flex:1;margin-top:0}.onboarding-actions .auth-button.secondary{background:transparent;border:1px solid #475569;color:#94a3b8}.onboarding-actions .auth-button.secondary:hover{background:#1e293b;border-color:#64748b}.skip-link{text-align:center;margin-top:1rem}.invitation-cards{display:flex;flex-direction:column;gap:1rem}.invitation-card{display:grid;grid-template-columns:1fr auto auto;gap:1rem;align-items:center;padding:1rem;background:#1e293b;border:1px solid #334155;border-radius:8px}.invitation-card .form-group{margin:0}.invitation-card select{padding:.75rem 1rem;background:#334155;border:1px solid #475569;border-radius:6px;color:#f8fafc;font-size:.875rem;cursor:pointer}.remove-invitation{padding:.5rem;background:transparent;border:none;color:#64748b;cursor:pointer;transition:color .2s ease}.remove-invitation:hover{color:#ef4444}.add-invitation{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem;background:transparent;border:1px dashed #475569;border-radius:8px;color:#64748b;font-size:.875rem;cursor:pointer;transition:all .2s ease}.add-invitation:hover{border-color:#818cf8;color:#818cf8}.auth-page input:not([type=checkbox]):not([type=radio]),.auth-page select,.auth-page textarea{width:100%;padding:.75rem 1rem;background-color:#1e293b!important;border:1px solid #475569!important;border-radius:8px;color:#f8fafc!important;font-size:.9rem;line-height:1.4}.auth-page input:not([type=checkbox]):not([type=radio]):hover,.auth-page select:hover,.auth-page textarea:hover{border-color:#64748b!important}.auth-page input:not([type=checkbox]):not([type=radio]):focus,.auth-page select:focus,.auth-page textarea:focus{outline:none;border-color:#818cf8!important;background-color:#1e293b!important;box-shadow:0 0 0 3px #818cf840}.auth-page input::placeholder{color:#64748b!important;opacity:1}.auth-page .password-input__field{background-color:#1e293b!important;border:1px solid #475569!important;color:#f8fafc!important}.auth-page .password-input__field:focus{border-color:#818cf8!important;box-shadow:0 0 0 3px #818cf840}.invite-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:3rem;text-align:center}.invite-loading .loading-spinner{width:48px;height:48px;border:3px solid rgba(129,140,248,.2);border-top-color:#818cf8;border-radius:50%;animation:spin 1s linear infinite}.invite-loading p{color:#94a3b8;font-size:.95rem}.invite-details{text-align:center}.invite-card{background:linear-gradient(135deg,#6366f11a,#8b5cf61a);border:1px solid rgba(129,140,248,.3);border-radius:12px;padding:1.5rem;margin:1.5rem 0}.invite-from{color:#e2e8f0;font-size:.95rem;margin-bottom:1rem}.invite-from strong{color:#f8fafc}.invite-org{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-bottom:.75rem}.invite-org .org-icon{font-size:1.5rem}.invite-org .org-name{font-size:1.25rem;font-weight:600;color:#f8fafc}.invite-project{color:#94a3b8;font-size:.9rem;margin-bottom:1rem}.invite-project strong{color:#e2e8f0}.invite-role{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-top:1rem}.invite-role .role-label{color:#94a3b8;font-size:.9rem}.invite-role .role-badge{display:inline-flex;align-items:center;padding:.375rem .75rem;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:20px;color:#fff;font-size:.85rem;font-weight:600;text-transform:capitalize}.invite-instruction,.invite-logged-in{color:#94a3b8;font-size:.9rem;margin:1.25rem 0}.invite-logged-in strong{color:#818cf8}.invite-actions{display:flex;flex-direction:column;gap:.75rem;margin:1.5rem 0}.invite-actions .btn{width:100%;padding:.875rem 1.5rem;border-radius:8px;font-size:.95rem;font-weight:600;text-decoration:none;text-align:center;cursor:pointer;transition:all .2s ease}.invite-actions .btn-primary{background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;color:#fff}.invite-actions .btn-primary:hover{background:linear-gradient(135deg,#4f46e5,#7c3aed);transform:translateY(-1px);box-shadow:0 4px 12px #6366f166}.invite-actions .btn-secondary{background:transparent;border:1px solid #475569;color:#e2e8f0}.invite-actions .btn-secondary:hover{background:#1e293b;border-color:#64748b}.invite-email-hint{color:#64748b;font-size:.85rem;margin-top:1.5rem;padding-top:1rem;border-top:1px solid #334155}.invite-email-hint strong{color:#94a3b8}.invite-success{text-align:center;padding:2rem}.invite-success .success-icon{width:64px;height:64px;margin:0 auto 1.5rem;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#10b981,#34d399);border-radius:50%;font-size:2rem;color:#fff}.invite-success h2{color:#f8fafc;font-size:1.5rem;font-weight:600;margin-bottom:.75rem}.invite-success p{color:#e2e8f0;font-size:1rem;margin-bottom:.5rem}.invite-success strong{color:#818cf8}.invite-success .redirect-message{color:#64748b;font-size:.875rem;margin-top:1rem}.invite-error{text-align:center;padding:2rem}.invite-error .error-icon{width:64px;height:64px;margin:0 auto 1.5rem;display:flex;align-items:center;justify-content:center;background:#ef44441a;border:2px solid #ef4444;border-radius:50%;font-size:2rem;color:#ef4444;font-weight:700}.invite-error h2{color:#f8fafc;font-size:1.25rem;font-weight:600;margin-bottom:.75rem}.invite-error p{color:#94a3b8;font-size:.95rem;margin-bottom:1.5rem;line-height:1.5}.invite-error .btn{padding:.75rem 1.5rem;border-radius:8px;font-size:.9rem;font-weight:600;text-decoration:none;cursor:pointer;transition:all .2s ease}.invite-error .btn-primary{background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;color:#fff}.invite-error .btn-primary:hover{background:linear-gradient(135deg,#4f46e5,#7c3aed)}.btn-lg{padding:1rem 2rem!important;font-size:1rem!important}.team-management-page{max-width:1200px}.page-header{margin-bottom:2rem}.header-content h1{font-size:1.875rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem}.page-subtitle{color:var(--text-secondary);font-size:1rem}.error-banner{display:flex;align-items:center;justify-content:space-between;padding:.875rem 1rem;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#fca5a5;margin-bottom:1.5rem}.error-banner button{background:none;border:none;color:inherit;cursor:pointer;font-size:1rem}.tabs-container{margin-bottom:1.5rem;border-bottom:1px solid var(--border-color)}.tabs{display:flex;gap:.25rem}.tab{display:flex;align-items:center;gap:.5rem;padding:.875rem 1.25rem;background:none;border:none;border-bottom:2px solid transparent;color:var(--text-secondary);font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .2s ease}.tab:hover{color:var(--text-primary)}.tab.active{color:var(--accent-primary);border-bottom-color:var(--accent-primary)}.tab-icon{font-size:1rem}.team-section{background:var(--color-card);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem}.section-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:1.5rem}.section-header h3{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin-bottom:.25rem}.section-description{color:var(--text-secondary);font-size:.875rem}.btn-primary{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1rem;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:6px;color:var(--color-text-inverse);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-primary:hover{background:linear-gradient(135deg,#4f46e5,#7c3aed)}.btn-secondary{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1rem;background:var(--surface-tertiary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-secondary:hover{background:var(--surface-hover)}.btn-sm{padding:.5rem .75rem;font-size:.8125rem}.btn-icon{font-weight:700}.btn-icon-only{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--surface-tertiary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.btn-icon-only:hover{background:var(--surface-hover);color:var(--text-primary)}.btn-icon-only.danger:hover{background:#ef44441a;border-color:#ef44444d;color:#f87171}.action-buttons{display:flex;gap:.5rem}.members-table,.invitations-table{overflow-x:auto}.members-table table,.invitations-table table{width:100%;border-collapse:collapse}.members-table th,.invitations-table th{text-align:left;padding:.75rem 1rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary);border-bottom:1px solid var(--border-color)}.members-table td,.invitations-table td{padding:1rem;border-bottom:1px solid var(--border-subtle)}.members-table tr:hover,.invitations-table tr:hover{background:var(--surface-hover)}.member-info{display:flex;align-items:center;gap:.75rem}.member-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#6366f1,#8b5cf6);display:flex;align-items:center;justify-content:center;color:var(--color-text-inverse);font-weight:600;overflow:hidden}.member-avatar img{width:100%;height:100%;object-fit:cover}.member-name{font-weight:500;color:var(--text-primary)}.member-email{font-size:.8125rem;color:var(--text-tertiary)}.email-cell{color:var(--text-secondary)}.date-cell{color:var(--text-tertiary);font-size:.8125rem}.role-badge{display:inline-block;padding:.25rem .625rem;border-radius:4px;font-size:.75rem;font-weight:600;text-transform:capitalize}.project-role{display:block;font-size:.75rem;color:var(--text-tertiary);margin-top:.25rem}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;color:var(--text-secondary)}.empty-icon{font-size:2rem;margin-bottom:.75rem}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;color:var(--text-secondary)}.spinner{width:32px;height:32px;border:3px solid var(--border-color);border-top-color:var(--accent-primary);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.project-card{background:var(--surface-tertiary);border:1px solid var(--border-color);border-radius:8px;padding:1rem;transition:all .2s ease}.project-card:hover{border-color:var(--accent-primary)}.project-header{margin-bottom:1rem}.project-header h4{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:.25rem}.project-slug{font-size:.8125rem;color:var(--text-tertiary);font-family:monospace}.project-actions{display:flex;justify-content:flex-end}.modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal{background:var(--surface-primary);border:1px solid var(--border-color);border-radius:12px;width:100%;max-width:480px;max-height:90vh;overflow-y:auto}.modal.modal-sm{max-width:380px}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-color)}.modal-header h3{font-size:1.125rem;font-weight:600;color:var(--text-primary)}.modal-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--text-tertiary);cursor:pointer;border-radius:6px;transition:all .2s ease}.modal-close:hover{background:var(--surface-hover);color:var(--text-primary)}.modal-body{padding:1.5rem}.modal-description{color:var(--text-secondary);margin-bottom:1rem}.modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1.25rem 1.5rem;border-top:1px solid var(--border-color)}.form-group{margin-bottom:1.25rem}.form-group label{display:block;font-size:.875rem;font-weight:500;color:var(--text-secondary);margin-bottom:.5rem}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.75rem 1rem;background:var(--surface-tertiary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:.9375rem;transition:all .2s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px #6366f126}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-tertiary)}.form-group textarea{resize:vertical;min-height:80px}.role-options{display:flex;flex-direction:column;gap:.75rem}.role-option{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem;padding:1rem;background:var(--surface-tertiary);border:2px solid var(--border-color);border-radius:8px;cursor:pointer;transition:all .2s ease}.role-option:hover,.role-option.active{background:var(--surface-hover)}.role-description{font-size:.8125rem;color:var(--text-tertiary)}.invitation-email{display:flex;flex-direction:column;gap:.25rem}.email-text{color:var(--text-primary)}.email-text.muted{color:var(--text-tertiary)}.email-sent-badge{display:inline-flex;align-items:center;gap:.25rem;font-size:.6875rem;font-weight:500;padding:.125rem .375rem;border-radius:4px}.email-sent-badge.success{color:#10b981;background:#10b9811a}.email-sent-badge.error{color:#ef4444;background:#ef444426;cursor:help}.status-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .625rem;border-radius:4px;font-size:.75rem;font-weight:500}.invitation-row.pending{background:transparent}.invitation-row.accepted{opacity:.7}.invitation-row.cancelled,.invitation-row.expired,.invitation-row.revoked{opacity:.5}.muted{opacity:.6}.btn-spinner{display:inline-block;animation:spin 1s linear infinite}.btn-primary:disabled,.btn-secondary:disabled{opacity:.6;cursor:not-allowed}.btn-icon-only:disabled{opacity:.5;cursor:not-allowed}.empty-state h4{margin-bottom:.25rem;color:var(--text-primary);font-weight:600}.empty-state p{color:var(--text-tertiary);font-size:.875rem}@keyframes fadeInUp{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.email-sent-badge{animation:fadeInUp .3s ease}.settings-grid{display:flex;flex-direction:column;gap:1rem}.settings-card{display:flex;align-items:center;gap:1rem;padding:1.25rem;background:var(--surface-tertiary);border:1px solid var(--border-color);border-radius:8px;transition:all .2s ease}.settings-card:hover{border-color:var(--border-hover, var(--border-color));background:var(--surface-hover)}.settings-card-icon{font-size:1.5rem;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#6366f11a,#8b5cf61a);border-radius:10px;flex-shrink:0}.settings-card-content{flex:1;min-width:0}.settings-card-content h4{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:.25rem}.settings-card-content p{font-size:.875rem;color:var(--text-secondary);margin:0;line-height:1.5}@media(max-width:768px){.section-header{flex-direction:column;gap:1rem}.section-header .btn-primary{width:100%;justify-content:center}.tabs{overflow-x:auto}.tab{white-space:nowrap}.settings-card{flex-direction:column;align-items:flex-start;text-align:left}.settings-card .btn-primary{width:100%;justify-content:center;margin-top:.5rem}}.welcome-page{display:block;margin:0 -32px -32px;height:calc(100vh - var(--topbar-height, 72px) - 24px)}.welcome-main{padding:0 32px 32px;overflow-y:auto;overflow-x:hidden;max-width:900px;margin:0 auto}.welcome-main::-webkit-scrollbar{width:6px}.welcome-main::-webkit-scrollbar-track{background:transparent}.welcome-main::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:4px}.welcome-main::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}.welcome-header{display:flex;justify-content:space-between;align-items:flex-start;margin:0 0 24px;gap:24px}.welcome-header h1{font-size:var(--font-size-xl);font-weight:600;margin:0 0 4px;color:var(--color-text);line-height:var(--line-height-tight)}.welcome-tagline{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:0;max-width:500px;line-height:1.5}.progress-ring{position:relative;width:80px;height:80px;flex-shrink:0;margin-top:0}.progress-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.progress-ring .progress-bg{stroke:var(--color-border)}.progress-ring .progress-fill{stroke:var(--color-accent);stroke-linecap:round;transition:stroke-dasharray .5s ease}.progress-ring .progress-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.progress-ring .progress-value{display:block;font-size:var(--font-size-lg);font-weight:700;color:var(--color-text)}.progress-ring .progress-label{display:block;font-size:10px;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px}.completion-banner{background:var(--color-success-light);border:1px solid var(--color-success);border-radius:var(--radius-sm);padding:16px 20px;margin:0 0 24px;display:flex;align-items:center;gap:16px}.banner-icon{font-size:32px;flex-shrink:0}.banner-text{flex:1}.banner-text h3{margin:0 0 4px;font-size:var(--font-size-md);font-weight:600;color:var(--color-success)}.banner-text p{margin:0;font-size:var(--font-size-sm);color:var(--color-text-muted)}.dashboard-btn{padding:10px 20px;background:var(--color-success);color:var(--color-text-inverse);border:none;border-radius:var(--radius-xs);font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.dashboard-btn:hover{filter:brightness(1.1)}.section-card{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:24px}.section-card h2{font-size:var(--font-size-md);font-weight:600;margin:0 0 8px;color:var(--color-text)}.section-description{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:0 0 24px}.checklist-container{position:relative}.checklist{display:flex;flex-direction:column;gap:0;position:relative}.checklist:before{content:"";position:absolute;left:15px;top:24px;bottom:24px;width:2px;background:var(--color-border);z-index:0}.checklist-progress-line{position:absolute;left:15px;top:24px;width:2px;background:var(--color-accent);z-index:1;transition:height .3s ease;border-radius:1px}.checklist-item{position:relative;z-index:2;border:none;background:transparent;margin-bottom:0}.item-header{display:flex;align-items:flex-start;gap:16px;padding:16px 0;cursor:pointer;position:relative}.item-status{flex-shrink:0;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:var(--font-size-sm);background:var(--color-card);border:2px solid var(--color-border);transition:all .2s ease;position:relative;z-index:3}.checklist-item.completed .item-status{background:var(--color-success);border-color:var(--color-success);color:var(--color-text-inverse)}.checklist-item:not(.completed) .item-status{background:var(--color-card);border-color:var(--color-accent);color:var(--color-accent)}.check-icon{font-size:14px;display:flex;align-items:center;justify-content:center;width:100%;height:100%}.check-icon:before{content:"✓";font-size:16px;font-weight:700}.step-number{font-size:var(--font-size-sm)}.item-content{flex:1;min-width:0;padding-top:2px}.item-content h3{font-size:var(--font-size-sm);font-weight:600;margin:0 0 4px;color:var(--color-text)}.checklist-item.completed .item-content h3{color:var(--color-text-muted)}.item-content p{font-size:var(--font-size-xs);color:var(--color-text-muted);margin:0}.item-actions{display:flex;align-items:center;gap:12px;padding-top:2px;flex-shrink:0}.action-btn{width:auto!important;height:auto!important;padding:8px 16px;background:var(--color-accent);color:var(--color-text-inverse);border:none;border-radius:var(--radius-xs);font-size:var(--font-size-xs);font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.action-btn:hover{filter:brightness(1.1)}.expand-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:var(--color-card-muted);border-radius:var(--radius-xs);font-size:16px;color:var(--color-text-muted);cursor:pointer;transition:all .15s ease;flex-shrink:0}.expand-icon:before{content:"+";font-weight:600}.checklist-item.expanded .expand-icon:before{content:"−"}.expand-icon:hover{background:var(--color-surface-hover);color:var(--color-text)}.expanded-content{margin-left:48px;margin-top:8px;padding:16px 20px;background:var(--color-card-muted);border-radius:var(--radius-sm);margin-bottom:16px}.expanded-content h4{font-size:var(--font-size-sm);font-weight:600;margin:16px 0 8px;color:var(--color-text)}.expanded-content h4:first-child{margin-top:0}.language-tabs{display:flex;gap:8px;margin-bottom:16px}.language-tabs .tab{padding:8px 14px;background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-xs);font-size:var(--font-size-xs);color:var(--color-text-muted);cursor:pointer;transition:all .15s ease}.language-tabs .tab:hover{border-color:var(--color-accent);color:var(--color-text)}.language-tabs .tab.active{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-text-inverse)}.code-block{background:#0d1117;border-radius:var(--radius-xs);overflow:hidden;margin-bottom:12px}.code-header{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#161b22;border-bottom:1px solid #30363d}.code-language{font-size:10px;color:#8b949e;text-transform:uppercase;letter-spacing:.5px;font-family:var(--font-family-mono)}.copy-btn{padding:4px 10px;background:transparent;border:1px solid #30363d;border-radius:4px;color:#8b949e;font-size:11px;cursor:pointer;transition:all .15s ease}.copy-btn:hover{background:#21262d;color:#c9d1d9}.code-block pre{margin:0;padding:14px;overflow-x:auto}.code-block code{font-family:var(--font-family-mono);font-size:12px;line-height:1.5;color:#c9d1d9;white-space:pre}.tip{background:var(--color-info-light);border:1px solid var(--color-info);border-radius:var(--radius-xs);padding:12px 14px;font-size:var(--font-size-xs);color:var(--color-text);margin-bottom:16px}.tip strong{color:var(--color-info)}.features-captured{background:var(--color-card);border-radius:var(--radius-xs);padding:14px;margin-top:16px}.features-captured h4{margin:0 0 10px!important;font-size:var(--font-size-xs)}.features-captured ul{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(2,1fr);gap:6px}.features-captured li{font-size:var(--font-size-xs);color:var(--color-text-muted)}.discovered-section{margin-top:24px}.discovered-agents{display:flex;flex-direction:column;gap:10px}.agent-card{display:flex;align-items:center;gap:14px;padding:14px 16px;background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-sm);border-left:3px solid var(--color-border);transition:all .15s ease}.agent-card:hover{border-color:var(--color-accent);border-left-color:var(--color-accent)}.agent-card.active-workflow{border-left-color:var(--color-success)}.agent-info{flex:1;min-width:0}.agent-info h4{margin:0 0 6px;font-size:var(--font-size-sm);font-weight:600;color:var(--color-text);font-family:var(--font-mono);word-break:break-all}.agent-info-row{display:flex;align-items:center;gap:10px}.status-badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:var(--radius-full);font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-badge.draft{background:var(--color-warning-light);color:var(--color-warning)}.status-badge.active,.status-badge.registered{background:#10b98126;color:#10b981}.status-badge.discovered{background:#6366f126;color:#818cf8}.status-badge.disabled{background:#ef444426;color:#ef4444}.status-badge.unregistered{background:#9ca3af26;color:#9ca3af}.agent-stats{display:flex;gap:14px;font-size:var(--font-size-xs);color:var(--color-text-muted)}.agent-stats-inline{font-size:11px;color:var(--color-text-muted)}.onboard-btn{padding:6px 14px;background:transparent;border:1px solid var(--color-accent);color:var(--color-accent);border-radius:var(--radius-xs);font-size:var(--font-size-xs);font-weight:600;cursor:pointer;transition:all .15s ease}.onboard-btn:hover{background:var(--color-accent);color:var(--color-text-inverse)}.view-all-btn{width:100%;padding:10px;background:transparent;border:1px dashed var(--color-border);border-radius:var(--radius-xs);color:var(--color-text-muted);font-size:var(--font-size-xs);cursor:pointer;transition:all .15s ease;margin-top:8px}.view-all-btn:hover{border-color:var(--color-accent);color:var(--color-accent)}.env-buttons{display:flex;gap:6px}.env-btn{flex:1;padding:8px 6px;background:var(--color-card-muted);border:1px solid var(--color-border);border-radius:var(--radius-xs);color:var(--color-text-muted);font-size:11px;cursor:pointer;transition:all .15s ease;white-space:nowrap;text-align:center}.env-btn:hover{border-color:var(--color-text-muted)}.env-btn.active{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-text-inverse)}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:16px;grid-column:1 / -1}.loading-state .spinner{width:32px;height:32px;border:3px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;animation:spin 1s linear infinite}.loading-state p{color:var(--color-text-muted);font-size:var(--font-size-sm)}@media(max-width:1024px){.welcome-page{grid-template-columns:1fr}}@media(max-width:768px){.welcome-header{flex-direction:column;gap:16px}.features-captured ul{grid-template-columns:1fr}.expanded-content{margin-left:0}.banner-content{flex-direction:column;text-align:center}}.events-page{display:flex;flex-direction:column;gap:var(--space-5)}.page-header{margin-bottom:var(--space-2)}.page-header h1{margin:0 0 var(--space-1);font-size:var(--font-size-2xl);font-weight:600}.page-subtitle{margin:0;color:var(--color-text-muted);font-size:var(--font-size-sm)}.events-filters{display:flex;flex-wrap:wrap;gap:var(--space-5);padding:var(--space-4);background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-md)}.filter-group{display:flex;flex-direction:column;gap:var(--space-2)}.filter-group label{font-size:var(--font-size-xs);font-weight:500;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px}.filter-buttons{display:flex;gap:var(--space-1)}.filter-btn{padding:var(--space-2) var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--font-size-sm);color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.filter-btn:hover{background:var(--color-surface-hover);color:var(--color-text)}.filter-btn.active{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-text-inverse)}.filter-select{padding:var(--space-2) var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--font-size-sm);color:var(--color-text);cursor:pointer;min-width:150px}.events-stats{display:flex;gap:var(--space-4);flex-wrap:wrap}.stat-item{display:flex;flex-direction:column;align-items:center;padding:var(--space-3) var(--space-5);background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-md);min-width:100px}.events-timeline-page .stat-item .stat-value{font-size:var(--font-size-2xl);font-weight:700;color:var(--color-text)}.events-timeline-page .stat-item .stat-label{font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:uppercase}.events-timeline-page .stat-item.critical .stat-value{color:var(--color-error)}.events-timeline{display:flex;flex-direction:column;gap:var(--space-3)}.event-card{display:flex;gap:var(--space-4);padding:var(--space-4);background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-md);border-left:4px solid var(--color-border);cursor:pointer;transition:all var(--transition-fast)}.event-card:hover{background:var(--color-surface-hover);transform:translate(4px)}.event-card.drift{border-left-color:var(--color-info)}.event-card.anomaly{border-left-color:var(--color-warning)}.event-card.incident,.event-card.critical{border-left-color:var(--color-error)}.event-card.warning{border-left-color:var(--color-warning)}.event-icon{font-size:24px;flex-shrink:0}.event-content{flex:1;min-width:0}.event-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-2)}.event-title{font-weight:600;font-size:var(--font-size-md);color:var(--color-text)}.event-time{font-size:var(--font-size-xs);color:var(--color-text-muted);white-space:nowrap}.event-description{margin:0 0 var(--space-3);font-size:var(--font-size-sm);color:var(--color-text-muted);line-height:1.5}.event-meta{display:flex;flex-wrap:wrap;gap:var(--space-2)}.event-type-badge,.severity-badge,.workflow-badge,.agent-badge,.status-badge{padding:2px 8px;border-radius:var(--radius-full);font-size:10px;font-weight:600;text-transform:uppercase}.event-type-badge{background:var(--color-surface);color:var(--color-text-muted)}.event-type-badge.drift{background:#3b82f626;color:#3b82f6}.event-type-badge.anomaly{background:#f59e0b26;color:#f59e0b}.event-type-badge.incident,.severity-badge.critical{background:#ef444426;color:#ef4444}.severity-badge.warning{background:#f59e0b26;color:#f59e0b}.severity-badge.info{background:#3b82f626;color:#3b82f6}.workflow-badge{background:#6366f126;color:#6366f1}.agent-badge{background:#10b98126;color:#10b981}.status-badge{background:var(--color-surface);color:var(--color-text-muted)}.status-badge.open{background:#ef444426;color:#ef4444}.status-badge.investigating{background:#f59e0b26;color:#f59e0b}.status-badge.resolved{background:#10b98126;color:#10b981}.escalate-btn{padding:var(--space-2) var(--space-3);background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-sm);color:#ef4444;font-size:var(--font-size-xs);font-weight:600;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;align-self:center;flex-shrink:0}.escalate-btn:hover{background:#ef444433;border-color:#ef4444}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);padding:var(--space-4)}.modal{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);width:100%;max-width:480px;box-shadow:var(--shadow-lg)}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border)}.modal-close{background:none;border:none;font-size:24px;color:var(--color-text-muted);cursor:pointer;line-height:1}.modal-body{padding:var(--space-5)}.escalate-source{display:flex;gap:var(--space-2);margin-bottom:var(--space-4);padding:var(--space-3);background:var(--color-surface);border-radius:var(--radius-sm)}.form-group:last-of-type{margin-bottom:0}.form-group input,.form-group textarea,.form-group select{width:100%;padding:var(--space-2) var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--font-size-sm);color:var(--color-text)}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--color-accent)}.escalate-info{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-top:var(--space-3)}.escalate-info strong{color:var(--color-text)}.modal-footer{display:flex;justify-content:flex-end;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-top:1px solid var(--color-border)}.btn{padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.btn--primary{background:var(--color-accent);border:1px solid var(--color-accent);color:var(--color-text-inverse)}.btn--primary:hover{opacity:.9}.btn--primary:disabled{opacity:.5;cursor:not-allowed}.btn--secondary{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text)}.btn--secondary:hover{background:var(--color-surface-hover)}@media(max-width:768px){.events-filters{flex-direction:column}.filter-buttons{flex-wrap:wrap}.events-stats{display:grid;grid-template-columns:repeat(2,1fr)}.event-header{flex-direction:column;gap:var(--space-1)}}.rca-page .quick-stats-bar{display:flex;gap:0;padding:12px 20px;background:var(--color-card);border-radius:10px;border:1px solid var(--color-border);align-items:center;margin-bottom:0}.rca-page .stat-group{display:flex;flex-direction:column;gap:2px;padding:0 24px}.rca-page .stat-group:first-child{padding-left:8px}.rca-page .stat-label{font-size:10px;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px}.rca-page .stat-value{font-size:16px;font-weight:600;color:var(--color-text)}.rca-page .stat-divider{width:1px;height:32px;background:var(--color-border);margin:0 8px}.rca-overview{display:flex;flex-direction:column;gap:20px}.rca-charts-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}@media(max-width:900px){.rca-charts-row{grid-template-columns:1fr}}.rca-chart-card{background:var(--color-card);border-radius:12px;padding:20px;border:1px solid var(--color-border)}.rca-charts-row .rca-chart-card{min-height:300px}.rca-chart-card h3{font-size:13px;font-weight:600;color:var(--color-text);margin-bottom:12px;display:flex;align-items:center;gap:8px}.rca-chart-card .recharts-legend-wrapper{font-size:11px!important}.rca-chart-card .recharts-legend-item-text{color:var(--color-text-muted)!important}.rca-chart-card .recharts-tooltip-wrapper{outline:none}.rca-chart-card .recharts-default-tooltip{background:var(--color-card)!important;border:1px solid var(--color-border)!important;border-radius:8px!important;box-shadow:0 4px 12px #0003}.rca-changes-summary{display:flex;gap:16px;flex-wrap:wrap}.rca-change-badge{display:flex;align-items:center;gap:8px;padding:8px 14px;border-radius:8px;font-size:13px;font-weight:500}.rca-change-badge .count{font-weight:700;font-size:18px}.rca-change-badge.prompt{background:#a855f726;color:#a855f7}.rca-change-badge.config{background:#3b82f626;color:#3b82f6}.rca-change-badge.structure{background:#f59e0b26;color:#f59e0b}.rca-change-badge.deploy{background:#22c55e26;color:#22c55e}.rca-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 24px;text-align:center}.rca-empty-state svg{width:36px;height:36px;margin-bottom:12px;opacity:.4}.rca-empty-state h4{font-size:14px;font-weight:600;color:var(--color-text);margin-bottom:6px}.rca-empty-state p{font-size:13px;color:var(--color-text-muted);max-width:400px;margin:0}.rca-timeline-container{background:transparent;border-radius:0;padding:0;border:none}.template-card{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-5);background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:border-color var(--transition-base),box-shadow var(--transition-base)}.template-card:hover{border-color:var(--color-accent);box-shadow:0 0 0 1px var(--color-accent)}.template-card__header{display:flex;align-items:flex-start;gap:var(--space-3)}.template-card__icon-wrapper{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--color-surface);border-radius:var(--radius-sm)}.template-icon{width:24px;height:24px;color:var(--color-accent)}.template-icon svg{width:100%;height:100%}.template-card__title-area{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--space-1)}.template-card__name{margin:0;font-size:var(--font-size-md);font-weight:600;color:var(--color-text);line-height:var(--line-height-tight);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.template-card__builtin-badge{display:inline-flex;align-items:center;padding:2px var(--space-2);font-size:var(--font-size-xs);font-weight:500;color:var(--color-accent);background:var(--color-accent-light, rgba(127, 107, 255, .15));border-radius:var(--radius-xs);width:fit-content}.template-card__info{flex-shrink:0}.template-card__description{margin:0;font-size:var(--font-size-sm);color:var(--color-text-muted);line-height:var(--line-height-normal);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.template-card__badges{display:flex;flex-wrap:wrap;gap:var(--space-2)}.template-card__badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);font-size:var(--font-size-xs);font-weight:500;border-radius:var(--radius-xs)}.template-card__badge--type{color:var(--badge-color, var(--color-accent));background:color-mix(in srgb,var(--badge-color, var(--color-accent)) 15%,transparent)}.template-card__badge--category{color:var(--color-text-muted);background:var(--color-surface)}.template-card__badge--popularity{color:var(--color-warning);background:var(--color-warning-light)}.template-card__badge--popularity svg{fill:currentColor}.template-card__tags{display:flex;flex-wrap:wrap;gap:var(--space-1)}.template-card__tag{font-size:var(--font-size-xs);color:var(--color-text-muted);opacity:.7}.template-card__tag--more{color:var(--color-accent);opacity:1}.template-card__actions{display:flex;gap:var(--space-2);margin-top:auto;padding-top:var(--space-3);border-top:1px solid var(--color-border-muted)}.template-card__btn{flex:1;padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm);font-weight:500;border-radius:var(--radius-xs);cursor:pointer;transition:all var(--transition-fast);border:none}.template-card__btn--secondary{color:var(--color-text-muted);background:var(--color-surface)}.template-card__btn--secondary:hover{color:var(--color-text);background:var(--color-card)}.template-card__btn--primary{color:var(--color-text-inverse);background:var(--color-accent)}.template-card__btn--primary:hover{background:color-mix(in srgb,var(--color-accent) 85%,white)}.template-card__btn--primary:disabled{opacity:.6;cursor:not-allowed}@media(max-width:480px){.template-card{padding:var(--space-4)}.template-card__actions{flex-direction:column}}.modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);animation:fadeIn .15s ease-out}.modal{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);max-width:600px;width:90%;max-height:85vh;display:flex;flex-direction:column;animation:slideUp .2s ease-out}.modal__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-5);border-bottom:1px solid var(--color-border)}.modal__title{margin:0;font-size:var(--font-size-lg);font-weight:600;color:var(--color-text)}.modal__close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:none;background:transparent;border-radius:var(--radius-xs);color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast)}.modal__close:hover{background:var(--color-surface);color:var(--color-text)}.modal__body{flex:1;overflow-y:auto;padding:var(--space-5)}.modal__footer{display:flex;justify-content:flex-end;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-top:1px solid var(--color-border)}.apply-template-modal__step{display:flex;flex-direction:column;gap:var(--space-4)}.apply-template-modal__step-description{margin:0;font-size:var(--font-size-md);color:var(--color-text)}.apply-template-modal__scope-options{display:flex;flex-direction:column;gap:var(--space-3)}.scope-option{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.scope-option:hover{border-color:var(--color-text-muted)}.scope-option--selected{border-color:var(--color-accent);background:#7f6bff0d}.scope-option input[type=radio]{position:absolute;opacity:0}.scope-option__radio{flex-shrink:0;width:18px;height:18px;border:2px solid var(--color-border);border-radius:50%;margin-top:2px;transition:all var(--transition-fast)}.scope-option--selected .scope-option__radio{border-color:var(--color-accent);background:var(--color-accent);box-shadow:inset 0 0 0 4px var(--color-card)}.scope-option__content{flex:1;display:flex;flex-direction:column;gap:var(--space-2)}.scope-option__title{font-weight:500;color:var(--color-text)}.scope-option__description{font-size:var(--font-size-sm);color:var(--color-text-muted)}.scope-option__select{width:100%;padding:var(--space-2) var(--space-3);background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-xs);color:var(--color-text);font-size:var(--font-size-sm);cursor:pointer}.scope-option__select:focus{outline:none;border-color:var(--color-accent)}.apply-template-modal__conflicts-header{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--color-warning-light);border-radius:var(--radius-sm);color:var(--color-warning);font-weight:500}.apply-template-modal__conflicts-list{display:flex;flex-direction:column;gap:var(--space-3);max-height:300px;overflow-y:auto}.conflict-card{padding:var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm)}.conflict-card__header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3)}.conflict-card__metric{font-family:var(--font-family-mono);font-size:var(--font-size-sm);color:var(--color-accent);padding:var(--space-1) var(--space-2);background:var(--color-card);border-radius:var(--radius-xs)}.conflict-card__diff{font-size:var(--font-size-xs);color:var(--color-text-muted)}.conflict-card__comparison{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--color-card);border-radius:var(--radius-xs);margin-bottom:var(--space-3)}.conflict-card__value{flex:1;display:flex;flex-direction:column;gap:var(--space-1)}.conflict-card__label{font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:var(--tracking-wider)}.conflict-card__value code{font-family:var(--font-family-mono);font-size:var(--font-size-sm);color:var(--color-text)}.conflict-card__arrow{color:var(--color-text-muted)}.conflict-card__options{display:flex;flex-direction:column;gap:var(--space-2)}.conflict-option{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2);border-radius:var(--radius-xs);cursor:pointer;transition:background var(--transition-fast)}.conflict-option:hover{background:var(--color-card)}.conflict-option--selected{background:#7f6bff1a}.conflict-option input[type=radio]{position:absolute;opacity:0}.conflict-option__radio{flex-shrink:0;width:16px;height:16px;border:2px solid var(--color-border);border-radius:50%;transition:all var(--transition-fast)}.conflict-option--selected .conflict-option__radio{border-color:var(--color-accent);background:var(--color-accent);box-shadow:inset 0 0 0 3px var(--color-surface)}.conflict-option__text{font-size:var(--font-size-sm);color:var(--color-text)}.apply-template-modal__new-rules{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--color-success-light);border-radius:var(--radius-sm);color:var(--color-success);font-weight:500}.apply-template-modal__apply-all{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--color-text-muted);cursor:pointer}.apply-template-modal__apply-all input[type=checkbox]{width:16px;height:16px;accent-color:var(--color-accent)}.apply-template-modal__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);padding:var(--space-8);color:var(--color-text-muted)}.loading-spinner{width:40px;height:40px}.loading-spinner__circle{width:100%;height:100%;border:3px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;animation:spin .8s linear infinite}.apply-template-modal__error{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);padding:var(--space-8);color:var(--color-error);text-align:center}.apply-template-modal__step--success{align-items:center;text-align:center;padding:var(--space-6) var(--space-4)}.apply-template-modal__success-icon{color:var(--color-success);margin-bottom:var(--space-2)}.apply-template-modal__step--success h3{margin:0 0 var(--space-2);font-size:var(--font-size-lg);color:var(--color-text)}.apply-template-modal__step--success p{margin:0;color:var(--color-text-muted)}.apply-template-modal__summary{display:flex;justify-content:center;gap:var(--space-6);margin-top:var(--space-6)}.summary-item{display:flex;flex-direction:column;align-items:center;gap:var(--space-1)}.summary-item__count{font-size:var(--font-size-xl);font-weight:700;color:var(--color-accent)}.summary-item__label{font-size:var(--font-size-sm);color:var(--color-text-muted)}.apply-template-modal__btn{padding:var(--space-2) var(--space-4);font-size:var(--font-size-sm);font-weight:500;border-radius:var(--radius-xs);cursor:pointer;transition:all var(--transition-fast);border:none}.apply-template-modal__btn--secondary{color:var(--color-text-muted);background:var(--color-surface)}.apply-template-modal__btn--secondary:hover{color:var(--color-text);background:var(--color-card)}.apply-template-modal__btn--primary{color:var(--color-text-inverse);background:var(--color-accent)}.apply-template-modal__btn--primary:hover{background:color-mix(in srgb,var(--color-accent) 85%,white)}.apply-template-modal__btn--primary:disabled{opacity:.6;cursor:not-allowed}.template-section{margin-bottom:1.5rem;background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-sm);overflow:hidden}.template-section__header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:1rem 1.25rem;background:transparent;border:none;cursor:pointer;transition:background .2s ease;color:var(--color-text)}.template-section__header:hover{background:var(--color-surface-hover)}.template-section__header-left{display:flex;align-items:center;gap:.75rem}.template-section__icon{font-size:1.25rem;color:var(--color-accent)}.template-section__title-group{display:flex;flex-direction:column;align-items:flex-start;gap:.125rem}.template-section__title{font-size:.9375rem;font-weight:600;color:var(--color-text)}.template-section__subtitle{font-size:.8125rem;color:var(--color-text-muted)}.template-section__chevron{font-size:.75rem;color:var(--color-text-muted);transition:transform .2s ease}.template-section__chevron.expanded{transform:rotate(180deg)}.template-section__content{padding:0 1.25rem 1.25rem;border-top:1px solid var(--color-border)}.template-section__loading,.template-section__empty{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:2rem;color:var(--color-text-muted);font-size:.875rem}.template-section__spinner{width:18px;height:18px;border:2px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;animation:template-spin .8s linear infinite}@keyframes template-spin{to{transform:rotate(360deg)}}.template-section__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:.75rem;padding-top:1rem}.template-section__card{display:flex;flex-direction:column;align-items:flex-start;padding:1rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xs);cursor:pointer;transition:all .2s ease;text-align:left}.template-section__card:hover{border-color:var(--color-accent);background:var(--color-surface-hover)}.template-section__card-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.template-section__card-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0;color:var(--color-accent)}.template-section__card-icon svg{width:100%;height:100%}.template-section__card-title{font-size:.875rem;font-weight:600;color:var(--color-text)}.template-section__card-description{font-size:.8125rem;color:var(--color-text-muted);line-height:1.5;margin:0 0 .75rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.template-section__card-meta{display:flex;align-items:center;gap:.75rem;margin-top:auto}.template-section__card-rules{font-size:.75rem;font-weight:500;color:var(--color-accent)}.template-section__card-category{font-size:.75rem;color:var(--color-text-muted);text-transform:capitalize}@media(max-width:640px){.template-section__grid{grid-template-columns:1fr}}.correlation-settings-page{padding:24px;max-width:900px}.settings-content{display:flex;flex-direction:column;gap:24px}.settings-section{background:var(--bg-secondary, #1a1a2e);border-radius:12px;padding:24px;border:1px solid var(--border-color, #2a2a4a)}.settings-section h3{margin:0 0 16px;font-size:16px;font-weight:600;color:var(--text-primary, #e0e0e0)}.toggle-row{display:flex;justify-content:space-between;align-items:center}.toggle-info h3{margin:0 0 4px}.toggle-info p{margin:0;color:var(--text-secondary, #888);font-size:14px}.toggle-switch{position:relative;display:inline-block;width:48px;height:24px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:var(--bg-tertiary, #2a2a4a);border-radius:24px;transition:.3s}.toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:var(--color-text-inverse);border-radius:50%;transition:.3s}.toggle-switch input:checked+.toggle-slider{background-color:var(--primary-color, #6366f1)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(24px)}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}@media(max-width:600px){.form-grid{grid-template-columns:1fr}}.form-group label{font-size:14px;font-weight:500;color:var(--text-primary, #e0e0e0)}.form-input,.form-select{padding:10px 12px;border:1px solid var(--border-color, #2a2a4a);border-radius:8px;background:var(--bg-tertiary, #12121f);color:var(--text-primary, #e0e0e0);font-size:14px;transition:border-color .2s}.form-hint{font-size:12px;color:var(--text-secondary, #888)}.checkbox-group{display:flex;flex-direction:column;gap:12px}.checkbox-label{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:14px;color:var(--text-primary, #e0e0e0)}.checkbox-label input[type=checkbox]{width:18px;height:18px;accent-color:var(--primary-color, #6366f1);cursor:pointer}.excluded-metrics{margin-top:16px}.excluded-metrics label{display:block;margin-bottom:8px;font-size:14px;font-weight:500;color:var(--text-primary, #e0e0e0)}.excluded-metrics-input{display:flex;gap:8px}.excluded-metrics-input .form-input{flex:1}.excluded-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.tag{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;background:var(--bg-tertiary, #2a2a4a);border-radius:16px;font-size:13px;color:var(--text-primary, #e0e0e0)}.tag-remove{background:none;border:none;color:var(--text-secondary, #888);cursor:pointer;padding:0;font-size:16px;line-height:1}.tag-remove:hover{color:var(--danger-color, #ef4444)}.status-info{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.status-item{display:flex;gap:8px;font-size:14px}.status-label{color:var(--text-secondary, #888)}.status-value{color:var(--text-primary, #e0e0e0);font-weight:500}.modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal, 1000);animation:fadeIn .15s ease-out}.modal{background:var(--color-card, #1a1a2e);border:1px solid var(--color-border, #2a2a4a);border-radius:var(--radius-lg, 12px);box-shadow:var(--shadow-lg, 0 10px 40px rgba(0, 0, 0, .3));max-width:600px;width:90%;max-height:85vh;display:flex;flex-direction:column;animation:slideUp .2s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-5, 20px);border-bottom:1px solid var(--color-border, #2a2a4a)}.modal__title{margin:0;font-size:var(--font-size-lg, 18px);font-weight:600;color:var(--color-text, #e0e0e0)}.modal__close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:none;background:transparent;border-radius:var(--radius-xs, 4px);color:var(--color-text-muted, #888);cursor:pointer;transition:all var(--transition-fast, .15s)}.modal__close:hover{background:var(--color-surface, #2a2a4a);color:var(--color-text, #e0e0e0)}.modal__body{flex:1;overflow-y:auto;padding:var(--space-5, 20px)}.create-policy-modal{max-width:600px}.insight-context{background:var(--bg-tertiary, #12121f);border-radius:8px;padding:12px 16px;margin-bottom:20px}.context-label{font-size:12px;color:var(--text-secondary, #888);margin-right:8px}.context-value{font-size:14px;font-weight:500;color:var(--text-primary, #e0e0e0)}.policy-form{display:flex;flex-direction:column;gap:16px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:13px;font-weight:500;color:var(--text-primary, #e0e0e0)}.form-input,.form-select{padding:10px 12px;border:1px solid var(--border-color, #2a2a4a);border-radius:8px;background:var(--bg-secondary, #1a1a2e);color:var(--text-primary, #e0e0e0);font-size:14px;transition:border-color .2s}.form-input:focus,.form-select:focus{outline:none;border-color:var(--primary-color, #6366f1)}.form-input[readonly]{background:var(--bg-tertiary, #12121f);color:var(--text-secondary, #888)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.threshold-group{background:var(--bg-tertiary, #12121f);border-radius:8px;padding:16px}.threshold-group h4{margin:0 0 12px;font-size:13px;font-weight:500;color:var(--text-secondary, #888)}.threshold-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.threshold-row .form-group label{font-size:12px}.loading-state{text-align:center;padding:40px;color:var(--text-secondary, #888)}.modal__footer{display:flex;justify-content:flex-end;gap:12px;padding:var(--space-4, 16px) var(--space-5, 20px);border-top:1px solid var(--color-border, #2a2a4a)}.btn{padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;border:none}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:var(--primary-color, #6366f1);color:var(--color-text-inverse)}.btn-primary:hover:not(:disabled){background:var(--primary-hover, #5558e3)}.btn-secondary{background:var(--bg-tertiary, #2a2a4a);color:var(--text-primary, #e0e0e0);border:1px solid var(--border-color, #3a3a5a)}.btn-secondary:hover:not(:disabled){background:var(--bg-hover, #3a3a5a)}@media(max-width:500px){.form-row,.threshold-row{grid-template-columns:1fr}}.correlation-insights-page{display:flex;flex-direction:column;gap:20px;max-width:1600px;margin:0 auto}.correlation-insights-page .quick-stats-bar{display:flex;align-items:center;gap:0;padding:16px 20px;background:var(--color-card);border:1px solid var(--color-border);border-radius:12px}.correlation-insights-page .stat-group{display:flex;flex-direction:column;gap:4px;padding:0 24px}.correlation-insights-page .stat-group:first-child{padding-left:0}.correlation-insights-page .stat-label{font-size:11px;font-weight:500;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px}.correlation-insights-page .stat-value{font-size:20px;font-weight:600;color:var(--color-text)}.correlation-insights-page .stat-value.stat-correlation{color:#6366f1}.correlation-insights-page .stat-value.stat-warning{color:#ffa502}.correlation-insights-page .stat-value.stat-critical{color:#ff4757}.correlation-insights-page .stat-value.stat-info{color:#3498db}.correlation-insights-page .stat-value.stat-success{color:#2ed573}.correlation-insights-page .stat-divider{width:1px;height:40px;background:var(--color-border);margin:0 8px}.correlation-insights-page .filters-row{display:flex;gap:16px;flex-wrap:wrap;align-items:flex-end;margin-bottom:8px}.correlation-insights-page .form-field{display:flex;flex-direction:column;gap:6px}.correlation-insights-page .form-field label{font-size:11px;font-weight:500;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px}.correlation-insights-page .filter-select{padding:8px 12px;border:1px solid var(--color-border);border-radius:8px;background:var(--color-card);color:var(--color-text);font-size:14px;min-width:180px;cursor:pointer;transition:border-color .2s}.correlation-insights-page .filter-select:hover{border-color:var(--color-border-hover, #4a4a6a)}.correlation-insights-page .filter-select:focus{outline:none;border-color:var(--color-primary, #6366f1)}.correlation-insights-page .time-range-field{margin-left:auto}.correlation-insights-page .toggle-buttons{display:flex;border:1px solid var(--color-border);border-radius:8px;overflow:hidden}.correlation-insights-page .toggle-btn{padding:8px 16px;border:none;background:var(--color-card);color:var(--color-text-muted);font-size:14px;cursor:pointer;transition:all .2s}.correlation-insights-page .toggle-btn:first-child{border-right:1px solid var(--color-border)}.correlation-insights-page .toggle-btn.active{background:var(--color-primary, #6366f1);color:var(--color-text-inverse, #fff)}.correlation-insights-page .toggle-btn:hover:not(.active){background:var(--color-hover, #2a2a4a)}.correlation-insights-page .insights-summary{font-size:14px;color:var(--color-text-muted);padding:8px 0}.correlation-insights-page .insights-list{display:flex;flex-direction:column;gap:16px}.correlation-insights-page .insight-cell{display:flex;flex-direction:column;gap:6px}.correlation-insights-page .insight-metrics-row{display:flex;align-items:center;flex-wrap:wrap;gap:4px}.correlation-insights-page .insight-description-text{margin:0;font-size:13px;color:var(--color-text-muted);line-height:1.4}.correlation-insights-page .segment-tag{display:inline-block;font-size:11px;padding:2px 8px;background:#6366f126;color:#6366f1;border-radius:4px}.correlation-insights-page .policy-created-tag{display:inline-block;font-size:11px;padding:2px 8px;background:#22c55e26;color:#22c55e;border-radius:4px}.correlation-insights-page .metric-pill{display:inline-block;padding:4px 10px;background:var(--color-card-muted);border:1px solid var(--color-border);border-radius:6px;font-size:12px;font-family:var(--font-family-mono);color:var(--color-text)}.correlation-insights-page .confidence-badge{display:inline-block;padding:3px 8px;border-radius:4px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.correlation-insights-page .confidence-high{background:#22c55e26;color:#22c55e}.correlation-insights-page .confidence-medium{background:#f59e0b26;color:#f59e0b}.correlation-insights-page .confidence-low{background:#6b728026;color:#6b7280}.correlation-insights-page .policy-dropdown{position:relative;display:inline-block}.correlation-insights-page .policy-dropdown-menu{display:none;position:absolute;bottom:100%;left:0;margin-bottom:4px;background:var(--color-card);border:1px solid var(--color-border);border-radius:8px;box-shadow:var(--shadow-md);z-index:100;min-width:120px;overflow:hidden}.correlation-insights-page .policy-dropdown:hover .policy-dropdown-menu{display:block}.correlation-insights-page .policy-dropdown-menu button{display:block;width:100%;padding:8px 12px;border:none;background:transparent;color:var(--color-text);font-size:13px;text-align:left;cursor:pointer;transition:background .15s}.correlation-insights-page .policy-dropdown-menu button:hover{background:var(--color-surface-hover)}.correlation-insights-page .table-wrapper{overflow-x:auto}.correlation-insights-page .table{width:100%;border-collapse:collapse}.correlation-insights-page .table th{padding:12px 16px;text-align:left;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-muted);border-bottom:1px solid var(--color-border);background:var(--color-card-muted)}.correlation-insights-page .table td{padding:14px 16px;border-bottom:1px solid var(--color-border);vertical-align:middle}.correlation-insights-page .table tbody tr{transition:background .15s}.correlation-insights-page .table tbody tr:hover{background:var(--color-surface-hover)}.correlation-insights-page .table tbody tr:last-child td{border-bottom:none}.correlation-insights-page .btn--sm{font-size:12px;padding:6px 10px;border-radius:6px}.correlation-insights-page .btn--success{background:#22c55e26;color:#22c55e;border:1px solid rgba(34,197,94,.3)}.correlation-insights-page .btn--success:hover{background:#22c55e40}.correlation-insights-page .btn--outline{background:transparent;border:1px solid var(--color-border);color:var(--color-text-muted)}.correlation-insights-page .btn--outline:hover{background:var(--color-surface-hover);color:var(--color-text)}.correlation-insights-page .insight-actions-cell{display:flex;gap:6px;align-items:center}.correlation-insights-page .insights-table td{vertical-align:top;padding:16px}.correlation-insights-page .insights-table tbody tr{border-left:3px solid transparent}.correlation-insights-page .insights-table tbody tr:hover{border-left-color:var(--color-accent)}@media(max-width:1200px){.correlation-insights-page .quick-stats-bar{flex-wrap:wrap;gap:16px}.correlation-insights-page .stat-divider{display:none}.correlation-insights-page .stat-group{padding:8px 16px;min-width:100px}}@media(max-width:768px){.correlation-insights-page .filters-row{flex-direction:column;align-items:stretch}.correlation-insights-page .filter-select{width:100%}.correlation-insights-page .time-range-field{margin-left:0}.correlation-insights-page .quick-stats-bar{padding:12px}.correlation-insights-page .stat-group{flex:1;min-width:80px;text-align:center}.correlation-insights-page .stat-value{font-size:18px}}.eval-results-panel{background:var(--bg-secondary, #1a1a2e);border-radius:8px;padding:1rem}.eval-results-panel.compact{padding:.75rem}.eval-results-panel.loading,.eval-results-panel.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;gap:.75rem;color:var(--text-secondary, #a0a0a0)}.eval-results-panel .empty-icon{font-size:2.5rem}.eval-results-panel .loading-spinner{width:32px;height:32px;border:3px solid var(--border-color, #333);border-top-color:var(--accent-color, #6366f1);border-radius:50%;animation:spin .8s linear infinite}.panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid var(--border-color, #333)}.panel-header h3{margin:0;font-size:1rem;font-weight:600;color:var(--text-primary, #fff)}.refresh-btn{background:transparent;border:1px solid var(--border-color, #444);color:var(--text-secondary, #a0a0a0);padding:.375rem .75rem;border-radius:4px;cursor:pointer;font-size:.75rem;transition:all .2s ease}.refresh-btn:hover{background:var(--bg-hover, #252538);color:var(--text-primary, #fff)}.eval-result-container{margin-bottom:1.5rem}.eval-result-container:last-child{margin-bottom:0}.eval-result-summary{background:var(--bg-tertiary, #252538);border-radius:6px;padding:.875rem;margin-bottom:.75rem}.summary-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.summary-status{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .625rem;border-radius:4px;font-size:.75rem;font-weight:600;color:var(--color-text-inverse)}.summary-time{font-size:.75rem;color:var(--text-secondary, #a0a0a0)}.summary-stats{display:flex;gap:1.5rem;margin-bottom:.75rem}.stat{display:flex;flex-direction:column;align-items:center;gap:.125rem}.stat .stat-value{font-size:1.125rem;font-weight:600}.stat .stat-label{font-size:.625rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary, #a0a0a0)}.summary-progress{display:flex;height:4px;background:var(--bg-secondary, #1a1a2e);border-radius:2px;overflow:hidden}.progress-bar{height:100%;transition:width .3s ease}.progress-bar.pass{background:#10b981}.progress-bar.fail{background:#ef4444}.progress-bar.error{background:#f59e0b}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.75rem}.compact .metrics-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.5rem}.eval-metric-card{background:var(--bg-tertiary, #252538);border-radius:6px;padding:.75rem;border-left:3px solid transparent}.eval-metric-card.pass{border-left-color:#10b981}.eval-metric-card.fail{border-left-color:#ef4444}.eval-metric-card.error{border-left-color:#f59e0b}.eval-metric-card.skipped{border-left-color:#6b7280}.eval-metric-card.compact{padding:.5rem}.metric-header{display:flex;align-items:center;gap:.375rem;margin-bottom:.5rem}.metric-status-icon{font-size:.875rem;font-weight:700}.metric-name{font-size:.75rem;font-weight:500;color:var(--text-primary, #fff);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.metric-latency{font-size:.625rem;color:var(--text-secondary, #a0a0a0)}.metric-value{font-size:1rem;font-weight:600;color:var(--text-primary, #fff);margin-bottom:.25rem}.metric-threshold{font-size:.625rem;color:var(--text-secondary, #a0a0a0);margin-bottom:.25rem}.metric-message{font-size:.6875rem;color:var(--text-secondary, #a0a0a0);font-style:italic;margin-top:.25rem}.metric-details{margin-top:.5rem;padding-top:.5rem;border-top:1px solid var(--border-color, #333);font-size:.625rem}.detail-item{display:flex;justify-content:space-between;padding:.125rem 0}.detail-key{color:var(--text-secondary, #a0a0a0)}.detail-value{color:var(--text-primary, #fff);font-family:monospace}@media(max-width:768px){.metrics-grid{grid-template-columns:1fr}.summary-stats{flex-wrap:wrap;gap:1rem}}.metric-modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.metric-modal{background:var(--color-bg-secondary);border-radius:12px;border:1px solid var(--color-border);width:100%;max-width:520px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 40px #0000004d}.metric-modal__header{display:flex;justify-content:space-between;align-items:flex-start;padding:20px 24px;border-bottom:1px solid var(--color-border)}.metric-modal__title{font-size:18px;font-weight:600;color:var(--color-text);margin:0}.metric-modal__subtitle{font-size:14px;color:var(--color-text-muted);margin:4px 0 0}.metric-modal__close{background:none;border:none;padding:4px;cursor:pointer;color:var(--color-text-muted);border-radius:4px;transition:background .15s,color .15s}.metric-modal__close:hover{background:var(--color-bg-tertiary);color:var(--color-text)}.metric-modal__body{flex:1;overflow-y:auto;padding:24px;display:flex;flex-direction:column;gap:20px}.metric-modal__info{padding:16px;background:var(--color-bg-tertiary);border-radius:8px}.metric-modal__info p{margin:0 0 12px;font-size:13px;color:var(--color-text-muted);line-height:1.5}.metric-modal__badges{display:flex;gap:8px;flex-wrap:wrap}.metric-category-badge{display:inline-block;padding:4px 10px;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.5px;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:4px;color:var(--color-text-muted)}.metric-modal__field{display:flex;flex-direction:column;gap:6px}.metric-modal__label{font-size:13px;font-weight:500;color:var(--color-text)}.metric-modal__help{font-size:12px;color:var(--color-text-muted);margin:0}.metric-modal__error{font-size:12px;color:#ef4444;margin:0}.metric-modal__toggle-row{display:flex;justify-content:space-between;align-items:center}.metric-modal__threshold{display:flex;align-items:center;gap:12px}.metric-modal__threshold .ap-range{flex:1}.metric-modal__threshold-input{width:70px;text-align:center}.metric-modal__direction{display:flex}.metric-direction-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:500;border-radius:6px}.metric-direction-badge.higher_better{background:#22c55e1a;color:#22c55e;border:1px solid rgba(34,197,94,.3)}.metric-direction-badge.lower_better{background:#3b82f61a;color:#3b82f6;border:1px solid rgba(59,130,246,.3)}.metric-modal__params{font-family:SF Mono,Monaco,Cascadia Code,monospace;font-size:12px;resize:vertical;min-height:100px}.metric-modal__requirements{display:flex;gap:8px;flex-wrap:wrap}.metric-requirement{display:inline-block;padding:4px 10px;font-size:12px;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:4px;color:var(--color-text)}.metric-requirement--none{color:var(--color-text-muted);font-style:italic}.metric-modal__footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid var(--color-border);background:var(--color-bg-tertiary);border-radius:0 0 12px 12px}.eval-result-cell{display:flex;align-items:center;gap:6px;padding:4px 8px;border-radius:6px;position:relative;font-size:12px;min-width:80px}.eval-result-cell.clickable{cursor:pointer}.eval-result-cell.clickable:hover{background:#ffffff0d}.eval-result-cell.pass{background:#22c55e1a}.eval-result-cell.fail{background:#ef44441a}.eval-result-cell.error{background:#f59e0b1a}.eval-result-cell.skipped{background:#94a3b81a}.eval-result-cell__main{display:flex;flex-direction:column;gap:1px}.eval-result-cell__value{font-weight:600;color:var(--color-text)}.eval-result-cell__threshold{font-size:10px;color:var(--color-text-muted)}.eval-result-cell__status{width:18px;height:18px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:10px;font-weight:700}.eval-result-cell__status.pass{background:#22c55e33;color:#22c55e}.eval-result-cell__status.fail{background:#ef444433;color:#ef4444}.eval-result-cell__status.error{background:#f59e0b33;color:#f59e0b}.eval-result-cell__status.skipped{background:#94a3b833;color:#94a3b8}.eval-result-cell__tooltip{position:absolute;top:100%;left:50%;transform:translate(-50%);margin-top:8px;padding:12px;background:var(--color-card);border:1px solid var(--color-border);border-radius:8px;box-shadow:0 4px 20px #0000004d;z-index:1000;min-width:200px;max-width:300px}.tooltip-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid var(--color-border)}.tooltip-metric{font-weight:600;color:var(--color-text)}.tooltip-status{font-size:10px;font-weight:600;padding:2px 6px;border-radius:4px}.tooltip-status.pass{background:#22c55e33;color:#22c55e}.tooltip-status.fail{background:#ef444433;color:#ef4444}.tooltip-status.error{background:#f59e0b33;color:#f59e0b}.tooltip-message{font-size:11px;color:var(--color-text-muted);margin-bottom:8px;line-height:1.4}.tooltip-details{display:flex;flex-direction:column;gap:4px;margin-bottom:8px}.tooltip-detail-row{display:flex;justify-content:space-between;font-size:11px}.tooltip-detail-key{color:var(--color-text-muted);text-transform:capitalize}.tooltip-detail-value{color:var(--color-text);font-weight:500}.tooltip-latency{font-size:10px;color:var(--color-text-muted);text-align:right;margin-top:4px;padding-top:4px;border-top:1px solid var(--color-border)}.tooltip-hint{font-size:10px;color:#6366f1;text-align:center;margin-top:6px}.metric-insights{padding:16px;background:var(--color-card);border-radius:8px}.insights-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.insights-title{font-weight:600;font-size:14px;color:var(--color-text)}.insights-badge{font-size:10px;font-weight:600;padding:3px 8px;border-radius:4px;text-transform:uppercase}.insights-badge.pass{background:#22c55e33;color:#22c55e}.insights-badge.fail{background:#ef444433;color:#ef4444}.insights-badge.error{background:#f59e0b33;color:#f59e0b}.insights-badge.skipped{background:#94a3b833;color:#94a3b8}.insights-score-bar{margin-bottom:16px}.score-bar-track{position:relative;height:8px;background:#ffffff1a;border-radius:4px;overflow:visible}.score-bar-fill.pass{background:linear-gradient(90deg,#22c55e,#10b981)}.score-bar-fill.fail{background:linear-gradient(90deg,#ef4444,#f97316)}.score-bar-threshold{position:absolute;top:-4px;width:2px;height:16px;background:#fff;opacity:.7}.score-bar-labels{display:flex;justify-content:space-between;margin-top:6px;font-size:12px}.score-current{font-weight:600;color:var(--color-text)}.score-threshold{color:var(--color-text-muted)}.insights-details{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:16px}.detail-item{display:flex;flex-direction:column;gap:2px;padding:8px;background:#ffffff08;border-radius:6px}.detail-item.error{background:#ef44441a}.detail-label{font-size:10px;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px}.detail-value{font-size:13px;font-weight:600;color:var(--color-text)}.insights-result-box{display:flex;align-items:center;gap:12px;padding:12px;background:#ffffff08;border-radius:8px;margin-bottom:16px}.result-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:18px}.result-icon.pass{background:#22c55e33;color:#22c55e}.result-icon.fail{background:#ef444433;color:#ef4444}.result-text{flex:1}.result-message{font-size:12px;color:var(--color-text-muted);margin-top:4px}.readability-scores{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:16px}.readability-score-card{text-align:center;padding:16px;background:#ffffff08;border-radius:8px}.readability-score-card .score-value{font-size:28px;font-weight:700;color:var(--color-text)}.readability-score-card .score-label{font-size:12px;color:var(--color-text-muted);margin-top:4px}.readability-score-card .score-scale{font-size:10px;color:var(--color-text-muted);margin-top:2px}.sentiment-display{text-align:center;padding:16px;background:#ffffff08;border-radius:8px;margin-bottom:16px}.sentiment-indicator{font-size:18px;font-weight:600}.sentiment-indicator.positive{color:#22c55e}.sentiment-indicator.negative{color:#ef4444}.sentiment-indicator.neutral{color:#94a3b8}.sentiment-score{font-size:12px;color:var(--color-text-muted);margin-top:8px}.llm-judge-result{display:flex;align-items:center;justify-content:space-between;padding:16px;background:#6366f11a;border-radius:8px;margin-bottom:16px}.judge-score{text-align:center}.judge-score .score-value{font-size:28px;font-weight:700;color:var(--color-text)}.judge-score .score-label{font-size:11px;color:var(--color-text-muted)}.judge-threshold{font-size:12px;color:var(--color-text-muted)}.judge-verdict{padding:12px;background:#ffffff08;border-radius:6px;font-size:13px;margin-bottom:12px}.flagged-claims{margin-bottom:16px}.flagged-header{font-size:12px;font-weight:600;color:var(--color-text-muted);margin-bottom:8px}.flagged-claims ul{margin:0;padding-left:20px}.flagged-claims li{font-size:12px;color:#f59e0b;margin-bottom:4px}.insights-recommendations{padding-top:12px;border-top:1px solid var(--color-border)}.recommendations-header{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:#6366f1;margin-bottom:8px}.recommendations-list{margin:0;padding-left:20px}.recommendations-list li{font-size:12px;color:var(--color-text-muted);margin-bottom:4px;line-height:1.4}.metric-insights.default .insights-value{font-family:monospace;font-size:12px;padding:12px;background:#ffffff08;border-radius:6px;word-break:break-all}.insights-message{font-size:12px;color:var(--color-text-muted);margin-top:8px}.eval-drawer{position:fixed;top:0;right:0;width:520px;max-width:90vw;height:100vh;background:var(--color-card);border-left:1px solid var(--color-border);display:flex;flex-direction:column;animation:evalSlideIn .2s ease-out;box-shadow:-4px 0 24px #0003}.section-title{font-size:12px;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin:0 0 12px}.technical-details td{padding:10px 16px;font-size:13px;border-bottom:1px solid var(--color-border)}.technical-details .detail-key{color:var(--color-text-muted);text-transform:capitalize;width:40%}.technical-details .detail-value{color:var(--color-text);font-family:var(--font-mono, "SF Mono", Monaco, Consolas, monospace);font-weight:500;word-break:break-word}.performance-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.perf-stat{background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;padding:12px 16px;text-align:center}.perf-label{font-size:11px;font-weight:500;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.03em;display:block;margin-bottom:4px}.perf-value{font-size:16px;font-weight:600;color:var(--color-text)}.drawer-message{padding:12px 16px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;font-size:13px;color:var(--color-text-muted);line-height:1.5}.drawer-message.error{background:#ef44441a;border-color:#ef44444d;color:#ef4444}@media(max-width:768px){.eval-drawer{width:100%;max-width:100%}.eval-drawer-header,.eval-drawer-content{padding:16px}.performance-stats{grid-template-columns:1fr}}.run-drawer-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1000;animation:runDrawerFadeIn .15s ease-out}@keyframes runDrawerFadeIn{0%{opacity:0}to{opacity:1}}.run-drawer{position:fixed;top:0;right:0;width:600px;max-width:90vw;height:100vh;background:var(--color-bg-primary, #0f0f1a);border-left:1px solid var(--color-border, rgba(255, 255, 255, .1));display:flex;flex-direction:column;animation:runDrawerSlideIn .2s ease-out;box-shadow:-4px 0 24px #0000004d}@keyframes runDrawerSlideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.run-drawer-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--color-border, rgba(255, 255, 255, .1));background:var(--color-bg-secondary, #1a1a2e)}.run-drawer-header__title{display:flex;align-items:center;gap:12px}.run-drawer-header__title h2{margin:0;font-size:18px;font-weight:600;color:var(--color-text-primary, #fff)}.run-drawer-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;border-radius:6px;cursor:pointer;color:var(--color-text-muted, #9ca3af);transition:all .15s ease}.run-drawer-close:hover{background:var(--color-bg-tertiary, rgba(255, 255, 255, .1));color:var(--color-text-primary, #fff)}.run-drawer-badge{display:inline-flex;align-items:center;padding:4px 8px;border-radius:4px;font-size:10px;font-weight:600;letter-spacing:.05em}.run-drawer-badge--success{background:#22c55e26;color:#22c55e}.run-drawer-badge--error{background:#ef444426;color:#ef4444}.run-drawer-badge--warning{background:#f59e0b26;color:#f59e0b}.run-drawer-badge--neutral{background:#9ca3af26;color:#9ca3af}.run-drawer-badge--info{background:#6366f126;color:#6366f1}.run-drawer-content{flex:1;overflow-y:auto;padding:20px}.run-drawer-stats-bar{display:flex;align-items:center;gap:4px;padding:12px 16px;background:var(--color-bg-secondary, #1a1a2e);border:1px solid var(--color-border, rgba(255, 255, 255, .1));border-radius:8px;margin-bottom:20px}.stats-bar-item{display:flex;align-items:baseline;gap:4px;padding:0 12px}.stats-bar-value{font-size:16px;font-weight:600;color:var(--color-text-primary, #fff)}.stats-bar-label{font-size:12px;color:var(--color-text-muted, #9ca3af)}.stats-bar-item--success .stats-bar-value{color:#22c55e}.stats-bar-item--error .stats-bar-value{color:#ef4444}.stats-bar-item--warning .stats-bar-value{color:#f59e0b}.stats-bar-item--muted .stats-bar-value{color:#9ca3af}.stats-bar-divider{width:1px;height:24px;background:var(--color-border, rgba(255, 255, 255, .15));margin:0 8px}.run-drawer-section{margin-bottom:24px}.run-drawer-section__title{display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:600;color:var(--color-text-muted, #9ca3af);text-transform:uppercase;letter-spacing:.05em;margin:0 0 12px}.run-drawer-section__title--error{color:#ef4444}.section-count{font-size:11px;font-weight:500;color:var(--color-text-muted, #6b7280);text-transform:none;letter-spacing:normal}.run-drawer-info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.info-item{display:flex;flex-direction:column;gap:4px}.info-label{font-size:11px;color:var(--color-text-muted, #6b7280);text-transform:uppercase;letter-spacing:.03em}.info-value{font-size:13px;color:var(--color-text-primary, #fff)}.info-value--mono{font-family:var(--font-mono, "SF Mono", Monaco, Consolas, monospace);font-size:11px}.run-drawer-error{padding:12px 16px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:6px;color:#fca5a5;font-size:13px}.run-drawer-context{display:flex;flex-direction:column;gap:16px}.context-item{display:flex;flex-direction:column;gap:8px}.context-item__header{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:500;color:var(--color-text-secondary, #d1d5db)}.context-item__header svg{opacity:.7}.context-item__content{margin:0;padding:12px 16px;background:var(--color-bg-tertiary, rgba(255, 255, 255, .03));border:1px solid var(--color-border, rgba(255, 255, 255, .08));border-radius:6px;font-family:var(--font-mono, "SF Mono", Monaco, Consolas, monospace);font-size:12px;line-height:1.5;color:var(--color-text-primary, #e5e7eb);white-space:pre-wrap;word-break:break-word}.context-item__content--query{border-left:3px solid #ec4899}.context-item__content--prompt{border-left:3px solid #f59e0b}.context-item__content--output{border-left:3px solid #6366f1}.context-item__content--context{border-left:3px solid #06b6d4}.context-item__content--question{border-left:3px solid #8b5cf6}.context-item__content--reference{border-left:3px solid #22c55e}.context-item__tools{display:flex;flex-wrap:wrap;gap:6px}.tool-tag{display:inline-flex;padding:4px 10px;background:#6366f11a;border:1px solid rgba(99,102,241,.2);border-radius:4px;font-size:11px;font-weight:500;color:#818cf8;font-family:var(--font-mono, monospace)}.run-drawer-metrics{display:flex;flex-direction:column;gap:8px}.metric-row{border:1px solid var(--color-border, rgba(255, 255, 255, .1));border-radius:8px;overflow:hidden;transition:border-color .15s ease}.metric-row--pass{border-left:3px solid #22c55e}.metric-row--fail{border-left:3px solid #ef4444}.metric-row--error{border-left:3px solid #f59e0b}.metric-row--skipped{border-left:3px solid #6b7280}.metric-row__header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--color-bg-tertiary, rgba(255, 255, 255, .02));cursor:pointer;transition:background .15s ease}.metric-row__header:hover{background:var(--color-bg-secondary, rgba(255, 255, 255, .05))}.metric-row__left{display:flex;align-items:center;gap:10px}.metric-row__icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;font-size:11px;font-weight:600}.metric-row__icon--pass{background:#22c55e26;color:#22c55e}.metric-row__icon--fail{background:#ef444426;color:#ef4444}.metric-row__icon--error{background:#f59e0b26;color:#f59e0b}.metric-row__icon--skipped{background:#9ca3af26;color:#9ca3af}.metric-row__name{font-size:14px;font-weight:500;color:var(--color-text-primary, #fff)}.metric-row__right{display:flex;align-items:center;gap:12px}.metric-row__score{font-size:14px;font-weight:600;color:var(--color-text-secondary, #d1d5db);font-family:var(--font-mono, monospace)}.metric-row__chevron{display:flex;color:var(--color-text-muted, #6b7280);transition:transform .15s ease}.metric-row__chevron.expanded{transform:rotate(180deg)}.metric-row__details{padding:16px;background:var(--color-bg-secondary, #1a1a2e);border-top:1px solid var(--color-border, rgba(255, 255, 255, .08))}.metric-row__description{margin:0 0 12px;font-size:13px;color:var(--color-text-secondary, #9ca3af)}.metric-row__score-bar{display:flex;align-items:center;gap:12px;margin-bottom:12px}.score-bar-track{flex:1;height:6px;background:var(--color-bg-tertiary, rgba(255, 255, 255, .1));border-radius:3px;overflow:hidden}.score-bar-fill{height:100%;border-radius:3px;transition:width .3s ease}.score-bar-fill--pass{background:linear-gradient(90deg,#22c55e,#4ade80)}.score-bar-fill--fail{background:linear-gradient(90deg,#ef4444,#f87171)}.score-bar-value{font-size:13px;font-weight:600;color:var(--color-text-primary, #fff);font-family:var(--font-mono, monospace);min-width:60px;text-align:right}.metric-row__latency{font-size:12px;color:var(--color-text-muted, #6b7280);margin-bottom:8px}.metric-row__message{padding:10px 12px;background:var(--color-bg-tertiary, rgba(255, 255, 255, .03));border-radius:4px;font-size:13px;color:var(--color-text-secondary, #d1d5db);margin-bottom:8px}.metric-row__message--error{background:#ef44441a;color:#fca5a5}.metric-row__tech-details{margin-top:12px}.metric-row__tech-details table{width:100%;border-collapse:collapse;font-size:12px}.metric-row__tech-details td{padding:6px 8px;border-bottom:1px solid var(--color-border, rgba(255, 255, 255, .05))}.metric-row__tech-details td:first-child{color:var(--color-text-muted, #6b7280);text-transform:capitalize;width:40%}.metric-row__tech-details td:last-child{color:var(--color-text-primary, #e5e7eb);font-family:var(--font-mono, monospace);word-break:break-word}.datasets-tab{display:flex;flex-direction:column;gap:16px}.datasets-tab__toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px}.datasets-tab__toolbar-left{display:flex;align-items:center;gap:12px}.datasets-tab__search input{width:240px;padding:8px 12px;border:1px solid var(--color-border);border-radius:8px;font-size:var(--font-size-sm);background:var(--color-card);color:var(--color-text);transition:border-color .2s ease}.datasets-tab__search input:focus{outline:none;border-color:var(--color-accent)}.datasets-tab__search input::placeholder{color:var(--color-text-muted)}.datasets-tab__actions{display:flex;align-items:center;gap:8px}.datasets-tab__error{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;font-size:var(--font-size-sm);color:#ef4444}.datasets-tab__error button{background:none;border:none;font-size:18px;color:#ef4444;cursor:pointer;line-height:1;padding:0;opacity:.7;transition:opacity .2s ease}.datasets-tab__error button:hover{opacity:1}.datasets-tab__empty{text-align:center;padding:64px 24px;color:var(--color-text-muted);font-size:14px;background:var(--color-card);border:1px dashed var(--color-border);border-radius:12px;display:flex;flex-direction:column;align-items:center;gap:8px}.datasets-tab__empty:before{content:"";display:block;width:48px;height:48px;margin-bottom:8px;background:linear-gradient(135deg,var(--color-accent) 0%,#8b5cf6 100%);border-radius:12px;opacity:.3;mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2'%3E%3Cpath d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z'/%3E%3Cpolyline points='14 2 14 8 20 8'/%3E%3Cline x1='12' y1='18' x2='12' y2='12'/%3E%3Cline x1='9' y1='15' x2='15' y2='15'/%3E%3C/svg%3E");mask-size:24px;mask-repeat:no-repeat;mask-position:center;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2'%3E%3Cpath d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z'/%3E%3Cpolyline points='14 2 14 8 20 8'/%3E%3Cline x1='12' y1='18' x2='12' y2='12'/%3E%3Cline x1='9' y1='15' x2='15' y2='15'/%3E%3C/svg%3E");-webkit-mask-size:24px;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center}.datasets-tab__grid{display:flex;flex-direction:column;gap:8px}.dataset-card{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:var(--color-card);border:1px solid var(--color-border);border-radius:12px;cursor:pointer;transition:all .2s ease;position:relative}.dataset-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--color-accent);border-radius:12px 0 0 12px;opacity:0;transition:opacity .2s ease}.dataset-card:hover{border-color:var(--color-accent);background:#6366f114;transform:translate(2px);box-shadow:0 4px 16px #0003}.dataset-card:hover:before{opacity:1}.dataset-card__main{display:flex;align-items:center;gap:16px;min-width:0;flex:1}.dataset-card__icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-accent) 0%,#8b5cf6 100%);border-radius:10px;flex-shrink:0}.dataset-card__icon svg{width:20px;height:20px;color:#fff}.dataset-card__info{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}.dataset-card__name{font-size:15px;font-weight:600;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dataset-card__desc{font-size:13px;color:var(--color-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dataset-card__meta{display:flex;gap:8px;flex-shrink:0;margin-left:16px}.dataset-card__meta span{padding:6px 12px;background:#6366f126;border:1px solid rgba(99,102,241,.25);border-radius:20px;font-size:12px;color:var(--color-text);font-weight:500;white-space:nowrap}.dataset-card__meta span:first-child{background:#22c55e26;border-color:#22c55e40;color:#22c55e}.dataset-card__arrow{width:24px;height:24px;display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);opacity:0;transform:translate(-8px);transition:all .2s ease}.dataset-card:hover .dataset-card__arrow{opacity:1;transform:translate(0)}.dataset-card__arrow svg{width:16px;height:16px}.dataset-create-form{display:flex;flex-direction:column;gap:16px;max-width:520px;padding:24px;background:var(--color-card);border:1px solid var(--color-border);border-radius:12px}.dataset-create-form__row{display:flex;flex-direction:column;gap:6px}.dataset-create-form__row label{font-size:var(--font-size-xs);font-weight:500;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.03em}.dataset-create-form__row input,.dataset-create-form__row select,.dataset-create-form__row textarea{padding:10px 12px;border:1px solid var(--color-border);border-radius:8px;font-size:var(--font-size-sm);background:var(--color-card-muted);color:var(--color-text);transition:border-color .2s ease}.dataset-create-form__row input:focus,.dataset-create-form__row select:focus,.dataset-create-form__row textarea:focus{outline:none;border-color:var(--color-accent)}.dataset-create-form__row textarea{min-height:120px;resize:vertical;font-family:ui-monospace,SF Mono,Monaco,monospace}.dataset-create-form__inline{display:grid;grid-template-columns:1fr 1fr;gap:16px}.dataset-create-form__actions{display:flex;justify-content:flex-end;gap:10px;padding-top:12px;border-top:1px solid var(--color-border)}.dataset-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:var(--color-card);border:1px solid var(--color-border);border-radius:12px}.dataset-header__left{display:flex;align-items:center;gap:16px}.dataset-header__info{display:flex;flex-direction:column;gap:4px}.dataset-header__info h3{margin:0;font-size:var(--font-size-md);font-weight:600;color:var(--color-text)}.dataset-header__stats{display:flex;gap:16px;font-size:var(--font-size-xs);color:var(--color-text-muted)}.dataset-header__stats strong{color:var(--color-accent)}.dataset-header__actions{display:flex;align-items:center;gap:10px}.dataset-header__version-select{padding:6px 10px;border:1px solid var(--color-border);border-radius:8px;font-size:var(--font-size-xs);background:var(--color-card-muted);color:var(--color-text)}.dataset-add-row{display:flex;gap:10px;padding:12px 16px;background:var(--color-card);border:1px solid var(--color-border);border-radius:12px}.dataset-add-row__input{flex:1;padding:8px 12px;border:1px solid var(--color-border);border-radius:8px;font-size:var(--font-size-sm);background:var(--color-card-muted);color:var(--color-text);transition:border-color .2s ease}.dataset-add-row__input:focus{outline:none;border-color:var(--color-accent)}.dataset-add-row__input::placeholder{color:var(--color-text-muted)}.dataset-add-row__input--query{flex:2}.dataset-add-row__input--expected{flex:3}.dataset-add-row__input--context{flex:2}.dataset-bulk-upload{padding:16px 20px;background:var(--color-card);border:1px solid var(--color-border);border-radius:12px}.dataset-bulk-upload__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.dataset-bulk-upload__header h4{margin:0;font-size:var(--font-size-sm);font-weight:600;color:var(--color-text)}.dataset-bulk-upload__hint{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-bottom:12px}.dataset-bulk-upload__textarea{width:100%;min-height:150px;padding:12px;border:1px solid var(--color-border);border-radius:8px;font-size:var(--font-size-sm);font-family:ui-monospace,SF Mono,Monaco,monospace;background:var(--color-card-muted);color:var(--color-text);resize:vertical;margin-bottom:12px}.dataset-bulk-upload__textarea:focus{outline:none;border-color:var(--color-accent)}.dataset-bulk-upload__actions{display:flex;justify-content:flex-end;gap:10px}.dataset-entries-table{border:1px solid var(--color-border);border-radius:12px;overflow:hidden;background:var(--color-card)}.dataset-entries-table__header{display:flex;padding:12px 16px;background:var(--color-card-muted);border-bottom:1px solid var(--color-border);font-size:var(--font-size-xs);font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.03em}.dataset-entries-table__body{max-height:400px;overflow-y:auto}.dataset-entries-table__row{display:flex;padding:12px 16px;border-bottom:1px solid var(--color-border);font-size:var(--font-size-sm);transition:background .15s ease}.dataset-entries-table__row:last-child{border-bottom:none}.dataset-entries-table__row:hover{background:var(--color-card-muted)}.dataset-entries-table__col{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--color-text)}.dataset-entries-table__col--query{flex:2;min-width:0;padding-right:12px}.dataset-entries-table__col--expected{flex:3;min-width:0;padding-right:12px}.dataset-entries-table__col--context{flex:2;min-width:0;padding-right:12px;color:var(--color-text-muted)}.dataset-entries-table__col--actions{flex:0 0 140px;display:flex;justify-content:flex-end;gap:6px}.dataset-entries-table__input{padding:6px 10px;border:1px solid var(--color-accent);border-radius:6px;font-size:var(--font-size-sm);background:var(--color-card);color:var(--color-text)}.dataset-entries-table__action-btn{padding:4px 10px;border:none;border-radius:6px;font-size:var(--font-size-xs);font-weight:500;background:var(--color-card-muted);color:var(--color-text-muted);cursor:pointer;transition:all .15s ease}.dataset-entries-table__action-btn:hover{background:var(--color-accent);color:#fff}.dataset-entries-table__action-btn--danger:hover{background:#ef4444;color:#fff}.dataset-entries-table__loading{padding:16px}.dataset-entries-table__empty{padding:48px 24px;text-align:center;color:var(--color-text-muted);font-size:var(--font-size-sm)}@media(max-width:768px){.datasets-tab__toolbar,.datasets-tab__toolbar-left{flex-direction:column;align-items:stretch}.datasets-tab__search input{width:100%}.datasets-tab__actions{justify-content:flex-end}.datasets-tab__grid{grid-template-columns:1fr}.dataset-header{flex-direction:column;align-items:flex-start;gap:12px}.dataset-header__actions{width:100%;justify-content:space-between}.dataset-add-row{flex-direction:column}.dataset-add-row__input{width:100%}.dataset-create-form__inline{grid-template-columns:1fr}.dataset-card__meta{flex-wrap:wrap}}.eval-page{display:flex;flex-direction:column;gap:20px;min-height:100%}.eval-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.eval-header__title{margin:0;font-size:24px;font-weight:600;color:var(--color-text)}.eval-header__subtitle{margin:4px 0 0;font-size:13px;color:var(--color-text-muted)}.eval-header__actions{display:flex;gap:12px}.eval-error{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#ef4444;font-size:13px}.eval-error button{background:none;border:none;color:#ef4444;font-size:18px;cursor:pointer;padding:0 4px}.eval-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:80px 40px;color:var(--color-text-muted)}.spinner{width:32px;height:32px;border:3px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;animation:spin .8s linear infinite}.spinner--sm{width:16px;height:16px;border-width:2px}.eval-runner{display:flex;flex-direction:column;gap:20px}.eval-sticky-bar{position:sticky;top:0;z-index:100;display:flex;justify-content:space-between;align-items:center;padding:12px 20px;background:var(--color-card);border:1px solid var(--color-border);border-radius:8px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.theme-light .eval-sticky-bar{background:#fffffff2;border-color:#e5e7eb}.eval-sticky-bar__status{display:flex;align-items:center;gap:16px}.eval-sticky-bar__status .status-indicator{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500;color:var(--color-text-muted);transition:color .2s ease}.eval-sticky-bar__status .status-indicator.active{color:var(--color-accent)}.eval-sticky-bar__status .status-indicator svg{opacity:.6}.eval-sticky-bar__status .status-indicator.active svg{opacity:1}.eval-sticky-bar__status .status-separator{color:var(--color-text-muted);opacity:.5}.eval-sticky-bar__actions{display:flex;align-items:center;gap:16px}.eval-sticky-bar__warning{font-size:12px;color:var(--color-warning, #f59e0b);background:#f59e0b1a;padding:4px 10px;border-radius:4px}.eval-sticky-bar__warning--info{color:var(--color-text-muted, #6b7280);background:var(--color-bg-tertiary, rgba(107, 114, 128, .1))}.eval-llm-provider-select{display:flex;align-items:center;gap:8px;padding:4px 12px;background:var(--color-bg-tertiary, rgba(255, 255, 255, .05));border:1px solid var(--color-border, rgba(255, 255, 255, .1));border-radius:6px}.eval-llm-provider-select label{display:flex;align-items:center;gap:4px;font-size:12px;font-weight:500;color:var(--color-text-secondary, #9ca3af);white-space:nowrap}.eval-llm-provider-select label svg{opacity:.7}.eval-llm-provider-select select{background:var(--color-bg-secondary, #1e1e2e);border:1px solid var(--color-border, rgba(255, 255, 255, .15));border-radius:4px;padding:4px 24px 4px 8px;font-size:12px;color:var(--color-text-primary, #fff);cursor:pointer;min-width:140px;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%239ca3af' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 6px center}.eval-llm-provider-select select:hover{border-color:var(--color-primary, #6366f1)}.eval-llm-provider-select select:focus{outline:none;border-color:var(--color-primary, #6366f1);box-shadow:0 0 0 2px #6366f133}.eval-llm-provider-select select:disabled{opacity:.5;cursor:not-allowed}.eval-sticky-bar .ap-btn{display:flex;align-items:center;gap:8px}.eval-sticky-bar .ap-btn:disabled{opacity:.5;cursor:not-allowed}.spinner-sm{width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.eval-panels{display:grid;grid-template-columns:1fr 1.2fr;gap:20px;min-height:500px}.eval-panel{background:var(--color-card);border:1px solid var(--color-border);border-radius:12px;display:flex;flex-direction:column;overflow:hidden}.eval-panel__header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--color-border);background:var(--color-card-muted)}.eval-panel__header h3{margin:0;font-size:14px;font-weight:600;color:var(--color-text)}.eval-panel__count{font-size:12px;color:var(--color-accent);font-weight:500}.eval-filters{padding:16px;border-bottom:1px solid var(--color-border);display:flex;flex-direction:column;gap:12px}.eval-search{width:100%}.eval-filters__row{display:flex;gap:8px}.eval-filters__row .ap-select{flex:1;min-width:0;font-size:12px;padding:8px 10px}.eval-filters__actions{display:flex;gap:8px}.eval-run-list{flex:1;overflow-y:auto;padding:12px}.eval-workflow-group{margin-bottom:8px;border:1px solid var(--color-border);border-radius:8px;overflow:hidden}.eval-workflow-header{display:flex;align-items:center;gap:10px;padding:12px;background:var(--color-card-muted);cursor:pointer;transition:all .15s ease}.eval-workflow-header:hover{background:var(--color-surface-hover)}.eval-workflow-header.expanded{border-bottom:1px solid var(--color-border)}.eval-workflow-expand{display:flex;align-items:center;justify-content:center;transition:transform .2s ease;color:var(--color-text-muted)}.eval-workflow-expand.expanded{transform:rotate(90deg)}.eval-workflow-header__content{flex:1;min-width:0}.eval-workflow-header__top{display:flex;align-items:center;gap:8px;margin-bottom:4px}.eval-workflow-header__id{font-family:monospace;font-size:13px;font-weight:500;color:var(--color-text)}.eval-workflow-selected-badge{padding:2px 6px;background:#6366f133;color:var(--color-accent);border-radius:10px;font-size:10px;font-weight:500}.eval-workflow-header__meta{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--color-text-muted)}.eval-workflow-header__name{font-weight:500;color:var(--color-text)}.eval-workflow-header__sep{opacity:.4}.eval-workflow-header__llm{color:#22c55e;font-weight:500}.eval-workflow-select-all{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;border-radius:6px;background:transparent;color:var(--color-text-muted);cursor:pointer;transition:all .15s ease}.eval-workflow-select-all:hover{background:var(--color-surface-hover);color:var(--color-accent)}.eval-nodes-list{padding:8px 12px 12px;background:var(--color-card)}.eval-node-item{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:6px;cursor:pointer;transition:all .15s ease}.eval-node-item:hover:not(.disabled){background:var(--color-surface-hover)}.eval-node-item.selected{background:#6366f11a}.eval-node-item.disabled{cursor:not-allowed;opacity:.5}.eval-node-tree{font-family:monospace;font-size:12px;color:var(--color-border);width:20px;flex-shrink:0}.eval-node-item input[type=checkbox]{cursor:pointer;accent-color:var(--color-accent)}.eval-node-item.disabled input[type=checkbox]{cursor:not-allowed}.eval-node-item__content{flex:1;display:flex;align-items:center;gap:8px;min-width:0}.eval-node-item__name{font-size:12px;font-weight:500;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.eval-node-type-badge{padding:2px 6px;border-radius:4px;font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.eval-node-type-badge.llm{background:#8b5cf633;color:#a78bfa}.eval-node-type-badge.agent{background:#6366f126;color:#6366f1}.eval-node-type-badge.rag{background:#06b6d426;color:#06b6d4}.eval-node-type-badge.tool{background:#f59e0b26;color:#f59e0b}.eval-node-type-badge.router{background:#ec489926;color:#ec4899}.eval-node-type-badge.process,.eval-node-type-badge.transform{background:#22c55e26;color:#22c55e}.eval-node-type-badge.loader{background:#14b8a626;color:#14b8a6}.eval-node-type-badge.output{background:#10b98126;color:#10b981}.eval-node-type-badge.validator{background:#eab30826;color:#eab308}.eval-node-type-badge.io{background:#94a3b826;color:#94a3b8}.eval-node-type-badge.node,.eval-node-type-badge.other{background:var(--color-card-muted);color:var(--color-text-muted)}.eval-node-tokens{font-size:10px;color:var(--color-text-muted);font-family:monospace;white-space:nowrap}.eval-run-list__more{text-align:center;padding:12px;font-size:12px;color:var(--color-text-muted)}.eval-status-badge{display:inline-flex;padding:2px 8px;border-radius:12px;font-size:10px;font-weight:500;text-transform:uppercase}.eval-panel--config{display:flex;flex-direction:column}.eval-selected-summary{padding:16px;border-bottom:1px solid var(--color-border);background:#6366f10d}.eval-selected-summary__header{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:500;color:var(--color-accent);margin-bottom:10px}.eval-selected-summary__runs{display:flex;flex-wrap:wrap;gap:6px}.eval-selected-tag{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;background:var(--color-card);border:1px solid var(--color-border);border-radius:6px;font-size:11px;font-family:monospace}.eval-selected-tag button{background:none;border:none;color:var(--color-text-muted);cursor:pointer;font-size:14px;padding:0;line-height:1}.eval-selected-tag button:hover{color:var(--color-text)}.eval-selected-more{font-size:11px;color:var(--color-text-muted);align-self:center}.eval-metrics-section{flex:1;display:flex;flex-direction:column;overflow:hidden;padding:16px}.eval-metrics-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.eval-metrics-header h4{margin:0;font-size:13px;font-weight:600;color:var(--color-text)}.eval-metrics-count{font-size:12px;color:var(--color-accent);font-weight:500}.eval-metric-filters{display:flex;gap:8px;margin-bottom:12px;flex-wrap:wrap}.eval-metric-filters .ap-select{font-size:12px;padding:6px 10px;min-width:120px}.eval-metric-actions{display:flex;gap:4px;margin-left:auto}.eval-metrics-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:16px}.eval-metrics-group__header{display:flex;align-items:center;gap:8px;width:100%;padding:10px 12px;background:#ffffff08;border:1px solid var(--color-border);border-radius:6px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);cursor:pointer;transition:all .15s ease}.eval-metrics-group__header:hover{background:#ffffff0f;border-color:var(--color-accent)}.eval-metrics-group.expanded .eval-metrics-group__header{border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom-color:transparent}.eval-metrics-group__chevron{font-size:10px;transition:transform .15s ease}.eval-metrics-group__name{flex:1;text-align:left}.eval-metrics-group__count{font-weight:500;padding:2px 8px;background:#ffffff0d;border-radius:10px;font-size:11px}.eval-metrics-group__count.has-selected{background:#6366f133;color:var(--color-accent)}.eval-metrics-group__items{display:flex;flex-direction:column;gap:4px;padding:8px;border:1px solid var(--color-border);border-top:none;border-bottom-left-radius:6px;border-bottom-right-radius:6px;background:#00000026}.eval-metric-item{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;background:var(--color-card-muted);border:1px solid transparent;border-radius:8px;cursor:pointer;transition:all .15s ease}.eval-metric-item:hover{background:var(--color-surface-hover)}.eval-metric-item.selected{background:#6366f11a;border-color:#6366f14d}.eval-metric-item input[type=checkbox]{margin-top:2px;cursor:pointer;accent-color:var(--color-accent)}.eval-metric-item__content{flex:1;min-width:0}.eval-metric-item__header{display:flex;align-items:center;gap:8px;margin-bottom:4px}.eval-metric-item__name{font-size:13px;font-weight:500;color:var(--color-text)}.eval-metric-item__desc{margin:0;font-size:11px;color:var(--color-text-muted);line-height:1.4}.metric-type-badge{display:inline-flex;padding:2px 6px;border-radius:4px;font-size:9px;font-weight:600;text-transform:uppercase}.metric-type-badge.heuristic{background:#22c55e26;color:#22c55e}.metric-type-badge.llm-judge{background:#8b5cf626;color:#8b5cf6}.eval-llm-info{display:flex;gap:12px;padding:12px 16px;margin:0 16px 16px;background:#3b82f61a;border:1px solid rgba(59,130,246,.3);border-radius:8px;color:#3b82f6}.eval-llm-info svg{flex-shrink:0;margin-top:2px}.eval-llm-info strong{display:block;font-size:12px;margin-bottom:4px}.eval-llm-info p{margin:0;font-size:11px;color:var(--color-text-muted);line-height:1.4}.eval-additional-inputs{margin:0 16px 16px;padding:16px;background:#6366f10d;border:1px solid rgba(99,102,241,.2);border-radius:8px}.eval-additional-inputs__header{display:flex;align-items:center;gap:8px;margin-bottom:16px;font-size:13px;font-weight:600;color:#6366f1}.eval-input-field{margin-bottom:16px}.eval-input-field:last-child{margin-bottom:0}.eval-input-field label{display:flex;flex-direction:column;gap:4px;margin-bottom:8px}.eval-input-label{font-size:12px;font-weight:500;color:var(--color-text)}.eval-input-label .required{color:#ef4444}.eval-input-hint{font-size:11px;color:var(--color-text-muted)}.eval-input-field .ap-textarea,.eval-input-field .ap-input{width:100%;padding:10px 12px;font-size:12px;background:var(--color-bg);border:1px solid var(--color-border);border-radius:6px;color:var(--color-text);resize:vertical}.eval-input-field .ap-textarea:focus,.eval-input-field .ap-input:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 2px #6366f11a}.eval-input-field .ap-textarea.missing,.eval-input-field .ap-input.missing{border-color:#f59e0b80}.eval-input-field .ap-textarea::placeholder,.eval-input-field .ap-input::placeholder{color:var(--color-text-muted)}.eval-missing-warning{display:flex;align-items:center;gap:8px;margin:0 16px 16px;padding:10px 14px;background:#f59e0b1a;border:1px solid rgba(245,158,11,.3);border-radius:6px;font-size:12px;color:#f59e0b}.eval-missing-warning svg{flex-shrink:0}.eval-model-section{padding:16px;border-top:1px solid var(--color-border)}.eval-model-section .ap-select{width:100%;margin-top:6px}.eval-model-hint{margin:8px 0 0;font-size:11px;color:var(--color-text-muted)}.eval-actions{padding:16px;border-top:1px solid var(--color-border);background:var(--color-card-muted)}.eval-actions .ap-btn{width:100%}.eval-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;text-align:center;color:var(--color-text-muted)}.eval-empty svg{margin-bottom:12px;opacity:.5}.eval-empty p{margin:0;font-size:14px;font-weight:500}.eval-empty span{margin-top:4px;font-size:12px}.eval-results{background:var(--color-card);border:1px solid var(--color-border);border-radius:12px;overflow:hidden}.eval-results__header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--color-border);background:var(--color-card-muted)}.eval-results__header h3{display:flex;align-items:center;gap:8px;margin:0;font-size:14px;font-weight:600;color:var(--color-text)}.eval-results__actions{display:flex;gap:8px}.eval-results__summary{display:flex;gap:12px;padding:16px 20px;border-bottom:1px solid var(--color-border);overflow-x:auto}.eval-summary-card{display:flex;flex-direction:column;align-items:center;padding:12px 20px;background:var(--color-card-muted);border-radius:8px;min-width:100px}.eval-summary-card__label{font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);margin-bottom:4px}.eval-summary-card__value{font-size:24px;font-weight:700;color:var(--color-text)}.eval-summary-card--success .eval-summary-card__value{color:#22c55e}.eval-summary-card--error .eval-summary-card__value{color:#ef4444}.eval-results__stats-bar{display:flex;align-items:center;gap:12px;padding:10px 20px;background:var(--color-card-muted);border-bottom:1px solid var(--color-border);font-size:13px}.eval-stat{display:inline-flex;align-items:center;gap:6px}.eval-stat__label{color:var(--color-text-muted);font-weight:500}.eval-stat__value{font-weight:700;color:var(--color-text)}.eval-stat__value.pass{color:#22c55e}.eval-stat__value.warn{color:#eab308}.eval-stat__value.fail{color:#ef4444}.eval-stat--pass .eval-stat__value{color:#22c55e}.eval-stat--fail .eval-stat__value{color:#ef4444}.eval-stat__divider{color:var(--color-border);font-weight:300}.eval-metric-params{background:var(--color-card);border:1px solid var(--color-border);border-radius:8px;padding:16px;margin-top:16px}.eval-metric-params__header{display:flex;align-items:center;gap:8px;font-weight:600;font-size:14px;color:var(--color-text);margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--color-border)}.eval-metric-params__header svg{color:var(--color-text-muted)}.eval-metric-params__list{display:flex;flex-direction:column;gap:16px}.eval-metric-params__item{background:var(--color-card-muted);border-radius:6px;padding:12px}.eval-metric-params__name{font-weight:600;font-size:13px;color:var(--color-text);margin-bottom:10px;display:flex;align-items:center;gap:8px}.eval-metric-params__name:before{content:"";display:inline-block;width:3px;height:14px;background:var(--color-primary);border-radius:2px}.eval-metric-params__fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.eval-metric-params__field{display:flex;flex-direction:column;gap:4px}.eval-metric-params__label{font-size:11px;font-weight:500;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.03em}.eval-metric-params__label .required{color:#ef4444;margin-left:2px}.eval-metric-params__toggle{display:inline-flex;align-items:center;gap:8px;cursor:pointer}.eval-metric-params__toggle input[type=checkbox]{width:16px;height:16px;cursor:pointer}.eval-metric-params__toggle .toggle-label{font-size:13px;color:var(--color-text)}.eval-metric-params__field .ap-input--sm,.eval-metric-params__field .ap-textarea--sm{font-size:12px;padding:6px 10px}.eval-metric-params__field .ap-input--sm.missing,.eval-metric-params__field .ap-textarea--sm.missing{border-color:#ef4444;background:#ef44440d}.eval-results__table-wrap{overflow-x:auto}.eval-results__table{min-width:100%}.eval-result-id{font-family:monospace;font-size:12px}.eval-result-pending{color:var(--color-text-muted)}.eval-result-value{display:inline-flex;padding:4px 10px;border-radius:6px;font-size:12px;font-weight:600}.eval-configs{display:flex;flex-direction:column;gap:20px}.eval-configs-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}.eval-config-card{padding:16px;background:var(--color-card-muted);border:1px solid var(--color-border);border-radius:10px}.eval-config-card.disabled{opacity:.6}.eval-config-card__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.eval-config-card__name{font-size:14px;font-weight:600;color:var(--color-text)}.eval-config-card__status{padding:2px 8px;border-radius:12px;font-size:10px;font-weight:500;text-transform:uppercase}.eval-config-card__status.active{background:#22c55e26;color:#22c55e}.eval-config-card__status.inactive{background:var(--color-card);color:var(--color-text-muted)}.eval-config-card__meta{display:flex;gap:12px;font-size:12px;color:var(--color-text-muted);margin-bottom:8px}.eval-config-card__desc{margin:0 0 12px;font-size:12px;color:var(--color-text-muted);line-height:1.4}.eval-config-card__metric-list{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.eval-config-card__metric-chip{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;background:#6366f11a;border-radius:4px;font-size:11px;color:var(--color-text)}.eval-config-card__metric-chip .metric-requirements{font-size:10px;color:#f59e0b;font-weight:500}.eval-config-card__metric-more{font-size:11px;color:var(--color-text-muted);padding:3px 8px}.eval-config-card__actions{display:flex;gap:8px;padding-top:12px;border-top:1px solid var(--color-border)}.eval-history{display:flex;flex-direction:column;gap:20px}.eval-history__pass-rate{font-size:13px;font-weight:600;color:#22c55e;padding:4px 12px;background:#22c55e1a;border-radius:16px}.eval-history__filters{display:flex;gap:12px;flex-wrap:wrap;padding:16px;border-bottom:1px solid var(--color-border)}.eval-history__filters .ap-select{min-width:140px}.eval-history__summary{display:flex;gap:24px;padding:16px;background:var(--color-bg-tertiary);border-bottom:1px solid var(--color-border)}.eval-history__stat{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:80px}.eval-history__stat-value{font-size:20px;font-weight:700;color:var(--color-text)}.eval-history__stat-label{font-size:11px;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px}.eval-history__stat--pass .eval-history__stat-value{color:#22c55e}.eval-history__stat--fail .eval-history__stat-value{color:#ef4444}.eval-history__table-wrap{overflow-x:auto}.eval-history__table{width:100%}.eval-history__run-id{font-family:SF Mono,Monaco,monospace;font-size:12px;color:var(--color-text-muted)}.eval-history__pass-fail{display:inline-flex;align-items:center;gap:4px;font-size:13px;font-weight:500}.eval-history__pass-fail .pass{color:#22c55e}.eval-history__pass-fail .fail{color:#ef4444}.eval-history__pass-fail .sep{color:var(--color-text-muted)}.eval-history__date{font-size:12px;color:var(--color-text-muted);white-space:nowrap}.eval-history__pagination{display:flex;justify-content:center;align-items:center;gap:16px;padding:16px;border-top:1px solid var(--color-border)}.eval-history__page-info{font-size:12px;color:var(--color-text-muted)}.eval-history__table tbody tr.clickable{cursor:pointer;transition:background .15s}.eval-history__table tbody tr.clickable:hover{background:#6366f11a}.eval-history__metrics-list{display:flex;flex-direction:column;gap:12px}.eval-history__metric-card{padding:12px;background:#ffffff08;border-radius:8px;border-left:3px solid var(--color-border)}.eval-history__metric-card.pass{border-left-color:#22c55e}.eval-history__metric-card.fail{border-left-color:#ef4444}.eval-history__metric-card.error{border-left-color:#f59e0b}.eval-history__metric-card.skipped{border-left-color:#94a3b8}.metric-card__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.metric-card__name{font-weight:600;font-size:13px;color:var(--color-text)}.metric-card__status{width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:11px;font-weight:700}.metric-card__status.pass{background:#22c55e33;color:#22c55e}.metric-card__status.fail{background:#ef444433;color:#ef4444}.metric-card__status.error{background:#f59e0b33;color:#f59e0b}.metric-card__status.skipped{background:#94a3b833;color:#94a3b8}.metric-card__value{font-size:18px;font-weight:700;color:var(--color-text);margin-bottom:4px}.metric-card__threshold{font-size:11px;color:var(--color-text-muted)}.metric-card__message{font-size:12px;color:var(--color-text-muted);margin-top:8px;padding-top:8px;border-top:1px solid var(--color-border);line-height:1.4}.metric-card__status{padding:2px 8px;border-radius:4px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.metric-card__score-bar{margin:8px 0}.score-bar__track{position:relative;height:8px;background:#ffffff1a;border-radius:4px;overflow:visible}.score-bar__fill{height:100%;border-radius:4px;transition:width .3s ease}.score-bar__fill.pass{background:linear-gradient(90deg,#22c55e,#16a34a)}.score-bar__fill.fail{background:linear-gradient(90deg,#ef4444,#dc2626)}.score-bar__fill.error{background:linear-gradient(90deg,#f59e0b,#d97706)}.score-bar__fill.skipped{background:linear-gradient(90deg,#94a3b8,#64748b)}.score-bar__threshold-line{position:absolute;top:-2px;bottom:-2px;width:2px;background:#fff;border-radius:1px;box-shadow:0 0 4px #00000080}.score-bar__labels{display:flex;justify-content:space-between;margin-top:4px}.score-bar__value{font-size:14px;font-weight:700;color:var(--color-text)}.score-bar__target{font-size:11px;color:var(--color-text-muted)}.metric-card__details{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px;padding-top:8px;border-top:1px solid var(--color-border)}.metric-card__detail-item{font-size:11px;color:var(--color-text-muted);background:#ffffff0d;padding:2px 6px;border-radius:4px;text-transform:capitalize}.metric-card__recommendation{display:flex;align-items:flex-start;gap:8px;margin-top:8px;padding:8px;background:#6366f11a;border-radius:6px;font-size:12px;color:var(--color-accent);line-height:1.4}.recommendation-icon{flex-shrink:0}.eval-history__metric-card{cursor:pointer;transition:all .2s ease}.eval-history__metric-card:hover{background:#ffffff0d}.eval-history__metric-card.expanded{background:#ffffff0f}.metric-card__title-row{display:flex;align-items:center;gap:8px}.metric-card__expand-icon{font-size:10px;color:var(--color-text-muted);transition:transform .2s ease}.metric-card__summary{display:flex;align-items:center;gap:10px}.metric-card__score{font-size:14px;font-weight:700;color:var(--color-text)}.metric-card__score-bar.compact{margin:4px 0 0}.metric-card__score-bar.compact .score-bar__track{height:4px}.metric-card__expanded{margin-top:12px;padding-top:12px;border-top:1px solid var(--color-border);cursor:default}.metric-card__expanded .expanded-section{margin-top:16px}.metric-card__expanded .expanded-section__title{font-size:11px;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin:0 0 10px}.metric-card__expanded .technical-details{background:var(--color-surface);border:1px solid var(--color-border);border-radius:6px;overflow:hidden}.metric-card__expanded .technical-details table{width:100%;border-collapse:collapse}.metric-card__expanded .technical-details td{padding:8px 12px;font-size:12px;border-bottom:1px solid var(--color-border)}.metric-card__expanded .technical-details tr:last-child td{border-bottom:none}.metric-card__expanded .technical-details .detail-key{color:var(--color-text-muted);text-transform:capitalize;width:40%}.metric-card__expanded .technical-details .detail-value{color:var(--color-text);font-family:var(--font-mono, "SF Mono", Monaco, Consolas, monospace);font-weight:500}.metric-card__expanded .performance-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px}.metric-card__expanded .perf-stat{background:var(--color-surface);border:1px solid var(--color-border);border-radius:6px;padding:10px 14px;text-align:center}.metric-card__expanded .perf-label{font-size:10px;font-weight:500;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.03em;display:block;margin-bottom:4px}.metric-card__expanded .perf-value{font-size:14px;font-weight:600;color:var(--color-text)}.metric-card__expanded .text-preview{padding:10px 14px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:6px}.metric-card__expanded .text-preview pre{margin:0;font-family:var(--font-mono, "SF Mono", Monaco, Consolas, monospace);font-size:11px;color:var(--color-text);white-space:pre-wrap;word-break:break-word;line-height:1.4}.metric-card__expanded .text-preview.reference{border-left:3px solid #22c55e}.metric-card__performance{display:flex;gap:16px;flex-wrap:wrap;margin:12px 0;padding:10px;background:#0003;border-radius:6px}.metric-card__performance .perf-item{display:flex;gap:4px;font-size:12px}.metric-card__performance .perf-label{color:var(--color-text-muted)}.metric-card__performance .perf-value{color:var(--color-text);font-weight:500}.metric-card__tech-details{margin:12px 0}.metric-card__tech-details h4{font-size:11px;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;margin:0 0 8px}.metric-card__details-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px 12px}.metric-card__detail-row{display:flex;justify-content:space-between;font-size:12px;padding:4px 0;border-bottom:1px solid rgba(255,255,255,.05)}.metric-card__detail-row .detail-key{color:var(--color-text-muted);text-transform:capitalize}.metric-card__detail-row .detail-value{color:var(--color-text);font-family:monospace}.metric-card__message-box{margin:12px 0;padding:10px;background:#6366f114;border-radius:6px;border-left:3px solid var(--color-accent)}.metric-card__message-box .message-label{display:block;font-size:10px;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.metric-card__message-box .message-text{font-size:13px;color:var(--color-text);line-height:1.4}.metric-card__recommendation.expanded{flex-direction:column;padding:12px;margin-top:12px}.metric-card__recommendation.expanded .recommendation-content h4{margin:0 0 6px;font-size:12px;font-weight:600;color:var(--color-accent)}.metric-card__recommendation.expanded .recommendation-content p{margin:0;font-size:13px;line-height:1.5}.section-hint{font-size:11px;color:var(--color-text-muted);margin:-8px 0 12px}.context-block{margin-bottom:16px}.context-block:last-child{margin-bottom:0}.context-block__title{font-size:12px;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px}.text-preview{padding:12px 16px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px}.text-preview pre{margin:0;font-family:var(--font-mono, "SF Mono", Monaco, Consolas, monospace);font-size:12px;color:var(--color-text);white-space:pre-wrap;word-break:break-word;line-height:1.5}.text-preview.prompt{border-left:3px solid #f59e0b}.text-preview.question{border-left:3px solid #8b5cf6}.text-preview.context{border-left:3px solid #06b6d4}.text-preview.output{border-left:3px solid #6366f1}.text-preview.reference{border-left:3px solid #22c55e}.text-preview.user-query{border-left:3px solid #ec4899}.eval-context-grid{display:flex;flex-direction:column;gap:16px}.context-block__title{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px}.context-block__title svg{opacity:.7}.tools-list{display:flex;flex-wrap:wrap;gap:8px}.tool-badge{display:inline-flex;align-items:center;padding:4px 10px;background:var(--color-bg-tertiary, rgba(99, 102, 241, .1));border:1px solid var(--color-border, rgba(99, 102, 241, .2));border-radius:4px;font-size:12px;font-weight:500;color:var(--color-primary, #6366f1);font-family:var(--font-mono, "SF Mono", Monaco, Consolas, monospace)}.results-summary-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}@media(max-width:768px){.results-summary-grid{grid-template-columns:repeat(3,1fr)}}.summary-stat{display:flex;flex-direction:column;align-items:center;padding:16px 12px;background:var(--color-bg-tertiary, rgba(255, 255, 255, .03));border:1px solid var(--color-border, rgba(255, 255, 255, .1));border-radius:8px;text-align:center}.summary-stat__value{font-size:24px;font-weight:700;line-height:1;margin-bottom:4px}.summary-stat__label{font-size:11px;font-weight:500;color:var(--color-text-muted, #9ca3af);text-transform:uppercase;letter-spacing:.05em}.summary-stat--passed{border-color:#22c55e4d;background:#22c55e14}.summary-stat--passed .summary-stat__value{color:#22c55e}.summary-stat--failed{border-color:#ef44444d;background:#ef444414}.summary-stat--failed .summary-stat__value{color:#ef4444}.summary-stat--error{border-color:#f59e0b4d;background:#f59e0b14}.summary-stat--error .summary-stat__value{color:#f59e0b}.summary-stat--skipped{border-color:#9ca3af4d;background:#9ca3af14}.summary-stat--skipped .summary-stat__value{color:#9ca3af}.summary-stat--total{border-color:#6366f14d;background:#6366f114}.summary-stat--total .summary-stat__value{color:#6366f1}.summary-stat--latency{border-color:#06b6d44d;background:#06b6d414}.summary-stat--latency .summary-stat__value{color:#06b6d4}.text-preview{max-height:300px;overflow-y:auto}.text-preview.scrollable{max-height:400px}.eval-drawer-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1000;animation:evalFadeIn .15s ease-out}@keyframes evalFadeIn{0%{opacity:0}to{opacity:1}}.eval-drawer{position:fixed;top:0;right:0;width:520px;max-width:90vw;height:100vh;background:var(--color-background);border-left:1px solid var(--color-border);display:flex;flex-direction:column;animation:evalSlideIn .2s ease-out;box-shadow:-4px 0 24px #0003}@keyframes evalSlideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.eval-drawer-header{display:flex;justify-content:space-between;align-items:flex-start;padding:16px 20px;border-bottom:1px solid var(--color-border);background:var(--color-card);flex-shrink:0}.drawer-title{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.drawer-title h2{margin:0;font-size:18px;font-weight:600;color:var(--color-text);line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.drawer-status-badge{display:inline-flex;padding:4px 10px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.03em;flex-shrink:0}.drawer-status-badge.pass{background:#22c55e26;color:#22c55e}.drawer-status-badge.fail{background:#ef444426;color:#ef4444}.drawer-status-badge.error{background:#f59e0b26;color:#f59e0b}.drawer-status-badge.skipped{background:#94a3b826;color:#94a3b8}.drawer-close-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;color:var(--color-text-muted);border-radius:6px;cursor:pointer;transition:all .15s ease;flex-shrink:0;margin-left:16px}.drawer-close-btn:hover{background:#ef44441a;color:#ef4444}.eval-drawer-content{flex:1;overflow-y:auto;padding:24px}.eval-drawer-content::-webkit-scrollbar{width:6px}.eval-drawer-content::-webkit-scrollbar-track{background:transparent}.eval-drawer-content::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}.eval-drawer-content::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}.drawer-section{margin-bottom:24px}.drawer-section:last-child{margin-bottom:0}.section-title{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);margin-bottom:12px}.technical-details{background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;overflow:hidden}.technical-details table{width:100%;border-collapse:collapse}.technical-details td{padding:10px 14px;font-size:13px;border-bottom:1px solid var(--color-border)}.technical-details tr:last-child td{border-bottom:none}.technical-details .detail-key{color:var(--color-text-muted);width:120px;font-weight:500}.technical-details .detail-value{color:var(--color-text);word-break:break-word}.performance-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.perf-stat{display:flex;flex-direction:column;align-items:center;padding:16px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;text-align:center}.perf-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);margin-bottom:4px}.perf-value{font-size:24px;font-weight:700;color:var(--color-text)}@media(max-width:1024px){.eval-panels{grid-template-columns:1fr}.eval-panel--runs{max-height:400px}}@media(max-width:768px){.eval-header{flex-direction:column;align-items:flex-start}.eval-filters__row{flex-direction:column}.eval-filters__row .ap-select{width:100%}.eval-results__summary{flex-wrap:wrap;justify-content:center}.eval-configs-list{grid-template-columns:1fr}}.eval-workflow-settings,.eval-agent-settings{display:flex;flex-direction:column;gap:16px}.settings-action-bar{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:var(--color-card);border:1px solid var(--color-border);border-radius:8px;gap:16px;flex-wrap:wrap}.settings-action-bar__left{display:flex;align-items:center;gap:12px;flex:1;min-width:200px}.settings-workflow-select{min-width:200px;max-width:300px}.settings-status-badge{font-size:11px;font-weight:600;padding:4px 10px;border-radius:12px;white-space:nowrap}.settings-status-badge.enabled{background:#22c55e26;color:#22c55e}.settings-status-badge.disabled{background:#94a3b826;color:#94a3b8}.settings-action-bar__right{display:flex;align-items:center;gap:8px}.settings-action-bar__title{font-size:15px;font-weight:600;color:var(--color-text)}.settings-back-btn{margin-right:8px}.settings-workflow-info{display:flex;align-items:center;gap:10px}.settings-workflow-name{font-size:15px;font-weight:600;color:var(--color-text)}.workflow-settings-list{display:flex;flex-direction:column;gap:12px}.workflow-settings-list__header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;gap:16px}.workflow-settings-list__stats{display:flex;align-items:center;gap:16px}.workflow-settings-list__count{font-size:13px;font-weight:600;color:var(--color-text)}.workflow-settings-list__auto-eval-count{font-size:12px;color:#22c55e;padding:2px 8px;background:#22c55e1a;border-radius:10px}.workflow-settings-list__filter{position:relative;display:flex;align-items:center}.workflow-settings-list__filter .ap-input.compact{width:220px;padding-right:30px}.workflow-settings-list__filter-clear{position:absolute;right:8px;width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border:none;border-radius:50%;color:var(--color-text-muted);cursor:pointer;font-size:14px;transition:all .15s ease}.workflow-settings-list__filter-clear:hover{background:#fff3;color:var(--color-text)}.workflow-settings-list__hint{font-size:12px;color:var(--color-text-muted)}.workflow-settings-list__empty{padding:32px;text-align:center;color:var(--color-text-muted);font-size:13px}.workflow-settings-list__items{display:flex;flex-direction:column;gap:8px}.workflow-settings-item{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;background:var(--color-card);border:1px solid var(--color-border);border-radius:8px;cursor:pointer;transition:all .15s ease}.workflow-settings-item:hover{border-color:var(--color-accent);background:#6366f10d}.workflow-settings-item__info{display:flex;flex-direction:column;gap:4px}.workflow-settings-item__name-row{display:flex;align-items:center;gap:10px}.workflow-settings-item__name{font-size:14px;font-weight:500;color:var(--color-text)}.workflow-settings-item__badge{font-size:10px;font-weight:600;padding:2px 8px;border-radius:10px;text-transform:uppercase;letter-spacing:.5px}.workflow-settings-item__badge.auto-eval{background:#22c55e26;color:#22c55e}.workflow-settings-item.auto-eval-on{border-left:3px solid #22c55e}.workflow-settings-item__id{font-size:11px;color:var(--color-text-muted);font-family:var(--font-mono, "SF Mono", Monaco, monospace)}.workflow-settings-item__actions{display:flex;align-items:center;gap:12px}.workflow-settings-item__status{font-size:11px;padding:3px 8px;border-radius:10px}.workflow-settings-item__status.enabled{background:#22c55e26;color:#22c55e}.workflow-settings-item__status.disabled{background:#94a3b826;color:#94a3b8}.workflow-settings-item__arrow{font-size:16px;color:var(--color-text-muted);transition:transform .15s ease}.workflow-settings-item:hover .workflow-settings-item__arrow{transform:translate(3px);color:var(--color-accent)}.settings-empty{padding:60px 20px}.settings-accordions{display:flex;flex-direction:column;gap:8px}.settings-accordion{background:var(--color-card);border:1px solid var(--color-border);border-radius:8px;overflow:hidden;transition:border-color .15s ease}.settings-accordion:hover{border-color:#ffffff26}.settings-accordion.expanded{border-color:var(--color-accent)}.settings-accordion__header{display:flex;justify-content:space-between;align-items:center;width:100%;padding:12px 16px;background:transparent;border:none;cursor:pointer;color:var(--color-text);text-align:left;transition:background .15s ease}.settings-accordion__header:hover{background:#ffffff08}.settings-accordion__title{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:500}.settings-accordion__title svg{color:var(--color-text-muted)}.settings-accordion__meta{display:flex;align-items:center;gap:10px}.settings-accordion__badge{font-size:11px;padding:3px 8px;border-radius:10px;background:#ffffff14;color:var(--color-text-muted)}.settings-accordion__badge.active{background:#22c55e26;color:#22c55e}.settings-accordion__arrow{font-size:10px;color:var(--color-text-muted);transition:transform .2s ease}.settings-accordion__arrow.expanded{transform:rotate(90deg)}.settings-accordion__content{padding:0 16px 16px;border-top:1px solid var(--color-border);margin-top:0}.settings-help{font-size:12px;color:var(--color-text-muted);margin:8px 0 12px;line-height:1.4}.settings-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.05)}.settings-row:last-child{border-bottom:none}.settings-row__label{display:flex;flex-direction:column;gap:2px}.settings-row__label>span:first-child{font-size:13px;font-weight:500;color:var(--color-text)}.settings-row__hint{font-size:11px;color:var(--color-text-muted)}.settings-row__control{display:flex;align-items:center;gap:8px}.settings-row__control.inline{flex:1;max-width:180px}.settings-row__value{font-size:13px;font-weight:600;color:var(--color-text);min-width:45px;text-align:right}.ap-input.compact,.ap-select.compact{padding:6px 10px;font-size:12px;max-width:120px}.ap-range.compact{width:100%}.eval-nodes-grid{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.eval-node-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:#ffffff0d;border:1px solid var(--color-border);border-radius:16px;font-size:12px;cursor:pointer;transition:all .15s ease}.eval-node-chip:hover{background:#ffffff14}.eval-node-chip.selected{background:#6366f126;border-color:var(--color-accent);color:var(--color-accent)}.eval-node-chip input{display:none}.eval-notification-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.eval-notification-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;background:#6366f126;border:1px solid rgba(99,102,241,.3);border-radius:14px;font-size:12px;color:var(--color-accent)}.eval-notification-chip button{display:flex;align-items:center;justify-content:center;width:16px;height:16px;background:none;border:none;color:inherit;cursor:pointer;font-size:14px;opacity:.7;transition:opacity .15s ease}.eval-notification-chip button:hover{opacity:1}.ap-btn--xs{padding:4px 10px;font-size:11px}.eval-nodes-list{display:flex;flex-direction:column;gap:8px;margin-top:8px}.eval-node-item{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:6px}.eval-node-name{font-size:13px;font-weight:500;color:var(--color-text);flex:1}.eval-node-item.selectable{cursor:pointer;transition:all .15s ease}.eval-node-item.selectable:hover{background:var(--color-surface-hover);border-color:var(--color-accent)}.eval-node-item.selectable.selected{background:#6366f11a;border-color:var(--color-accent)}.eval-node-item input[type=checkbox]{margin-right:12px;width:16px;height:16px;cursor:pointer}.eval-nodes-actions{display:flex;align-items:center;gap:12px;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid var(--color-border)}.eval-nodes-count{font-size:12px;color:var(--color-text-muted);margin-left:auto}.eval-settings-form{display:flex;flex-direction:column;gap:8px;padding:16px 0}.eval-settings-section{padding:12px 16px}.eval-settings-section-title{font-size:14px;font-weight:600;color:var(--color-text);margin:8px 0 4px 16px}.eval-settings-toggle{display:flex;justify-content:space-between;align-items:center;gap:16px}.eval-settings-toggle .ap-label{margin:0}.eval-settings-help{margin:4px 0 0;font-size:12px;color:var(--color-text-muted)}.eval-settings-slider{display:flex;align-items:center;gap:16px}.eval-settings-slider .ap-range{flex:1}.eval-settings-slider-value{min-width:40px;text-align:right;font-size:13px;font-weight:500;color:var(--color-text)}.eval-settings-divider{border:none;border-top:1px solid var(--color-border);margin:12px 0}.eval-settings-actions{display:flex;gap:12px;padding:16px;background:#6366f114;border:1px solid var(--color-accent);border-radius:8px;margin-bottom:16px}.eval-notification-channels{display:flex;flex-direction:column;gap:8px}.eval-notification-channel{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:4px;font-size:13px;color:var(--color-text);width:fit-content}.eval-notification-channel__remove{background:none;border:none;color:var(--color-text-muted);font-size:14px;cursor:pointer;padding:0 2px;line-height:1}.eval-notification-channel__remove:hover{color:#ef4444}.ap-switch{position:relative;display:inline-block;width:40px;height:22px}.ap-switch input{opacity:0;width:0;height:0}.ap-switch__slider{position:absolute;cursor:pointer;inset:0;background-color:var(--color-border);transition:.2s;border-radius:22px}.ap-switch__slider:before{position:absolute;content:"";height:16px;width:16px;left:3px;bottom:3px;background-color:#fff;transition:.2s;border-radius:50%}.ap-switch input:checked+.ap-switch__slider{background-color:var(--color-accent)}.ap-switch input:checked+.ap-switch__slider:before{transform:translate(18px)}.ap-switch input:disabled+.ap-switch__slider{opacity:.5;cursor:not-allowed}.ap-range{-webkit-appearance:none;appearance:none;width:100%;height:6px;background:var(--color-border);border-radius:3px;outline:none}.ap-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;background:var(--color-accent);border-radius:50%;cursor:pointer;transition:transform .1s}.ap-range::-webkit-slider-thumb:hover{transform:scale(1.1)}.ap-range::-moz-range-thumb{width:16px;height:16px;background:var(--color-accent);border-radius:50%;cursor:pointer;border:none}.eval-results-table td .eval-result-cell{display:inline-flex}.eval-results-table td .eval-result-cell__tooltip{z-index:100;left:0;transform:none}.eval-batch-results{position:relative}.eval-batch-results .table-wrapper{overflow:visible}.eval-results-table tbody tr:hover{background:#ffffff05}.eval-results-table td{vertical-align:middle}.eval-result-pending{color:var(--color-text-muted);font-size:12px}.config-wizard-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:24px;animation:wizardFadeIn .15s ease-out}@keyframes wizardFadeIn{0%{opacity:0}to{opacity:1}}.config-wizard{background:var(--color-background);border:1px solid var(--color-border);border-radius:12px;width:100%;max-width:640px;max-height:90vh;display:flex;flex-direction:column;animation:wizardSlideUp .2s ease-out;box-shadow:0 16px 48px #0000004d}@keyframes wizardSlideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.config-wizard__header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--color-border)}.config-wizard__header h2{margin:0;font-size:18px;font-weight:600;color:var(--color-text)}.config-wizard__close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;color:var(--color-text-muted);border-radius:6px;cursor:pointer;transition:all .15s ease}.config-wizard__close:hover{background:#ef44441a;color:#ef4444}.config-wizard__steps{display:flex;padding:16px 24px;background:var(--color-card);border-bottom:1px solid var(--color-border);gap:8px}.config-wizard__step{display:flex;align-items:center;gap:8px;flex:1;padding:8px 12px;border-radius:6px;background:#ffffff08;transition:all .15s ease}.config-wizard__step.active{background:#6366f126}.config-wizard__step.completed{background:#22c55e1a}.config-wizard__step .step-number{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;font-size:11px;font-weight:600;background:#ffffff1a;color:var(--color-text-muted)}.config-wizard__step.active .step-number{background:var(--color-accent);color:#fff}.config-wizard__step.completed .step-number{background:#22c55e;color:#fff}.config-wizard__step .step-label{font-size:12px;font-weight:500;color:var(--color-text-muted)}.config-wizard__step.active .step-label{color:var(--color-accent)}.config-wizard__step.completed .step-label{color:#22c55e}.config-wizard__content{flex:1;overflow-y:auto;padding:24px;min-height:300px}.wizard-step{display:flex;flex-direction:column;gap:16px}.wizard-step__hint{font-size:13px;color:var(--color-text-muted);margin:0 0 8px}.wizard-field{display:flex;flex-direction:column;gap:6px}.wizard-field label{font-size:12px;font-weight:500;color:var(--color-text-muted)}.wizard-field-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.wizard-field-section{margin-top:16px;padding-top:16px;border-top:1px solid var(--color-border)}.wizard-field-section__label{display:flex;flex-direction:column;gap:4px;font-size:13px;font-weight:600;color:var(--color-text);margin-bottom:12px}.wizard-field-section__hint{font-size:12px;font-weight:400;color:var(--color-text-muted)}.wizard-dataset-info{display:flex;align-items:center;gap:10px;margin-top:12px;padding:10px 12px;background:#7f6bff1a;border:1px solid rgba(127,107,255,.2);border-radius:6px}.wizard-dataset-info--hint{background:var(--color-card-muted);border-color:var(--color-border)}.wizard-dataset-info__badge{padding:2px 8px;background:var(--color-accent);color:var(--color-text-inverse);font-size:11px;font-weight:600;border-radius:4px}.wizard-dataset-info__text{font-size:12px;color:var(--color-text-muted)}.wizard-empty{color:var(--color-text-muted);font-size:13px;text-align:center;padding:40px 20px}.wizard-metrics-grid{display:flex;flex-direction:column;gap:16px}.wizard-metrics-category h4{font-size:11px;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;margin:0 0 8px}.wizard-metrics-list{display:flex;flex-wrap:wrap;gap:8px}.wizard-metric-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:#ffffff0d;border:1px solid var(--color-border);border-radius:16px;font-size:12px;cursor:pointer;transition:all .15s ease}.wizard-metric-chip:hover{background:#ffffff14}.wizard-metric-chip.selected{background:#6366f126;border-color:var(--color-accent);color:var(--color-accent)}.wizard-metric-chip input{display:none}.wizard-thresholds-list{display:flex;flex-direction:column;gap:12px}.wizard-threshold-row{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px}.wizard-threshold-info{display:flex;flex-direction:column;gap:2px}.wizard-threshold-name{font-size:13px;font-weight:500;color:var(--color-text)}.wizard-threshold-category{font-size:11px;color:var(--color-text-muted)}.wizard-threshold-controls{display:flex;align-items:center;gap:8px}.wizard-threshold-controls .ap-select.compact{min-width:140px}.wizard-threshold-controls .ap-input.compact{width:70px;text-align:center}.wizard-actions-list{display:flex;flex-direction:column;gap:12px}.wizard-action-row{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px}.wizard-action-row.indented{margin-left:24px;background:#ffffff05}.wizard-action-label{display:flex;flex-direction:column;gap:2px}.wizard-action-label>span:first-child{font-size:13px;font-weight:500;color:var(--color-text)}.wizard-action-hint{font-size:11px;color:var(--color-text-muted)}.config-wizard__footer{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-top:1px solid var(--color-border);background:var(--color-card)}.config-wizard__footer-left,.config-wizard__footer-right{display:flex;align-items:center;gap:10px}.ap-textarea{width:100%;padding:10px 14px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:6px;color:var(--color-text);font-size:13px;font-family:inherit;resize:vertical;transition:border-color .15s ease}.ap-textarea:focus{outline:none;border-color:var(--color-accent)}.ap-textarea::placeholder{color:var(--color-text-muted)}.section-badge{margin-left:10px;font-size:12px;font-weight:500;color:var(--color-text-muted);padding:2px 8px;background:#ffffff0d;border-radius:10px}.metrics-accordion{display:flex;flex-direction:column;gap:8px}.metric-accordion-item{border:1px solid var(--color-border);border-radius:8px;overflow:hidden;background:var(--color-surface);border-left:3px solid var(--color-border)}.metric-accordion-item.passed{border-left-color:#22c55e}.metric-accordion-item.failed{border-left-color:#ef4444}.metric-accordion-item.error{border-left-color:#f59e0b}.metric-accordion-header{width:100%;display:flex;justify-content:space-between;align-items:center;padding:12px 14px;background:transparent;border:none;cursor:pointer;color:var(--color-text);transition:background-color .15s ease}.metric-accordion-header:hover{background:#ffffff08}.metric-header-left{display:flex;align-items:center;gap:10px}.metric-status-icon{width:22px;height:22px;display:flex;align-items:center;justify-content:center;border-radius:50%}.metric-status-icon.pass{background:#22c55e26;color:#22c55e}.metric-status-icon.fail{background:#ef444426;color:#ef4444}.metric-name{font-size:13px;font-weight:500}.metric-header-right{display:flex;align-items:center;gap:12px}.metric-score{font-size:13px;font-weight:600;color:var(--color-text-muted)}.metric-badge{font-size:10px;font-weight:700;padding:3px 8px;border-radius:4px;text-transform:uppercase}.metric-badge.pass{background:#22c55e26;color:#22c55e}.metric-badge.fail{background:#ef444426;color:#ef4444}.accordion-chevron{color:var(--color-text-muted);display:flex;align-items:center}.metric-accordion-content{padding:14px 16px;border-top:1px solid var(--color-border);background:#0000001a}.metric-description{font-size:12px;color:var(--color-text-muted);margin-bottom:12px;line-height:1.5}.metric-score-bar{display:flex;align-items:center;gap:12px;margin-bottom:12px}.score-bar-container{flex:1;height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden}.score-bar-fill{height:100%;border-radius:4px;transition:width .3s ease}.score-bar-fill.pass{background:linear-gradient(90deg,#22c55e,#16a34a)}.score-bar-fill.fail{background:linear-gradient(90deg,#ef4444,#dc2626)}.score-value{font-size:13px;font-weight:600;color:var(--color-text);min-width:60px}.metric-value-display{display:flex;align-items:center;gap:8px;margin-bottom:12px;font-size:13px}.metric-value-display .value-label{color:var(--color-text-muted)}.metric-value-display .value-number{font-weight:600;color:var(--color-text)}.metric-latency{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--color-text-muted);margin-bottom:10px}.metric-latency .latency-value{font-weight:500;color:var(--color-text)}.metric-message{font-size:12px;padding:10px;background:#ffffff08;border-radius:6px;margin-bottom:10px}.metric-message.error{background:#ef44441a;border:1px solid rgba(239,68,68,.2)}.metric-message .message-label{font-weight:500;margin-right:6px;color:var(--color-text)}.metric-message .message-text{color:var(--color-text-muted)}.metric-recommendation{display:flex;align-items:flex-start;gap:8px;font-size:12px;color:#f59e0b;padding:10px;background:#f59e0b14;border-radius:6px;margin-bottom:10px}.metric-recommendation svg{flex-shrink:0;margin-top:1px}.metric-details{margin-top:12px}.metric-details h4{font-size:12px;font-weight:600;color:var(--color-text);margin-bottom:8px}.metric-details table{width:100%;font-size:12px}.metric-details td{padding:4px 0}.metric-details .detail-key{color:var(--color-text-muted);text-transform:capitalize;width:40%}.metric-details .detail-value{color:var(--color-text);font-family:var(--font-mono, "SF Mono", Monaco, monospace)}.eval-empty-results{display:flex;flex-direction:column;align-items:center;gap:12px;padding:40px;color:var(--color-text-muted);text-align:center}.eval-empty-results svg{opacity:.5}.eval-error-message{padding:12px;background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:6px;color:#ef4444;font-size:13px}.eval-results__table tbody tr.clickable{cursor:pointer;transition:background-color .15s ease}.eval-results__table tbody tr.clickable:hover{background:#6366f114}.wizard-metric-card{display:flex;flex-direction:column;padding:14px 16px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;transition:all .15s ease;cursor:pointer}.wizard-metric-card:hover{background:#ffffff0a;border-color:#ffffff26}.wizard-metric-card.selected{background:#6366f11a;border-color:var(--color-accent)}.wizard-metric-card__header{display:flex;align-items:center;gap:10px;cursor:pointer}.wizard-metric-card__header input[type=checkbox]{width:16px;height:16px;accent-color:var(--color-accent);cursor:pointer}.wizard-metric-card__name{font-size:13px;font-weight:600;color:var(--color-text);flex:1}.wizard-metric-card__type{font-size:10px;font-weight:600;text-transform:uppercase;padding:2px 6px;border-radius:4px;letter-spacing:.5px}.wizard-metric-card__type.llm{background:#9333ea26;color:#a78bfa}.wizard-metric-card__type.heuristic{background:#10b98126;color:#34d399}.wizard-metric-card__description{margin:8px 0 0 26px;font-size:12px;color:var(--color-text-muted);line-height:1.5}.wizard-metric-card__meta{margin:8px 0 0 26px;font-size:11px;color:var(--color-text-muted);opacity:.7;display:flex;flex-direction:column;gap:4px}.wizard-metric-card__requires{color:#f59e0b;font-weight:500;opacity:1}.wizard-metrics-list{display:flex;flex-direction:column;gap:10px}.wizard-threshold-card{display:flex;flex-direction:column;padding:16px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px}.wizard-threshold-card__requirements{display:flex;align-items:center;gap:8px;padding:8px 12px;margin-bottom:12px;background:#f59e0b1a;border:1px solid rgba(245,158,11,.2);border-radius:6px;font-size:12px;color:#f59e0b}.wizard-threshold-card__requirements svg{flex-shrink:0}.wizard-threshold-card__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px}.wizard-threshold-card__title{display:flex;align-items:center;gap:10px}.wizard-threshold-card__name{font-size:14px;font-weight:600;color:var(--color-text)}.wizard-threshold-card__type{font-size:10px;font-weight:600;text-transform:uppercase;padding:2px 6px;border-radius:4px;letter-spacing:.5px}.wizard-threshold-card__type.llm{background:#9333ea26;color:#a78bfa}.wizard-threshold-card__type.heuristic{background:#10b98126;color:#34d399}.wizard-threshold-card__category{font-size:11px;color:var(--color-text-muted);padding:2px 8px;background:#ffffff0d;border-radius:4px}.wizard-threshold-card__description{font-size:12px;color:var(--color-text-muted);line-height:1.5;margin-bottom:14px}.wizard-threshold-card__controls{display:flex;gap:16px;align-items:flex-end}.wizard-threshold-control{display:flex;flex-direction:column;gap:4px}.wizard-threshold-control label{font-size:11px;font-weight:500;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px}.wizard-threshold-control .ap-select.compact{min-width:160px}.wizard-threshold-control .ap-input.compact{width:100px;text-align:center}.wizard-threshold-card__params{margin-top:14px;padding-top:14px;border-top:1px solid var(--color-border)}.wizard-threshold-card__params-title{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-muted);margin-bottom:10px}.wizard-threshold-card__params-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}.wizard-param-field{display:flex;flex-direction:column;gap:4px}.wizard-param-field label{font-size:11px;font-weight:500;color:var(--color-text-muted)}.wizard-param-field .ap-input.compact{width:100%;padding:6px 10px;font-size:13px}.wizard-param-field .ap-switch--sm{transform:scale(.85);transform-origin:left center}.settings-page{margin:0 auto}.settings-loading{display:flex;justify-content:center;align-items:center;min-height:400px;color:var(--color-text-muted)}.settings-tabs{display:flex;gap:var(--space-1);border-bottom:1px solid var(--color-border);margin-bottom:var(--space-6)}.settings-tab{padding:var(--space-3) var(--space-4);background:none;border:none;border-bottom:2px solid transparent;color:var(--color-text-muted);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.settings-tab:hover{color:var(--color-text)}.settings-tab.active{color:var(--color-accent);border-bottom-color:var(--color-accent)}.settings-content{display:flex;flex-direction:column;gap:var(--space-6)}.settings-section{background:var(--color-panel);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6)}.settings-section h2{font-size:var(--font-size-lg);font-weight:600;margin:0 0 var(--space-1)}.section-description{color:var(--color-text-muted);font-size:var(--font-size-sm);margin:0 0 var(--space-5)}.section-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-4)}.section-header h2{margin-bottom:var(--space-1)}.profile-header{display:flex;gap:var(--space-6);margin-bottom:var(--space-6);padding-bottom:var(--space-6);border-bottom:1px solid var(--color-border)}.avatar-section{display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}.avatar-large{width:100px;height:100px;border-radius:50%;background:var(--color-accent);display:flex;align-items:center;justify-content:center;font-size:36px;font-weight:600;color:var(--color-text-inverse);overflow:hidden}.avatar-large img{width:100%;height:100%;object-fit:cover}.profile-info{display:flex;flex-direction:column;gap:var(--space-2);justify-content:center}.profile-email{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-md)}.verified-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:#2ed57326;color:#2ed573;border-radius:var(--radius-full);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}[data-theme=light] .verified-badge{background:#10b9811f;color:#059669}.profile-joined{font-size:var(--font-size-sm);color:var(--color-text-muted)}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4)}.form-grid-max{max-width:400px}.form-group{display:flex;flex-direction:column;gap:var(--space-2)}.form-group label{font-size:var(--font-size-sm);font-weight:500;color:var(--color-text)}.form-group input,.form-group select,.form-group textarea{padding:var(--space-3);background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--font-size-sm);color:var(--color-text)}[data-theme=light] .form-group input,[data-theme=light] .form-group select,[data-theme=light] .form-group textarea{background:#fff!important;border-color:#d1d5db!important;color:#1f2937!important}.theme-light .form-group input,.theme-light .form-group select,.theme-light .form-group textarea,[data-theme=light] .form-group input,[data-theme=light] .form-group select,[data-theme=light] .form-group textarea,[data-theme=light] .settings-page input,[data-theme=light] .settings-page select,[data-theme=light] .settings-page textarea,[data-theme=light] .profile-form input,[data-theme=light] .profile-form select,[data-theme=light] .password-form input{background:#fff!important;background-color:#fff!important;border-color:#d1d5db!important;color:#171717!important}.theme-light .form-group input::placeholder,.theme-light .form-group textarea::placeholder,[data-theme=light] .form-group input::placeholder,[data-theme=light] .form-group textarea::placeholder,[data-theme=light] .settings-page input::placeholder,[data-theme=light] .profile-form input::placeholder,[data-theme=light] .password-form input::placeholder{color:#9ca3af!important}[data-theme=light] .collapsible-section{background:#fff!important;border-color:#e5e7eb!important}[data-theme=light] .collapsible-section:hover{border-color:#d1d5db!important}[data-theme=light] .collapsible-section.open{border-color:var(--color-accent-muted, #818cf8)!important}[data-theme=light] .collapsible-body{border-top-color:#e5e7eb!important}[data-theme=light] .settings-section{background:#fff!important;border-color:#e5e7eb!important}.form-group textarea{resize:vertical}.form-actions{display:flex;justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-5);padding-top:var(--space-5);border-top:1px solid var(--color-border)}.profile-form{max-width:400px}.profile-form .form-group{margin-bottom:var(--space-4)}.profile-form .btn{margin-top:var(--space-4)}.password-form{max-width:400px}.password-form .form-group{margin-bottom:var(--space-4)}.password-input{position:relative}.password-input input{width:100%;padding-right:44px}.password-toggle{position:absolute;right:0;top:0;height:100%;width:44px;background:none;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:.5}.password-toggle:hover{opacity:1}.password-strength{margin-top:var(--space-2)}.strength-bar{display:flex;gap:4px}.strength-bar span{flex:1;height:4px;border-radius:2px;background:var(--color-border)}.strength-bar.weak span:nth-child(1){background:#ff4757}.strength-bar.medium span:nth-child(1),.strength-bar.medium span:nth-child(2){background:#ffa502}.strength-bar.strong span{background:#2ed573}.field-error{font-size:var(--font-size-xs);color:var(--color-error)}.sessions-list{display:flex;flex-direction:column;gap:var(--space-3)}.session-item{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);background:var(--color-card-muted);border-radius:var(--radius-md);border:1px solid var(--color-border)}.theme-light .session-item,[data-theme=light] .session-item{background:#f9fafb;border-color:#e5e7eb}[data-theme=light] .password-input input,[data-theme=light] .password-form .password-input input,[data-theme=light] .collapsible-body .password-input input,[data-theme=light] .collapsible-body input[type=password],[data-theme=light] .collapsible-body input[type=text]{background:#fff!important;background-color:#fff!important;border-color:#d1d5db!important;color:#171717!important}[data-theme=light] .password-input input::placeholder,[data-theme=light] .password-form input::placeholder,[data-theme=light] .collapsible-body input::placeholder{color:#9ca3af!important}.session-item.current{border-color:var(--color-accent)}.session-icon{font-size:24px}.session-details{flex:1}.session-device{font-weight:500;display:flex;align-items:center;gap:var(--space-2)}.current-badge{display:inline-flex;padding:2px 8px;background:var(--color-accent);color:var(--color-text-inverse);border-radius:var(--radius-full);font-size:10px;font-weight:600}.session-meta{font-size:var(--font-size-xs);color:var(--color-text-muted);display:flex;gap:var(--space-3);margin-top:var(--space-1)}.empty-sessions,.empty-history{padding:var(--space-6);text-align:center;color:var(--color-text-muted)}.history-table{width:100%;border-collapse:collapse}.history-table th,.history-table td{padding:var(--space-3);text-align:left;border-bottom:1px solid var(--color-border)}.history-table th{font-size:var(--font-size-xs);font-weight:600;color:var(--color-text-muted);text-transform:uppercase}.history-table td{font-size:var(--font-size-sm)}.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:var(--space-2)}.status-dot.success{background:#2ed573}.status-dot.failed{background:#ff4757}.twofa-status{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);background:var(--color-card-muted);border-radius:var(--radius-md);border:1px solid var(--color-border)}.theme-light .twofa-status{background:#f9fafb;border-color:#e5e7eb}.twofa-icon{font-size:32px}.twofa-info{flex:1}.twofa-info p{margin:var(--space-1) 0 0;font-size:var(--font-size-sm);color:var(--color-text-muted)}.coming-soon{margin-top:var(--space-3);font-size:var(--font-size-xs);color:var(--color-text-muted);font-style:italic}.notification-group{margin-bottom:var(--space-6)}.notification-group:last-child{margin-bottom:0}.notification-group h3{font-size:var(--font-size-md);font-weight:600;margin:0 0 var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--color-border)}.toggle-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4);background:var(--color-card-muted);border-radius:var(--radius-md);margin-bottom:var(--space-2);cursor:pointer;transition:background var(--transition-fast);border:1px solid var(--color-border)}.toggle-item:hover{background:var(--color-card)}.theme-light .toggle-item{background:#f9fafb;border-color:#e5e7eb}.theme-light .toggle-item:hover{background:#fff}.toggle-info{display:flex;flex-direction:column;gap:var(--space-1)}.toggle-info strong{font-weight:500}.toggle-info span{font-size:var(--font-size-sm);color:var(--color-text-muted)}.toggle-item input[type=checkbox]{width:44px;height:24px;appearance:none;background:var(--color-border);border-radius:12px;position:relative;cursor:pointer;transition:background var(--transition-fast)}.toggle-item input[type=checkbox]:before{content:"";position:absolute;width:20px;height:20px;border-radius:50%;background:#fff;top:2px;left:2px;transition:transform var(--transition-fast)}.toggle-item input[type=checkbox]:checked{background:var(--color-accent)}.toggle-item input[type=checkbox]:checked:before{transform:translate(20px)}.quiet-hours-config{display:flex;gap:var(--space-4);padding:var(--space-4);background:var(--color-card-muted);border-radius:var(--radius-md);margin-top:var(--space-2);border:1px solid var(--color-border)}.theme-light .quiet-hours-config{background:#f9fafb;border-color:#e5e7eb}.quiet-hours-config .form-group{flex:1}.danger-zone{border-color:#ff47574d}.danger-zone h2{color:#ff4757}.danger-warning{padding:var(--space-4);background:#ff47571a;border:1px solid rgba(255,71,87,.3);border-radius:var(--radius-md);margin-bottom:var(--space-5)}.danger-warning strong{color:#ff4757}.danger-warning ul{margin:var(--space-2) 0 0 var(--space-4);padding:0}.danger-warning li{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:var(--space-1)}.btn--danger{background:#ff4757;border:none;color:var(--color-text-inverse)}.btn--danger:hover{background:#e63946}.btn--danger:disabled{opacity:.5;cursor:not-allowed}.delete-confirm{padding:var(--space-5);background:var(--color-card-muted);border-radius:var(--radius-md);border:1px solid var(--color-border)}.theme-light .delete-confirm{background:#f9fafb;border-color:#e5e7eb}.delete-confirm .form-group{margin-bottom:var(--space-4)}.delete-actions{display:flex;justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-5);padding-top:var(--space-4);border-top:1px solid var(--color-border)}.export-info{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4);background:var(--color-card-muted);border-radius:var(--radius-md);border:1px solid var(--color-border)}.theme-light .export-info{background:#f9fafb;border-color:#e5e7eb}.export-info p{margin:0;font-size:var(--font-size-sm);color:var(--color-text-muted)}@media(max-width:768px){.settings-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch}.settings-tab{white-space:nowrap}.form-grid{grid-template-columns:1fr}.profile-header{flex-direction:column;text-align:center}.quiet-hours-config{flex-direction:column}.session-item{flex-wrap:wrap}.session-item button{width:100%;margin-top:var(--space-2)}}.security-accordions{display:flex;flex-direction:column;gap:var(--space-3)}.collapsible-section{background:var(--color-panel);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;transition:border-color var(--transition-fast)}.collapsible-section:hover{border-color:var(--color-border-hover)}.collapsible-section.open{border-color:var(--color-accent-muted)}.collapsible-header{width:100%;display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);background:transparent;border:none;cursor:pointer;text-align:left;gap:var(--space-4)}.collapsible-header:hover{background:var(--color-surface)}.collapsible-title-group{display:flex;align-items:center;gap:var(--space-3);flex:1}.chevron-icon{color:var(--color-text-muted);transition:transform var(--transition-fast);flex-shrink:0}.chevron-icon.rotated{transform:rotate(90deg)}.collapsible-title{font-size:var(--font-size-md);font-weight:600;margin:0;color:var(--color-text)}.collapsible-description{font-size:var(--font-size-xs);color:var(--color-text-muted);margin:var(--space-1) 0 0 0}.collapsible-header-action{flex-shrink:0}.collapsible-content{max-height:0;overflow:hidden;transition:max-height .3s ease-out}.collapsible-content.expanded{max-height:1500px;transition:max-height .4s ease-in}.collapsible-body{padding:0 var(--space-5) var(--space-5);border-top:1px solid var(--color-border)}.collapsible-body .password-form,.collapsible-body .sessions-list,.collapsible-body .login-history,.collapsible-body .twofa-status{padding-top:var(--space-4)}.collapsible-body .twofa-status{display:flex;align-items:flex-start;gap:var(--space-4)}.collapsible-body .twofa-icon{font-size:24px}.collapsible-body .twofa-info{flex:1}.collapsible-body .twofa-info strong{display:block;margin-bottom:var(--space-1)}.collapsible-body .twofa-info p{margin:0;font-size:var(--font-size-sm);color:var(--color-text-muted)}.collapsible-body .coming-soon{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:var(--space-3);font-style:italic}.providers-header{display:flex;justify-content:flex-end;margin-bottom:var(--space-4)}.providers-list{display:flex;flex-direction:column;gap:var(--space-3)}.provider-card{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);background:var(--color-card-muted);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:border-color .2s}.theme-light .provider-card{background:#f9fafb;border-color:#e5e7eb}.provider-card:hover{border-color:var(--color-primary)}.provider-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--color-background);border-radius:var(--radius-md);color:var(--color-text-muted)}.provider-info{flex:1}.provider-name{font-weight:600;font-size:var(--font-size-base);margin-bottom:var(--space-1)}.provider-details{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--color-text-muted)}.provider-badge{padding:2px 8px;background:var(--color-primary-light);color:var(--color-primary);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase}.provider-model{font-family:var(--font-mono)}.provider-temp{color:var(--color-text-muted)}.provider-actions{display:flex;gap:var(--space-2)}.btn--danger-text{color:#ef4444}.btn--danger-text:hover{background:#ef44441a}.empty-state-card{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-8);background:var(--color-card-muted);border:2px dashed var(--color-border);border-radius:var(--radius-lg);text-align:center}.theme-light .empty-state-card{background:#f9fafb;border-color:#d1d5db}.empty-state-card .empty-icon{color:var(--color-text-muted);opacity:.5;margin-bottom:var(--space-4)}.empty-state-card h3{margin:0 0 var(--space-2);font-size:var(--font-size-lg)}.empty-state-card p{margin:0;color:var(--color-text-muted);max-width:300px}.loading-state{padding:var(--space-8);text-align:center;color:var(--color-text-muted)}.modal-overlay{position:fixed;inset:0;background-color:#000000bf!important;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{background-color:#1e1f2e!important;border:1px solid var(--color-border, #3a3b4d);border-radius:var(--radius-lg, 12px);width:100%;max-width:480px;max-height:90vh;overflow:hidden;box-shadow:0 25px 50px #00000080}[data-theme=light] .modal-content{background-color:#fff!important;border-color:#e2e8f0;box-shadow:0 25px 50px #00000026}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border)}.modal-header h3{margin:0;font-size:var(--font-size-lg)}.modal-close{background:none;border:none;font-size:24px;color:var(--color-text-muted);cursor:pointer;padding:0;line-height:1}.modal-close:hover{color:var(--color-text)}.modal-body{padding:var(--space-5);overflow-y:auto;max-height:calc(90vh - 140px)}.field-hint{display:block;font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:var(--space-1)}.range-input{display:flex;align-items:center;gap:var(--space-3)}.range-input input[type=range]{flex:1;height:8px;-webkit-appearance:none;appearance:none;background:linear-gradient(to right,var(--color-primary) 0%,var(--color-primary) var(--range-progress, 50%),var(--color-border) var(--range-progress, 50%),var(--color-border) 100%);border-radius:4px;outline:none;cursor:pointer;transition:background .15s ease}.range-input input[type=range]:hover{background:linear-gradient(to right,var(--color-primary-hover, var(--color-primary)) 0%,var(--color-primary-hover, var(--color-primary)) var(--range-progress, 50%),var(--color-border-hover, var(--color-border)) var(--range-progress, 50%),var(--color-border-hover, var(--color-border)) 100%)}.range-input input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;background:var(--color-primary);border-radius:50%;cursor:pointer;box-shadow:0 2px 6px #0000004d;transition:transform .15s ease,box-shadow .15s ease}.range-input input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:0 3px 8px #0006}.range-input input[type=range]::-moz-range-thumb{width:20px;height:20px;background:var(--color-primary);border-radius:50%;cursor:pointer;border:none;box-shadow:0 2px 6px #0000004d}.range-input input[type=range]::-moz-range-progress{background:var(--color-primary);border-radius:4px;height:8px}.range-input input[type=range]::-moz-range-track{background:var(--color-border);border-radius:4px;height:8px}.range-value{min-width:40px;text-align:center;font-family:var(--font-mono);font-size:var(--font-size-sm);font-weight:500;color:var(--color-text);background:var(--color-surface);padding:4px 8px;border-radius:4px;border:1px solid var(--color-border)}.deletion-banner{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);background:linear-gradient(135deg,#ffc10726,#ff980026);border:1px solid rgba(255,193,7,.4);border-radius:var(--radius-md);margin-bottom:var(--space-6)}.deletion-banner-icon{font-size:24px;flex-shrink:0}.deletion-banner-content{flex:1}.deletion-banner-content strong{display:block;color:#f59e0b;font-size:var(--font-size-base);margin-bottom:var(--space-1)}.deletion-banner-content p{margin:0;color:var(--color-text-muted);font-size:var(--font-size-sm)}.export-card{padding-left:0!important;padding:var(--space-5)}.export-card h4{margin:0 0 var(--space-3) 0;font-size:var(--font-size-base);color:var(--color-text)}.export-list{list-style:none;margin:0 0 var(--space-4) 0;padding:0}.export-list li{padding:var(--space-2) 0;color:var(--color-text-muted);font-size:var(--font-size-sm)}.export-list li:last-child{border-bottom:none}.export-status{padding:var(--space-4);background:var(--color-card-muted);border-radius:var(--radius-md);margin:var(--space-4) 0}.export-status--completed{background:#10b9811a;border:1px solid rgba(16,185,129,.3)}.export-status--processing,.export-status--pending{background:#3b82f61a;border:1px solid rgba(59,130,246,.3)}.export-status--failed{background:#ef44441a;border:1px solid rgba(239,68,68,.3)}.export-status--expired{background:#9ca3af1a;border:1px solid rgba(156,163,175,.3)}.export-status-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-2)}.export-status-badge{font-weight:600;font-size:var(--font-size-sm)}.export-size{font-size:var(--font-size-xs);color:var(--color-text-muted);font-family:var(--font-mono)}.export-download{margin-top:var(--space-3)}.export-download p{margin:0 0 var(--space-3) 0;font-size:var(--font-size-sm);color:var(--color-text-muted)}.export-processing-msg,.export-error-msg{margin:0;font-size:var(--font-size-sm)}.export-processing-msg{color:var(--color-text-muted)}.export-error-msg{color:#ef4444}.grace-period-note{margin-top:var(--space-3);padding:var(--space-3);background:#3b82f61a;border-radius:var(--radius-sm);font-size:var(--font-size-sm);color:var(--color-text-muted)}.grace-period-note strong{color:#3b82f6}.deletion-scheduled-info{padding:var(--space-4);background:var(--color-card-muted);border-radius:var(--radius-md);text-align:center;color:var(--color-text-muted)}.delete-confirm select{width:100%;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-input);color:var(--color-text);font-size:var(--font-size-sm)}.delete-confirm select:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-muted)}.delete-confirm input.invalid{border-color:#ef4444}.delete-confirm input.invalid:focus{box-shadow:0 0 0 3px #ef444433}.theme-light .deletion-banner{background:linear-gradient(135deg,#ffc1071a,#ff98001a)}.theme-light .export-card{background:#fff}.theme-light .export-status{background:#f9fafb}.theme-light .deletion-scheduled-info{background:#f3f4f6}.theme-light .grace-period-note{background:#3b82f614}.settings-section h2{display:flex;align-items:center;gap:var(--space-2)}.section-icon{flex-shrink:0;opacity:.85}.list-icon{flex-shrink:0;opacity:.7;vertical-align:middle;margin-right:var(--space-2)}.export-list li{display:flex;align-items:center}.warning-icon{color:#f59e0b;vertical-align:middle;margin-right:var(--space-1)}.hint-icon{color:#3b82f6;vertical-align:middle;margin-right:var(--space-1)}.export-status-badge{display:flex;align-items:center;gap:var(--space-2)}.export-status-badge svg{flex-shrink:0}.btn svg{vertical-align:middle;margin-right:var(--space-1)}.deletion-banner-icon svg{color:#f59e0b}.billing-page-v2{max-width:1400px;margin:0 auto;min-height:100vh}.billing-page-v2--loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh}.billing-page-v2__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px}.billing-page-v2__title{font-size:2rem;font-weight:700;color:var(--text-primary);margin:0 0 8px;letter-spacing:-.02em}.billing-page-v2__subtitle{font-size:1rem;color:var(--text-secondary);margin:0}.billing-page-v2__manage-btn{border-radius:8px!important;text-transform:none!important;font-weight:500!important;padding:10px 20px!important}.billing-page-v2__upgrade-alert{background:linear-gradient(135deg,#ff98001a,#ffc1071a)!important;border:1px solid rgba(255,152,0,.3)!important}.billing-page-v2__current-plan-card{background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:16px;padding:28px 32px;margin-bottom:40px;display:flex;justify-content:space-between;align-items:center;border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 24px #0003}[data-theme=light] .billing-page-v2__current-plan-card{background:linear-gradient(135deg,#667eea,#764ba2);border:none;box-shadow:0 4px 20px #667eea4d}.current-plan-info__badge{margin-bottom:12px}.current-plan-info__status{background:#4caf5033!important;color:#81c784!important;font-weight:600!important;border:1px solid rgba(76,175,80,.4)!important}.current-plan-info__status--trial{background:#2196f333!important;color:#64b5f6!important;border:1px solid rgba(33,150,243,.4)!important}[data-theme=light] .current-plan-info__status{background:#ffffff40!important;color:#fff!important;border:1px solid rgba(255,255,255,.4)!important}.current-plan-info__name{font-size:1.75rem;font-weight:700;color:#fff;margin:0 0 8px;letter-spacing:-.01em}.current-plan-info__price{font-size:1rem;color:#fffc;margin:0;display:flex;align-items:center;gap:16px}.current-plan-info__days{font-size:.875rem;padding:4px 12px;background:#ffffff26;border-radius:20px}.current-plan-info__cancel-notice{display:flex;align-items:center;gap:8px;margin-top:12px;padding:8px 16px;background:#ff980033;border-radius:8px;color:#ffb74d;font-size:.875rem}.current-plan-info__cancel-btn{color:#ffffffb3!important;text-transform:none!important;font-size:.875rem!important}.current-plan-info__cancel-btn:hover{color:#ef5350!important;background:#ef53501a!important}.billing-page-v2__section{margin-bottom:48px}.billing-page-v2__section-title{display:flex;align-items:center;gap:12px;font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0 0 24px}.billing-page-v2__section-title svg{color:var(--primary-color);font-size:1.5rem}.usage-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.usage-card{display:flex;align-items:flex-start;gap:16px;padding:20px;background:var(--bg-secondary);border-radius:12px;border:1px solid var(--border-color);transition:all .2s ease}.usage-card:hover{border-color:var(--border-color-hover, var(--border-color));box-shadow:0 4px 12px #0000001a}.usage-card__icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:10px;background:linear-gradient(135deg,#7f6bff26,#7f6bff0d);color:var(--primary-color);flex-shrink:0}.usage-card--warning .usage-card__icon{background:linear-gradient(135deg,#ff980026,#ff98000d);color:#ff9800}.usage-card--danger .usage-card__icon{background:linear-gradient(135deg,#f4433626,#f443360d);color:#f44336}.usage-card__content{flex:1;min-width:0}.usage-card__header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:12px}.usage-card__label{font-size:.875rem;font-weight:500;color:var(--text-secondary)}.usage-card__value{font-size:.875rem;color:var(--text-primary)}.usage-card__value strong{font-weight:600;font-size:1rem}.usage-card__limit{color:var(--text-secondary);font-weight:400}.usage-card__bar-container{margin-bottom:8px}.usage-card__bar{height:6px!important;border-radius:3px!important;background:var(--bg-tertiary, rgba(127, 107, 255, .1))!important}.usage-card__bar .MuiLinearProgress-bar{border-radius:3px;background:linear-gradient(90deg,var(--primary-color) 0%,#a78bfa 100%)}.usage-card--warning .usage-card__bar .MuiLinearProgress-bar{background:linear-gradient(90deg,#ff9800,#ffb74d)}.usage-card--danger .usage-card__bar .MuiLinearProgress-bar{background:linear-gradient(90deg,#f44336,#ef5350)}.usage-card__status{display:flex;align-items:center;gap:4px;font-size:.75rem;font-weight:500}.usage-card__status--warning{color:#ff9800}.usage-card__status--danger{color:#f44336}.usage-card__status svg{font-size:.875rem}.plans-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px}.plan-card-v2{position:relative;display:flex;flex-direction:column;padding:32px 28px;background:var(--bg-secondary, #1a1a2e);border-radius:16px;border:2px solid rgba(100,116,139,.4);transition:all .25s ease}.plan-card-v2:hover{transform:translateY(-4px);border-color:#64748b99;box-shadow:0 12px 32px #00000040}.plan-card-v2--current{border-color:var(--primary-color, #7f6bff);border-width:2px}.plan-card-v2--featured{background:linear-gradient(180deg,var(--bg-secondary, #1a1a2e) 0%,rgba(127,107,255,.08) 100%);border-color:var(--primary-color, #7f6bff)}[data-theme=light] .plan-card-v2{background:#fff;border:2px solid #d1d5db;box-shadow:0 2px 8px #00000014}[data-theme=light] .plan-card-v2:hover{border-color:#9ca3af;box-shadow:0 10px 25px #0000001f,0 4px 10px #0000000f}[data-theme=light] .plan-card-v2--current{border-color:var(--primary-color, #7f6bff);border-width:2px}[data-theme=light] .plan-card-v2--featured{background:linear-gradient(180deg,#fff,#7f6bff14);border-color:var(--primary-color, #7f6bff);border-width:2px}[data-theme=light] .plan-card-v2__features{border-top-color:#e5e7eb}[data-theme=light] .plan-card-v2__badge{background:linear-gradient(135deg,#7f6bff,#a78bfa);color:#fff;box-shadow:0 4px 12px #7f6bff80}[data-theme=light] .plan-card-v2__current-badge{background:#4caf5026;color:#2e7d32;border:1px solid rgba(76,175,80,.4)}.plan-card-v2__badge{position:absolute;top:-14px;left:50%;transform:translate(-50%);z-index:10;display:flex;align-items:center;gap:6px;padding:6px 16px;background:linear-gradient(135deg,var(--primary-color) 0%,#a78bfa 100%);color:#fff;font-size:.75rem;font-weight:600;border-radius:20px;white-space:nowrap;box-shadow:0 4px 12px #7f6bff66}.plan-card-v2__badge svg{font-size:.875rem}.plan-card-v2__current-badge{position:absolute;top:16px;right:16px;padding:4px 12px;background:#4caf5026;color:#4caf50;font-size:.75rem;font-weight:600;border-radius:6px;border:1px solid rgba(76,175,80,.3)}.plan-card-v2__header{text-align:center;margin-bottom:28px;padding-top:8px}.plan-card-v2__name{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin:0 0 16px}.plan-card-v2__pricing{margin-bottom:12px}.plan-card-v2__price{font-size:2.5rem;font-weight:800;color:var(--text-primary);letter-spacing:-.02em}.plan-card-v2__period{font-size:1rem;font-weight:400;color:var(--text-secondary)}.plan-card-v2__description{font-size:.875rem;color:var(--text-secondary);margin:0;line-height:1.5}.plan-card-v2__features{flex:1;display:flex;flex-direction:column;gap:14px;margin-bottom:28px;padding-top:24px;border-top:1px solid var(--border-color)}.plan-card-v2__feature{display:flex;align-items:center;gap:12px;font-size:.9rem;color:var(--text-primary)}.plan-card-v2__feature--disabled{color:var(--text-secondary);opacity:.5}.plan-card-v2__feature-icon{font-size:1.1rem!important;color:#4caf50}.plan-card-v2__feature--disabled .plan-card-v2__feature-icon{color:var(--text-secondary)}.plan-card-v2__action{margin-top:auto}.plan-card-v2__btn{padding:14px 24px!important;border-radius:10px!important;font-weight:600!important;font-size:.95rem!important;text-transform:none!important;transition:all .2s ease!important}.plan-card-v2__btn--current{background:var(--bg-tertiary, rgba(0, 0, 0, .05))!important;border-color:var(--border-color)!important;color:var(--text-secondary)!important}.plan-card-v2__btn--featured{background:linear-gradient(135deg,var(--primary-color) 0%,#a78bfa 100%)!important;box-shadow:0 4px 16px #7f6bff66!important}.plan-card-v2__btn--featured:hover{box-shadow:0 6px 20px #7f6bff80!important;transform:translateY(-1px)}.plan-card-v2__btn--enterprise{background:linear-gradient(135deg,#1a1a2e,#16213e)!important;color:#fff!important}[data-theme=light] .plan-card-v2__btn--enterprise{background:linear-gradient(135deg,#2d3748,#1a202c)!important}.billing-dialog{border-radius:16px!important;padding:8px}.billing-dialog__title{font-weight:600!important;font-size:1.25rem!important}.billing-dialog__content{color:var(--text-secondary)}.billing-dialog__actions{padding:16px 24px 24px!important;gap:12px}.billing-dialog__actions .MuiButton-root{border-radius:8px!important;text-transform:none!important;padding:10px 20px!important}@media(max-width:768px){.billing-page-v2{padding:24px 20px}.billing-page-v2__header{flex-direction:column;gap:16px}.billing-page-v2__title{font-size:1.5rem}.billing-page-v2__current-plan-card{flex-direction:column;align-items:flex-start;gap:16px;padding:24px}.usage-grid,.plans-grid{grid-template-columns:1fr}.plan-card-v2__price{font-size:2rem}}.billing-tabs{display:flex;gap:4px;margin-bottom:28px;padding:4px;background:var(--bg-secondary, #1e293b);border-radius:12px;border:1px solid var(--border-color, rgba(100, 116, 139, .3));width:fit-content}.billing-tab{display:flex;align-items:center;gap:8px;padding:12px 24px;font-size:.9rem;font-weight:600;color:var(--text-secondary, #94a3b8);background:transparent;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease}.billing-tab:hover{color:var(--text-primary, #f8fafc);background:#7f6bff1a}.billing-tab--active{color:#fff;background:linear-gradient(135deg,var(--primary-color, #7f6bff) 0%,#a78bfa 100%);box-shadow:0 2px 8px #7f6bff4d}.billing-tab--active:hover{color:#fff;background:linear-gradient(135deg,var(--primary-color, #7f6bff) 0%,#a78bfa 100%)}.billing-tab svg{font-size:1.1rem}[data-theme=light] .billing-tabs{background:#f1f5f9;border-color:#e2e8f0}[data-theme=light] .billing-tab{color:#64748b}[data-theme=light] .billing-tab:hover{color:#1e293b;background:#7f6bff14}[data-theme=light] .billing-tab--active{color:#fff}[data-theme=light] .usage-card{background:#fff;border-color:#e5e7eb}[data-theme=light] .usage-card:hover{border-color:#d1d5db}[data-theme=light] .usage-card__bar{background:#f3f4f6!important}.prompts-page{padding:0}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.page-header h1{margin:0 0 4px;font-size:1.75rem;font-weight:600}.page-subtitle{margin:0;color:var(--text-secondary);font-size:.875rem}.filters-bar{display:flex;gap:12px;margin-bottom:24px}.filters-bar .search-input{flex:1;max-width:400px;padding:8px 12px;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-secondary);color:var(--text-primary)}.filters-bar select{padding:8px 12px;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-secondary);color:var(--text-primary);min-width:140px}.prompts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}.prompt-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:16px;transition:border-color .2s}.prompt-card:hover{border-color:var(--primary-color)}.prompt-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px}.prompt-card-header h3{margin:0;font-size:1rem;font-weight:600;color:var(--text-primary)}.status-badge{padding:2px 8px;border-radius:12px;font-size:.75rem;font-weight:500;text-transform:capitalize}.status-badge.draft{background:var(--warning-bg);color:var(--warning-color)}.status-badge.active{background:var(--success-bg);color:var(--success-color)}.status-badge.archived{background:var(--bg-tertiary);color:var(--text-secondary)}.prompt-description{margin:0 0 12px;font-size:.875rem;color:var(--text-secondary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.prompt-meta{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.category-badge{padding:2px 8px;background:var(--primary-bg);color:var(--primary-color);border-radius:4px;font-size:.75rem;font-weight:500}.version-badge{padding:2px 8px;background:var(--bg-tertiary);color:var(--text-secondary);border-radius:4px;font-size:.75rem;font-weight:500}.tag{padding:2px 8px;background:var(--bg-tertiary);color:var(--text-secondary);border-radius:4px;font-size:.75rem}.prompt-stats{display:flex;gap:16px;margin-bottom:12px;font-size:.75rem;color:var(--text-secondary)}.prompt-actions{display:flex;gap:8px;padding-top:12px;border-top:1px solid var(--border-color)}.prompt-actions button{flex:1;padding:6px 12px;border:1px solid var(--border-color);border-radius:4px;background:var(--bg-primary);color:var(--text-primary);font-size:.8125rem;cursor:pointer;transition:all .2s}.prompt-actions button:hover{background:var(--bg-tertiary)}.prompt-actions button.btn-danger:hover{background:var(--error-bg);color:var(--error-color);border-color:var(--error-color)}.prompt-editor-overlay{position:fixed;inset:0;background:#0009;display:flex;justify-content:center;align-items:center;z-index:1000;padding:24px}.prompt-editor{background:var(--bg-primary);border-radius:12px;width:100%;max-width:1000px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d}.editor-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--border-color)}.editor-header h2{margin:0;font-size:1.25rem;font-weight:600}.close-btn{width:32px;height:32px;border:none;background:var(--bg-tertiary);border-radius:6px;font-size:1.25rem;cursor:pointer;color:var(--text-secondary)}.close-btn:hover{background:var(--error-bg);color:var(--error-color)}.editor-body{display:flex;flex:1;overflow:hidden}.editor-main{flex:1;padding:20px;overflow-y:auto}.editor-sidebar{width:250px;padding:20px;border-left:1px solid var(--border-color);background:var(--bg-secondary)}.form-group label{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;font-size:.875rem;font-weight:500;color:var(--text-primary)}.form-group label .hint{font-weight:400;color:var(--text-secondary);font-size:.75rem}.form-group input,.form-group select,.form-group textarea{width:100%;padding:10px 12px;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-primary);color:var(--text-primary);font-size:.875rem}.form-group textarea{font-family:JetBrains Mono,Fira Code,monospace;resize:vertical;min-height:200px}.content-group{flex:1;display:flex;flex-direction:column}.content-group textarea{flex:1}.variables-panel{margin-bottom:20px}.variables-panel h4{margin:0 0 12px;font-size:.875rem;color:var(--text-primary)}.variables-panel ul{list-style:none;padding:0;margin:0}.variables-panel li{padding:6px 10px;background:var(--bg-tertiary);border-radius:4px;margin-bottom:6px}.variables-panel code{font-family:JetBrains Mono,monospace;font-size:.8125rem;color:var(--primary-color)}.version-info h4{margin:0 0 12px;font-size:.875rem}.version-info p{margin:0 0 8px;font-size:.8125rem;color:var(--text-secondary)}.editor-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 20px;border-top:1px solid var(--border-color)}.version-history-modal{background:var(--bg-primary);border-radius:12px;width:100%;max-width:900px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d}.version-content{display:flex;flex:1;overflow:hidden}.version-list{width:280px;padding:16px;border-right:1px solid var(--border-color);overflow-y:auto}.version-list h4{margin:0 0 16px;font-size:.875rem}.version-item{padding:12px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;margin-bottom:8px}.version-item.current{border-color:var(--primary-color)}.version-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.version-num{font-weight:600;font-size:.875rem}.current-badge{padding:2px 8px;background:var(--primary-bg);color:var(--primary-color);border-radius:10px;font-size:.625rem;font-weight:600;text-transform:uppercase}.commit-msg{margin:0 0 6px;font-size:.8125rem;color:var(--text-primary)}.version-meta{margin:0 0 8px;font-size:.75rem;color:var(--text-secondary)}.version-actions{display:flex;gap:6px}.btn-sm{padding:4px 10px;border:1px solid var(--border-color);border-radius:4px;background:var(--bg-primary);color:var(--text-primary);font-size:.75rem;cursor:pointer}.btn-sm.btn-warning:hover{background:var(--warning-bg);color:var(--warning-color);border-color:var(--warning-color)}.diff-panel{flex:1;padding:16px;overflow-y:auto}.diff-panel h4{margin:0 0 16px;font-size:.875rem}.diff-content{font-family:JetBrains Mono,monospace;font-size:.8125rem;background:var(--bg-secondary);padding:16px;border-radius:6px;overflow-x:auto;white-space:pre-wrap;word-break:break-all}.no-diff{color:var(--text-secondary);font-size:.875rem}.empty-state{text-align:center;padding:60px 20px}.empty-icon{font-size:3rem;margin-bottom:16px}.empty-state h3{margin:0 0 8px;font-size:1.25rem}.empty-state p{margin:0 0 20px;color:var(--text-secondary)}.loading-state,.error-state{text-align:center;padding:40px 20px;color:var(--text-secondary)}.error-state{color:var(--error-color)}.btn-primary{padding:10px 20px;background:var(--primary-color);color:var(--color-text-inverse);border:none;border-radius:6px;font-weight:500;cursor:pointer;transition:opacity .2s}.btn-primary:hover{opacity:.9}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{padding:10px 20px;background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:6px;font-weight:500;cursor:pointer}.btn-secondary:hover{background:var(--bg-tertiary)}.datasets-page{padding:0}.datasets-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}.dataset-card:hover{border-color:var(--primary-color);transform:translateY(-2px)}.dataset-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px}.dataset-card-header h3{margin:0;font-size:1rem;font-weight:600}.type-badge{padding:2px 8px;border-radius:12px;font-size:.75rem;font-weight:500;text-transform:capitalize}.type-badge.test{background:var(--info-bg);color:var(--info-color)}.type-badge.golden{color:#f59e0b;font-weight:600}.type-badge.evaluation{background:var(--primary-bg);color:var(--primary-color)}.type-badge.training{background:var(--success-bg);color:var(--success-color)}.dataset-description{margin:0 0 12px;font-size:.875rem;color:var(--text-secondary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.dataset-stats{display:flex;gap:16px;margin-bottom:12px;font-size:.75rem;color:var(--text-secondary)}.dataset-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.dataset-actions{display:flex;gap:8px;padding-top:12px;border-top:1px solid var(--border-color)}.dataset-actions button{flex:1;padding:6px 12px;border:1px solid var(--border-color);border-radius:4px;background:var(--bg-primary);color:var(--text-primary);font-size:.8125rem;cursor:pointer}.dataset-actions button:hover{background:var(--bg-tertiary)}.dataset-actions button.btn-danger:hover{background:var(--error-bg);color:var(--error-color);border-color:var(--error-color)}.dataset-detail{padding:0}.detail-header{display:flex;align-items:center;gap:16px;margin-bottom:16px}.back-btn{padding:8px 12px;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-secondary);color:var(--text-primary);font-size:.875rem;cursor:pointer}.back-btn:hover{background:var(--bg-tertiary)}.detail-title{flex:1;display:flex;align-items:center;gap:12px}.detail-title h1{margin:0;font-size:1.5rem}.detail-actions{display:flex;gap:8px}.detail-description{margin:0 0 20px;color:var(--text-secondary)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.stat-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:16px;text-align:center}.stat-card .stat-value{display:block;font-size:1.5rem;font-weight:600;color:var(--primary-color);margin-bottom:4px}.stat-card .stat-label{font-size:.75rem;color:var(--text-secondary)}.items-list h3{margin:0 0 16px;font-size:1rem}.empty-items{text-align:center;padding:40px 20px;background:var(--bg-secondary);border-radius:8px}.empty-items p{margin:0 0 16px;color:var(--text-secondary)}.items-table{width:100%;border-collapse:collapse}.items-table th{text-align:left;padding:12px;font-size:.75rem;font-weight:600;text-transform:uppercase;color:var(--text-secondary);border-bottom:1px solid var(--border-color)}.items-table td{padding:12px;border-bottom:1px solid var(--border-color);vertical-align:middle}.items-table tr:hover{background:var(--bg-secondary)}.input-cell,.output-cell{max-width:300px}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rating-cell{white-space:nowrap}.rating-stars{display:flex;gap:2px}.star-btn{width:24px;height:24px;padding:0;border:none;background:transparent;color:var(--border-color);font-size:1rem;cursor:pointer;transition:color .15s}.star-btn:hover,.star-btn.filled{color:#f59e0b}.tags-cell{max-width:200px}.tags-cell .tag{display:inline-block;margin:2px}.actions-cell{white-space:nowrap}.btn-icon{width:32px;height:32px;padding:0;border:none;background:transparent;cursor:pointer;border-radius:4px}.btn-icon:hover{background:var(--bg-tertiary)}.modal-overlay{position:fixed;inset:0;background:#0009;display:flex;justify-content:center;align-items:center;z-index:1000;padding:24px}.modal-content{background:var(--bg-primary);border-radius:12px;width:100%;max-width:600px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d}.modal-content.modal-sm{max-width:450px}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--border-color)}.modal-header h2{margin:0;font-size:1.125rem}.modal-body{padding:20px;overflow-y:auto}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 20px;border-top:1px solid var(--border-color)}.required{color:var(--error-color)}.import-hint{margin:0 0 16px;font-size:.875rem;color:var(--text-secondary)}textarea.mono{font-family:JetBrains Mono,monospace;font-size:.8125rem}.error-message{margin-top:12px;padding:8px 12px;background:var(--error-bg);color:var(--error-color);border-radius:6px;font-size:.875rem}@media(max-width:768px){.stats-grid{grid-template-columns:repeat(2,1fr)}.detail-header{flex-wrap:wrap}.detail-actions{width:100%;justify-content:flex-end}}.playground-page{padding:0;height:calc(100vh - 120px);display:flex;flex-direction:column}.playground-page .page-header{flex-shrink:0}.mode-toggle{display:flex;background:var(--bg-secondary);border-radius:8px;padding:4px}.mode-btn{padding:8px 16px;border:none;background:transparent;color:var(--text-secondary);font-size:.875rem;font-weight:500;border-radius:6px;cursor:pointer;transition:all .2s}.mode-btn.active{background:var(--primary-color);color:var(--color-text-inverse)}.playground-layout{display:grid;grid-template-columns:1fr 1fr;gap:24px;flex:1;min-height:0;overflow:hidden}.playground-input{display:flex;flex-direction:column;gap:20px;overflow-y:auto;padding-right:8px}.playground-output{display:flex;flex-direction:column;overflow:hidden}.playground-output>h4{margin:0 0 12px;font-size:.875rem;color:var(--text-secondary);flex-shrink:0}.input-section{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:16px}.input-section .form-group{margin-bottom:16px}.input-section .form-group:last-child{margin-bottom:0}.input-section textarea{width:100%;padding:12px;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-primary);color:var(--text-primary);font-family:JetBrains Mono,monospace;font-size:.875rem;resize:vertical}.input-section textarea:focus{outline:none;border-color:var(--primary-color)}.variables-section{margin-top:16px;padding-top:16px;border-top:1px solid var(--border-color)}.variables-section h4{margin:0 0 12px;font-size:.875rem;color:var(--text-primary)}.variables-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.variable-input label{display:block;margin-bottom:4px;font-size:.75rem;font-family:JetBrains Mono,monospace;color:var(--primary-color)}.variable-input input{width:100%;padding:8px 10px;border:1px solid var(--border-color);border-radius:4px;background:var(--bg-primary);color:var(--text-primary);font-size:.875rem}.config-section{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:16px}.config-section h4{margin:0 0 12px;font-size:.875rem;color:var(--text-primary)}.model-selector{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.provider-group{display:flex;flex-direction:column;gap:8px}.provider-label{font-size:.75rem;font-weight:600;text-transform:uppercase;color:var(--text-secondary)}.model-options{display:flex;flex-wrap:wrap;gap:6px}.model-option{padding:6px 12px;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-primary);color:var(--text-primary);font-size:.8125rem;cursor:pointer;transition:all .15s}.model-option:hover{border-color:var(--primary-color)}.model-option.selected{background:var(--primary-color);border-color:var(--primary-color);color:var(--color-text-inverse)}.params-section{margin-bottom:20px}.params-section h4{margin:0 0 12px}.param-row{display:flex;align-items:center;gap:12px;margin-bottom:12px}.param-row label{width:100px;font-size:.8125rem;color:var(--text-secondary)}.param-row input[type=range]{flex:1;height:4px;-webkit-appearance:none;background:var(--border-color);border-radius:2px}.param-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;background:var(--primary-color);border-radius:50%;cursor:pointer}.param-row input[type=number]{width:80px;padding:6px 8px;border:1px solid var(--border-color);border-radius:4px;background:var(--bg-primary);color:var(--text-primary);font-size:.875rem}.param-row span{width:40px;text-align:right;font-size:.8125rem;font-weight:500}.execute-btn{width:100%;padding:12px 24px;font-size:1rem}.empty-results{flex:1;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);border:1px dashed var(--border-color);border-radius:8px;color:var(--text-secondary)}.results-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:12px}.comparison-grid{flex:1;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px;overflow-y:auto;align-content:start}.run-result{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:12px}.run-result.completed{border-color:var(--success-color)}.run-result.failed{border-color:var(--error-color)}.run-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.run-model{font-weight:600;font-size:.875rem}.run-status{padding:2px 8px;border-radius:12px;font-size:.75rem;font-weight:500;text-transform:capitalize}.run-status.success{background:var(--success-bg);color:var(--success-color)}.run-status.error{background:var(--error-bg);color:var(--error-color)}.run-status.warning{background:var(--warning-bg);color:var(--warning-color)}.run-status.info{background:var(--info-bg);color:var(--info-color)}.run-output{padding:12px;background:var(--bg-primary);border-radius:6px;font-size:.875rem;line-height:1.5;max-height:200px;overflow-y:auto;white-space:pre-wrap;word-break:break-word}.run-error{padding:12px;background:var(--error-bg);border-radius:6px;color:var(--error-color);font-size:.875rem}.run-metrics{display:flex;gap:16px;margin-top:12px;padding-top:12px;border-top:1px solid var(--border-color);font-size:.75rem;color:var(--text-secondary)}.run-evals{margin-top:12px;padding-top:12px;border-top:1px solid var(--border-color)}.run-evals h5{margin:0 0 8px;font-size:.75rem;color:var(--text-secondary)}.eval-grid{display:flex;flex-wrap:wrap;gap:8px}.eval-item{display:flex;align-items:center;gap:6px;padding:4px 8px;background:var(--bg-primary);border-radius:4px;font-size:.75rem}.eval-name{color:var(--text-secondary)}.eval-score{font-weight:600;color:var(--primary-color)}.run-actions{margin-top:12px;padding-top:12px;border-top:1px solid var(--border-color)}.btn-sm{padding:6px 12px;border:1px solid var(--border-color);border-radius:4px;background:var(--bg-primary);color:var(--text-primary);font-size:.75rem;cursor:pointer}.btn-sm:hover{background:var(--bg-tertiary)}@media(max-width:1024px){.playground-layout{grid-template-columns:1fr}.playground-input,.playground-output{max-height:50vh}}.experiments-page{padding:0}.experiments-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}.experiment-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:16px;cursor:pointer;transition:all .2s}.experiment-card:hover{border-color:var(--primary-color);transform:translateY(-2px)}.experiment-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px}.experiment-card-header h3{margin:0;font-size:1rem;font-weight:600}.experiment-description{margin:0 0 12px;font-size:.875rem;color:var(--text-secondary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.experiment-stats{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:12px;font-size:.75rem;color:var(--text-secondary)}.winner-indicator{color:var(--success-color)}.experiment-actions{display:flex;gap:8px;padding-top:12px;border-top:1px solid var(--border-color)}.experiment-actions button{flex:1;padding:6px 12px;border:1px solid var(--border-color);border-radius:4px;background:var(--bg-primary);color:var(--text-primary);font-size:.8125rem;cursor:pointer}.experiment-actions button:hover{background:var(--bg-tertiary)}.experiment-detail{padding:0}.hypothesis-box{padding:12px 16px;background:var(--info-bg);border-radius:8px;margin-bottom:20px;font-size:.875rem;color:var(--info-color)}.hypothesis-label{font-weight:600;margin-right:8px}.analysis-result{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:16px;margin-bottom:24px}.analysis-result.significant{border-color:var(--success-color);background:var(--success-bg)}.analysis-result h3{margin:0 0 12px;font-size:1rem}.result-content{display:flex;flex-direction:column;gap:8px}.result-row{display:flex;gap:8px}.result-label{font-weight:500;color:var(--text-secondary)}.result-value{font-weight:600}.result-recommendation{margin-top:8px;padding-top:12px;border-top:1px solid var(--border-color);font-size:.875rem}.variants-section{margin-top:24px}.variants-section h3{margin:0 0 16px;font-size:1rem}.empty-variants{text-align:center;padding:40px 20px;background:var(--bg-secondary);border-radius:8px}.empty-variants p{margin:0 0 16px;color:var(--text-secondary)}.variants-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.variant-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:16px;position:relative}.variant-card.control{border-color:var(--info-color)}.variant-card.winner{border-color:var(--success-color);background:var(--success-bg)}.variant-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.variant-name{font-weight:600;font-size:1rem}.control-badge{padding:2px 8px;background:var(--info-bg);color:var(--info-color);border-radius:12px;font-size:.625rem;font-weight:600;text-transform:uppercase}.winner-badge{padding:2px 8px;background:var(--success-bg);color:var(--success-color);border-radius:12px;font-size:.625rem;font-weight:600}.variant-description{margin:0 0 12px;font-size:.8125rem;color:var(--text-secondary)}.variant-config{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px;font-size:.75rem;color:var(--text-secondary)}.variant-stats{display:flex;gap:16px;padding:12px 0;border-top:1px solid var(--border-color)}.variant-stats .stat{text-align:center}.variant-stats .stat-num{display:block;font-size:1.25rem;font-weight:600;color:var(--primary-color)}.variant-stats .stat-label{font-size:.75rem;color:var(--text-secondary)}.variant-actions{margin-top:12px;padding-top:12px;border-top:1px solid var(--border-color)}.traffic-hint{margin:0 0 16px;font-size:.875rem;color:var(--text-secondary)}.traffic-row{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--border-color)}.traffic-input{display:flex;align-items:center;gap:6px}.traffic-input input{width:60px;padding:6px 8px;border:1px solid var(--border-color);border-radius:4px;background:var(--bg-primary);color:var(--text-primary);text-align:right}.traffic-total{margin-top:16px;padding:10px;text-align:center;font-weight:600;border-radius:6px}.traffic-total.valid{background:var(--success-bg);color:var(--success-color)}.traffic-total.invalid{background:var(--error-bg);color:var(--error-color)}.btn-block{width:100%;margin-top:16px}.status-badge{padding:2px 10px;border-radius:12px;font-size:.75rem;font-weight:500;text-transform:capitalize}.status-badge.secondary{background:var(--bg-tertiary);color:var(--text-secondary)}.status-badge.success{background:var(--success-bg);color:var(--success-color)}.status-badge.warning{background:var(--warning-bg);color:var(--warning-color)}.status-badge.info{background:var(--info-bg);color:var(--info-color)}.status-badge.error{background:var(--error-bg);color:var(--error-color)}.btn-warning{padding:10px 20px;background:var(--warning-bg);color:var(--warning-color);border:1px solid var(--warning-color);border-radius:6px;font-weight:500;cursor:pointer}.btn-warning:hover{opacity:.9}.btn-danger{padding:10px 20px;background:transparent;color:var(--error-color);border:1px solid var(--error-color);border-radius:6px;font-weight:500;cursor:pointer}.btn-danger:hover{background:var(--error-bg)}.form-row{display:flex;gap:16px}.form-row .form-group{flex:1}.checkbox-group label{display:flex;align-items:center;gap:8px;cursor:pointer}.checkbox-group input[type=checkbox]{width:16px;height:16px}@media(max-width:768px){.variants-grid{grid-template-columns:1fr}.form-row{flex-direction:column}.detail-header{flex-wrap:wrap}.detail-actions{width:100%;justify-content:flex-start;flex-wrap:wrap}}.rbac-page{max-width:1400px;margin:0 auto}.rbac-loading{padding:var(--space-6)}.rbac-tabs{display:flex;gap:var(--space-1);border-bottom:1px solid var(--color-border);margin-bottom:var(--space-6)}.rbac-tab{padding:var(--space-3) var(--space-5);background:none;border:none;border-bottom:2px solid transparent;color:var(--color-text-muted);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.rbac-tab:hover{color:var(--color-text)}.rbac-tab.active{color:var(--color-accent);border-bottom-color:var(--color-accent)}.rbac-content{display:flex;flex-direction:column;gap:var(--space-6)}.rbac-section{background:var(--color-panel);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6)}.rbac-section-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-6)}.rbac-section-header h2{font-size:var(--font-size-lg);font-weight:600;margin:0 0 var(--space-1)}.section-description{color:var(--color-text-muted);font-size:var(--font-size-sm);margin:0}.roles-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6)}.roles-column{display:flex;flex-direction:column;gap:var(--space-4)}.column-title{font-size:var(--font-size-md);font-weight:600;margin:0}.column-subtitle{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:0 0 var(--space-4)}.role-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4);transition:all var(--transition-fast)}.role-card:hover{border-color:var(--color-border-hover)}.role-card--system{background:var(--color-surface)}.role-card--custom{border-style:dashed}.role-header{display:flex;gap:var(--space-3);margin-bottom:var(--space-3)}.role-icon{font-size:24px;flex-shrink:0}.role-info{display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.role-name{font-weight:600;font-size:var(--font-size-md)}.role-description{font-size:var(--font-size-sm);color:var(--color-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.role-meta{display:flex;gap:var(--space-4);margin-bottom:var(--space-3);font-size:var(--font-size-xs);color:var(--color-text-muted)}.permission-count,.user-count{display:flex;align-items:center;gap:4px}.permission-count svg,.user-count svg{flex-shrink:0;opacity:.7}.role-actions{display:flex;gap:var(--space-2);flex-wrap:wrap}.rbac-table{width:100%;border-collapse:collapse}.rbac-table th,.rbac-table td{padding:var(--space-3) var(--space-4);text-align:left;border-bottom:1px solid var(--color-border)}.rbac-table th{font-size:var(--font-size-xs);font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;background:var(--color-surface)}.rbac-table td{font-size:var(--font-size-sm);vertical-align:middle}.rbac-table tbody tr:hover{background:var(--color-surface-hover)}.user-cell{display:flex;align-items:center;gap:var(--space-3)}.user-avatar{width:36px;height:36px;border-radius:50%;background:var(--color-accent);color:var(--color-text-inverse);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:var(--font-size-sm);flex-shrink:0}.user-details{display:flex;flex-direction:column;gap:2px}.user-name{font-weight:500}.user-email{font-size:var(--font-size-xs);color:var(--color-text-muted)}.status-badge{display:inline-flex;padding:2px 8px;border-radius:var(--radius-full);font-size:11px;font-weight:600;text-transform:uppercase}.status-badge--active{background:#2ed57326;color:#2ed573}.status-badge--pending{background:#ffa50226;color:#ffa502}.status-badge--inactive{background:#ff475726;color:#ff4757}.role-tags,.group-tags{display:flex;flex-wrap:wrap;gap:var(--space-1)}.role-tag{display:inline-flex;padding:2px 8px;background:var(--color-accent-light);color:var(--color-accent);border-radius:var(--radius-sm);font-size:11px;font-weight:500}.group-tag{display:inline-flex;padding:2px 8px;background:#2ed57326;color:#2ed573;border-radius:var(--radius-sm);font-size:11px;font-weight:500}.no-groups{color:var(--color-text-muted);font-size:var(--font-size-xs)}.groups-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--space-4)}.group-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-5)}.group-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2)}.group-header h3{font-size:var(--font-size-md);font-weight:600;margin:0}.member-count{font-size:var(--font-size-xs);color:var(--color-text-muted);background:var(--color-surface-hover);padding:2px 8px;border-radius:var(--radius-full)}.group-description{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:0 0 var(--space-4)}.group-scope,.group-roles{font-size:var(--font-size-sm);margin-bottom:var(--space-3)}.group-scope strong,.group-roles strong{display:block;font-size:var(--font-size-xs);color:var(--color-text-muted);margin-bottom:var(--space-1)}.group-actions{display:flex;gap:var(--space-2);margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--color-border)}.audit-table .action-badge{display:inline-flex;padding:2px 8px;border-radius:var(--radius-sm);font-size:11px;font-weight:500}.action-badge--created{background:#2ed57326;color:#2ed573}.action-badge--updated{background:#36a2eb26;color:#36a2eb}.action-badge--deleted{background:#ff475726;color:#ff4757}.entity-type{font-weight:500;margin-right:var(--space-2);text-transform:capitalize}.entity-id{font-size:var(--font-size-xs);color:var(--color-text-muted);font-family:var(--font-mono)}.entity-name{display:block;font-size:var(--font-size-sm);color:var(--color-text-primary);font-weight:500;margin-top:2px}.details-json{font-size:11px;color:var(--color-text-secondary);background:var(--color-surface);padding:4px 8px;border-radius:var(--radius-sm);cursor:help}.modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-4)}.modal{background:var(--color-panel);border:1px solid var(--color-border);border-radius:var(--radius-lg);width:100%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.role-modal,.permission-viewer-modal{max-width:700px}.group-modal{max-width:500px}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-5);border-bottom:1px solid var(--color-border)}.modal-header h2{font-size:var(--font-size-lg);font-weight:600;margin:0}.modal-close{width:32px;height:32px;border-radius:50%;border:none;background:var(--color-surface);color:var(--color-text-muted);font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center}.modal-close:hover{background:var(--color-surface-hover);color:var(--color-text)}.modal-body{padding:var(--space-5);overflow-y:auto;flex:1}.modal-footer{display:flex;justify-content:flex-end;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-top:1px solid var(--color-border);background:var(--color-surface)}.form-group{margin-bottom:var(--space-4)}.form-group label{display:block;font-size:var(--font-size-sm);font-weight:500;margin-bottom:var(--space-2)}.form-group input,.form-group select,.form-group textarea{width:100%;padding:var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--font-size-sm);color:var(--color-text)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--color-accent)}.field-hint{font-size:var(--font-size-xs);color:var(--color-text-muted);margin:var(--space-1) 0 var(--space-2)}.permission-matrix{margin-top:var(--space-4)}.permission-matrix h3{font-size:var(--font-size-md);font-weight:600;margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--color-border)}.permission-category{margin-bottom:var(--space-5)}.permission-category h4{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-muted);margin-bottom:var(--space-3);text-transform:uppercase;letter-spacing:.05em}.permission-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-2)}.permission-item{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3);background:var(--color-surface);border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition-fast)}.permission-item:hover{background:var(--color-surface-hover)}.permission-item.readonly{cursor:default}.permission-item input[type=checkbox]{width:16px;height:16px;margin-top:2px;flex-shrink:0}.permission-item .checkmark{width:16px;height:16px;color:#2ed573;font-weight:700;flex-shrink:0}.permission-info{display:flex;flex-direction:column;gap:2px;min-width:0}.permission-name{font-size:var(--font-size-sm);font-weight:500}.permission-desc{font-size:var(--font-size-xs);color:var(--color-text-muted)}.full-access-notice{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-5);background:#7f6bff1a;border:1px solid rgba(127,107,255,.3);border-radius:var(--radius-md);font-size:var(--font-size-md);font-weight:500}.full-access-notice .icon{font-size:24px}.role-checkboxes{display:flex;flex-direction:column;gap:var(--space-2)}.role-checkbox{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--color-surface);border-radius:var(--radius-sm);cursor:pointer}.role-checkbox:hover{background:var(--color-surface-hover)}.role-checkbox input{width:16px;height:16px}@media(max-width:1024px){.roles-grid{grid-template-columns:1fr}}@media(max-width:768px){.rbac-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch}.rbac-tab{white-space:nowrap}.rbac-section-header{flex-direction:column;gap:var(--space-4)}.rbac-section-header .btn{width:100%}.permission-list,.groups-grid{grid-template-columns:1fr}.rbac-table{display:block;overflow-x:auto}}.group-members-modal{width:600px;max-width:95vw}.add-member-section{margin-bottom:var(--space-6);padding-bottom:var(--space-6);border-bottom:1px solid var(--color-border)}.add-member-section h4,.members-list-section h4{margin:0 0 var(--space-3) 0;font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.user-select{width:100%;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);color:var(--color-text);font-size:var(--font-size-sm)}.user-select:focus{outline:none;border-color:var(--color-accent)}.loading-members,.no-members{padding:var(--space-6);text-align:center;color:var(--color-text-muted)}.members-list{display:flex;flex-direction:column;gap:var(--space-2)}.member-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3);background:var(--color-bg-elevated);border-radius:var(--radius-md);border:1px solid var(--color-border)}.member-info{display:flex;align-items:center;gap:var(--space-3)}.member-avatar{width:36px;height:36px;border-radius:50%;background:var(--color-accent);color:var(--color-text-inverse);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:var(--font-size-sm)}.member-details{display:flex;flex-direction:column}.member-name{font-weight:500;color:var(--color-text)}.member-email{font-size:var(--font-size-xs);color:var(--color-text-muted)}.member-actions{display:flex;align-items:center;gap:var(--space-3)}.member-added{font-size:var(--font-size-xs);color:var(--color-text-muted)}.project-checkboxes{margin-top:var(--space-3);padding:var(--space-3);background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);max-height:200px;overflow-y:auto}.project-checkbox{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2);cursor:pointer;border-radius:var(--radius-sm);transition:background var(--transition-fast)}.project-checkbox:hover{background:var(--color-bg-hover)}.project-checkbox input[type=checkbox]{width:16px;height:16px;cursor:pointer}.project-checkbox .project-name{font-weight:500;color:var(--color-text)}.project-checkbox .project-slug{font-size:var(--font-size-xs);color:var(--color-text-muted)}.no-projects-hint{color:var(--color-text-muted);font-size:var(--font-size-sm);font-style:italic;margin:0}.role-row{transition:background var(--transition-fast)}.role-row:hover{background:var(--color-surface)}.role-row--system{background:var(--color-panel)}.role-row--custom{background:transparent}.role-cell{display:flex;align-items:center;gap:var(--space-3)}.role-cell .role-icon{font-size:18px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--color-surface);border-radius:var(--radius-md)}.role-cell .role-info{display:flex;flex-direction:column;gap:var(--space-1)}.role-cell .role-name{font-weight:600;color:var(--color-text)}.role-cell .role-description{font-size:var(--font-size-xs);color:var(--color-text-muted)}.type-badge{display:inline-flex;padding:var(--space-1) var(--space-2);font-size:var(--font-size-xs);font-weight:500;border-radius:var(--radius-sm)}.type-badge--system{background:rgba(var(--color-info-rgb),.15);color:var(--color-info)}.type-badge--custom{background:rgba(var(--color-accent-rgb),.15);color:var(--color-accent)}.rbac-table .permission-count,.rbac-table .user-count{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--font-size-sm);color:var(--color-text-muted)}.table-actions{display:flex;gap:var(--space-2);flex-wrap:wrap}.table-empty-state{text-align:center;padding:var(--space-6);color:var(--color-text-muted);font-style:italic}.empty-row td{background:transparent!important}.incident-detail-page{padding:24px;max-width:1200px;margin:0 auto}.incident-detail-header{margin-bottom:24px}.incident-detail-header .back-button{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;background:transparent;border:none;color:var(--color-text-muted);font-size:var(--font-size-sm);cursor:pointer;border-radius:6px;margin-bottom:16px;transition:all .15s ease}.incident-detail-header .back-button:hover{background:var(--color-card);color:var(--color-text)}.header-main{margin-bottom:16px}.incident-number{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-muted);font-family:monospace}.status-badge{font-size:var(--font-size-sm);font-weight:500}.incident-meta{margin:8px 0 0;font-size:var(--font-size-sm);color:var(--color-text-muted)}.header-actions{display:flex;gap:8px;margin-top:16px}.incident-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;margin-bottom:24px}.incident-tabs{display:flex;gap:4px;margin-bottom:24px;border-bottom:1px solid var(--color-border)}.incident-tabs .tab-btn{padding:12px 20px;background:transparent;border:none;border-bottom:2px solid transparent;color:var(--color-text-muted);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all .15s ease;margin-bottom:-1px}.incident-tabs .tab-btn:hover{color:var(--color-text)}.incident-tabs .tab-btn.active{color:var(--color-accent);border-bottom-color:var(--color-accent)}.incident-detail-content{background:var(--color-card);border-radius:12px;padding:24px;min-height:400px}.tab-details{display:flex;flex-direction:column;gap:32px}.detail-section h3{margin:0 0 12px;font-size:var(--font-size-md);font-weight:600;color:var(--color-text)}.affected-list{display:flex;flex-wrap:wrap;gap:8px}.affected-item{padding:6px 12px;background:var(--color-background);border-radius:6px;font-size:var(--font-size-sm);color:var(--color-accent);text-decoration:none;transition:background .15s ease}.affected-item:hover{background:var(--color-card-hover)}.no-data{color:var(--color-text-muted);font-style:italic}.resolution-box{padding:16px;background:var(--color-background);border-radius:8px;border-left:3px solid #2ed573}.resolution-box p{margin:0;line-height:1.6}.root-cause{margin-top:12px;padding-top:12px;border-top:1px solid var(--color-border);font-size:var(--font-size-sm);color:var(--color-text-muted)}.info-row{display:flex;gap:16px;padding:8px 0;border-bottom:1px solid var(--color-border)}.info-row:last-child{border-bottom:none}.info-label{width:120px;font-size:var(--font-size-sm);color:var(--color-text-muted)}.info-value{font-size:var(--font-size-sm);color:var(--color-text)}.tab-anomalies{min-height:200px}.anomalies-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.anomaly-card{padding:16px;background:var(--color-background);border-radius:8px;text-decoration:none;color:var(--color-text);transition:all .15s ease;display:flex;flex-direction:column;gap:8px}.anomaly-card:hover{background:var(--color-card-hover);transform:translateY(-2px)}.anomaly-header{display:flex;align-items:center;gap:8px}.severity-dot{width:8px;height:8px;border-radius:50%;background:#ffa502}.severity-dot.critical{background:#ff4757}.severity-dot.high{background:#ff6b6b}.severity-dot.medium{background:#ffa502}.severity-dot.low{background:#2ed573}.anomaly-type{font-weight:500;text-transform:capitalize}.anomaly-agent{font-size:var(--font-size-sm);color:var(--color-text-muted)}.anomaly-value{font-size:var(--font-size-xs);font-family:monospace;color:var(--color-text-muted)}.anomaly-time{font-size:var(--font-size-xs);color:var(--color-text-muted)}.empty-state{text-align:center;padding:40px 20px;color:var(--color-text-muted)}.empty-state .hint{font-size:var(--font-size-xs);margin-top:8px;font-family:monospace}.tab-timeline{display:flex;flex-direction:column;gap:24px}.comment-form{display:flex;flex-direction:column;gap:12px}.comment-form textarea{width:100%;padding:12px;border:1px solid var(--color-border);border-radius:8px;background:var(--color-background);color:var(--color-text);font-size:var(--font-size-sm);resize:vertical}.comment-form textarea:focus{outline:none;border-color:var(--color-accent)}.comment-form .btn{align-self:flex-end}.timeline-list{display:flex;flex-direction:column}.timeline-item{display:flex;gap:16px;padding:16px 0;border-bottom:1px solid var(--color-border);position:relative}.timeline-item:last-child{border-bottom:none}.timeline-dot{width:12px;height:12px;border-radius:50%;background:var(--color-border);flex-shrink:0;margin-top:4px}.timeline-item.status_change .timeline-dot{background:#3742fa}.timeline-item.comment .timeline-dot{background:#ffa502}.timeline-item.resolution .timeline-dot{background:#2ed573}.timeline-content{flex:1}.timeline-message{color:var(--color-text);line-height:1.5}.timeline-meta{margin-top:4px;font-size:var(--font-size-xs);color:var(--color-text-muted)}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal{background:var(--color-card);border-radius:12px;width:90%;max-width:500px;max-height:90vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--color-border)}.modal-header h3{margin:0;font-size:var(--font-size-md);font-weight:600}.modal-close{background:none;border:none;font-size:24px;color:var(--color-text-muted);cursor:pointer}.modal-body{padding:20px}.form-group{margin-bottom:16px}.form-group:last-child{margin-bottom:0}.form-group label{display:block;margin-bottom:8px;font-size:var(--font-size-sm);font-weight:500;color:var(--color-text)}.form-group textarea{width:100%;padding:12px;border:1px solid var(--color-border);border-radius:8px;background:var(--color-background);color:var(--color-text);font-size:var(--font-size-sm);resize:vertical}.modal-footer{display:flex;justify-content:flex-end;gap:8px;padding:16px 20px;border-top:1px solid var(--color-border)}.incident-detail-error{text-align:center;padding:80px 24px}.incident-detail-error h2{margin:0 0 8px;color:var(--color-text)}.incident-detail-error p{color:var(--color-text-muted);margin-bottom:24px}.anomaly-detail-page{padding:24px;max-width:1000px;margin:0 auto}.anomaly-detail-header{margin-bottom:24px}.anomaly-detail-header .back-button{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;background:transparent;border:none;color:var(--color-text-muted);font-size:var(--font-size-sm);cursor:pointer;border-radius:6px;margin-bottom:16px;transition:all .15s ease}.anomaly-detail-header .back-button:hover{background:var(--color-card);color:var(--color-text)}.anomaly-type{font-size:var(--font-size-md);font-weight:500;text-transform:capitalize;color:var(--color-text)}.anomaly-title{margin:0;font-size:1.5rem;font-weight:700;color:var(--color-text)}.anomaly-meta{margin:8px 0 0;font-size:var(--font-size-sm);color:var(--color-text-muted)}.anomaly-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:16px;margin-bottom:24px}.stat-card{background:var(--color-card);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:4px}.stat-card.highlight{border:1px solid var(--color-border)}.stat-label{font-size:11px;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.stat-value{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text)}.anomaly-detail-content{background:var(--color-card);border-radius:12px;padding:24px}.entity-card{background:var(--color-background);border-radius:8px;padding:16px;display:flex;flex-direction:column;gap:12px}.entity-info{display:flex;flex-direction:column;gap:4px}.entity-value{font-size:var(--font-size-sm);color:var(--color-accent);text-decoration:none;font-family:monospace}.entity-value:hover{text-decoration:underline}.metrics-list{display:flex;flex-wrap:wrap;gap:8px}.metric-chip{padding:6px 12px;background:var(--color-background);border-radius:16px;font-size:var(--font-size-sm);color:var(--color-accent);text-decoration:none;transition:background .15s ease}.metric-chip:hover{background:var(--color-card-hover)}.context-box{background:var(--color-background);border-radius:8px;padding:16px;overflow-x:auto}.context-box pre{margin:0;font-family:monospace;font-size:var(--font-size-sm);color:var(--color-text);white-space:pre-wrap;word-break:break-word}.incident-link{display:inline-flex;align-items:center;gap:8px;padding:12px 16px;background:var(--color-background);border-radius:8px;color:var(--color-accent);text-decoration:none;font-weight:500;transition:background .15s ease}.incident-link:hover{background:var(--color-card-hover)}.anomaly-detail-error{text-align:center;padding:80px 24px}.anomaly-detail-error h2{margin:0 0 8px;color:var(--color-text)}.anomaly-detail-error p{color:var(--color-text-muted);margin-bottom:24px}.alert-detail-page{padding:24px;max-width:900px;margin:0 auto}.alert-detail-header{margin-bottom:24px}.alert-detail-header .back-button{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;background:transparent;border:none;color:var(--color-text-muted);font-size:var(--font-size-sm);cursor:pointer;border-radius:6px;margin-bottom:16px;transition:all .15s ease}.alert-detail-header .back-button:hover{background:var(--color-card);color:var(--color-text)}.header-badges{display:flex;align-items:center;gap:12px;margin-bottom:12px;flex-wrap:wrap}.type-badge,.severity-badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:var(--font-size-xs);font-weight:600}.ack-badge{padding:4px 12px;border-radius:12px;font-size:var(--font-size-xs);font-weight:500;background:#2ed57326;color:#2ed573}.alert-title{margin:0;font-size:1.5rem;font-weight:700;color:var(--color-text);line-height:1.3}.alert-meta{margin:8px 0 0;font-size:var(--font-size-sm);color:var(--color-text-muted)}.alert-detail-content{background:var(--color-card);border-radius:12px;padding:24px}.description-text{margin:0;line-height:1.6;color:var(--color-text)}.source-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}.source-item{display:flex;flex-direction:column;gap:4px;padding:12px;background:var(--color-background);border-radius:8px}.source-label{font-size:11px;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.source-value{font-size:var(--font-size-sm);color:var(--color-text);word-break:break-word}.source-value.mono{font-family:monospace;font-size:12px}a.source-value{color:var(--color-accent);text-decoration:none}a.source-value:hover{text-decoration:underline}.metadata-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.metadata-item{display:flex;flex-direction:column;gap:4px;padding:12px;background:var(--color-background);border-radius:8px}.metadata-key{font-size:11px;color:var(--color-text-muted);text-transform:capitalize}.metadata-value{font-size:var(--font-size-sm);color:var(--color-text);word-break:break-word}.alert-detail-error{text-align:center;padding:80px 24px}.alert-detail-error h2{margin:0 0 8px;color:var(--color-text)}.alert-detail-error p{color:var(--color-text-muted);margin-bottom:24px}.drift-detail-page{padding:24px;max-width:1000px;margin:0 auto}.drift-detail-header{margin-bottom:24px}.drift-detail-header .back-button{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;background:transparent;border:none;color:var(--color-text-muted);font-size:var(--font-size-sm);cursor:pointer;border-radius:6px;margin-bottom:16px;transition:all .15s ease}.drift-detail-header .back-button:hover{background:var(--color-card);color:var(--color-text)}.header-badges{display:flex;align-items:center;gap:12px;margin-bottom:12px}.type-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--color-card);border-radius:8px;font-weight:700;font-size:var(--font-size-sm);color:var(--color-text-muted)}.drift-type{font-size:var(--font-size-md);font-weight:500;color:var(--color-text)}.severity-badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:var(--font-size-xs);font-weight:600}.drift-title{margin:0;font-size:1.5rem;font-weight:700;color:var(--color-text)}.drift-meta{margin:8px 0 0;font-size:var(--font-size-sm);color:var(--color-text-muted)}.header-actions{display:flex;gap:8px;margin-top:16px;flex-wrap:wrap}.drift-comparison{display:flex;align-items:center;gap:16px;margin-bottom:24px;padding:24px;background:var(--color-card);border-radius:12px;flex-wrap:wrap;justify-content:center}.comparison-card{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 24px;background:var(--color-background);border-radius:8px;min-width:120px}.comparison-label{font-size:11px;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.comparison-value{font-size:1.5rem;font-weight:700;color:var(--color-text)}.comparison-arrow{color:var(--color-text-muted);flex-shrink:0}.drift-detail-content{background:var(--color-card);border-radius:12px;padding:24px}.detail-section{margin-bottom:32px}.detail-section:last-child{margin-bottom:0}.detail-section h3{margin:0 0 16px;font-size:var(--font-size-md);font-weight:600;color:var(--color-text)}.entity-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}.entity-item{display:flex;flex-direction:column;gap:4px;padding:12px;background:var(--color-background);border-radius:8px}.entity-label{font-size:11px;color:var(--color-text-muted);text-transform:uppercase}.entity-value{font-size:var(--font-size-sm);color:var(--color-text)}a.entity-value{color:var(--color-accent);text-decoration:none}a.entity-value:hover{text-decoration:underline}.analysis-box{background:var(--color-background);border-radius:8px;padding:16px}.analysis-row{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--color-border)}.analysis-row:last-child{border-bottom:none}.analysis-label{font-size:var(--font-size-sm);color:var(--color-text-muted)}.analysis-value{font-size:var(--font-size-sm);font-weight:500;color:var(--color-text)}.time-window{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.time-item{display:flex;flex-direction:column;gap:4px;padding:12px;background:var(--color-background);border-radius:8px}.time-label{font-size:11px;color:var(--color-text-muted);text-transform:uppercase}.time-value{font-size:var(--font-size-sm);color:var(--color-text)}.action-buttons{display:flex;flex-wrap:wrap;gap:8px}.action-btn{padding:10px 16px;background:var(--color-background);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text);font-size:var(--font-size-sm);cursor:pointer;transition:all .15s ease}.action-btn:hover{background:var(--color-card-hover);border-color:var(--color-accent);color:var(--color-accent)}.drift-detail-error{text-align:center;padding:80px 24px}.drift-detail-error h2{margin:0 0 8px;color:var(--color-text)}.drift-detail-error p{color:var(--color-text-muted);margin-bottom:24px}.create-project-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:24px;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.create-project-modal{background:var(--color-card);border:1px solid var(--color-border);border-radius:16px;box-shadow:0 25px 80px #0000004d;width:100%;max-width:580px;max-height:90vh;display:flex;flex-direction:column;animation:slideUp .25s ease;overflow:hidden}@keyframes slideUp{0%{opacity:0;transform:translateY(24px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.create-project-modal__header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--color-border);background:var(--color-surface)}.create-project-modal__title{margin:0;font-size:1.25rem;font-weight:700;color:var(--color-text);font-family:DM Sans,Inter,system-ui,sans-serif}.create-project-modal__close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:transparent;color:var(--color-text-secondary);cursor:pointer;border-radius:8px;transition:all .2s ease}.create-project-modal__close:hover{background:var(--color-surface-hover);color:var(--color-text)}.create-project-modal__close:disabled{opacity:.5;cursor:not-allowed}.create-project-modal__body{padding:24px;overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:16px}.project-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:16px;padding:1.5rem;transition:border-color .2s ease}.project-card:hover{border-color:var(--color-border-hover)}.project-card__header{display:flex;align-items:flex-start;gap:12px;margin-bottom:1.25rem;padding-bottom:1rem;border-bottom:1px solid var(--color-border)}.project-card__icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:linear-gradient(135deg,#6366f133,#8b5cf633);border-radius:10px;color:#818cf8;flex-shrink:0}.project-card__header-text h3{font-size:1rem;font-weight:600;color:var(--color-text);margin:0 0 4px;font-family:DM Sans,Inter,system-ui,sans-serif}.project-card__header-text p{font-size:.8rem;color:var(--color-text-secondary);margin:0}.project-card__content{display:flex;flex-direction:column;gap:1rem}.project-form-group{display:flex;flex-direction:column;gap:6px}.project-form-label{font-size:.8rem;font-weight:500;color:var(--color-text)}.project-form-label .required{color:#f87171;margin-left:2px}.project-form-input{width:100%;padding:.75rem 1rem;font-size:.9rem;color:var(--color-text);background:var(--color-input-bg);border:1px solid var(--color-border);border-radius:8px;transition:all .2s ease;font-family:inherit}.project-form-input:focus{outline:none;border-color:#818cf8;box-shadow:0 0 0 3px #818cf833}.project-form-input:disabled{opacity:.6;cursor:not-allowed}.project-form-input::placeholder{color:var(--color-text-tertiary)}.project-form-textarea{resize:vertical;min-height:60px;line-height:1.5}.project-form-select{padding:.75rem 1rem;font-size:.9rem;color:var(--color-text);background:var(--color-input-bg);border:1px solid var(--color-border);border-radius:8px;cursor:pointer;transition:all .2s ease;font-family:inherit}.project-form-select:focus{outline:none;border-color:#818cf8;box-shadow:0 0 0 3px #818cf833}.project-form-select option{background:var(--color-card);color:var(--color-text)}.project-form-hint{margin-top:4px;font-size:.75rem;color:var(--color-text-secondary)}.project-form-hint code{padding:2px 8px;background:var(--color-surface);border-radius:4px;font-family:JetBrains Mono,Fira Code,monospace;font-size:.7rem;color:#a5b4fc}.project-form-error{padding:12px 16px;background:#ef444426;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#fca5a5;font-size:.85rem;display:flex;align-items:center;gap:8px}.project-invitation-list{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.project-invitation-item{display:grid;grid-template-columns:1fr auto auto;gap:12px;align-items:center;padding:12px 14px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px}.project-invitation-email{font-size:.875rem;color:var(--color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-invitation-role{font-size:.75rem;font-weight:500;color:var(--color-text-secondary);text-transform:capitalize;padding:4px 10px;background:var(--color-surface-hover);border-radius:4px}.project-invitation-remove{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;background:transparent;color:var(--color-text-tertiary);cursor:pointer;border-radius:6px;transition:all .2s ease}.project-invitation-remove:hover{background:#ef444426;color:#f87171}.project-invitation-remove:disabled{opacity:.5;cursor:not-allowed}.project-invitation-add{display:flex;gap:10px;align-items:center}.project-invitation-email-input{flex:1;min-width:0}.project-invitation-add .project-form-select{width:110px;flex-shrink:0;padding:.75rem}.project-add-btn{display:flex;align-items:center;justify-content:center;gap:6px;padding:.75rem 1rem;background:transparent;border:1px dashed var(--color-border);border-radius:8px;color:var(--color-text-tertiary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.project-add-btn:hover:not(:disabled){border-color:#818cf8;color:#818cf8;background:#6366f11a}.project-add-btn:disabled{opacity:.4;cursor:not-allowed}.create-project-modal__footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid var(--color-border);background:var(--color-surface)}.project-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:.7rem 1.25rem;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease;border:none;font-family:inherit}.project-btn--primary{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff}.project-btn--primary:hover:not(:disabled){background:linear-gradient(135deg,#4f46e5,#7c3aed);transform:translateY(-1px);box-shadow:0 4px 16px #6366f166}.project-btn--primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.project-btn--secondary{background:transparent;border:1px solid var(--color-border);color:var(--color-text-secondary)}.project-btn--secondary:hover:not(:disabled){background:var(--color-surface-hover);border-color:var(--color-border-hover);color:var(--color-text)}.project-btn--secondary:disabled{opacity:.5;cursor:not-allowed}.project-loading-spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.theme-light .create-project-overlay{background:#0000004d}.theme-light .create-project-modal{background:#fff;border-color:#e2e8f0;box-shadow:0 25px 80px #00000026}.theme-light .create-project-modal__header{background:#f8fafc;border-color:#e2e8f0}.theme-light .create-project-modal__title{color:#1e293b}.theme-light .create-project-modal__close{color:#64748b}.theme-light .create-project-modal__close:hover{background:#f1f5f9;color:#1e293b}.theme-light .project-card{background:#f8fafc;border-color:#e2e8f0}.theme-light .project-card:hover{border-color:#cbd5e1}.theme-light .project-card__header{border-color:#e2e8f0}.theme-light .project-card__header-text h3{color:#1e293b}.theme-light .project-card__header-text p{color:#64748b}.theme-light .project-form-label{color:#374151}.theme-light .project-form-input{background:#fff;border-color:#d1d5db;color:#1e293b}.theme-light .project-form-input:focus{border-color:#6366f1;background:#fff}.theme-light .project-form-input::placeholder{color:#9ca3af}.theme-light .project-form-select{background:#fff;border-color:#d1d5db;color:#1e293b}.theme-light .project-form-select:focus{border-color:#6366f1}.theme-light .project-form-select option{background:#fff;color:#1e293b}.theme-light .project-form-hint{color:#64748b}.theme-light .project-form-hint code{background:#e2e8f0;color:#4f46e5}.theme-light .project-form-error{background:#ef44441a;color:#dc2626}.theme-light .project-invitation-item{background:#fff;border-color:#e2e8f0}.theme-light .project-invitation-email{color:#1e293b}.theme-light .project-invitation-role{color:#64748b;background:#e2e8f0}.theme-light .project-invitation-remove{color:#94a3b8}.theme-light .project-add-btn{border-color:#d1d5db;color:#64748b}.theme-light .project-add-btn:hover:not(:disabled){border-color:#6366f1;color:#6366f1;background:#6366f10d}.theme-light .create-project-modal__footer{background:#f8fafc;border-color:#e2e8f0}.theme-light .project-btn--secondary{border-color:#d1d5db;color:#64748b}.theme-light .project-btn--secondary:hover:not(:disabled){background:#f1f5f9;border-color:#94a3b8;color:#1e293b}@media(max-width:600px){.create-project-overlay{padding:16px}.create-project-modal{max-height:95vh;border-radius:12px}.create-project-modal__header{padding:16px 20px}.create-project-modal__body{padding:16px}.project-card{padding:1.25rem}.project-card__header{flex-direction:column;gap:10px}.create-project-modal__footer{padding:12px 16px}.project-invitation-add{flex-wrap:wrap}.project-invitation-email-input{flex:1 1 100%}.project-invitation-add .project-form-select{flex:1}.project-add-btn{flex:0 0 auto}}:root{color-scheme:light dark;--font-family-sans: "DM Sans", "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-family-mono: "JetBrains Mono", "Fira Code", "SF Mono", Consolas, monospace;--font-size-xs: 12px;--font-size-sm: 14px;--font-size-md: 16px;--font-size-lg: 20px;--font-size-xl: 28px;--font-size-2xl: 36px;--font-size-3xl: 48px;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--tracking-tight: -.025em;--tracking-normal: 0;--tracking-wide: .025em;--tracking-wider: .05em;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--radius-xs: 6px;--radius-sm: 10px;--radius-md: 16px;--radius-lg: 20px;--radius-xl: 24px;--radius-full: 9999px;--shadow-xs: 0 1px 2px rgba(15, 21, 46, .25);--shadow-sm: 0 4px 12px rgba(15, 21, 46, .25);--shadow-md: 0 20px 45px rgba(5, 7, 19, .35);--shadow-lg: 0 25px 50px -12px rgba(5, 7, 19, .4);--shadow-glow: 0 0 40px rgba(127, 107, 255, .2);--color-success: #10b981;--color-success-light: rgba(16, 185, 129, .15);--color-error: #ef4444;--color-error-light: rgba(239, 68, 68, .15);--color-warning: #f59e0b;--color-warning-light: rgba(245, 158, 11, .15);--color-info: #3b82f6;--color-info-light: rgba(59, 130, 246, .15);--sidebar-width: 260px;--sidebar-collapsed-width: 72px;--topbar-height: 72px;--transition-fast: .1s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--z-dropdown: 100;--z-sticky: 200;--z-modal: 1000;--z-popover: 1100;--z-toast: 9999}.theme-dark{color-scheme:dark;--color-page: #000000;--color-surface: #0a0a0a;--color-panel: #111111;--color-card: #161616;--color-card-muted: #0d0d0d;--color-skeleton: rgba(255, 255, 255, .06);--color-skeleton-shine: rgba(255, 255, 255, .1);--color-bg-secondary: #1a1a1a;--color-border: rgba(255, 255, 255, .1);--color-border-muted: rgba(255, 255, 255, .06);--color-divider: rgba(255, 255, 255, .08);--color-sidebar-bg: #000000;--color-sidebar-active: rgba(127, 107, 255, .15);--color-topbar-bg: rgba(0, 0, 0, .85);--color-text: #ffffff;--color-text-muted: #888888;--color-text-inverse: #ffffff;--color-accent: #7f6bff;--color-positive: #22c55e;--color-warning: #f59e0b;--color-surface-hover: rgba(255, 255, 255, .06);--color-background: #161616;--color-bg-elevated: #161616;--color-tooltip-bg: #252525;--color-tooltip-border: rgba(255, 255, 255, .15);--color-tooltip-text: #ffffff;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .4);--shadow-sm: 0 4px 12px rgba(0, 0, 0, .5);--shadow-md: 0 20px 45px rgba(0, 0, 0, .6);--shadow-lg: 0 25px 50px -12px rgba(0, 0, 0, .7);--shadow-glow: 0 0 40px rgba(127, 107, 255, .3)}.theme-light{color-scheme:light;--color-page: #f5f5f5;--color-surface: #fafafa;--color-panel: #ffffff;--color-card: #ffffff;--color-card-muted: #f0f0f0;--color-skeleton: rgba(0, 0, 0, .06);--color-skeleton-shine: rgba(255, 255, 255, .8);--color-bg-secondary: #f5f5f5;--color-border: rgba(0, 0, 0, .08);--color-border-muted: rgba(0, 0, 0, .05);--color-divider: rgba(0, 0, 0, .08);--color-sidebar-bg: #fafafa;--color-sidebar-active: rgba(91, 110, 245, .12);--color-topbar-bg: rgba(250, 250, 250, .9);--color-text: #171717;--color-text-muted: #525252;--color-text-inverse: #ffffff;--color-accent: #5b6ef5;--color-positive: #16a34a;--color-warning: #d97706;--color-surface-hover: rgba(0, 0, 0, .04);--color-background: #ffffff;--color-bg-elevated: #ffffff;--color-tooltip-bg: #ffffff;--color-tooltip-border: rgba(0, 0, 0, .12);--color-tooltip-text: #171717;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .08);--shadow-sm: 0 4px 12px rgba(0, 0, 0, .1);--shadow-md: 0 20px 45px rgba(0, 0, 0, .15);--shadow-lg: 0 25px 50px -12px rgba(0, 0, 0, .2);--shadow-glow: 0 0 40px rgba(91, 110, 245, .15)}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:var(--font-family-sans);font-size:var(--font-size-md);background:var(--color-page);color:var(--color-text);min-height:100vh;line-height:1.5;-webkit-font-smoothing:antialiased}#root{min-height:100vh}:focus-visible{outline:3px solid var(--color-accent);outline-offset:2px}.app-shell{display:flex;height:100vh;overflow:hidden;background:var(--color-page)}.app-shell__main{flex:1;display:flex;flex-direction:column;min-width:0;height:100vh;overflow:hidden;background:var(--color-surface)}.sidebar{position:relative;width:var(--sidebar-width);height:100vh;background:var(--color-sidebar-bg);border-right:1px solid var(--color-border);display:flex;flex-direction:column;transition:width .2s ease;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);overflow:hidden}.sidebar[data-collapsed=true]{width:64px}.sidebar__header{padding:16px 12px;flex-shrink:0}.sidebar__logo{display:flex;align-items:center;gap:10px;padding:0;white-space:nowrap;overflow:hidden}.sidebar__logo svg{flex-shrink:0}.sidebar__logo-text{font-size:15px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text)}.sidebar__content{flex:1;padding:0 8px 16px;overflow-y:auto;overflow-x:hidden}.sidebar__content::-webkit-scrollbar{width:4px}.sidebar__content::-webkit-scrollbar-track{background:transparent}.sidebar__content::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:4px}.sidebar__content::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}.sidebar__section{display:flex;flex-direction:column;gap:4px}.sidebar__group{display:flex;flex-direction:column}.sidebar__group-toggle{border:none;background:transparent;display:flex;align-items:center;justify-content:space-between;padding:8px 4px;cursor:pointer;color:var(--color-text-muted);transition:color .16s ease}.sidebar__group-toggle:hover{color:var(--color-text)}.sidebar__chevron{display:inline-flex;align-items:center;justify-content:center;transition:transform .16s ease}.sidebar__chevron--open{transform:rotate(180deg)}.sidebar__group-items{display:flex;flex-direction:column;gap:2px}.sidebar__group-items[data-open=false]{display:none}.sidebar__subitems{display:flex;flex-direction:column;gap:2px;margin-left:28px}.sidebar__item[data-depth="1"]{padding-left:12px;font-size:var(--font-size-sm)}.sidebar__item[data-depth="2"]{padding-left:16px;font-size:var(--font-size-sm)}.sidebar__section-title{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted)}.sidebar__item{position:relative;border:none;background:transparent;display:flex;align-items:center;justify-content:flex-start;gap:10px;width:100%;padding:8px 12px;border-radius:6px;font-weight:400;font-size:var(--font-size-sm);color:var(--color-text-muted);transition:color .15s ease,background .15s ease;cursor:pointer;text-align:left}.sidebar__item-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:20px;height:20px}.sidebar__item-icon svg{opacity:.6;transition:opacity .15s ease,stroke .15s ease}.sidebar__item:hover .sidebar__item-icon svg{opacity:.9}.sidebar__item--active .sidebar__item-icon svg{opacity:1}.sidebar__item-label{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar__item:hover{color:var(--color-text);background:#ffffff0f}.sidebar__item--active{color:var(--color-text);font-weight:600;background:#7f6bff1f}.sidebar__item--active:hover{background:#7f6bff29}.sidebar__divider{height:1px;width:100%;background:var(--color-divider);margin:12px 0}.sidebar__badge{margin-left:auto;font-size:10px;font-weight:600;color:var(--color-accent);padding:2px 6px;border-radius:999px;background:#7f6bff24}.sidebar__collapse-btn{position:fixed;top:50vh;left:calc(var(--sidebar-width) - 12px);transform:translateY(-50%);width:24px;height:24px;border-radius:50%;background:var(--color-card);border:1px solid var(--color-border);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--color-text-muted);z-index:100;transition:left .2s ease,background .15s ease,border-color .15s ease;box-shadow:0 2px 4px #00000026}.sidebar__collapse-btn[data-collapsed=true]{left:52px}.sidebar__collapse-btn:hover{background:var(--color-surface-hover);color:var(--color-text);border-color:var(--color-accent)}.sidebar[data-collapsed=true] .sidebar__header{padding:16px 10px}.sidebar[data-collapsed=true] .sidebar__logo{justify-content:center}.sidebar[data-collapsed=true] .sidebar__content{padding:0 6px 16px}.sidebar[data-collapsed=true] .sidebar__group-toggle{display:none}.sidebar[data-collapsed=true] .sidebar__item{justify-content:center;padding:10px}.sidebar[data-collapsed=true] .sidebar__item-icon{width:22px;height:22px}.sidebar[data-collapsed=true] .sidebar__subitems{display:none}.sidebar[data-collapsed=true] .sidebar__divider{margin:8px 4px}.topbar{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;padding:8px 24px;gap:4px;background:var(--color-topbar-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);min-height:var(--topbar-height);z-index:10}.topbar__left{flex-shrink:0}.topbar__slash{color:var(--color-text-muted);font-size:var(--font-size-sm);opacity:.6;-webkit-user-select:none;user-select:none;margin:0 2px}.topbar__breadcrumb{flex:1;min-width:0;margin:0}.topbar__right{display:flex;align-items:center;gap:4px}.topbar-dropdown{position:relative}.topbar-dropdown__trigger{display:flex;align-items:center;gap:6px;padding:8px 10px;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer;transition:all .15s ease}.topbar-dropdown__trigger:hover{background:var(--color-surface-hover);color:var(--color-text)}.topbar-dropdown__label{font-size:var(--font-size-sm);font-weight:500;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar-dropdown__menu{position:absolute;top:calc(100% + 4px);min-width:180px;max-height:400px;background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:100;overflow-y:auto;overflow-x:hidden;animation:topbarDropdownIn .15s ease}.topbar-dropdown__menu--right{right:0}.topbar-dropdown__menu--left{left:0}@keyframes topbarDropdownIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.topbar-dropdown__header{padding:8px 12px;font-size:var(--font-size-xs);font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--color-border)}.topbar-dropdown__item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;background:none;border:none;color:var(--color-text);font-size:var(--font-size-sm);cursor:pointer;text-align:left;transition:background .1s ease}.topbar-dropdown__item:hover{background:var(--color-surface-hover)}.topbar-dropdown__item--active{color:var(--color-accent)}.topbar-dropdown__check{margin-left:auto;color:var(--color-accent)}.topbar-dropdown__flag{font-size:16px}.topbar-dropdown__divider{height:1px;background:var(--color-border);margin:8px 0}.topbar-dropdown__item--action{color:var(--color-primary)}.topbar-dropdown__item--action:hover{background:rgba(var(--color-primary-rgb),.1)}.topbar__org-selector{flex-shrink:0}.topbar-dropdown__section-title{padding:8px 12px 6px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-muted)}.topbar-dropdown__item-avatar{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius-sm);background:var(--color-primary);color:var(--color-text-inverse);font-size:12px;font-weight:600;flex-shrink:0}.topbar-dropdown__item-content{display:flex;flex-direction:column;align-items:flex-start;gap:2px;flex:1;min-width:0}.topbar-dropdown__item-name{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px}.topbar-dropdown__item-role{font-size:10px;color:var(--color-text-muted);text-transform:capitalize}.topbar-icon-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer;transition:all .15s ease}.topbar-icon-btn:hover{background:var(--color-surface-hover);color:var(--color-text)}.topbar-icon-btn{position:relative}.topbar-icon-btn__badge{position:absolute;top:2px;right:2px;min-width:16px;height:16px;padding:0 4px;font-size:10px;font-weight:600;line-height:16px;text-align:center;color:var(--color-text-inverse);background:var(--color-warning);border-radius:8px}.topbar-user{position:relative}.topbar-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#6366f1,#8b5cf6);display:flex;align-items:center;justify-content:center;color:var(--color-text-inverse);font-weight:600;font-size:.7rem;cursor:pointer;border:none;overflow:hidden;transition:box-shadow .15s ease}.topbar-avatar:hover{box-shadow:0 0 0 2px #6366f166}.topbar-avatar img{width:100%;height:100%;object-fit:cover}.topbar-user__menu{position:absolute;top:calc(100% + 8px);right:0;width:260px;background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:100;overflow:hidden;animation:topbarDropdownIn .15s ease}.topbar-user__header{display:flex;align-items:center;gap:12px;padding:16px}.topbar-user__avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#6366f1,#8b5cf6);display:flex;align-items:center;justify-content:center;color:var(--color-text-inverse);font-weight:600;font-size:.875rem;flex-shrink:0;overflow:hidden}.topbar-user__avatar img{width:100%;height:100%;object-fit:cover}.topbar-user__info{display:flex;flex-direction:column;min-width:0}.topbar-user__name{font-weight:600;color:var(--color-text);font-size:var(--font-size-sm);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar-user__email{font-size:var(--font-size-xs);color:var(--color-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar-user__divider{height:1px;background:var(--color-border);margin:4px 0}.topbar-user__item{display:flex;align-items:center;gap:12px;width:100%;padding:10px 16px;background:none;border:none;color:var(--color-text-muted);font-size:var(--font-size-sm);cursor:pointer;text-align:left;transition:all .1s ease}.topbar-user__item:hover{background:var(--color-surface-hover);color:var(--color-text)}.topbar-user__item svg{flex-shrink:0}.topbar-user__item--danger{color:#f87171}.topbar-user__item--danger:hover{background:#ef44441a;color:#fca5a5}.field{display:flex;flex-direction:column;gap:4px;font-size:var(--font-size-xs);color:var(--color-text-muted)}.field select{background:var(--color-card);border:1px solid var(--color-border);color:var(--color-text);border-radius:var(--radius-xs);padding:6px 28px 6px 10px;font-size:var(--font-size-sm);min-width:140px}.icon-button{background:none;border:1px solid var(--color-border);color:var(--color-text);width:38px;height:38px;border-radius:var(--radius-xs);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .16s ease}.icon-button:hover{background:var(--color-card-muted)}.avatar{width:40px;height:40px;border-radius:50%;background:var(--color-card);border:1px solid var(--color-border);display:inline-flex;align-items:center;justify-content:center;font-weight:600}.main-content{flex:1;padding-top:0!important;padding:24px 32px 32px;background:var(--color-topbar-bg);overflow-y:auto;overflow-x:hidden}.main-content::-webkit-scrollbar{width:6px}.main-content::-webkit-scrollbar-track{background:transparent}.main-content::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:4px}.main-content::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}.main-content>*:first-child{margin-top:0}.main-content>section,.main-content>div{margin-top:0}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:24px}.tabs{display:inline-flex;background:var(--color-card-muted);border-radius:var(--radius-md);padding:4px;border:1px solid var(--color-border);gap:4px}.tab{border:none;background:transparent;color:var(--color-text-muted);font-size:var(--font-size-sm);padding:8px 18px;border-radius:var(--radius-sm);cursor:pointer;transition:background .12s ease}.tab--active{background:var(--color-card);color:var(--color-text);box-shadow:var(--shadow-xs)}.wizard{display:flex;flex-direction:column;gap:16px}.wizard__steps{display:flex;flex-wrap:wrap;gap:12px}.wizard__step{border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:8px 14px;background:var(--color-card-muted);color:var(--color-text-muted);display:flex;align-items:center;gap:8px;cursor:pointer}.wizard__step--active{background:var(--color-card);color:var(--color-text);box-shadow:var(--shadow-xs)}.wizard__step-index{width:24px;height:24px;border-radius:50%;background:var(--color-sidebar-active);display:inline-flex;align-items:center;justify-content:center;font-size:var(--font-size-sm)}.wizard__content{display:flex;flex-direction:column;gap:24px}.wizard__nav{display:flex;justify-content:space-between;margin-top:8px}.provider-option{display:flex;gap:12px;align-items:center}.tag-row{display:flex;gap:6px;flex-wrap:wrap}.tag{background:var(--color-card-muted);border-radius:var(--radius-xs);padding:2px 8px;font-size:var(--font-size-xs)}.tag--neutral{background:#ffffff26}.row--selected{background:var(--color-card-muted)}.snippet-card{border:1px solid var(--color-border);border-radius:var(--radius-md);margin-top:24px}.snippet-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid var(--color-border)}.snippet{margin:0;padding:16px;overflow-x:auto;background:var(--color-card-muted);border-radius:0 0 var(--radius-md) var(--radius-md)}.summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-bottom:16px}.test-run{margin-top:16px;display:flex;flex-direction:column;gap:8px}.grid-two{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.page-header>div:first-child{flex:1;min-width:240px}.page-header>div:last-child{flex-shrink:0}.page-title{font-size:var(--font-size-xl);font-weight:600;margin:0;line-height:var(--line-height-tight)}.page-subtitle{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:4px 0 0;line-height:var(--line-height-normal)}.main-content h1{margin:0 0 8px;font-size:var(--font-size-xl);font-weight:600;line-height:var(--line-height-tight)}.main-content h2{margin:0 0 8px;font-size:var(--font-size-lg);font-weight:600;line-height:var(--line-height-tight)}.main-content h3{margin:0 0 8px;font-size:var(--font-size-md);font-weight:600;line-height:var(--line-height-tight)}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.card{background:var(--color-card);border-radius:var(--radius-md);padding:16px 20px;border:1px solid var(--color-border);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:12px}.card--metric{gap:10px}.card__title{font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);margin:0}.card__value{font-size:34px;font-weight:600}.card__trend{font-size:var(--font-size-xs);color:var(--color-text-muted)}.card__section{display:flex;flex-direction:column;gap:20px}.card__section-header{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.btn{border:none;border-radius:var(--radius-xs);padding:10px 16px;font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:background .16s ease,color .16s ease,border-color .16s ease}.btn--primary{background:var(--color-accent);color:var(--color-text-inverse);box-shadow:var(--shadow-xs)}.btn--ghost{background:transparent;color:var(--color-text);border:1px solid var(--color-border)}.insights-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:18px;margin-top:24px}.list{display:flex;flex-direction:column;gap:12px}.list-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid var(--color-divider)}.list-item:last-child{border-bottom:none}.text-muted{color:var(--color-text-muted)}.org-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:24px}.form-grid{display:flex;flex-direction:column;gap:16px}.form-field{display:flex;flex-direction:column;gap:6px;font-size:var(--font-size-sm)}.form-field--full{width:100%}.form-actions{display:flex;justify-content:flex-end}.input{background:var(--color-card-muted);border:1px solid var(--color-border);border-radius:var(--radius-xs);padding:10px 12px;color:var(--color-text);font-size:var(--font-size-sm);width:100%}.input:focus{outline:2px solid var(--color-accent);border-color:var(--color-accent)}.input--textarea{min-height:120px;resize:vertical}.input--multiselect{min-height:100px}.role-selector{display:flex;flex-wrap:wrap;gap:8px}.role-selector--inline{margin-top:4px}.role-chip{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--color-border);border-radius:var(--radius-xs);padding:6px 10px;font-size:var(--font-size-sm);background:var(--color-card-muted)}.role-chip input{margin:0;accent-color:var(--color-accent)}.metadata-rows{display:flex;flex-direction:column;gap:12px}.metadata-row{display:grid;grid-template-columns:1fr 1fr auto;gap:8px}.icon-button--ghost{background:transparent;border-color:var(--color-border)}.table-wrapper{overflow-x:auto}.table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm)}.table th{text-align:left;padding:12px;font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);border-bottom:1px solid var(--color-divider)}.table td{padding:12px;border-bottom:1px solid var(--color-divider)}.table select{width:100%}.table__actions{width:80px}.inline-alert{padding:10px 12px;border-radius:var(--radius-xs);font-size:var(--font-size-sm);border:1px solid transparent}.inline-alert--success{background:#2dffb61a;border-color:#2dffb64d;color:var(--color-positive)}.inline-alert--error{background:#ff57571a;border-color:#ff57574d;color:#ff5757}.modal-backdrop{position:fixed;inset:0;background:#03050ba6;display:flex;align-items:center;justify-content:center;z-index:100;padding:24px}.modal{background:var(--color-card);border-radius:var(--radius-md);border:1px solid var(--color-border);width:min(480px,100%);box-shadow:var(--shadow-md);display:flex;flex-direction:column}.modal__header{padding:20px 24px 8px;display:flex;justify-content:space-between;align-items:center}.modal__body{padding:0 24px 24px;display:flex;flex-direction:column;gap:16px}.modal__footer{display:flex;justify-content:flex-end;gap:12px}@media(max-width:1080px){:root{--sidebar-width: 220px}.topbar{flex-direction:column;align-items:flex-start;gap:16px}.topbar__group,.topbar__controls{width:100%;flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}@keyframes spinner-rotate{to{transform:rotate(360deg)}}.spinner{display:inline-block;width:24px;height:24px;min-width:24px;min-height:24px;border:2px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;animation:spinner-rotate .8s linear infinite;flex-shrink:0}.spinner--sm{width:16px;height:16px;min-width:16px;min-height:16px;border-width:2px}.spinner--md{width:24px;height:24px;min-width:24px;min-height:24px;border-width:2px}.spinner--lg{width:32px;height:32px;min-width:32px;min-height:32px;border-width:3px}.spinner--xl{width:48px;height:48px;min-width:48px;min-height:48px;border-width:3px}.spinner--light{border-color:#ffffff4d;border-top-color:#fff}.spinner--dark{border-color:#0000001a;border-top-color:var(--color-text)}.spinner--accent{border-color:var(--color-border);border-top-color:var(--color-accent)}.spinner--success{border-color:var(--color-border);border-top-color:var(--color-success)}.topbar-theme-toggle{display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;padding:4px;border-radius:var(--radius-sm);transition:background .15s ease}.topbar-theme-toggle:hover{background:var(--color-surface-hover)}.topbar-theme-toggle__track{position:relative;display:flex;align-items:center;width:52px;height:28px;border-radius:14px;padding:2px;transition:background .25s ease}.topbar-theme-toggle__track.light{background:linear-gradient(135deg,#87ceeb,gold)}.topbar-theme-toggle__track.dark{background:linear-gradient(135deg,#1a1a2e,#16213e)}.topbar-theme-toggle__thumb{position:absolute;display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:var(--color-panel);box-shadow:0 2px 4px #0003;transition:left .25s ease,transform .25s ease;left:2px}.topbar-theme-toggle__track.dark .topbar-theme-toggle__thumb{left:calc(100% - 26px)}.topbar-theme-toggle__thumb svg{width:14px;height:14px;color:var(--color-text-muted)}.recharts-tooltip-wrapper{z-index:1000!important}.recharts-default-tooltip{background:var(--color-tooltip-bg, var(--color-card))!important;border:1px solid var(--color-tooltip-border, var(--color-border))!important;border-radius:8px!important;padding:10px 14px!important;box-shadow:var(--shadow-md)!important}.recharts-tooltip-label{color:var(--color-tooltip-text, var(--color-text))!important;font-weight:600!important;margin-bottom:6px!important}.recharts-tooltip-item{color:var(--color-tooltip-text, var(--color-text))!important;padding:2px 0!important}.recharts-tooltip-item-name{color:var(--color-text-muted)!important}.recharts-tooltip-item-value{color:var(--color-tooltip-text, var(--color-text))!important;font-weight:500!important}.recharts-bar-rectangle:hover,.recharts-bar-rectangle:focus{filter:brightness(1.1);transition:filter .15s ease}.recharts-active-bar{filter:brightness(1.15)}.theme-light .recharts-default-tooltip{background:#fff!important;border-color:#0000001f!important}.theme-light .recharts-tooltip-label,.theme-light .recharts-tooltip-item,.theme-light .recharts-tooltip-item-value{color:#171717!important}.theme-light .recharts-tooltip-item-name{color:#525252!important}.theme-dark .recharts-default-tooltip{background:#252525!important;border-color:#ffffff26!important}.theme-dark .recharts-tooltip-label,.theme-dark .recharts-tooltip-item,.theme-dark .recharts-tooltip-item-value{color:#fff!important}.theme-dark .recharts-tooltip-item-name{color:#888!important}.card{background:var(--color-card);border:1px solid var(--color-border)}.theme-light .card{background:#fff}.theme-dark .card{background:#161616}.theme-light table tbody tr,.theme-light .list-item{background:#fff}.theme-light table tbody tr:hover,.theme-light .list-item:hover{background:#f9f9f9}.theme-dark table tbody tr,.theme-dark .list-item{background:var(--color-card)}.theme-dark table tbody tr:hover,.theme-dark .list-item:hover{background:#ffffff0a}.theme-light .input,.theme-light select.input,.theme-light textarea.input{background:#fff;color:#171717;border-color:#00000026}.theme-light .input:focus,.theme-light select.input:focus,.theme-light textarea.input:focus{border-color:var(--color-accent);background:#fff}.theme-light .input::placeholder{color:#9ca3af}.theme-light .modal-content,.theme-light .drawer-content,.theme-light .filter-select,.theme-light .form-field select{background:#fff;color:#171717}.ap-card{background:var(--color-card);border-radius:12px;border:1px solid var(--color-border);padding:20px}.ap-card--no-border{border:none}.ap-card--compact{padding:16px}.ap-card--large{padding:24px}.ap-card__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.ap-card__title{font-size:14px;font-weight:600;color:var(--color-text);margin:0}.ap-card__subtitle{font-size:12px;color:var(--color-text-muted);margin-top:4px}.ap-stats-card{background:var(--color-card);border-radius:12px;padding:20px;border:1px solid var(--color-border)}.ap-stats-card__label{font-size:13px;color:var(--color-text-muted);margin-bottom:8px}.ap-stats-card__value{font-size:32px;font-weight:700;color:var(--color-text);line-height:1.2}.ap-stats-card__value--success{color:var(--color-success)}.ap-stats-card__value--warning{color:var(--color-warning)}.ap-stats-card__value--error{color:var(--color-error)}.ap-stats-card__subtext{font-size:12px;color:var(--color-text-muted);margin-top:8px}.ap-stats-card__badges{display:flex;gap:8px;margin-top:8px;flex-wrap:wrap}.ap-badge{display:inline-flex;align-items:center;padding:4px 8px;border-radius:6px;font-size:11px;font-weight:500;background:var(--color-card-muted);color:var(--color-text-muted)}.ap-badge--success{background:var(--color-success-light);color:var(--color-success)}.ap-badge--warning{background:var(--color-warning-light);color:var(--color-warning)}.ap-badge--error{background:var(--color-error-light);color:var(--color-error)}.ap-badge--info{background:var(--color-info-light);color:var(--color-info)}.ap-badge--purple{background:#a855f726;color:#a855f7}.ap-badge--outline{background:transparent;border:1px solid currentColor}.ap-pill{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:12px;font-size:10px;font-weight:500}.ap-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;border:none;white-space:nowrap}.ap-btn--primary{background:var(--color-accent);color:var(--color-text-inverse)}.ap-btn--primary:hover{opacity:.9}.ap-btn--secondary{background:var(--color-card);color:var(--color-text);border:1px solid var(--color-border)}.ap-btn--secondary:hover{background:var(--color-surface-hover)}.ap-btn--ghost{background:transparent;color:var(--color-text-muted);border:1px solid var(--color-border)}.ap-btn--ghost:hover{background:var(--color-surface-hover);color:var(--color-text)}.ap-btn--icon{padding:8px;width:36px;height:36px}.ap-btn--sm{padding:6px 12px;font-size:12px}.ap-btn--lg{padding:12px 24px;font-size:16px}.ap-tabs{display:flex;gap:8px;margin-bottom:24px}.ap-tabs--contained{background:var(--color-card-muted);padding:4px;border-radius:10px;border:1px solid var(--color-border)}.ap-tab{padding:10px 20px;border-radius:8px;border:none;background:transparent;color:var(--color-text-muted);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.ap-tab:hover{color:var(--color-text)}.ap-tab--active{background:var(--color-accent);color:var(--color-text-inverse)}.ap-tabs--contained .ap-tab--active{background:var(--color-card);color:var(--color-text);box-shadow:var(--shadow-xs)}.ap-select{padding:10px 36px 10px 16px;border-radius:8px;border:1px solid var(--color-border);background:var(--color-card);color:var(--color-text);font-size:14px;cursor:pointer;min-width:140px;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.ap-select:focus{outline:2px solid var(--color-accent);border-color:var(--color-accent)}.ap-input{padding:10px 14px;border-radius:8px;border:1px solid var(--color-border);background:var(--color-card);color:var(--color-text);font-size:14px;width:100%}.ap-input:focus{outline:2px solid var(--color-accent);border-color:var(--color-accent)}.ap-input::placeholder{color:var(--color-text-muted)}.ap-label{display:block;font-size:11px;color:var(--color-text-muted);margin-bottom:4px;text-transform:uppercase;letter-spacing:.05em;font-weight:500}.ap-checkbox{display:flex;align-items:center;gap:6px;cursor:pointer;font-size:13px;color:var(--color-text-muted)}.ap-checkbox input{cursor:pointer;accent-color:var(--color-accent)}.ap-checkbox:hover{color:var(--color-text)}.ap-grid{display:grid;gap:16px}.ap-grid--2{grid-template-columns:repeat(2,1fr)}.ap-grid--3{grid-template-columns:repeat(3,1fr)}.ap-grid--4{grid-template-columns:repeat(4,1fr)}.ap-grid--auto-fit{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.ap-grid--auto-fit-sm{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.ap-grid--auto-fit-lg{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.ap-grid--gap-sm{gap:12px}.ap-grid--gap-lg{gap:24px}.ap-flex{display:flex}.ap-flex--center{align-items:center}.ap-flex--between{justify-content:space-between}.ap-flex--wrap{flex-wrap:wrap}.ap-flex--col{flex-direction:column}.ap-flex--gap-sm{gap:8px}.ap-flex--gap-md{gap:12px}.ap-flex--gap-lg{gap:16px}.ap-flex--gap-xl{gap:24px}.ap-table{width:100%;border-collapse:collapse}.ap-table th{text-align:left;padding:12px 16px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);border-bottom:1px solid var(--color-border);background:var(--color-card-muted)}.ap-table td{padding:12px 16px;font-size:13px;border-bottom:1px solid var(--color-border);color:var(--color-text)}.ap-table tr:hover td{background:var(--color-surface-hover)}.ap-table--compact th,.ap-table--compact td{padding:8px 12px}.ap-section{margin-bottom:24px}.ap-section__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.ap-section__title{font-size:14px;font-weight:600;color:var(--color-text);margin:0}.ap-section__subtitle{font-size:12px;color:var(--color-text-muted)}.ap-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px;text-align:center}.ap-empty__icon{font-size:48px;margin-bottom:16px;color:var(--color-text-muted)}.ap-empty__title{font-size:16px;font-weight:600;color:var(--color-text);margin-bottom:8px}.ap-empty__description{font-size:14px;color:var(--color-text-muted);max-width:400px}.ap-status--success{color:var(--color-success)}.ap-status--warning{color:var(--color-warning)}.ap-status--error{color:var(--color-error)}.ap-status--info{color:var(--color-info)}.form-error-message,.ap-form-error{display:flex;align-items:center;gap:8px;padding:10px 12px;margin-top:6px;margin-bottom:0;font-size:13px;font-weight:500;line-height:1.4;color:var(--color-error);background:var(--color-error-light);border:1px solid rgba(239,68,68,.35);border-radius:8px}.form-error-message:empty,.ap-form-error:empty{display:none}.form-error-message .form-error-icon{flex-shrink:0;color:var(--color-error)}.ap-mb-0{margin-bottom:0}.ap-mb-1{margin-bottom:4px}.ap-mb-2{margin-bottom:8px}.ap-mb-3{margin-bottom:12px}.ap-mb-4{margin-bottom:16px}.ap-mb-5{margin-bottom:20px}.ap-mb-6{margin-bottom:24px}.ap-mt-0{margin-top:0}.ap-mt-1{margin-top:4px}.ap-mt-2{margin-top:8px}.ap-mt-3{margin-top:12px}.ap-mt-4{margin-top:16px}.ap-mt-5{margin-top:20px}.ap-mt-6{margin-top:24px}.ap-text-xs{font-size:11px}.ap-text-sm{font-size:13px}.ap-text-md{font-size:14px}.ap-text-lg{font-size:16px}.ap-text-xl{font-size:20px}.ap-text-2xl{font-size:24px}.ap-text-3xl{font-size:32px}.ap-text-muted{color:var(--color-text-muted)}.ap-text-bold{font-weight:600}.ap-text-semibold{font-weight:500}.ap-text-center{text-align:center}.ap-text-right{text-align:right}@media(max-width:768px){.ap-grid--2,.ap-grid--3,.ap-grid--4{grid-template-columns:1fr}.ap-tabs{flex-wrap:wrap}.ap-tab{padding:8px 16px;font-size:13px}}.ap-action-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:none;border-radius:6px;background:transparent;color:var(--color-text-muted);cursor:pointer;transition:all .15s ease}.ap-action-btn:hover{background:var(--color-surface-hover);color:var(--color-text)}.ap-action-btn--primary:hover{background:var(--color-info-light);color:var(--color-info)}.ap-action-buttons{display:flex;gap:4px;justify-content:center}.ap-insight{padding:16px;border-radius:8px;border:1px solid transparent}.ap-insight--purple{background:#a855f726;border-color:#a855f74d}.ap-insight--blue{background:#3b82f626;border-color:#3b82f64d}.ap-insight--green{background:#22c55e26;border-color:#22c55e4d}.ap-insight--orange{background:#f59e0b26;border-color:#f59e0b4d}.ap-insight__title{font-size:14px;font-weight:600;margin-bottom:6px}.ap-insight__text{font-size:12px;color:var(--color-text-muted)}.ap-divider{height:1px;background:var(--color-border);margin:16px 0}.ap-divider--lg{margin:24px 0}[data-tooltip]{position:relative}[data-tooltip]:hover:after{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translate(-50%);padding:6px 10px;background:var(--color-card);border:1px solid var(--color-border);border-radius:6px;font-size:12px;white-space:nowrap;z-index:1000;box-shadow:var(--shadow-md)}*{font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.skeleton-shimmer-overlay{position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.04) 25%,rgba(255,255,255,.08) 50%,rgba(255,255,255,.04) 75%,transparent 100%);transform:translate(-100%);animation:skeleton-shimmer 1.8s cubic-bezier(.4,0,.2,1) infinite;pointer-events:none}.theme-light .skeleton-shimmer-overlay,[data-theme=light] .skeleton-shimmer-overlay{background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.5) 25%,rgba(255,255,255,.9) 50%,rgba(255,255,255,.5) 75%,transparent 100%)}@keyframes skeleton-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.icon-spin{animation:icon-spin 1s linear infinite}@keyframes icon-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}