.cp-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:flex-start;justify-content:center;padding-top:12vh;z-index:1000}.cp-box{width:min(560px,90vw);border-radius:12px;overflow:hidden;box-shadow:0 20px 60px #00000059}.cp-input{width:100%;padding:14px 16px;border:none;border-bottom:1px solid var(--ds-border, #e2e8f0);background:transparent;color:inherit;font-size:15px;outline:none}.cp-list{list-style:none;margin:0;padding:6px;max-height:320px;overflow-y:auto}.cp-item{padding:10px 12px;border-radius:8px;cursor:pointer}.cp-active{background:var(--ds-primary, #2563eb);color:var(--ds-primary-contrast, #fff)}.cp-empty{padding:16px;text-align:center;color:var(--ds-text-muted, #64748b)}.dt-wrapper{padding:12px;overflow-x:auto}.dt-toolbar{display:flex;gap:8px;margin-bottom:10px;align-items:center;justify-content:space-between}.dt-search{flex:1;padding:8px 12px;border:1px solid var(--ds-border, #e2e8f0);border-radius:8px;background:transparent;color:inherit}.dt-export{padding:8px 14px;border-radius:8px;border:1px solid var(--ds-primary, #2563eb);background:var(--ds-primary, #2563eb);color:var(--ds-primary-contrast, #fff);cursor:pointer;white-space:nowrap}.dt-table{width:100%;border-collapse:collapse;font-size:14px}.dt-table th,.dt-table td{padding:10px 12px;border-bottom:1px solid var(--ds-border, #e2e8f0);text-align:start}.dt-table th.dt-sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.dt-empty{text-align:center;padding:24px;color:var(--ds-text-muted, #64748b)}.dt-pagination{display:flex;gap:10px;align-items:center;justify-content:flex-end;margin-top:10px}.dt-pagination button{border:1px solid var(--ds-border, #e2e8f0);background:transparent;color:inherit;border-radius:6px;padding:4px 10px;cursor:pointer}.dt-pagination button:disabled{opacity:.4;cursor:not-allowed}.tm-wrapper{padding:16px}.tm-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;flex-wrap:wrap;gap:8px}.tm-demo-badge{font-size:11px;padding:2px 8px;border-radius:999px;background:var(--ds-warning, #d97706);color:#fff}.tm-legend{display:flex;gap:14px;margin-bottom:10px;flex-wrap:wrap;font-size:12px}.tm-legend-item{display:flex;align-items:center;gap:6px}.tm-dot{width:10px;height:10px;border-radius:50%;display:inline-block}.tm-pulse{animation:tm-pulse-anim 1.6s ease-out infinite}@keyframes tm-pulse-anim{0%{filter:drop-shadow(0 0 0 rgba(239,68,68,.6))}70%{filter:drop-shadow(0 0 6px rgba(239,68,68,0))}to{filter:drop-shadow(0 0 0 rgba(239,68,68,0))}}.tm-tooltip{margin-top:8px;font-size:13px;padding:8px 12px;border-radius:8px;background:var(--ds-surface, #131c2e);border:1px solid var(--ds-border, #253449);display:inline-block}:root{--uccc-color-primary: #1d4ed8;--uccc-color-primary-hover: #1e40af;--uccc-color-primary-soft: #eef2ff;--uccc-color-success: #15803d;--uccc-color-success-soft: #dcfce7;--uccc-color-warning: #b45309;--uccc-color-warning-soft: #fef3c7;--uccc-color-danger: #b91c1c;--uccc-color-danger-soft: #fee2e2;--uccc-color-info: #1d4ed8;--uccc-color-info-soft: #eef2ff;--uccc-env-poc: #b45309;--uccc-env-test: #1d4ed8;--uccc-env-production: #15803d;--uccc-env-fallback: #6b7280;--uccc-color-text: #111827;--uccc-color-text-muted: #6b7280;--uccc-color-text-disabled: #9ca3af;--uccc-color-border: #e5e7eb;--uccc-color-border-strong: #d1d5db;--uccc-color-surface: #ffffff;--uccc-color-surface-subtle: #f9fafb;--uccc-color-surface-active: #eef2ff;--uccc-font-family: system-ui, -apple-system, "Segoe UI", Tahoma, Arial, sans-serif;--uccc-font-size-xs: 12px;--uccc-font-size-sm: 13px;--uccc-font-size-base: 14px;--uccc-font-size-lg: 16px;--uccc-font-size-xl: 20px;--uccc-font-size-2xl: 28px;--uccc-font-weight-normal: 400;--uccc-font-weight-medium: 500;--uccc-font-weight-bold: 700;--uccc-space-1: 4px;--uccc-space-2: 8px;--uccc-space-3: 12px;--uccc-space-4: 16px;--uccc-space-5: 24px;--uccc-space-6: 32px;--uccc-space-8: 48px;--uccc-radius-sm: 6px;--uccc-radius-md: 8px;--uccc-radius-full: 999px;--uccc-shadow-sm: 0 1px 2px rgba(16, 24, 40, .06);--uccc-shadow-md: 0 2px 8px rgba(16, 24, 40, .08)}.uccc-btn{font:inherit;font-size:var(--uccc-font-size-base);font-weight:var(--uccc-font-weight-medium);padding:var(--uccc-space-2) var(--uccc-space-4);border-radius:var(--uccc-radius-sm);border:1px solid transparent;cursor:pointer;display:inline-flex;align-items:center;gap:var(--uccc-space-2);transition:background-color .15s ease,border-color .15s ease}.uccc-btn:disabled{cursor:default;opacity:.5}.uccc-btn--primary{background:var(--uccc-color-primary);color:#fff}.uccc-btn--primary:hover:not(:disabled){background:var(--uccc-color-primary-hover)}.uccc-btn--secondary{background:var(--uccc-color-surface);color:var(--uccc-color-text);border-color:var(--uccc-color-border-strong)}.uccc-btn--secondary:hover:not(:disabled){background:var(--uccc-color-surface-subtle)}.uccc-btn--danger{background:var(--uccc-color-danger);color:#fff}.uccc-btn--danger:hover:not(:disabled){background:#991b1b}.uccc-badge{display:inline-flex;align-items:center;font-size:var(--uccc-font-size-xs);font-weight:var(--uccc-font-weight-medium);padding:2px var(--uccc-space-3);border-radius:var(--uccc-radius-full);text-transform:uppercase;letter-spacing:.02em;line-height:1.6}.uccc-badge--neutral{background:var(--uccc-color-surface-subtle);color:var(--uccc-color-text-muted);border:1px solid var(--uccc-color-border)}.uccc-badge--success{background:var(--uccc-color-success-soft);color:var(--uccc-color-success)}.uccc-badge--warning{background:var(--uccc-color-warning-soft);color:var(--uccc-color-warning)}.uccc-badge--danger{background:var(--uccc-color-danger-soft);color:var(--uccc-color-danger)}.uccc-badge--info{background:var(--uccc-color-info-soft);color:var(--uccc-color-info)}.uccc-badge--solid{color:#fff;text-transform:uppercase}.uccc-card{background:var(--uccc-color-surface);border:1px solid var(--uccc-color-border);border-radius:var(--uccc-radius-md);padding:var(--uccc-space-5);box-shadow:var(--uccc-shadow-sm)}.uccc-card--title{font-size:var(--uccc-font-size-lg);font-weight:var(--uccc-font-weight-bold);margin-block-end:var(--uccc-space-3)}.uccc-stat-tile{background:var(--uccc-color-surface);border:1px solid var(--uccc-color-border);border-radius:var(--uccc-radius-md);padding:var(--uccc-space-4) var(--uccc-space-5);display:flex;flex-direction:column;gap:var(--uccc-space-1);min-width:160px}.uccc-stat-tile__label{font-size:var(--uccc-font-size-sm);color:var(--uccc-color-text-muted)}.uccc-stat-tile__value{font-size:var(--uccc-font-size-2xl);font-weight:var(--uccc-font-weight-bold);color:var(--uccc-color-text)}.uccc-stat-tile__delta{font-size:var(--uccc-font-size-xs);font-weight:var(--uccc-font-weight-medium)}.uccc-stat-tile__delta--up{color:var(--uccc-color-success)}.uccc-stat-tile__delta--down{color:var(--uccc-color-danger)}.uccc-page-header{display:flex;align-items:center;justify-content:space-between;margin-block-end:var(--uccc-space-5);gap:var(--uccc-space-4);flex-wrap:wrap}.uccc-page-header__title{font-size:var(--uccc-font-size-xl);font-weight:var(--uccc-font-weight-bold);color:var(--uccc-color-text);margin:0}.uccc-page-header__subtitle{font-size:var(--uccc-font-size-sm);color:var(--uccc-color-text-muted);margin-block-start:var(--uccc-space-1)}.uccc-page-header__actions{display:flex;gap:var(--uccc-space-2)}.uccc-stack{display:flex;flex-direction:column;gap:var(--uccc-space-4)}.uccc-row{display:flex;flex-direction:row;gap:var(--uccc-space-4);flex-wrap:wrap}.uccc-shell{display:flex;min-height:100vh;font-family:var(--uccc-font-family);background:var(--uccc-color-surface-subtle);color:var(--uccc-color-text)}.uccc-shell-nav{width:220px;border-inline-end:1px solid var(--uccc-color-border);padding:16px;background:var(--uccc-color-surface)}.uccc-shell-brand{font-weight:700;margin-bottom:16px;color:var(--uccc-color-text)}.uccc-shell-nav-list{list-style:none;padding:0;margin:0}.uccc-shell-nav-btn{display:block;width:100%;text-align:start;padding:8px 10px;border-radius:6px;border:none;background:transparent;color:var(--uccc-color-text-disabled);cursor:default;font:inherit}.uccc-shell-nav-btn--clickable{color:var(--uccc-color-text);cursor:pointer}.uccc-shell-nav-btn--active{background:var(--uccc-color-surface-active)}.uccc-shell-main{flex:1;padding:24px}.uccc-shell-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.uccc-shell-header-actions{display:flex;align-items:center;gap:8px}:root[data-theme=dark]{--uccc-color-primary: #3b82f6;--uccc-color-primary-hover: #60a5fa;--uccc-color-primary-soft: #1e2a4a;--uccc-color-success: #22c55e;--uccc-color-success-soft: #103a20;--uccc-color-warning: #f59e0b;--uccc-color-warning-soft: #452c06;--uccc-color-danger: #ef4444;--uccc-color-danger-soft: #4a1414;--uccc-color-info: #3b82f6;--uccc-color-info-soft: #1e2a4a;--uccc-color-text: #e6ebf5;--uccc-color-text-muted: #93a1b8;--uccc-color-text-disabled: #5b6b85;--uccc-color-border: #253449;--uccc-color-border-strong: #34445c;--uccc-color-surface: #131c2e;--uccc-color-surface-subtle: #0b1220;--uccc-color-surface-active: #1e2a4a;color-scheme:dark}html,body{transition:background-color .15s ease,color .15s ease}body{background:var(--uccc-color-surface-subtle);color:var(--uccc-color-text)}:root{--ds-bg: var(--uccc-color-surface-subtle);--ds-surface: var(--uccc-color-surface);--ds-border: var(--uccc-color-border);--ds-text: var(--uccc-color-text);--ds-text-muted: var(--uccc-color-text-muted);--ds-primary: var(--uccc-color-primary);--ds-primary-contrast: #ffffff;--ds-success: var(--uccc-color-success);--ds-warning: var(--uccc-color-warning);--ds-danger: var(--uccc-color-danger)}