:root{--brand-name: "Metetta";--brand-mark: "Metetta";--brand-domain: "metetta.com";--bg-base: #F7F7F4;--bg-elevated: #FFFFFF;--bg-sunken: #EFEFEA;--bg-inverse: #111214;--fg-primary: #111214;--fg-secondary: #5E6470;--fg-tertiary: #8A8F99;--fg-inverse: #F3F5F7;--border-subtle: #DFE3EA;--border-strong: #C6CCD6;--border-inverse: #2A2E35;--accent: #6D5EF7;--accent-deep: #4B3FD6;--accent-soft: #EFEDFE;--accent-glow: rgba(109, 94, 247, .14);--accent-ring: rgba(109, 94, 247, .32);--status-live: #3FB37F;--status-warn: #D9A64A;--status-error: #D05757;--font-sans: "Inter Tight", "Inter", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;--fs-display: clamp(56px, 8.4vw, 120px);--fs-h1: clamp(40px, 5.2vw, 72px);--fs-h2: clamp(28px, 3.2vw, 44px);--fs-h3: 22px;--fs-h4: 18px;--fs-body: 16px;--fs-body-sm: 14px;--fs-caption: 12px;--fs-label: 11px;--fw-light: 300;--fw-regular: 400;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700;--lh-tight: 1.04;--lh-snug: 1.18;--lh-normal: 1.45;--lh-relaxed: 1.6;--tr-tight: -.02em;--tr-snug: -.01em;--tr-normal: 0;--tr-wide: .08em;--tr-widest: .14em;--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 16px;--s-5: 24px;--s-6: 32px;--s-7: 48px;--s-8: 64px;--s-9: 96px;--s-10: 128px;--r-xs: 4px;--r-sm: 8px;--r-md: 12px;--r-lg: 16px;--r-xl: 20px;--r-full: 999px;--shadow-0: none;--shadow-1: 0 1px 0 rgba(17, 18, 20, .04), 0 1px 2px rgba(17, 18, 20, .04);--shadow-2: 0 1px 0 rgba(17, 18, 20, .04), 0 6px 20px rgba(17, 18, 20, .06);--shadow-3: 0 12px 40px rgba(17, 18, 20, .1);--shadow-focus: 0 0 0 4px var(--accent-ring);--ease-standard: cubic-bezier(.22, 1, .36, 1);--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--dur-fast: .14s;--dur-base: .22s;--dur-slow: .32s;--container-max: 1280px;--gutter: 24px;--grid-columns: 12}[data-theme=dark]{--bg-base: #0D0F12;--bg-elevated: #13161B;--bg-sunken: #0A0C0F;--bg-inverse: #F3F5F7;--fg-primary: #F3F5F7;--fg-secondary: #98A2B3;--fg-tertiary: #6B7280;--fg-inverse: #111214;--border-subtle: #23272F;--border-strong: #2F343D;--border-inverse: #DFE3EA;--accent-soft: rgba(109, 94, 247, .12);--accent-glow: rgba(109, 94, 247, .22);--shadow-1: 0 1px 0 rgba(0, 0, 0, .4), 0 1px 2px rgba(0, 0, 0, .3);--shadow-2: 0 8px 24px rgba(0, 0, 0, .45);--shadow-3: 0 20px 60px rgba(0, 0, 0, .55)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;background:var(--bg-base);color:var(--fg-primary);font-family:var(--font-sans);font-size:var(--fs-body);line-height:var(--lh-normal);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-feature-settings:"ss01","cv11","tnum" 0}::selection{background:var(--accent);color:#fff}.t-display{font-family:var(--font-sans);font-weight:var(--fw-medium);font-size:var(--fs-display);line-height:var(--lh-tight);letter-spacing:var(--tr-tight);text-wrap:balance}.t-h1{font-family:var(--font-sans);font-weight:var(--fw-medium);font-size:var(--fs-h1);line-height:var(--lh-tight);letter-spacing:var(--tr-tight);text-wrap:balance}.t-h2{font-family:var(--font-sans);font-weight:var(--fw-medium);font-size:var(--fs-h2);line-height:var(--lh-snug);letter-spacing:var(--tr-snug);text-wrap:balance}.t-h3{font-family:var(--font-sans);font-weight:var(--fw-semibold);font-size:var(--fs-h3);line-height:var(--lh-snug);letter-spacing:var(--tr-snug)}.t-h4{font-family:var(--font-sans);font-weight:var(--fw-semibold);font-size:var(--fs-h4);line-height:var(--lh-snug)}.t-body{font-family:var(--font-sans);font-weight:var(--fw-regular);font-size:var(--fs-body);line-height:var(--lh-relaxed);color:var(--fg-primary);text-wrap:pretty}.t-body-sm{font-family:var(--font-sans);font-weight:var(--fw-regular);font-size:var(--fs-body-sm);line-height:var(--lh-normal);color:var(--fg-secondary)}.t-caption{font-family:var(--font-sans);font-weight:var(--fw-regular);font-size:var(--fs-caption);line-height:var(--lh-normal);color:var(--fg-secondary)}.t-label{font-family:var(--font-mono);font-weight:var(--fw-medium);font-size:var(--fs-label);line-height:1;letter-spacing:var(--tr-widest);text-transform:uppercase;color:var(--fg-secondary)}.t-mono{font-family:var(--font-mono);font-weight:var(--fw-regular);font-size:13px;line-height:var(--lh-normal);font-feature-settings:"tnum" 1,"zero" 1}.t-num{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}.t-accent{color:var(--accent)}html,body{height:100%}body{overflow:hidden;font-feature-settings:"ss01","cv11"}#root{height:100vh}:root{--row-pad: 9px;--list-pad: 10px}[data-density=comfortable]{--row-pad: 14px;--list-pad: 14px}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:999px;border:3px solid var(--bg-base)}::-webkit-scrollbar-thumb:hover{background:var(--fg-tertiary)}::-webkit-scrollbar-track{background:transparent}a{color:inherit;text-decoration:none}button{font-family:inherit}input,textarea,select{font-family:inherit;color:var(--fg-primary)}.app{display:grid;grid-template-columns:232px 1fr;height:100vh;background:var(--bg-base);font-family:var(--font-sans)}.app[data-collapsed=true]{grid-template-columns:60px 1fr}.sidebar{background:var(--bg-elevated);border-right:1px solid var(--border-subtle);display:flex;flex-direction:column;min-height:0;overflow:hidden}.sidebar-head{padding:16px 14px 12px;display:flex;flex-direction:column;gap:12px}.ws-selector{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--r-md);border:1px solid var(--border-subtle);background:var(--bg-base);cursor:pointer;transition:border-color var(--dur-base) var(--ease-standard);width:100%;text-align:left}.ws-selector:hover{border-color:var(--border-strong)}.ws-avatar{width:26px;height:26px;flex:none;border-radius:var(--r-sm);background:var(--fg-primary);color:var(--bg-elevated);display:grid;place-items:center;font-family:var(--font-mono);font-size:12px;font-weight:600}.ws-meta{min-width:0;flex:1}.ws-name{font-size:13px;font-weight:600;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ws-sub{font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--fg-tertiary)}.nav-section{padding:6px 8px}.nav-label{font-family:var(--font-mono);font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--fg-tertiary);padding:10px 10px 6px}.nav-item{display:flex;align-items:center;gap:10px;padding:7px 10px;border-radius:var(--r-sm);color:var(--fg-secondary);cursor:pointer;font-size:13.5px;font-weight:450;transition:background var(--dur-fast) var(--ease-standard),color var(--dur-fast) var(--ease-standard);position:relative;-webkit-user-select:none;user-select:none}.nav-item:hover{background:var(--bg-base);color:var(--fg-primary)}.nav-item .ni-icon{width:17px;height:17px;flex:none;color:currentColor}.nav-item .ni-count{margin-left:auto;font-family:var(--font-mono);font-size:10.5px;color:var(--fg-tertiary);font-variant-numeric:tabular-nums}.nav-item.active{background:var(--accent-soft);color:var(--accent-deep)}.nav-item.active .ni-count{color:var(--accent-deep)}[data-theme=dark] .nav-item.active{color:var(--fg-primary)}.nav-item.active:before{content:"";position:absolute;left:-8px;top:8px;bottom:8px;width:2px;border-radius:2px;background:var(--accent)}.sidebar[data-collapsed=true] .nav-item span.ni-text,.sidebar[data-collapsed=true] .nav-label,.sidebar[data-collapsed=true] .ni-count,.sidebar[data-collapsed=true] .ws-meta{display:none}.sidebar-foot{margin-top:auto;padding:10px 8px;border-top:1px solid var(--border-subtle)}.main{display:flex;flex-direction:column;min-width:0;min-height:0}.topbar{height:52px;flex:none;display:flex;align-items:center;gap:14px;padding:0 20px;border-bottom:1px solid var(--border-subtle);background:color-mix(in srgb,var(--bg-base) 72%,transparent);-webkit-backdrop-filter:blur(18px) saturate(1.1);backdrop-filter:blur(18px) saturate(1.1)}.topbar-title{font-size:14px;font-weight:600;letter-spacing:-.01em}.crumb{color:var(--fg-tertiary)}.content{flex:1;min-height:0;overflow:auto}.content.pad{padding:28px 32px 64px}.page-wrap{max-width:1180px;margin:0 auto}.sec-head{display:flex;flex-direction:column;gap:6px}.eyebrow{font-family:var(--font-mono);font-size:10.5px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--fg-tertiary)}.sec-title{font-size:26px;font-weight:500;letter-spacing:-.02em;line-height:1.1}.sec-sub{font-size:14px;color:var(--fg-secondary);max-width:560px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;font-size:13px;font-weight:500;line-height:1;padding:9px 14px;border-radius:10px;border:1px solid transparent;cursor:pointer;white-space:nowrap;transition:background var(--dur-base) var(--ease-standard),border-color var(--dur-base) var(--ease-standard),color var(--dur-base) var(--ease-standard),transform var(--dur-fast) var(--ease-standard),opacity var(--dur-fast)}.btn:active{transform:translateY(0);opacity:.9}.btn svg{width:15px;height:15px}.btn-primary{background:var(--fg-primary);color:var(--bg-elevated)}.btn-primary:hover{background:#000}[data-theme=dark] .btn-primary{background:var(--fg-primary);color:var(--bg-base)}.btn-accent{background:var(--accent);color:#fff}.btn-accent:hover{background:var(--accent-deep)}.btn-secondary{background:var(--bg-elevated);color:var(--fg-primary);border-color:var(--border-subtle)}.btn-secondary:hover{border-color:var(--border-strong)}.btn-ghost{background:transparent;color:var(--fg-secondary)}.btn-ghost:hover{color:var(--fg-primary);background:var(--bg-base)}.btn-sm{padding:6px 10px;font-size:12px;gap:5px}.btn-sm svg{width:13px;height:13px}.btn-icon{padding:7px}.btn[disabled]{opacity:.45;cursor:not-allowed}.card{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--r-lg)}.card-pad{padding:20px 22px}.card-hover{transition:border-color var(--dur-base) var(--ease-standard),transform var(--dur-base) var(--ease-standard)}.card-hover:hover{border-color:var(--border-strong);transform:translateY(-2px)}.stat{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--r-lg);padding:16px 18px;display:flex;flex-direction:column;gap:12px;min-height:116px;min-width:0;overflow:hidden}.stat-top{display:flex;align-items:center;justify-content:space-between}.stat-label{font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--fg-tertiary)}.stat-icon{color:var(--fg-tertiary);width:16px;height:16px}.stat-val{font-size:32px;font-weight:500;letter-spacing:-.02em;line-height:1;font-variant-numeric:tabular-nums}.stat-foot{font-size:12px;color:var(--fg-secondary);display:flex;align-items:center;gap:6px}.delta-up{color:var(--status-live)}.delta-down{color:var(--status-error)}.chip{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:.04em;text-transform:uppercase;padding:4px 9px;border-radius:999px;white-space:nowrap;background:var(--bg-sunken);color:var(--fg-secondary)}.chip .dot{width:6px;height:6px;border-radius:50%;flex:none}.chip-outline{background:transparent;border:1px solid var(--border-subtle)}.chip-accent{background:var(--accent-soft);color:var(--accent-deep)}[data-theme=dark] .chip-accent{color:#b9b1fb}.dot-new{background:var(--accent)}.dot-ai{background:var(--status-live)}.dot-waiting{background:var(--fg-tertiary)}.dot-human{background:var(--status-warn)}.dot-eng{background:#6e8bb5}.dot-resolved{background:var(--status-live)}.dot-closed{background:var(--border-strong)}.prio{font-family:var(--font-mono);font-size:10.5px;font-weight:600;letter-spacing:.05em;padding:2px 6px;border-radius:var(--r-xs)}.prio-p0{color:var(--status-error);background:color-mix(in srgb,var(--status-error) 12%,transparent)}.prio-p1{color:var(--status-warn);background:color-mix(in srgb,var(--status-warn) 14%,transparent)}.prio-p2{color:var(--fg-secondary);background:var(--bg-sunken)}.prio-p3{color:var(--fg-tertiary);background:transparent;border:1px solid var(--border-subtle)}.tag{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;padding:2px 8px;border-radius:999px;background:var(--bg-sunken);color:var(--fg-secondary);white-space:nowrap}.tag .tdot{width:6px;height:6px;border-radius:50%}.tbl{width:100%;border-collapse:collapse}.tbl th{text-align:left;font-family:var(--font-mono);font-size:10px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--fg-tertiary);padding:8px 14px;border-bottom:1px solid var(--border-subtle);white-space:nowrap}.tbl td{padding:var(--row-pad) 14px;border-bottom:1px solid var(--border-subtle);font-size:13px;vertical-align:middle}.tbl tbody tr{cursor:pointer;transition:background var(--dur-fast)}.tbl tbody tr:hover{background:var(--bg-base)}[data-theme=dark] .tbl tbody tr:hover{background:color-mix(in srgb,var(--bg-elevated) 60%,var(--bg-base))}.tbl tbody tr:last-child td{border-bottom:0}.field{display:flex;flex-direction:column;gap:7px}.lbl{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--fg-secondary)}.inp,.ta,.sel{width:100%;padding:9px 12px;border:1px solid var(--border-subtle);border-radius:10px;font-size:13.5px;background:var(--bg-elevated);outline:none;transition:border-color var(--dur-base),box-shadow var(--dur-base)}.inp:focus,.ta:focus,.sel:focus{border-color:var(--accent);box-shadow:var(--shadow-focus)}.ta{resize:vertical;line-height:1.55}.inp::placeholder,.ta::placeholder{color:var(--fg-tertiary)}.sel{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%238A8F99' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:32px}.search{display:flex;align-items:center;gap:8px;padding:7px 11px;border:1px solid var(--border-subtle);border-radius:10px;background:var(--bg-elevated);color:var(--fg-tertiary);min-width:0}.search:focus-within{border-color:var(--accent);box-shadow:var(--shadow-focus)}.search input{border:0;outline:0;background:transparent;font-size:13px;flex:1;min-width:0;color:var(--fg-primary)}.search svg{width:15px;height:15px;flex:none}.kbd{font-family:var(--font-mono);font-size:10.5px;line-height:1;padding:3px 5px;border-radius:5px;border:1px solid var(--border-subtle);background:var(--bg-base);color:var(--fg-tertiary);min-width:16px;text-align:center}.kbd-row{display:inline-flex;gap:3px;align-items:center}.seg{display:inline-flex;padding:2px;border:1px solid var(--border-subtle);border-radius:10px;background:var(--bg-base);gap:2px}.seg button{border:0;background:transparent;cursor:pointer;color:var(--fg-secondary);font-size:12px;font-weight:500;padding:5px 11px;border-radius:8px;transition:background var(--dur-fast),color var(--dur-fast)}.seg button.on{background:var(--bg-elevated);color:var(--fg-primary);box-shadow:var(--shadow-1)}.toggle{width:36px;height:20px;border-radius:999px;background:var(--border-strong);position:relative;cursor:pointer;transition:background var(--dur-base);flex:none;border:0;padding:0}.toggle:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform var(--dur-base) var(--ease-standard);box-shadow:var(--shadow-1)}.toggle.on{background:var(--accent)}.toggle.on:after{transform:translate(16px)}.hr{height:1px;background:var(--border-subtle);border:0;margin:0}.vr{width:1px;background:var(--border-subtle);align-self:stretch}.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:10px;padding:56px 24px;color:var(--fg-tertiary)}.empty-icon{width:38px;height:38px;border-radius:var(--r-md);border:1px solid var(--border-subtle);display:grid;place-items:center;color:var(--fg-tertiary)}.empty h4{font-size:14px;font-weight:600;color:var(--fg-secondary);margin:0}.empty p{font-size:13px;margin:0;max-width:320px}.avatar{border-radius:50%;display:grid;place-items:center;font-family:var(--font-mono);font-weight:600;flex:none;letter-spacing:0}.link{color:var(--accent-deep);cursor:pointer}.link:hover{color:var(--accent)}[data-theme=dark] .link{color:#b9b1fb}.scroll-y{overflow-y:auto;min-height:0}@keyframes toastIn{0%{transform:translateY(8px)}to{transform:none}}.toast{animation:toastIn var(--dur-base) var(--ease-standard);pointer-events:auto}.row-hover{transition:background var(--dur-fast)}.row-hover:hover{background:var(--bg-base)}[data-theme=dark] .row-hover:hover{background:color-mix(in srgb,var(--bg-elevated) 55%,var(--bg-base))}.conv-row{transition:background var(--dur-fast)}.conv-row:hover{background:var(--bg-base)}[data-theme=dark] .conv-row:hover{background:color-mix(in srgb,var(--bg-elevated) 55%,var(--bg-base))}@keyframes fadeIn{0%{transform:translateY(5px)}to{transform:none}}.fade-in{animation:fadeIn var(--dur-base) var(--ease-standard)}.profile-trigger{border-radius:var(--r-md);transition:opacity var(--dur-fast)}.profile-trigger:hover{opacity:.72}.typedot{width:6px;height:6px;border-radius:50%;background:var(--accent-deep);opacity:.5;animation:typebounce 1s ease-in-out infinite}@keyframes typebounce{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-4px);opacity:.9}}.mono{font-family:var(--font-mono)}.tnum{font-variant-numeric:tabular-nums}.clamp-1{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.cardstat-last:last-child{border-right:0!important}.fpill{display:inline-flex;align-items:center;gap:7px;padding:6px 13px;border-radius:999px;cursor:pointer;font-size:12.5px;font-weight:500;white-space:nowrap;border:1px solid var(--border-subtle);background:var(--bg-elevated);color:var(--fg-secondary);transition:background var(--dur-fast),color var(--dur-fast),border-color var(--dur-fast)}.fpill:hover{border-color:var(--border-strong);color:var(--fg-primary)}.fpill.on{border-color:transparent;background:var(--accent-soft);color:var(--accent-deep)}[data-theme=dark] .fpill.on{color:#b9b1fb}.fpill .fpc{font-family:var(--font-mono);font-size:10.5px;opacity:.7;font-variant-numeric:tabular-nums}.fpill .fpdot{width:8px;height:8px;border-radius:50%;flex:none}.pulse{position:relative}.pulse:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%;border:1px solid var(--status-live);opacity:0;animation:pulseRing 2.4s var(--ease-standard) infinite}@keyframes pulseRing{0%{opacity:.6;transform:scale(.8)}70%,to{opacity:0;transform:scale(1.6)}}a:focus-visible,button:focus-visible,summary:focus-visible,.nav-item:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.skip-link{position:fixed;top:10px;left:10px;z-index:200;padding:9px 14px;border-radius:var(--r-md);background:var(--accent);color:#fff;font-size:13px;font-weight:600;box-shadow:var(--shadow-2);transform:translateY(-160%);transition:transform var(--dur-base) var(--ease-standard)}.skip-link:focus{transform:none}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}