:root,[data-theme=dark]{--background: oklch(.129 .042 264.695);--foreground: oklch(.984 .003 247.858);--card: oklch(.14 .04 259.21);--popover: oklch(.208 .042 265.755);--primary: oklch(.929 .013 255.508);--primary-foreground: oklch(.208 .042 265.755);--secondary: oklch(.279 .041 260.031);--secondary-foreground: oklch(.984 .003 247.858);--muted: oklch(.279 .041 260.031);--muted-foreground: oklch(.704 .04 256.788);--accent: oklch(.279 .041 260.031);--destructive: oklch(.704 .191 22.216);--border: oklch(1 0 0 / 10%);--input: oklch(1 0 0 / 15%);--input-fill: oklch(1 0 0 / 4.5%);--ring: oklch(.551 .027 264.364);--chart-1: oklch(.488 .243 264.376);--chart-2: oklch(.696 .17 162.48);--chart-3: oklch(.769 .188 70.08);--chart-4: oklch(.627 .265 303.9);--chart-5: oklch(.645 .246 16.439);--shadow-xs: none;--shadow-sm: none}[data-theme=light]{--background: oklch(1 0 0);--foreground: oklch(.129 .042 264.695);--card: oklch(1 0 0);--popover: oklch(1 0 0);--primary: oklch(.208 .042 265.755);--primary-foreground: oklch(.984 .003 247.858);--secondary: oklch(.968 .007 247.896);--secondary-foreground: oklch(.208 .042 265.755);--muted: oklch(.968 .007 247.896);--muted-foreground: oklch(.554 .046 257.417);--accent: oklch(.968 .007 247.896);--destructive: oklch(.577 .245 27.325);--border: oklch(.929 .013 255.508);--input: oklch(.929 .013 255.508);--input-fill: transparent;--ring: oklch(.704 .04 256.788);--chart-1: oklch(.646 .222 41.116);--chart-2: oklch(.6 .118 184.704);--chart-3: oklch(.398 .07 227.392);--chart-4: oklch(.828 .189 84.429);--chart-5: oklch(.769 .188 70.08);--shadow-xs: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;background:var(--background);color:var(--foreground);font-family:Inter,system-ui,sans-serif;font-size:14px;line-height:20px;-webkit-font-smoothing:antialiased}button,input,select{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:3px solid color-mix(in oklch,var(--ring) 50%,transparent);outline-offset:1px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}a{color:inherit;text-underline-offset:2px}.btn{text-decoration:none}.muted{color:var(--muted-foreground)}.small{font-size:12px;line-height:16px}.shell{min-height:100%;display:flex;flex-wrap:wrap;padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.sidebar{flex:1 1 256px;max-width:100%;padding:calc(8px + env(safe-area-inset-top)) 8px calc(8px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:8px;border-right:1px solid var(--border)}.brand{display:flex;align-items:center;gap:8px;padding:8px;height:48px}.brand-logo{width:32px;height:32px;border-radius:8px;display:block;flex:none}.group-label{font-size:12px;font-weight:500;color:var(--muted-foreground);padding:0 8px;height:32px;display:flex;align-items:center}.nav-item{display:flex;align-items:center;gap:8px;height:32px;width:100%;padding:0 8px;border-radius:6px;border:0;background:transparent;text-align:left}.nav-item:hover{background:var(--accent)}.nav-item[aria-current=page]{background:var(--accent);font-weight:500}.health{margin-top:auto;padding:8px;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:4px}.health-row{display:flex;gap:8px;align-items:flex-start;padding:6px 8px}.brand-text{display:flex;flex-direction:column;line-height:1.2}.health-text{display:flex;flex-direction:column;gap:2px;min-width:0}.sidebar.collapsed{flex:0 0 64px}.collapsed .brand-text,.collapsed .nav-item span,.collapsed .group-label,.collapsed .health-text{display:none}.collapsed .brand{justify-content:center;padding:8px 0}.collapsed .nav-item{justify-content:center;padding:0}.collapsed .health{padding:8px 0;align-items:center}.collapsed .health-row{padding:6px 0}.topbar-controls{margin-left:auto;display:flex;align-items:center;gap:8px}.tabbar,.event-list,.compact-only{display:none}.content{flex:999 1 640px;min-width:0;display:flex;flex-direction:column}.topbar{min-height:calc(64px + env(safe-area-inset-top));padding:env(safe-area-inset-top) 24px 0;display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--border)}.main{padding:24px 24px calc(24px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:16px}.page-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:12px}.page-title{margin:0;font-size:24px;line-height:32px;font-weight:700;letter-spacing:-.025em}.input{height:36px;padding:4px 12px;border-radius:8px;border:1px solid var(--input);background:var(--input-fill);box-shadow:var(--shadow-xs)}.search{position:relative;flex:0 1 320px;min-width:0}.search svg{position:absolute;left:10px;top:10px;color:var(--muted-foreground)}.search .input{width:100%;padding-left:34px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap;border-radius:8px;font-size:14px;font-weight:500;line-height:1;border:1px solid transparent;transition:background-color .15s,opacity .15s;text-decoration:none}.btn:disabled{opacity:.5;pointer-events:none}.btn-md{height:36px;padding:0 16px}.btn-sm{height:32px;padding:0 12px}.btn-icon{height:32px;width:32px;padding:0}.btn-primary{background:var(--primary);color:var(--primary-foreground);box-shadow:var(--shadow-xs)}.btn-primary:hover{opacity:.9}.btn-secondary{background:var(--secondary);color:var(--secondary-foreground)}.btn-secondary:hover{opacity:.8}.btn-outline{background:var(--background);border-color:var(--border)}.btn-outline:hover,.btn-ghost:hover{background:var(--accent)}.btn-ghost{background:transparent;color:var(--muted-foreground)}.badge{display:inline-flex;align-items:center;gap:6px;padding:2px 8px;border-radius:8px;font-size:12px;line-height:16px;font-weight:500;border:1px solid transparent}.badge-outline{border-color:var(--border)}.badge-secondary{background:var(--secondary);color:var(--secondary-foreground)}.badge-primary{background:var(--primary);color:var(--primary-foreground)}.badge-destructive{border-color:var(--destructive);color:var(--destructive)}.dot{display:inline-block;flex:0 0 8px;width:8px;height:8px;border-radius:9999px}.pulse{animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.card{background:var(--card);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow-sm);padding:24px;display:flex;flex-direction:column;gap:16px;min-width:0}.card-title{margin:0;font-size:16px;line-height:1;font-weight:600}.card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}.card-head p{margin:6px 0 0;color:var(--muted-foreground)}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.stat{gap:8px}.stat-top{display:flex;align-items:center;justify-content:space-between;font-weight:500}.stat-top svg{color:var(--muted-foreground)}.stat-num{font-size:24px;line-height:32px;font-weight:700}.row{display:flex;flex-wrap:wrap;gap:16px;align-items:stretch}.empty{padding:32px 16px;text-align:center;color:var(--muted-foreground);border:1px dashed var(--border);border-radius:10px}.chat{flex:999 1 460px}.log{flex:1 1 auto;display:flex;flex-direction:column;gap:12px;min-height:320px;max-height:460px;overflow-y:auto}.bubble-row{display:flex}.bubble-row.mine{justify-content:flex-end}.bubble{display:flex;flex-direction:column;gap:4px;max-width:80%;padding:8px 12px;border-radius:10px;background:var(--muted);white-space:pre-line}.mine .bubble{background:var(--primary);color:var(--primary-foreground)}.bubble-meta{font-size:12px;line-height:16px;font-weight:500;opacity:.7}.composer{display:flex;gap:8px;margin:0}.composer .input{flex:1 1 auto;min-width:0}.quick{display:flex;flex-wrap:wrap;gap:8px}.queue{flex:1 1 340px}.queue-list{display:flex;flex-direction:column;max-height:600px;overflow-y:auto}.q-item{display:flex;flex-direction:column;gap:8px;padding:12px 0;border-bottom:1px solid var(--border)}.q-tags{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.q-domain{display:inline-flex;align-items:center;gap:6px;font-size:12px;line-height:16px;font-weight:500}.q-actions{display:flex;flex-wrap:wrap;gap:8px}.banner{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:12px 16px;border:1px solid var(--destructive);color:var(--destructive);border-radius:10px;overflow-wrap:anywhere}@media (prefers-reduced-motion: reduce){.pulse{animation:none}}.table-box{overflow:auto}table{width:100%;min-width:620px;border-collapse:collapse}th{text-align:left;height:40px;padding:0 8px;font-weight:500;color:var(--muted-foreground);border-bottom:1px solid var(--border)}td{padding:8px;border-bottom:1px solid var(--border);vertical-align:top}tbody tr:hover{background:color-mix(in oklch,var(--muted) 50%,transparent)}.time{color:var(--muted-foreground);font-variant-numeric:tabular-nums;white-space:nowrap}.center{min-height:100%;display:flex;align-items:center;justify-content:center;padding:calc(24px + env(safe-area-inset-top)) 24px calc(24px + env(safe-area-inset-bottom))}.login{width:100%;max-width:380px}.field{display:flex;flex-direction:column;gap:8px}.field label{font-weight:500;line-height:1}.error{color:var(--destructive)}@media (max-width: 767px),(max-width: 1100px) and (orientation: portrait){:root{--tabbar-h: 56px}.sidebar,.sidebar-toggle,.desktop-only{display:none}.content{flex:1 1 100%}.input{font-size:16px;height:44px}.btn-md,.btn-sm{height:44px}.btn-icon{height:44px;width:44px}.search svg{top:14px}.topbar{flex-wrap:wrap;align-content:center;padding:calc(8px + env(safe-area-inset-top)) 16px 8px;gap:8px}.topbar-controls{order:1;width:100%;margin-left:0;justify-content:space-between}.topbar-controls .input{flex:1 1 auto;min-width:0}.dom-label{display:none}.search{order:2;flex:1 1 100%}.main{padding:16px 16px calc(var(--tabbar-h) + env(safe-area-inset-bottom) + 16px)}.compact-only{display:flex}.tabbar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:20;padding:4px max(8px,env(safe-area-inset-right)) env(safe-area-inset-bottom) max(8px,env(safe-area-inset-left));background:var(--background);border-top:1px solid var(--border)}.tab{flex:1 1 0;min-width:44px;min-height:48px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border:0;border-radius:8px;background:transparent;color:var(--muted-foreground);font-size:12px;line-height:16px;font-weight:500}.tab[aria-current=page]{background:var(--accent);color:var(--foreground)}.row{display:grid;grid-template-columns:minmax(0,1fr);gap:16px}.queue-list{max-height:none}.table-box{display:none}.event-list{display:flex;flex-direction:column;margin:0;padding:0;list-style:none}.event-row{display:flex;flex-direction:column;gap:4px;padding:12px 0;border-bottom:1px solid var(--border)}.event-title{overflow-wrap:anywhere}.event-meta{display:flex;flex-wrap:wrap;align-items:center;gap:4px 12px}.event-meta .q-domain{font-weight:400}@media (min-width: 768px){.row{grid-template-columns:repeat(2,minmax(0,1fr))}.stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.stat{padding:16px}.main,.topbar{padding-left:24px;padding-right:24px}}}@media (max-width: 767px){.card{padding:16px}.stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.stat{padding:16px}.log{min-height:240px;max-height:420px}.bubble{max-width:90%}.queue{order:-1}}