.sidebar{position:fixed;top:0;left:0;bottom:0;width:var(--sidebar-width);background:var(--color-bg-glass);backdrop-filter:blur(12px) saturate(150%);-webkit-backdrop-filter:blur(12px) saturate(150%);border-right:1px solid var(--color-border);display:flex;flex-direction:column;z-index:100;transition:width var(--duration-normal) var(--ease-out);overflow:hidden}.sidebar--collapsed{width:var(--sidebar-collapsed-width)}.sidebar__logo{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-4);height:var(--topbar-height);border-bottom:1px solid var(--color-border);text-decoration:none;overflow:hidden;white-space:nowrap}.sidebar__logo-icon{width:32px;height:32px;min-width:32px;border-radius:var(--radius-sm);background:var(--color-accent);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:16px}.sidebar__logo-text{font-size:18px;font-weight:700;color:var(--color-text-primary);opacity:1;transition:opacity var(--duration-fast) var(--ease-out)}.sidebar--collapsed .sidebar__logo-text{opacity:0;pointer-events:none}.sidebar__nav{flex:1;display:flex;flex-direction:column;padding:var(--space-2) var(--space-2);gap:var(--space-1);overflow-y:auto}.sidebar__link{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);color:var(--color-text-secondary);text-decoration:none;font-size:14px;font-weight:500;transition:background var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out);position:relative;overflow:hidden;white-space:nowrap}.sidebar__link:hover{background:var(--color-bg-glass-hover);color:var(--color-text-primary)}.sidebar__link--active{background:var(--color-accent-subtle);color:var(--color-accent)}.sidebar__link--active:before{content:"";position:absolute;left:0;top:4px;bottom:4px;width:3px;border-radius:0 2px 2px 0;background:var(--color-accent)}.sidebar__link-icon{width:20px;height:20px;min-width:20px;display:flex;align-items:center;justify-content:center}.sidebar__link-icon svg{width:20px;height:20px}.sidebar__link-label{opacity:1;transition:opacity var(--duration-fast) var(--ease-out)}.sidebar--collapsed .sidebar__link-label{opacity:0;pointer-events:none}.sidebar__footer{padding:var(--space-2);border-top:1px solid var(--color-border)}.sidebar__collapse-btn{display:flex;align-items:center;justify-content:center;width:100%;padding:var(--space-2);border:none;border-radius:var(--radius-md);background:transparent;color:var(--color-text-muted);cursor:pointer;transition:background var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out)}.sidebar__collapse-btn:hover{background:var(--color-bg-glass-hover);color:var(--color-text-secondary)}.sidebar__collapse-icon{width:20px;height:20px;transition:transform var(--duration-normal) var(--ease-out)}.sidebar--collapsed .sidebar__collapse-icon{transform:rotate(180deg)}@media(max-width:768px){.sidebar{display:none}}.topbar{position:fixed;top:0;left:var(--sidebar-width);right:0;height:var(--topbar-height);background:var(--color-bg-glass);backdrop-filter:blur(12px) saturate(150%);-webkit-backdrop-filter:blur(12px) saturate(150%);border-bottom:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-6);z-index:99;transition:left var(--duration-normal) var(--ease-out)}body[style*="--current-sidebar-width: var(--sidebar-collapsed-width)"] .topbar{left:var(--sidebar-collapsed-width)}.topbar__left{display:flex;align-items:center;gap:var(--space-3)}.topbar__breadcrumb{font-size:14px;font-weight:500;color:var(--color-text-secondary)}.topbar__right{display:flex;align-items:center;gap:var(--space-4)}.topbar__workspace{font-size:13px;color:var(--color-text-muted);max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar__plan-badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:var(--radius-full);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;background:var(--color-accent-subtle);color:var(--color-accent)}.topbar__plan-badge--free{background:var(--color-bg-glass);color:var(--color-text-muted)}.topbar__plan-badge--pro{background:var(--color-accent-subtle);color:var(--color-accent)}.topbar__plan-badge--team{background:var(--color-success-subtle);color:var(--color-success)}.topbar__avatar{width:32px;height:32px;border-radius:var(--radius-full);background:var(--color-accent);color:#fff;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;cursor:default;user-select:none}.topbar__theme-toggle{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:var(--radius-md);background:transparent;color:var(--color-text-muted);cursor:pointer;transition:background var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out)}.topbar__theme-toggle:hover{background:var(--color-bg-glass-hover);color:var(--color-text-secondary)}.topbar__theme-toggle svg{width:18px;height:18px}@media(max-width:768px){.topbar{left:0}.topbar__workspace{display:none}}.mobile-nav__trigger{display:none;position:fixed;top:var(--space-3);left:var(--space-3);z-index:200;width:40px;height:40px;border:none;border-radius:var(--radius-md);background:var(--color-bg-glass);backdrop-filter:blur(12px) saturate(150%);-webkit-backdrop-filter:blur(12px) saturate(150%);color:var(--color-text-primary);cursor:pointer;align-items:center;justify-content:center;border:1px solid var(--color-border)}.mobile-nav__trigger svg{width:20px;height:20px}.mobile-nav__overlay{display:none;position:fixed;inset:0;z-index:300;background:var(--color-bg-primary);flex-direction:column;animation:mobile-nav-fade-in var(--duration-normal) var(--ease-out)}.mobile-nav__overlay--open{display:flex}.mobile-nav__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--color-border)}.mobile-nav__logo{font-size:18px;font-weight:700;color:var(--color-text-primary)}.mobile-nav__close{width:40px;height:40px;border:none;border-radius:var(--radius-md);background:transparent;color:var(--color-text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center}.mobile-nav__close:hover{background:var(--color-bg-glass-hover)}.mobile-nav__close svg{width:20px;height:20px}.mobile-nav__links{flex:1;display:flex;flex-direction:column;padding:var(--space-4) var(--space-6);gap:var(--space-2)}.mobile-nav__link{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);border-radius:var(--radius-md);color:var(--color-text-secondary);text-decoration:none;font-size:16px;font-weight:500;transition:background var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out)}.mobile-nav__link:hover{background:var(--color-bg-glass-hover);color:var(--color-text-primary)}.mobile-nav__link--active{background:var(--color-accent-subtle);color:var(--color-accent)}.mobile-nav__link-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center}.mobile-nav__link-icon svg{width:24px;height:24px}@keyframes mobile-nav-fade-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.mobile-nav__trigger{display:flex}}.root-layout{display:flex;min-height:100vh}.root-layout__content{flex:1;margin-left:var(--sidebar-width);padding-top:var(--topbar-height);min-height:100vh;transition:margin-left var(--duration-normal) var(--ease-out)}body[style*="--current-sidebar-width: var(--sidebar-collapsed-width)"] .root-layout__content{margin-left:var(--sidebar-collapsed-width)}.root-layout__main{padding:var(--space-6);max-width:var(--content-max-width, 1440px)}@media(max-width:768px){.root-layout__content{margin-left:0;padding-top:calc(var(--topbar-height) + var(--space-4))}}.login-page{display:flex;align-items:center;justify-content:center;min-height:100vh;background:var(--color-bg-primary);padding:var(--space-4)}.login-card{width:100%;max-width:420px;background:var(--color-bg-glass);backdrop-filter:blur(12px) saturate(150%);-webkit-backdrop-filter:blur(12px) saturate(150%);border:1px solid var(--color-border);border-radius:var(--radius-xl, var(--radius-lg));padding:var(--space-8);box-shadow:var(--shadow-lg);animation:login-fade-in-up var(--duration-slow) var(--ease-out) both}.login-card__logo{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-8)}.login-card__logo-icon{width:40px;height:40px;border-radius:var(--radius-md);background:var(--color-accent);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:20px}.login-card__logo-text{font-size:22px;font-weight:700;color:var(--color-text-primary)}.login-card__title{font-size:20px;font-weight:600;color:var(--color-text-primary);margin-bottom:var(--space-1)}.login-card__subtitle{font-size:14px;color:var(--color-text-secondary, var(--color-text-muted));margin-bottom:var(--space-6)}.login-card__form{display:flex;flex-direction:column;gap:var(--space-4)}.login-card__field{display:flex;flex-direction:column;gap:var(--space-1)}.login-card__label{font-size:13px;font-weight:500;color:var(--color-text-secondary)}.login-card__input{width:100%;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-input, var(--color-bg-secondary));color:var(--color-text-primary);font-size:14px;transition:border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out);outline:none}.login-card__input:focus{border-color:var(--color-border-focus);box-shadow:0 0 0 3px var(--color-accent-subtle)}.login-card__input::placeholder{color:var(--color-text-muted)}.login-card__error{padding:var(--space-3);border-radius:var(--radius-md);background:var(--color-error-bg, var(--color-error-subtle, rgba(239, 68, 68, .1)));border:1px solid var(--color-error-border, rgba(239, 68, 68, .2));color:var(--color-error-text, var(--color-error));font-size:13px}.login-card__submit{width:100%;padding:var(--space-3);border:none;border-radius:var(--radius-md);background:var(--color-accent);color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:background var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.login-card__submit:hover:not(:disabled){background:var(--color-accent-hover)}.login-card__submit:active:not(:disabled){transform:scale(.98)}.login-card__submit:disabled{opacity:.6;cursor:not-allowed}.login-card__footer{margin-top:var(--space-6);text-align:center;font-size:13px;color:var(--color-text-muted)}.login-card__footer a{color:var(--color-accent);font-weight:500}.login-card__footer a:hover{color:var(--color-accent-hover)}@keyframes login-fade-in-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.signup-page{display:flex;align-items:center;justify-content:center;min-height:100vh;background:var(--color-bg-primary);padding:var(--space-4)}.signup-card{width:100%;max-width:420px;background:var(--color-bg-glass);backdrop-filter:blur(12px) saturate(150%);-webkit-backdrop-filter:blur(12px) saturate(150%);border:1px solid var(--color-border);border-radius:var(--radius-xl, var(--radius-lg));padding:var(--space-8);box-shadow:var(--shadow-lg);animation:signup-fade-in-up var(--duration-slow) var(--ease-out) both}.signup-card__logo{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-8)}.signup-card__logo-icon{width:40px;height:40px;border-radius:var(--radius-md);background:var(--color-accent);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:20px}.signup-card__logo-text{font-size:22px;font-weight:700;color:var(--color-text-primary)}.signup-card__title{font-size:20px;font-weight:600;color:var(--color-text-primary);margin-bottom:var(--space-1)}.signup-card__subtitle{font-size:14px;color:var(--color-text-secondary, var(--color-text-muted));margin-bottom:var(--space-6)}.signup-card__form{display:flex;flex-direction:column;gap:var(--space-4)}.signup-card__field{display:flex;flex-direction:column;gap:var(--space-1)}.signup-card__label{font-size:13px;font-weight:500;color:var(--color-text-secondary)}.signup-card__input{width:100%;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-input, var(--color-bg-secondary));color:var(--color-text-primary);font-size:14px;transition:border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out);outline:none}.signup-card__input:focus{border-color:var(--color-border-focus);box-shadow:0 0 0 3px var(--color-accent-subtle)}.signup-card__input::placeholder{color:var(--color-text-muted)}.signup-card__error{padding:var(--space-3);border-radius:var(--radius-md);background:var(--color-error-bg, var(--color-error-subtle, rgba(239, 68, 68, .1)));border:1px solid var(--color-error-border, rgba(239, 68, 68, .2));color:var(--color-error-text, var(--color-error));font-size:13px}.signup-card__submit{width:100%;padding:var(--space-3);border:none;border-radius:var(--radius-md);background:var(--color-accent);color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:background var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.signup-card__submit:hover:not(:disabled){background:var(--color-accent-hover)}.signup-card__submit:active:not(:disabled){transform:scale(.98)}.signup-card__submit:disabled{opacity:.6;cursor:not-allowed}.signup-card__footer{margin-top:var(--space-6);text-align:center;font-size:13px;color:var(--color-text-muted)}.signup-card__footer a{color:var(--color-accent);font-weight:500}.signup-card__footer a:hover{color:var(--color-accent-hover)}@keyframes signup-fade-in-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.skeleton{border-radius:var(--radius-md);background:linear-gradient(90deg,var(--color-bg-tertiary) 25%,var(--color-bg-elevated) 50%,var(--color-bg-tertiary) 75%);background-size:200% 100%}.skeleton--rounded{border-radius:var(--radius-full)}.skeleton-text{display:flex;flex-direction:column;gap:var(--space-2)}.quick-stats{animation:fadeInUp var(--duration-normal) var(--ease-out) both}.quick-stats__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-4)}.stat-card{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-5);background:var(--color-bg-glass);backdrop-filter:blur(12px) saturate(150%);-webkit-backdrop-filter:blur(12px) saturate(150%);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);transition:border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out);animation:fadeInUp var(--duration-normal) var(--ease-out) both}.stat-card:nth-child(1){animation-delay:0ms}.stat-card:nth-child(2){animation-delay:60ms}.stat-card:nth-child(3){animation-delay:.12s}.stat-card:nth-child(4){animation-delay:.18s}.stat-card:hover{border-color:var(--color-border-hover);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.stat-card--accent:hover{box-shadow:var(--shadow-glow),var(--shadow-lg);border-color:var(--color-accent-subtle)}.stat-card--success:hover{box-shadow:0 0 20px var(--color-success-bg),var(--shadow-lg);border-color:var(--color-success-border)}.stat-card--warning:hover{box-shadow:0 0 20px var(--color-warning-bg),var(--shadow-lg);border-color:var(--color-warning-border)}.stat-card--error:hover{box-shadow:0 0 20px var(--color-error-bg),var(--shadow-lg);border-color:var(--color-error-border)}.stat-card--muted:hover{box-shadow:var(--shadow-lg)}.stat-card__icon{width:20px;height:20px;flex-shrink:0}.stat-card__icon--accent{color:var(--color-accent)}.stat-card__icon--success{color:var(--color-success)}.stat-card__icon--warning{color:var(--color-warning)}.stat-card__icon--error{color:var(--color-error)}.stat-card__icon--muted{color:var(--color-text-muted)}.stat-card__value{font-size:2rem;font-weight:var(--weight-bold);line-height:var(--leading-tight);color:var(--color-text-primary);letter-spacing:-.02em}.stat-card__subtitle{font-size:var(--text-xs);color:var(--color-text-tertiary);margin-top:calc(-1 * var(--space-1))}.stat-card__label{font-size:var(--text-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em;font-weight:var(--weight-medium)}.quick-stats__skeleton{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-4)}.quick-stats__skeleton-card{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-5)}.ui-glass-panel{padding:var(--space-6)}.glass-panel__title{font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--color-text-primary);margin-bottom:var(--space-4);letter-spacing:-.01em}.glass-panel__content{position:relative}.agent-success-rate{animation:fadeInUp var(--duration-normal) var(--ease-out) both;animation-delay:.1s}.agent-success-rate__chart{height:280px;width:100%}.agent-success-rate__empty{height:280px;display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);font-size:var(--text-sm)}.token-efficiency{animation:fadeInUp var(--duration-normal) var(--ease-out) both;animation-delay:.15s}.token-efficiency__chart{height:300px;width:100%}.token-efficiency__empty{height:300px;display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);font-size:var(--text-sm)}.sop-adherence-gauge{animation:fadeInUp var(--duration-normal) var(--ease-out) both;animation-delay:.2s}.sop-adherence-gauge__chart{height:250px;width:100%}.sop-adherence-gauge__empty{height:250px;display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);font-size:var(--text-sm)}.wasted-token-pie{animation:fadeInUp var(--duration-normal) var(--ease-out) both;animation-delay:.25s}.wasted-token-pie__chart{height:280px;width:100%;position:relative}.wasted-token-pie__center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;pointer-events:none;margin-left:-40px}.wasted-token-pie__center-value{font-size:var(--text-xl);font-weight:var(--weight-bold);color:var(--color-text-primary);line-height:var(--leading-tight);letter-spacing:-.02em}.wasted-token-pie__center-label{font-size:var(--text-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em}.wasted-token-pie__empty{height:280px;display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);font-size:var(--text-sm)}.badge{display:inline-flex;align-items:center;gap:var(--space-1);font-weight:var(--weight-medium);border-radius:var(--radius-full);white-space:nowrap;line-height:1}.badge--sm{padding:2px var(--space-2);font-size:.6875rem}.badge--md{padding:var(--space-1) var(--space-3);font-size:var(--text-xs)}.badge__dot{width:6px;height:6px;border-radius:var(--radius-full);flex-shrink:0}.badge--success{background-color:var(--color-success-bg);color:var(--color-success-text);border:1px solid var(--color-success-border)}.badge--success .badge__dot{background-color:var(--color-success)}.badge--warning{background-color:var(--color-warning-bg);color:var(--color-warning-text);border:1px solid var(--color-warning-border)}.badge--warning .badge__dot{background-color:var(--color-warning)}.badge--error{background-color:var(--color-error-bg);color:var(--color-error-text);border:1px solid var(--color-error-border)}.badge--error .badge__dot{background-color:var(--color-error)}.badge--info{background-color:var(--color-info-bg);color:var(--color-info-text);border:1px solid var(--color-info-border)}.badge--info .badge__dot{background-color:var(--color-info)}.badge--muted{background-color:var(--color-bg-tertiary);color:var(--color-text-tertiary);border:1px solid var(--color-border)}.badge--muted .badge__dot{background-color:var(--color-text-muted)}.recurring-failures__skeleton{display:flex;flex-direction:column;gap:var(--space-3)}.recurring-failures__skeleton-row{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-3) 0}.recurring-failures__table-wrapper{overflow-x:auto}.recurring-failures__table{width:100%;border-collapse:collapse}.recurring-failures__thead{border-bottom:1px solid var(--color-border)}.recurring-failures__th{text-align:left;font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em;padding:var(--space-2) var(--space-3);padding-bottom:var(--space-3)}.recurring-failures__th--count{text-align:center;width:72px}.recurring-failures__row{border-bottom:1px solid var(--color-border-subtle);transition:background-color var(--duration-fast) var(--ease-out)}.recurring-failures__row:last-child{border-bottom:none}.recurring-failures__row:hover{background-color:var(--color-bg-hover)}.recurring-failures__td{padding:var(--space-3);font-size:var(--text-sm);color:var(--color-text-secondary);vertical-align:middle}.recurring-failures__td--pattern{color:var(--color-text-primary);font-weight:var(--weight-medium);max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recurring-failures__td--count{text-align:center}.recurring-failures__count-badge{display:inline-flex;align-items:center;justify-content:center;min-width:28px;padding:var(--space-1) var(--space-2);font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--color-text-primary);background:var(--color-bg-tertiary);border-radius:var(--radius-full);font-variant-numeric:tabular-nums}.recurring-failures__sop-link{font-size:var(--text-sm);color:var(--color-text-link);text-decoration:none;transition:color var(--duration-fast) var(--ease-out)}.recurring-failures__sop-link:hover{color:var(--color-accent-hover);text-decoration:underline}.recurring-failures__no-sop{color:var(--color-text-muted)}.recurring-failures__footer{display:flex;justify-content:flex-end;padding-top:var(--space-3);border-top:1px solid var(--color-border-subtle);margin-top:var(--space-2)}.recurring-failures__view-all{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-link);text-decoration:none;transition:color var(--duration-fast) var(--ease-out)}.recurring-failures__view-all:hover{color:var(--color-accent-hover)}.recurring-failures__empty{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-8) var(--space-4);text-align:center}.recurring-failures__empty-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:var(--radius-full);background:var(--color-success-bg);color:var(--color-success);font-size:var(--text-xl);font-weight:var(--weight-bold)}.recurring-failures__empty-text{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-relaxed)}.cost-savings{display:flex;flex-direction:column;gap:var(--space-5)}.cost-savings__hero{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);padding:var(--space-4) 0}.cost-savings__percent{font-size:var(--text-4xl);font-weight:var(--weight-bold);letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--color-text-primary);transition:color var(--duration-fast) var(--ease-out)}.cost-savings__percent--positive{color:var(--color-success);text-shadow:0 0 24px var(--color-success-bg),0 0 48px rgba(52,211,153,.08)}.cost-savings__percent--negative{color:var(--color-error);text-shadow:0 0 24px var(--color-error-bg),0 0 48px rgba(248,113,113,.08)}.cost-savings__percent-label{font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.1em}.cost-savings__bars{display:flex;flex-direction:column;gap:var(--space-3)}.cost-savings__bar-row{display:grid;grid-template-columns:80px 1fr auto;align-items:center;gap:var(--space-3)}.cost-savings__bar-label{font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--color-text-tertiary);white-space:nowrap}.cost-savings__bar-track{height:28px;background:var(--color-bg-tertiary);border-radius:var(--radius-md);overflow:hidden;position:relative}.cost-savings__bar-fill{height:100%;border-radius:var(--radius-md);transition:width var(--duration-slower) var(--ease-out);animation:expandWidth var(--duration-slower) var(--ease-out) both}.cost-savings__bar-fill--raw{background:linear-gradient(90deg,var(--color-text-muted),var(--color-text-tertiary));opacity:.6}.cost-savings__bar-fill--actual{background:linear-gradient(90deg,var(--color-accent),var(--color-accent-hover))}.cost-savings__bar-amount{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text-primary);font-variant-numeric:tabular-nums;min-width:72px;text-align:right}.cost-savings__callout{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--color-bg-tertiary);border:1px solid var(--color-border-subtle);transition:border-color var(--duration-fast) var(--ease-out),background-color var(--duration-fast) var(--ease-out)}.cost-savings__callout--positive{background:var(--color-success-bg);border-color:var(--color-success-border)}.cost-savings__callout-icon{font-size:var(--text-lg);line-height:1}.cost-savings__callout-text{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-secondary)}.cost-savings__callout--positive .cost-savings__callout-text{color:var(--color-success-text)}.cost-savings__skeleton{display:flex;flex-direction:column;align-items:center;gap:var(--space-5);padding:var(--space-4) 0}.cost-savings__skeleton-bars{width:100%;display:flex;flex-direction:column;gap:var(--space-3)}.cost-savings__empty{font-size:var(--text-sm);color:var(--color-text-muted);text-align:center;padding:var(--space-8) var(--space-4)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font-family:var(--font-sans);font-weight:var(--weight-medium);border:1px solid transparent;border-radius:var(--radius-md);cursor:pointer;user-select:none;white-space:nowrap;position:relative;overflow:hidden;transition:background-color var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out),transform var(--duration-instant) var(--ease-out)}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--sm{padding:var(--space-1) var(--space-3);font-size:var(--text-sm);height:32px;border-radius:var(--radius-sm)}.btn--md{padding:var(--space-2) var(--space-4);font-size:var(--text-sm);height:40px}.btn--lg{padding:var(--space-3) var(--space-6);font-size:var(--text-base);height:48px;border-radius:var(--radius-lg)}.btn--primary{background-color:var(--color-accent);color:#fff;border-color:var(--color-accent);box-shadow:var(--shadow-sm),0 0 0 0 var(--color-accent-muted)}.btn--primary:hover:not(:disabled){background-color:var(--color-accent-hover);border-color:var(--color-accent-hover);box-shadow:var(--shadow-md),0 0 12px var(--color-accent-subtle)}.btn--primary:focus-visible{box-shadow:0 0 0 3px var(--color-accent-subtle)}.btn--secondary{background-color:transparent;color:var(--color-text-primary);border-color:var(--color-border)}.btn--secondary:hover:not(:disabled){background-color:var(--color-bg-hover);border-color:var(--color-border-hover)}.btn--ghost{background-color:transparent;color:var(--color-text-secondary);border-color:transparent}.btn--ghost:hover:not(:disabled){background-color:var(--color-bg-hover);color:var(--color-text-primary)}.btn--danger{background-color:var(--color-error);color:#fff;border-color:var(--color-error)}.btn--danger:hover:not(:disabled){background-color:#ef4444;border-color:#ef4444;box-shadow:var(--shadow-md),0 0 12px var(--color-error-bg)}.btn--loading{pointer-events:none}.btn__spinner{width:16px;height:16px;animation:spin .8s linear infinite;flex-shrink:0}.btn__icon{display:inline-flex;align-items:center;flex-shrink:0}.btn__icon>svg{width:16px;height:16px}.btn__label{display:inline-flex;align-items:center}.feature-gate__cta{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--space-10) var(--space-6);gap:var(--space-3)}.feature-gate__cta-icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:var(--radius-full);background:var(--color-accent-muted);color:var(--color-accent);margin-bottom:var(--space-1)}.feature-gate__cta-icon svg{width:28px;height:28px}.feature-gate__cta-title{font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--color-text-primary);margin:0}.feature-gate__cta-description{font-size:var(--text-sm);color:var(--color-text-secondary);max-width:360px;line-height:var(--leading-relaxed);margin:0}.feature-gate__cta-description strong{color:var(--color-accent);font-weight:var(--weight-medium)}.team-leaderboard__skeleton{display:flex;flex-direction:column;gap:var(--space-3)}.team-leaderboard__skeleton-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) 0}.team-leaderboard__skeleton-info{flex:1;display:flex;flex-direction:column;gap:var(--space-2)}.team-leaderboard__list{display:flex;flex-direction:column;gap:var(--space-2)}.team-leaderboard__row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);transition:background-color var(--duration-fast) var(--ease-out)}.team-leaderboard__row:hover{background-color:var(--color-bg-hover)}.team-leaderboard__rank{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--weight-bold);color:var(--color-text-tertiary);background:var(--color-bg-tertiary);flex-shrink:0;font-variant-numeric:tabular-nums}.team-leaderboard__rank--gold{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#451a03;box-shadow:0 0 12px #fbbf244d}.team-leaderboard__rank--silver{background:linear-gradient(135deg,#d1d5db,#9ca3af);color:#1f2937;box-shadow:0 0 8px #9ca3af40}.team-leaderboard__rank--bronze{background:linear-gradient(135deg,#d97706,#b45309);color:#fffbeb;box-shadow:0 0 8px #d9770640}.team-leaderboard__avatar{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-full);background:var(--color-accent-subtle);color:var(--color-accent);font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:.02em;flex-shrink:0;border:1px solid var(--color-border-subtle)}.team-leaderboard__info{flex:1;display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.team-leaderboard__name{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.team-leaderboard__bar-track{height:6px;background:var(--color-bg-tertiary);border-radius:var(--radius-full);overflow:hidden}.team-leaderboard__bar-fill{height:100%;border-radius:var(--radius-full);background:linear-gradient(90deg,var(--color-accent),var(--color-accent-hover));transition:width var(--duration-slower) var(--ease-out);animation:expandWidth var(--duration-slower) var(--ease-out) both}.team-leaderboard__score{font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--color-text-primary);font-variant-numeric:tabular-nums;min-width:32px;text-align:right}.modal{position:fixed;max-width:540px;width:calc(100% - var(--space-8));border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:0;color:var(--color-text-primary);background:var(--color-bg-secondary);box-shadow:var(--shadow-xl);overflow:hidden}.modal::backdrop{background:#00000080;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.modal__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--color-border-subtle)}.modal__title{font-size:var(--text-lg);font-weight:var(--weight-semibold);margin:0}.modal__close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:var(--radius-md);background:transparent;color:var(--color-text-tertiary);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out)}.modal__close:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.modal__close svg{width:16px;height:16px}.modal__body{padding:var(--space-6)}.modal__footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3);padding:var(--space-4) var(--space-6);border-top:1px solid var(--color-border-subtle)}.share-scorecard{animation:fadeInUp var(--duration-normal) var(--ease-out)}.share-scorecard__preview{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.share-scorecard__stats{display:flex;gap:var(--space-5)}.share-scorecard__stat{display:flex;flex-direction:column;gap:2px}.share-scorecard__stat-value{font-size:1.25rem;font-weight:700;color:var(--color-text-primary)}.share-scorecard__stat-value--accent{color:var(--color-accent)}.share-scorecard__stat-label{font-size:.6875rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.share-scorecard__modal-content{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-2) 0}.share-scorecard__modal-desc{font-size:.875rem;color:var(--color-text-secondary);margin:0}.share-scorecard__modal-actions{display:flex;gap:var(--space-3)}@media(max-width:768px){.share-scorecard__preview{flex-direction:column;align-items:stretch}.share-scorecard__stats{justify-content:space-around}}.dashboard-grid{display:flex;flex-direction:column;gap:var(--space-5);max-width:1400px;margin:0 auto;padding:var(--space-6);width:100%}.dashboard-grid__row{display:grid;gap:var(--space-5);animation:fadeInUp var(--duration-normal) var(--ease-out) both}.dashboard-grid__row--full{grid-template-columns:1fr}.dashboard-grid__row--half{grid-template-columns:1fr 1fr}.dashboard-grid__row--2-1{grid-template-columns:2fr 1fr}.dashboard-grid__cell,.dashboard-grid__cell--wide,.dashboard-grid__cell--narrow{min-width:0}@media(max-width:1024px){.dashboard-grid__row--2-1{grid-template-columns:1fr}}@media(max-width:768px){.dashboard-grid{padding:var(--space-4);gap:var(--space-4)}.dashboard-grid__row--half,.dashboard-grid__row--2-1{grid-template-columns:1fr}}@media(max-width:480px){.dashboard-grid{padding:var(--space-3);gap:var(--space-3)}}.error-boundary{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--space-12) var(--space-6);gap:var(--space-3);min-height:240px}.error-boundary__icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:var(--radius-full);background:var(--color-error-bg);color:var(--color-error);margin-bottom:var(--space-1)}.error-boundary__icon svg{width:28px;height:28px}.error-boundary__title{font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--color-text-primary)}.error-boundary__message{font-size:var(--text-sm);color:var(--color-text-secondary);max-width:400px;line-height:var(--leading-relaxed);font-family:var(--font-mono);word-break:break-word}.trace-filter{display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--space-3);padding:var(--space-4) var(--space-5);background:var(--color-bg-glass);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--color-border);border-radius:var(--radius-xl);margin-bottom:var(--space-4);transition:border-color var(--duration-normal) var(--ease-out)}.trace-filter:hover{border-color:var(--color-border-hover)}.trace-filter__group{display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.trace-filter__label{font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em}.trace-filter__select{appearance:none;background:var(--color-bg-input);color:var(--color-text-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-2) var(--space-8) var(--space-2) var(--space-3);font-size:var(--text-sm);font-family:var(--font-sans);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M3 5l3 3 3-3' stroke='%23706b83' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}.trace-filter__select:hover{border-color:var(--color-border-hover)}.trace-filter__select:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}.trace-filter__input{background:var(--color-bg-input);color:var(--color-text-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);font-size:var(--text-sm);font-family:var(--font-sans);width:200px;transition:all var(--duration-fast) var(--ease-out)}.trace-filter__input::placeholder{color:var(--color-text-muted)}.trace-filter__input:hover{border-color:var(--color-border-hover)}.trace-filter__input:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}.trace-filter__date-group{display:flex;gap:var(--space-1)}.trace-filter__date-btn{background:transparent;color:var(--color-text-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);font-size:var(--text-xs);font-weight:var(--weight-medium);font-family:var(--font-sans);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);white-space:nowrap}.trace-filter__date-btn:hover{background:var(--color-bg-hover);border-color:var(--color-border-hover);color:var(--color-text-primary)}.trace-filter__date-btn--active{background:var(--color-accent-subtle);border-color:var(--color-accent);color:var(--color-accent-hover)}.trace-filter__date-btn:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}.trace-table{background:var(--color-bg-glass);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--color-border);border-radius:var(--radius-xl);overflow:hidden;transition:border-color var(--duration-normal) var(--ease-out)}.trace-table:hover{border-color:var(--color-border-hover)}.trace-table__table{width:100%;border-collapse:collapse}.trace-table__head{background:var(--color-bg-glass-elevated)}.trace-table__th{padding:var(--space-3) var(--space-4);text-align:left;font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;border-bottom:1px solid var(--color-border)}.trace-table__row{cursor:pointer;transition:background var(--duration-fast) var(--ease-out);border-bottom:1px solid var(--color-border-subtle)}.trace-table__row:last-child{border-bottom:none}.trace-table__row:hover{background:var(--color-bg-hover)}.trace-table__row--selected{background:var(--color-bg-active)}.trace-table__row:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:-2px}.trace-table__td{padding:var(--space-3) var(--space-4);font-size:var(--text-sm);color:var(--color-text-primary);white-space:nowrap;vertical-align:middle}.trace-table__model{display:flex;align-items:center;gap:var(--space-2);font-family:var(--font-mono);font-size:var(--text-xs)}.trace-table__model-arrow{color:var(--color-text-muted);flex-shrink:0}.trace-table__model-name{overflow:hidden;text-overflow:ellipsis;max-width:140px}.trace-table__model-name--requested{color:var(--color-text-secondary)}.trace-table__model-name--actual{color:var(--color-text-primary)}.trace-table__enforcement{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:.02em;text-transform:uppercase;line-height:1}.trace-table__enforcement--BYPASS{background:var(--color-success-bg);color:var(--color-success-text);border:1px solid var(--color-success-border)}.trace-table__enforcement--ENHANCE{background:var(--color-info-bg);color:var(--color-info-text);border:1px solid var(--color-info-border)}.trace-table__enforcement--HIJACK{background:var(--color-warning-bg);color:var(--color-warning-text);border:1px solid var(--color-warning-border)}.trace-table__enforcement--KILL{background:var(--color-error-bg);color:var(--color-error-text);border:1px solid var(--color-error-border)}.trace-table__enforcement-dot{width:6px;height:6px;border-radius:var(--radius-full)}.trace-table__enforcement--BYPASS .trace-table__enforcement-dot{background:var(--color-success)}.trace-table__enforcement--ENHANCE .trace-table__enforcement-dot{background:var(--color-info)}.trace-table__enforcement--HIJACK .trace-table__enforcement-dot{background:var(--color-warning)}.trace-table__enforcement--KILL .trace-table__enforcement-dot{background:var(--color-error)}.trace-table__compliance{display:flex;align-items:center;gap:var(--space-2)}.trace-table__compliance-bar{flex:1;height:6px;background:var(--color-bg-tertiary);border-radius:var(--radius-full);overflow:hidden;min-width:60px;max-width:80px}.trace-table__compliance-fill{height:100%;border-radius:var(--radius-full);transition:width var(--duration-normal) var(--ease-out)}.trace-table__compliance-fill--high{background:var(--color-success)}.trace-table__compliance-fill--medium{background:var(--color-warning)}.trace-table__compliance-fill--low{background:var(--color-error)}.trace-table__compliance-value{font-size:var(--text-xs);font-weight:var(--weight-medium);font-family:var(--font-mono);min-width:36px;text-align:right}.trace-table__cost{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-secondary)}.trace-table__anomaly{font-size:var(--text-xs)}.trace-table__anomaly--detected{color:var(--color-error-text);font-weight:var(--weight-medium)}.trace-table__anomaly--none{color:var(--color-text-muted)}.trace-table__time{font-size:var(--text-xs);color:var(--color-text-secondary)}.trace-table__footer{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);border-top:1px solid var(--color-border);background:var(--color-bg-glass-elevated)}.trace-table__range{font-size:var(--text-xs);color:var(--color-text-tertiary);font-family:var(--font-mono)}.trace-table__page-controls{display:flex;align-items:center;gap:var(--space-2)}.trace-table__page-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-md);border:1px solid var(--color-border);background:transparent;color:var(--color-text-secondary);cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.trace-table__page-btn:hover:not(:disabled){background:var(--color-bg-hover);border-color:var(--color-border-hover);color:var(--color-text-primary)}.trace-table__page-btn:disabled{opacity:.35;cursor:not-allowed}.trace-table__page-btn:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}.trace-table__skeleton-row{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border-subtle)}.trace-table__skeleton-row:last-child{border-bottom:none}.trace-drawer-backdrop{position:fixed;inset:0;z-index:var(--z-overlay);background:#0006;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);opacity:0;transition:opacity var(--duration-normal) var(--ease-out);pointer-events:none}.trace-drawer-backdrop--open{opacity:1;pointer-events:auto}.trace-drawer{position:fixed;top:0;right:0;bottom:0;z-index:var(--z-modal);width:480px;max-width:100vw;background:var(--color-bg-secondary);border-left:1px solid var(--color-border);box-shadow:var(--shadow-xl);display:flex;flex-direction:column;transform:translate(100%);transition:transform var(--duration-slow) var(--ease-out);overflow:hidden}.trace-drawer--open{transform:translate(0)}.trace-drawer__header{display:flex;align-items:flex-start;justify-content:space-between;padding:var(--space-5) var(--space-5) var(--space-4);border-bottom:1px solid var(--color-border);background:var(--color-bg-glass);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.trace-drawer__header-info{display:flex;flex-direction:column;gap:var(--space-2);min-width:0}.trace-drawer__trace-id{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text-secondary);word-break:break-all}.trace-drawer__timestamp{font-size:var(--text-xs);color:var(--color-text-tertiary)}.trace-drawer__close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-md);border:1px solid var(--color-border);background:transparent;color:var(--color-text-secondary);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);flex-shrink:0}.trace-drawer__close:hover{background:var(--color-bg-hover);color:var(--color-text-primary);border-color:var(--color-border-hover)}.trace-drawer__close:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}.trace-drawer__body{flex:1;overflow-y:auto;padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-5)}.trace-drawer__section{display:flex;flex-direction:column;gap:var(--space-3)}.trace-drawer__section-title{font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.06em}.trace-drawer__kv{display:flex;justify-content:space-between;align-items:center;padding:var(--space-2) 0;border-bottom:1px solid var(--color-border-subtle)}.trace-drawer__kv:last-child{border-bottom:none}.trace-drawer__kv-label{font-size:var(--text-sm);color:var(--color-text-secondary)}.trace-drawer__kv-value{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-primary);font-family:var(--font-mono)}.trace-drawer__token-bars{display:flex;flex-direction:column;gap:var(--space-3)}.trace-drawer__token-row{display:flex;flex-direction:column;gap:var(--space-1)}.trace-drawer__token-label{display:flex;justify-content:space-between;font-size:var(--text-xs);color:var(--color-text-secondary)}.trace-drawer__token-label-count{font-family:var(--font-mono);color:var(--color-text-primary)}.trace-drawer__token-bar-track{height:8px;background:var(--color-bg-tertiary);border-radius:var(--radius-full);overflow:hidden}.trace-drawer__token-bar-fill{height:100%;border-radius:var(--radius-full);transition:width var(--duration-slow) var(--ease-out)}.trace-drawer__token-bar-fill--input{background:var(--chart-1)}.trace-drawer__token-bar-fill--compressed{background:var(--chart-4)}.trace-drawer__token-bar-fill--output{background:var(--chart-2)}.trace-drawer__cost-row{display:flex;align-items:center;gap:var(--space-3)}.trace-drawer__cost-item{display:flex;flex-direction:column;gap:var(--space-1);flex:1}.trace-drawer__cost-label{font-size:var(--text-xs);color:var(--color-text-tertiary)}.trace-drawer__cost-value{font-size:var(--text-lg);font-weight:var(--weight-semibold);font-family:var(--font-mono);color:var(--color-text-primary)}.trace-drawer__savings-badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--weight-semibold);background:var(--color-success-bg);color:var(--color-success-text);border:1px solid var(--color-success-border)}.trace-drawer__utility-badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:.02em}.trace-drawer__utility-badge--USEFUL{background:var(--color-success-bg);color:var(--color-success-text);border:1px solid var(--color-success-border)}.trace-drawer__utility-badge--WASTED{background:var(--color-error-bg);color:var(--color-error-text);border:1px solid var(--color-error-border)}.trace-drawer__compliance{display:flex;align-items:center;gap:var(--space-4)}.trace-drawer__compliance-ring{position:relative;width:72px;height:72px;flex-shrink:0}.trace-drawer__compliance-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.trace-drawer__compliance-track{fill:none;stroke:var(--color-bg-tertiary);stroke-width:5}.trace-drawer__compliance-fill{fill:none;stroke-width:5;stroke-linecap:round;transition:stroke-dashoffset var(--duration-slow) var(--ease-out)}.trace-drawer__compliance-fill--high{stroke:var(--color-success)}.trace-drawer__compliance-fill--medium{stroke:var(--color-warning)}.trace-drawer__compliance-fill--low{stroke:var(--color-error)}.trace-drawer__compliance-text{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:var(--text-lg);font-weight:var(--weight-bold);font-family:var(--font-mono);color:var(--color-text-primary)}.trace-drawer__compliance-label{font-size:var(--text-sm);color:var(--color-text-secondary)}.trace-drawer__enforcement{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:.02em}.trace-drawer__enforcement--BYPASS{background:var(--color-success-bg);color:var(--color-success-text);border:1px solid var(--color-success-border)}.trace-drawer__enforcement--ENHANCE{background:var(--color-info-bg);color:var(--color-info-text);border:1px solid var(--color-info-border)}.trace-drawer__enforcement--HIJACK{background:var(--color-warning-bg);color:var(--color-warning-text);border:1px solid var(--color-warning-border)}.trace-drawer__enforcement--KILL{background:var(--color-error-bg);color:var(--color-error-text);border:1px solid var(--color-error-border)}.trace-drawer__anomaly-alert{padding:var(--space-3) var(--space-4);background:var(--color-error-bg);border:1px solid var(--color-error-border);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:var(--space-2)}.trace-drawer__anomaly-type{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-error-text)}.trace-drawer__anomaly-confidence{font-size:var(--text-xs);color:var(--color-text-secondary);font-family:var(--font-mono)}.trace-drawer__code-block{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-secondary);overflow-x:auto;white-space:pre-wrap;word-break:break-word;max-height:200px;overflow-y:auto;line-height:var(--leading-relaxed)}@media(max-width:540px){.trace-drawer{width:100vw}}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--space-12) var(--space-6);gap:var(--space-3)}.empty-state__icon{display:flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:var(--radius-xl);background:var(--color-bg-tertiary);color:var(--color-text-muted);margin-bottom:var(--space-2)}.empty-state__icon-svg{width:32px;height:32px}.empty-state__title{font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--color-text-primary)}.empty-state__description{font-size:var(--text-sm);color:var(--color-text-secondary);max-width:320px;line-height:var(--leading-relaxed)}.empty-state__action{margin-top:var(--space-2)}.traces-page{display:flex;flex-direction:column;gap:var(--space-4);max-width:var(--content-max-width);margin:0 auto;padding:var(--space-6) var(--space-6) var(--space-10);animation:traces-fade-in var(--duration-normal) var(--ease-out)}@keyframes traces-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.traces-page__header{display:flex;flex-direction:column;gap:var(--space-1)}.traces-page__title{font-size:var(--text-2xl);font-weight:var(--weight-bold);color:var(--color-text-primary);letter-spacing:-.01em}.traces-page__subtitle{font-size:var(--text-sm);color:var(--color-text-secondary)}.traces-page__empty-icon{width:48px;height:48px;color:var(--color-text-muted)}.sop-filter-bar{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.sop-filter-bar__group{display:flex;align-items:center;gap:var(--space-2)}.sop-filter-bar__label{font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.sop-filter-bar__select{appearance:none;background:var(--color-bg-input);backdrop-filter:blur(8px) saturate(120%);-webkit-backdrop-filter:blur(8px) saturate(120%);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-2) var(--space-8) var(--space-2) var(--space-3);font-size:var(--text-sm);color:var(--color-text-primary);cursor:pointer;min-width:160px;transition:border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out);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='%23a8a3b8' d='M3 4.5l3 3 3-3'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-3) center}.sop-filter-bar__select:hover{border-color:var(--color-border-hover)}.sop-filter-bar__select:focus{border-color:var(--color-border-focus);box-shadow:0 0 0 3px var(--color-accent-muted);outline:none}.pagination{display:flex;align-items:center;justify-content:center;gap:var(--space-1);padding:var(--space-4) 0}.pagination__pages{display:flex;align-items:center;gap:var(--space-1)}.pagination__btn,.pagination__page{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 var(--space-2);border:1px solid transparent;border-radius:var(--radius-md);background:transparent;color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:var(--weight-medium);cursor:pointer;user-select:none;transition:background-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out)}.pagination__btn:hover:not(:disabled),.pagination__page:hover:not(.pagination__page--active){background:var(--color-bg-hover);color:var(--color-text-primary)}.pagination__btn:disabled{opacity:.35;cursor:not-allowed}.pagination__btn svg{width:16px;height:16px}.pagination__page--active{background:var(--color-accent);color:#fff;border-color:var(--color-accent);cursor:default}.pagination__ellipsis{display:inline-flex;align-items:center;justify-content:center;width:32px;height:36px;color:var(--color-text-muted);font-size:var(--text-sm)}.sop-table{width:100%}.sop-table__row{cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out)}.sop-table__row:hover{background-color:var(--color-bg-hover)}.sop-table__title{font-weight:var(--weight-medium);color:var(--color-text-primary);max-width:320px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sop-table__version{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-secondary)}.sop-table__complexity{font-size:var(--text-sm);color:var(--color-text-secondary)}.sop-table__date{font-size:var(--text-xs);color:var(--color-text-tertiary);white-space:nowrap}.sop-table__skeleton-row{display:flex;gap:var(--space-4);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border-subtle)}.sop-table__skeleton-cell{flex:1}.sop-drawer-overlay{position:fixed;inset:0;z-index:var(--z-overlay);background:#00000080;backdrop-filter:blur(4px) saturate(120%);-webkit-backdrop-filter:blur(4px) saturate(120%);opacity:0;transition:opacity var(--duration-normal) var(--ease-out);pointer-events:none}.sop-drawer-overlay--open{opacity:1;pointer-events:auto}.sop-drawer{position:fixed;top:0;right:0;bottom:0;width:520px;max-width:100vw;z-index:var(--z-modal);background:var(--color-bg-glass-elevated);backdrop-filter:blur(16px) saturate(160%);-webkit-backdrop-filter:blur(16px) saturate(160%);border-left:1px solid var(--color-border);box-shadow:var(--shadow-xl);display:flex;flex-direction:column;transform:translate(100%);transition:transform var(--duration-slow) var(--ease-out)}.sop-drawer--open{transform:translate(0)}.sop-drawer__header{padding:var(--space-6);border-bottom:1px solid var(--color-border);display:flex;flex-direction:column;gap:var(--space-3);flex-shrink:0}.sop-drawer__header-top{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3)}.sop-drawer__title{font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--color-text-primary);line-height:var(--leading-tight);flex:1}.sop-drawer__close{flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:1px solid var(--color-border);border-radius:var(--radius-md);background:transparent;color:var(--color-text-secondary);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out)}.sop-drawer__close:hover{background-color:var(--color-bg-hover);color:var(--color-text-primary);border-color:var(--color-border-hover)}.sop-drawer__close svg{width:16px;height:16px}.sop-drawer__badges{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.sop-drawer__body{flex:1;overflow-y:auto;padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-6)}.sop-drawer__section-title{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-3)}.sop-drawer__markdown{background:var(--color-bg-primary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);padding:var(--space-4);overflow-x:auto;max-height:420px;overflow-y:auto}.sop-drawer__markdown pre{margin:0;white-space:pre-wrap;word-break:break-word}.sop-drawer__markdown code{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-primary);line-height:var(--leading-relaxed)}.sop-drawer__deps-list{display:flex;flex-direction:column;gap:var(--space-2)}.sop-drawer__dep-item{display:flex;align-items:center;gap:var(--space-2);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-link);padding:var(--space-2) var(--space-3);background:var(--color-bg-tertiary);border-radius:var(--radius-sm);border:1px solid var(--color-border-subtle)}.sop-drawer__dep-icon{width:14px;height:14px;color:var(--color-text-tertiary);flex-shrink:0}.sop-drawer__no-deps{font-size:var(--text-sm);color:var(--color-text-muted);font-style:italic}.sop-drawer__meta{display:flex;flex-direction:column;gap:var(--space-2);padding-top:var(--space-4);border-top:1px solid var(--color-border-subtle)}.sop-drawer__meta-row{display:flex;justify-content:space-between;align-items:center;font-size:var(--text-xs)}.sop-drawer__meta-label{color:var(--color-text-tertiary)}.sop-drawer__meta-value{color:var(--color-text-secondary);font-family:var(--font-mono)}.sop-drawer__loading{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-4)}.settings-page{max-width:800px}.settings-page__header{margin-bottom:var(--space-6)}.settings-page__title{font-size:var(--text-2xl);font-weight:var(--weight-bold);color:var(--color-text-primary);margin:0}.settings-page__subtitle{font-size:var(--text-sm);color:var(--color-text-secondary);margin:var(--space-1) 0 0}.settings-page__cards{display:flex;flex-direction:column;gap:var(--space-4)}.settings-card{padding:var(--space-6)}.settings-card__title{font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--color-text-primary);margin-bottom:var(--space-4);letter-spacing:-.01em}.settings-card__row{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) 0;border-bottom:1px solid var(--color-border-subtle)}.settings-card__row:last-child{border-bottom:none}.settings-card__label{font-size:var(--text-sm);color:var(--color-text-tertiary)}.settings-card__value{font-size:var(--text-sm);color:var(--color-text-primary);font-weight:var(--weight-medium)}.settings-card__value--mono{font-family:var(--font-mono);font-size:var(--text-xs)}.settings-card__plan-row{display:flex;align-items:center;gap:var(--space-3)}.settings-card__plan-name{font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--color-text-primary);text-transform:capitalize}.settings-card__trial-info{margin-top:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-warning-bg);border:1px solid var(--color-warning-border);border-radius:var(--radius-md);display:flex;align-items:center;gap:var(--space-3)}.settings-card__trial-icon{width:20px;height:20px;color:var(--color-warning);flex-shrink:0}.settings-card__trial-text{font-size:var(--text-sm);color:var(--color-warning-text)}.settings-card__trial-days{font-weight:var(--weight-semibold)}.settings-card__stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4);margin-top:var(--space-4)}.settings-card__stat{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-3) var(--space-4);background:var(--color-bg-tertiary);border-radius:var(--radius-md);border:1px solid var(--color-border-subtle)}.settings-card__stat-label{font-size:var(--text-xs);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em}.settings-card__stat-value{font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--color-text-primary)}.settings-card__placeholder{display:flex;flex-direction:column;align-items:center;padding:var(--space-8) var(--space-4);color:var(--color-text-muted)}.settings-card__placeholder-icon{width:40px;height:40px;margin-bottom:var(--space-3);opacity:.5}.settings-card__placeholder-text{font-size:var(--text-sm);font-style:italic}.settings-card--danger{border-color:var(--color-error-border)}.settings-card--danger .settings-card__title{color:var(--color-error-text)}.settings-card__danger-desc{font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:var(--space-4);line-height:var(--leading-normal)}.upgrade-page{max-width:1100px;margin:0 auto}.upgrade-page__header{text-align:center;margin-bottom:var(--space-8)}.upgrade-page__title{font-size:var(--text-3xl);font-weight:var(--weight-bold);color:var(--color-text-primary);margin:0;letter-spacing:-.02em}.upgrade-page__subtitle{font-size:var(--text-base);color:var(--color-text-secondary);margin:var(--space-2) 0 0;line-height:var(--leading-normal)}.upgrade-page__toggle{display:flex;align-items:center;justify-content:center;gap:var(--space-3);margin-bottom:var(--space-8)}.upgrade-page__toggle-label{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-secondary);cursor:pointer;transition:color var(--duration-fast) var(--ease-out)}.upgrade-page__toggle-label--active{color:var(--color-text-primary)}.upgrade-page__toggle-switch{position:relative;width:48px;height:26px;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-full);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out)}.upgrade-page__toggle-switch:hover{border-color:var(--color-border-hover)}.upgrade-page__toggle-switch--annual{background:var(--color-accent-subtle);border-color:var(--color-accent)}.upgrade-page__toggle-knob{position:absolute;top:2px;left:2px;width:20px;height:20px;background:var(--color-text-primary);border-radius:var(--radius-full);transition:transform var(--duration-fast) var(--ease-spring)}.upgrade-page__toggle-switch--annual .upgrade-page__toggle-knob{transform:translate(22px);background:var(--color-accent)}.upgrade-page__save-badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:2px var(--space-2);background:var(--color-success-bg);color:var(--color-success-text);border:1px solid var(--color-success-border);border-radius:var(--radius-full);font-size:.6875rem;font-weight:var(--weight-semibold)}.upgrade-page__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6);align-items:stretch}@media(max-width:900px){.upgrade-page__grid{grid-template-columns:1fr;max-width:400px;margin:0 auto}}.pricing-card{position:relative;display:flex;flex-direction:column;padding:var(--space-8) var(--space-6);transition:transform var(--duration-normal) var(--ease-out),box-shadow var(--duration-normal) var(--ease-out),border-color var(--duration-normal) var(--ease-out)}.pricing-card:hover{transform:translateY(-4px)}.pricing-card--highlighted{border-color:var(--color-accent);box-shadow:var(--shadow-glow-strong),0 8px 32px #6366f126;background:linear-gradient(135deg,var(--color-bg-glass-elevated) 0%,rgba(99,102,241,.06) 100%);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%)}.pricing-card--highlighted:hover{box-shadow:var(--shadow-glow-strong),0 12px 48px #6366f133;border-color:var(--color-accent-hover)}.pricing-card__popular{position:absolute;top:-12px;left:50%;transform:translate(-50%);padding:var(--space-1) var(--space-4);background:linear-gradient(135deg,var(--color-accent) 0%,#8b5cf6 100%);color:#fff;font-size:var(--text-xs);font-weight:var(--weight-semibold);border-radius:var(--radius-full);white-space:nowrap;letter-spacing:.02em;box-shadow:0 4px 12px #6366f166,0 0 20px #6366f133;animation:float 3s var(--ease-in-out) infinite}.pricing-card__tier{font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--color-text-primary);margin-bottom:var(--space-2)}.pricing-card__price-row{display:flex;align-items:baseline;gap:var(--space-1);margin-bottom:var(--space-1)}.pricing-card__price{font-size:var(--text-4xl);font-weight:var(--weight-bold);color:var(--color-text-primary);letter-spacing:-.03em;line-height:1}.pricing-card__period{font-size:var(--text-sm);color:var(--color-text-tertiary)}.pricing-card__price-note{font-size:var(--text-xs);color:var(--color-text-muted);margin-bottom:var(--space-6);min-height:18px}.pricing-card__current-badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);background:var(--color-accent-subtle);color:var(--color-accent);border:1px solid var(--color-accent);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--weight-semibold);margin-bottom:var(--space-4)}.pricing-card__features{flex:1;display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-6)}.pricing-card__feature{display:flex;align-items:flex-start;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-normal)}.pricing-card__feature-icon{width:16px;height:16px;flex-shrink:0;margin-top:2px;color:var(--color-success)}.pricing-card--highlighted .pricing-card__feature-icon{color:var(--color-accent)}.pricing-card__cta{margin-top:auto}.pricing-card__cta .btn{width:100%}.pricing-card--highlighted .btn--primary{box-shadow:var(--shadow-sm),0 0 16px #6366f14d}.pricing-card--highlighted .btn--primary:hover:not(:disabled){box-shadow:var(--shadow-md),0 0 24px #6366f166}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/inter-latin-400.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/inter-latin-500.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/inter-latin-600.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/inter-latin-700.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "SF Mono", "Cascadia Code", Consolas, "Liberation Mono", Menlo, monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--weight-normal: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--leading-tight: 1.25;--leading-normal: 1.5;--leading-relaxed: 1.625;--space-0: 0;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--duration-instant: 75ms;--duration-fast: .15s;--duration-normal: .25s;--duration-slow: .35s;--duration-slower: .5s;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--sidebar-width: 260px;--sidebar-collapsed-width: 72px;--topbar-height: 64px;--content-max-width: 1440px;--z-base: 0;--z-dropdown: 100;--z-sticky: 200;--z-overlay: 300;--z-modal: 400;--z-toast: 500;--z-tooltip: 600}[data-theme=dark]{color-scheme:dark;--color-bg-primary: #0f0d1a;--color-bg-secondary: #1a1726;--color-bg-tertiary: #241f33;--color-bg-elevated: #2a2440;--color-bg-glass: rgba(26, 23, 38, .72);--color-bg-glass-elevated: rgba(42, 36, 64, .65);--color-bg-input: rgba(15, 13, 26, .6);--color-bg-hover: rgba(99, 102, 241, .08);--color-bg-active: rgba(99, 102, 241, .12);--color-border: rgba(255, 255, 255, .08);--color-border-hover: rgba(255, 255, 255, .14);--color-border-focus: rgba(99, 102, 241, .5);--color-border-subtle: rgba(255, 255, 255, .04);--color-text-primary: #f1f0f5;--color-text-secondary: #a8a3b8;--color-text-tertiary: #706b83;--color-text-muted: #565165;--color-text-inverse: #0f0d1a;--color-text-link: #818cf8;--color-accent: #6366f1;--color-accent-hover: #818cf8;--color-accent-subtle: rgba(99, 102, 241, .2);--color-accent-muted: rgba(99, 102, 241, .1);--color-success: #34d399;--color-success-bg: rgba(52, 211, 153, .12);--color-success-border: rgba(52, 211, 153, .25);--color-success-text: #6ee7b7;--color-warning: #fbbf24;--color-warning-bg: rgba(251, 191, 36, .12);--color-warning-border: rgba(251, 191, 36, .25);--color-warning-text: #fde68a;--color-error: #f87171;--color-error-bg: rgba(248, 113, 113, .12);--color-error-border: rgba(248, 113, 113, .25);--color-error-text: #fca5a5;--color-info: #60a5fa;--color-info-bg: rgba(96, 165, 250, .12);--color-info-border: rgba(96, 165, 250, .25);--color-info-text: #93c5fd;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .3), 0 1px 3px rgba(0, 0, 0, .2);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .4), 0 2px 8px rgba(0, 0, 0, .3);--shadow-xl: 0 16px 48px rgba(0, 0, 0, .5), 0 4px 16px rgba(0, 0, 0, .3);--shadow-glow: 0 0 20px rgba(99, 102, 241, .15), 0 0 6px rgba(99, 102, 241, .1);--shadow-glow-strong: 0 0 30px rgba(99, 102, 241, .25), 0 0 10px rgba(99, 102, 241, .15);--chart-1: #6366f1;--chart-2: #8b5cf6;--chart-3: #a78bfa;--chart-4: #34d399;--chart-5: #fbbf24;--chart-6: #f87171;--chart-7: #60a5fa;--scrollbar-track: rgba(255, 255, 255, .02);--scrollbar-thumb: rgba(255, 255, 255, .1);--scrollbar-thumb-hover: rgba(255, 255, 255, .18)}[data-theme=light]{color-scheme:light;--color-bg-primary: #f8f7fc;--color-bg-secondary: #ffffff;--color-bg-tertiary: #f0eef5;--color-bg-elevated: #ffffff;--color-bg-glass: rgba(255, 255, 255, .72);--color-bg-glass-elevated: rgba(255, 255, 255, .85);--color-bg-input: rgba(255, 255, 255, .8);--color-bg-hover: rgba(99, 102, 241, .06);--color-bg-active: rgba(99, 102, 241, .1);--color-border: rgba(0, 0, 0, .08);--color-border-hover: rgba(0, 0, 0, .14);--color-border-focus: rgba(99, 102, 241, .5);--color-border-subtle: rgba(0, 0, 0, .04);--color-text-primary: #1a1726;--color-text-secondary: #565165;--color-text-tertiary: #8a8499;--color-text-muted: #a8a3b8;--color-text-inverse: #f1f0f5;--color-text-link: #6366f1;--color-accent: #6366f1;--color-accent-hover: #4f46e5;--color-accent-subtle: rgba(99, 102, 241, .15);--color-accent-muted: rgba(99, 102, 241, .08);--color-success: #059669;--color-success-bg: rgba(5, 150, 105, .08);--color-success-border: rgba(5, 150, 105, .2);--color-success-text: #047857;--color-warning: #d97706;--color-warning-bg: rgba(217, 119, 6, .08);--color-warning-border: rgba(217, 119, 6, .2);--color-warning-text: #b45309;--color-error: #dc2626;--color-error-bg: rgba(220, 38, 38, .08);--color-error-border: rgba(220, 38, 38, .2);--color-error-text: #b91c1c;--color-info: #2563eb;--color-info-bg: rgba(37, 99, 235, .08);--color-info-border: rgba(37, 99, 235, .2);--color-info-text: #1d4ed8;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08), 0 1px 3px rgba(0, 0, 0, .05);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .1), 0 2px 8px rgba(0, 0, 0, .06);--shadow-xl: 0 16px 48px rgba(0, 0, 0, .12), 0 4px 16px rgba(0, 0, 0, .06);--shadow-glow: 0 0 20px rgba(99, 102, 241, .1), 0 0 6px rgba(99, 102, 241, .08);--shadow-glow-strong: 0 0 30px rgba(99, 102, 241, .18), 0 0 10px rgba(99, 102, 241, .1);--chart-1: #6366f1;--chart-2: #7c3aed;--chart-3: #8b5cf6;--chart-4: #059669;--chart-5: #d97706;--chart-6: #dc2626;--chart-7: #2563eb;--scrollbar-track: rgba(0, 0, 0, .02);--scrollbar-thumb: rgba(0, 0, 0, .12);--scrollbar-thumb-hover: rgba(0, 0, 0, .2)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-size:16px;line-height:var(--leading-normal);-webkit-text-size-adjust:100%;tab-size:4}body{font-family:var(--font-sans);background-color:var(--color-bg-primary);color:var(--color-text-primary);min-height:100vh;overflow-x:hidden;transition:background-color var(--duration-normal) var(--ease-in-out),color var(--duration-normal) var(--ease-in-out)}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit;color:inherit}a{color:var(--color-text-link);text-decoration:none;transition:color var(--duration-fast) var(--ease-out)}a:hover{color:var(--color-accent-hover)}h1,h2,h3,h4,h5,h6{font-weight:var(--weight-semibold);line-height:var(--leading-tight);color:var(--color-text-primary)}code,kbd,samp,pre{font-family:var(--font-mono);font-size:var(--text-sm)}ul,ol{list-style:none}table{border-collapse:collapse;border-spacing:0}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:var(--radius-full);transition:background var(--duration-fast) var(--ease-out)}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}*{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}::selection{background-color:var(--color-accent-subtle);color:var(--color-text-primary)}:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px;border-radius:var(--radius-sm)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.glass-panel{background:var(--color-bg-glass);backdrop-filter:blur(12px) saturate(150%);-webkit-backdrop-filter:blur(12px) saturate(150%);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);transition:border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.glass-panel:hover{border-color:var(--color-border-hover);box-shadow:var(--shadow-lg)}.glass-panel--accent{box-shadow:var(--shadow-glow);border-color:var(--color-accent-subtle)}.glass-panel--accent:hover{box-shadow:var(--shadow-glow-strong);border-color:var(--color-accent)}.glass-panel--elevated{background:var(--color-bg-glass-elevated);backdrop-filter:blur(16px) saturate(160%);-webkit-backdrop-filter:blur(16px) saturate(160%);box-shadow:var(--shadow-lg)}.glass-panel--elevated:hover{box-shadow:var(--shadow-xl)}.glass-panel--flat{background:var(--color-bg-secondary);backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:var(--shadow-sm)}.glass-panel--flat:hover{box-shadow:var(--shadow-md)}.glass-panel--interactive{cursor:pointer;user-select:none;transition:border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.glass-panel--interactive:hover{transform:translateY(-1px)}.glass-panel--interactive:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.glass-input{background:var(--color-bg-input);backdrop-filter:blur(8px) saturate(120%);-webkit-backdrop-filter:blur(8px) saturate(120%);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.glass-input:focus{border-color:var(--color-border-focus);box-shadow:0 0 0 3px var(--color-accent-muted);outline:none}.glass-overlay{background:#00000080;backdrop-filter:blur(4px) saturate(120%);-webkit-backdrop-filter:blur(4px) saturate(120%)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes expandWidth{0%{width:0}to{width:100%}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.animate-fade-in{animation:fadeIn var(--duration-normal) var(--ease-out) both}.animate-fade-in-up{animation:fadeInUp var(--duration-normal) var(--ease-out) both}.animate-fade-in-down{animation:fadeInDown var(--duration-normal) var(--ease-out) both}.animate-slide-in-left{animation:slideInLeft var(--duration-normal) var(--ease-out) both}.animate-slide-in-right{animation:slideInRight var(--duration-normal) var(--ease-out) both}.animate-scale-in{animation:scaleIn var(--duration-normal) var(--ease-spring) both}.animate-shimmer{background:linear-gradient(90deg,var(--color-bg-tertiary) 25%,var(--color-bg-elevated) 50%,var(--color-bg-tertiary) 75%);background-size:200% 100%;animation:shimmer 1.8s var(--ease-in-out) infinite}.animate-pulse{animation:pulse 2s var(--ease-in-out) infinite}.animate-spin{animation:spin 1s linear infinite}.animate-float{animation:float 3s var(--ease-in-out) infinite}.stagger-children>*{animation:fadeInUp var(--duration-normal) var(--ease-out) both}.stagger-children>*:nth-child(1){animation-delay:0ms}.stagger-children>*:nth-child(2){animation-delay:50ms}.stagger-children>*:nth-child(3){animation-delay:.1s}.stagger-children>*:nth-child(4){animation-delay:.15s}.stagger-children>*:nth-child(5){animation-delay:.2s}.stagger-children>*:nth-child(6){animation-delay:.25s}.stagger-children>*:nth-child(7){animation-delay:.3s}.stagger-children>*:nth-child(8){animation-delay:.35s}.stagger-children>*:nth-child(9){animation-delay:.4s}.stagger-children>*:nth-child(10){animation-delay:.45s}.transition-colors{transition-property:color,background-color,border-color;transition-duration:var(--duration-fast);transition-timing-function:var(--ease-out)}.transition-transform{transition-property:transform;transition-duration:var(--duration-fast);transition-timing-function:var(--ease-out)}.transition-all{transition-property:all;transition-duration:var(--duration-fast);transition-timing-function:var(--ease-out)}.transition-opacity{transition-property:opacity;transition-duration:var(--duration-fast);transition-timing-function:var(--ease-out)}