:root{--primary: oklch(.585 .195 252);--primary-deep: oklch(.5 .19 262);--primary-lift: oklch(.66 .17 250);--primary-600: oklch(.54 .2 252);--primary-700: oklch(.47 .18 254);--primary-ink: oklch(.47 .18 254);--primary-tint: oklch(.96 .026 252);--primary-tint-2: oklch(.912 .052 252);--on-primary: oklch(1 0 0);--accent: oklch(.7 .125 198);--accent-tint: oklch(.955 .033 198);--green: oklch(.7 .155 152);--green-tint: oklch(.955 .042 152);--amber: oklch(.77 .145 72);--amber-tint: oklch(.96 .052 78);--amber-ink: oklch(.52 .13 78);--red: oklch(.62 .205 25);--red-tint: oklch(.958 .036 25);--violet: oklch(.6 .175 300);--bg: oklch(.966 .0035 265);--surface: oklch(1 0 0);--surface-2: oklch(.986 .003 265);--surface-3: oklch(.96 .005 265);--surface-4: oklch(.934 .006 265);--border: oklch(.906 .005 265);--border-strong: oklch(.856 .007 265);--text: oklch(.235 .012 265);--text-2: oklch(.505 .01 265);--text-3: oklch(.64 .008 265);--hi: oklch(1 0 0 / .7);--wash-a: oklch(.585 .195 252 / .055);--wash-b: oklch(.7 .125 198 / .05);--rail-a: oklch(.979 .004 265);--rail-b: oklch(.955 .007 265);--scrim: oklch(1 0 0 / .74);--shadow-sm: 0 1px 1px oklch(.25 .03 265 / .045), 0 2px 4px oklch(.25 .03 265 / .04);--shadow-md: 0 1px 1px oklch(.25 .03 265 / .05), 0 4px 10px -2px oklch(.25 .03 265 / .07), 0 12px 24px -8px oklch(.25 .03 265 / .07);--shadow-lg: 0 2px 4px oklch(.25 .03 265 / .06), 0 12px 24px -6px oklch(.25 .03 265 / .1), 0 32px 60px -20px oklch(.25 .03 265 / .18);--shadow-key: 0 1px 2px oklch(.45 .16 254 / .3), 0 4px 12px -2px oklch(.45 .16 254 / .28);--r-xs: 6px;--r-sm: 10px;--r-md: 14px;--r-lg: 18px;--r-xl: 24px;--r-2xl: 30px;--t-display: 34px;--t-title: 26px;--t-h2: 17px;--t-body: 13.5px;--t-sm: 12.5px;--t-xs: 11.5px;--tr-display: -.032em;--tr-title: -.026em;--tr-h2: -.018em;--tr-body: -.008em;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 22px;--sp-6: 30px;--sp-7: 40px;--sp-8: 56px;--font-sans: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Hanken Grotesk", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--ch-whatsapp: oklch(.655 .155 152);--ch-instagram: oklch(.62 .2 18);--ch-messenger: oklch(.6 .18 265);--ch-tiktok: oklch(.36 .02 280);--ch-email: oklch(.52 .045 255);--ch-web: var(--primary)}[data-theme=dark]{--primary: oklch(.66 .185 252);--primary-deep: oklch(.545 .185 262);--primary-lift: oklch(.74 .15 250);--primary-600: oklch(.6 .195 252);--primary-700: oklch(.78 .13 250);--primary-ink: oklch(.78 .13 250);--primary-tint: oklch(.32 .07 254);--primary-tint-2: oklch(.4 .095 254);--on-primary: oklch(1 0 0);--accent: oklch(.775 .11 198);--accent-tint: oklch(.33 .055 198);--green: oklch(.775 .165 152);--green-tint: oklch(.32 .058 152);--amber: oklch(.82 .145 76);--amber-tint: oklch(.33 .052 76);--amber-ink: oklch(.82 .145 76);--red: oklch(.68 .195 25);--red-tint: oklch(.322 .062 25);--violet: oklch(.7 .16 300);--bg: oklch(.178 .006 265);--surface: oklch(.222 .007 265);--surface-2: oklch(.252 .008 265);--surface-3: oklch(.288 .009 265);--surface-4: oklch(.328 .01 265);--border: oklch(.318 .008 265);--border-strong: oklch(.404 .01 265);--text: oklch(.972 .002 265);--text-2: oklch(.74 .008 265);--text-3: oklch(.588 .01 265);--hi: oklch(1 0 0 / .05);--wash-a: oklch(.66 .185 252 / .085);--wash-b: oklch(.775 .11 198 / .065);--rail-a: oklch(.208 .008 265);--rail-b: oklch(.188 .007 265);--scrim: oklch(.222 .007 265 / .76);--shadow-sm: 0 1px 2px oklch(0 0 0 / .34);--shadow-md: 0 1px 2px oklch(0 0 0 / .32), 0 6px 16px -4px oklch(0 0 0 / .44);--shadow-lg: 0 2px 6px oklch(0 0 0 / .36), 0 18px 40px -12px oklch(0 0 0 / .58);--shadow-key: 0 1px 2px oklch(0 0 0 / .4), 0 6px 16px -3px oklch(.35 .15 254 / .45);--ch-tiktok: oklch(.78 .02 280);--ch-email: oklch(.7 .045 255);--ch-web: var(--primary)}*{box-sizing:border-box}html,body{margin:0;height:100%}body{font-family:var(--font-sans);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-size:var(--t-body);line-height:1.47;letter-spacing:var(--tr-body)}#root{height:100%}button{font-family:inherit;cursor:pointer;color:inherit}::selection{background:var(--primary-tint-2)}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:999px;border:3px solid transparent;background-clip:content-box}*::-webkit-scrollbar-thumb:hover{background:var(--text-3);background-clip:content-box}*::-webkit-scrollbar-track{background:transparent}.mono{font-family:var(--font-mono);font-feature-settings:"tnum"}.tnum{font-variant-numeric:tabular-nums}.app-shell{display:flex;height:100%;overflow:hidden}.t-display{font-size:var(--t-display);font-weight:700;letter-spacing:var(--tr-display);line-height:1.05}.t-title{font-size:var(--t-title);font-weight:700;letter-spacing:var(--tr-title);line-height:1.12}.t-h2{font-size:var(--t-h2);font-weight:650;letter-spacing:var(--tr-h2);line-height:1.25}.t-sm{font-size:var(--t-sm);color:var(--text-2)}.t-xs{font-size:var(--t-xs);color:var(--text-3)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);box-shadow:var(--shadow-sm)}.card-interactive{transition:box-shadow .16s,border-color .16s,transform .16s}.card-interactive:hover{box-shadow:var(--shadow-md);border-color:var(--border-strong);transform:translateY(-1px)}.card-head{display:flex;align-items:center;gap:var(--sp-3);padding:14px 18px;border-bottom:1px solid var(--border)}.card-head .ttl{font-size:var(--t-sm);font-weight:700;letter-spacing:.02em;text-transform:uppercase;color:var(--text-3)}.card-head .sp{flex:1}.badge{display:inline-flex;align-items:center;gap:5px;height:22px;padding:0 9px;border-radius:999px;font-size:var(--t-xs);font-weight:600;letter-spacing:.01em;white-space:nowrap}.badge .dot{width:6px;height:6px;border-radius:999px;background:currentColor}.badge-bot{color:var(--primary-700);background:var(--primary-tint)}.badge-pending{color:var(--amber-ink);background:var(--amber-tint)}.badge-human{color:var(--on-primary);background:var(--primary)}.badge-resolved{color:var(--text-2);background:var(--surface-3)}[data-theme=dark] .badge-bot{color:var(--primary-700)}[data-theme=dark] .badge-pending{color:var(--amber)}.lang-pill{display:inline-flex;align-items:center;gap:5px;height:20px;padding:0 8px;border-radius:var(--r-xs);font-size:11px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;background:var(--surface-3);color:var(--text-2)}.lang-pill .flag{width:14px;height:10px;border-radius:2px;display:inline-block}.chip{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 10px;border-radius:999px;font-size:12px;font-weight:600}.chip-ok{color:var(--green);background:var(--green-tint)}.chip-warn{color:var(--amber-ink);background:var(--amber-tint)}.chip-err{color:var(--red);background:var(--red-tint)}.chip-busy{color:var(--primary-700);background:var(--primary-tint)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:36px;padding:0 14px;border-radius:var(--r-sm);font-size:var(--t-body);font-weight:600;border:1px solid transparent;letter-spacing:var(--tr-body);transition:background .14s,border-color .14s,color .14s,transform .06s,box-shadow .14s;white-space:nowrap;color:var(--text)}.btn:active{transform:translateY(.5px)}.btn-primary{background:linear-gradient(180deg,var(--primary-lift),var(--primary));color:var(--on-primary);box-shadow:var(--shadow-key)}.btn-primary:hover{background:linear-gradient(180deg,var(--primary),var(--primary-deep))}.btn-ghost{background:transparent;border-color:var(--border);color:var(--text-2)}.btn-ghost:hover{background:var(--surface-3);color:var(--text);border-color:var(--border-strong)}.btn-soft{background:var(--surface-3);color:var(--text)}.btn-soft:hover{background:var(--surface-4)}.btn-danger{background:transparent;border-color:var(--red-tint);color:var(--red)}.btn-danger:hover{background:var(--red-tint)}.btn-icon{width:36px;padding:0}.btn-sm{height:30px;padding:0 11px;font-size:var(--t-sm)}.input{height:38px;width:100%;padding:0 12px;border-radius:var(--r-sm);border:1px solid var(--border);background:var(--surface);color:var(--text);font-family:inherit;font-size:var(--t-body);outline:none;caret-color:var(--primary);transition:border-color .14s,box-shadow .14s}.input:focus{border-color:var(--primary);box-shadow:0 0 0 3.5px #007cdf2e;box-shadow:0 0 0 3.5px oklch(.585 .195 252 / .18)}.input::placeholder{color:var(--text-3)}select.input{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:32px;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%2378787f' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 6.5 8 10.5l4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:16px 16px}[data-theme=dark] select.input{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23a1a1a8' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 6.5 8 10.5l4-4'/%3E%3C/svg%3E")}select.input:hover{border-color:var(--border-strong)}select.input option{background:var(--surface);color:var(--text)}.toggle{width:38px;height:22px;border-radius:999px;background:var(--border-strong);position:relative;transition:background .18s;flex:none;border:none;padding:0}.toggle:after{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:999px;background:#fff;box-shadow:var(--shadow-sm);transition:left .18s}.toggle[data-on=true]{background:var(--primary)}.toggle[data-on=true]:after{left:18px}.avatar{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;font-weight:700;color:#fff;flex:none;font-size:var(--t-body);letter-spacing:.01em;box-shadow:inset 0 1px #ffffff38}.login-split{display:flex}.login-brand{flex:1 1 46%;min-width:0;display:flex}.login-form{flex:1 1 54%;min-width:0;display:flex}@media(max-width:820px){.login-split{flex-direction:column}.login-brand{display:none}.login-form{flex:1 1 auto}}.nav-group+.nav-group{margin-top:var(--sp-4)}.nav-group-label{font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);padding:0 12px;margin-bottom:5px}.nav-item{position:relative;display:flex;align-items:center;gap:10px;height:34px;padding:0 10px;margin:1px 0;border-radius:var(--r-sm);font-size:var(--t-body);font-weight:550;letter-spacing:var(--tr-body);color:var(--text-2);text-decoration:none;transition:background .13s,color .13s}.nav-item .lbl{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-item svg{flex:none;opacity:.85}.nav-item:hover{background:var(--surface-3);color:var(--text)}.nav-item.on{background:var(--primary-tint);color:var(--primary-700);font-weight:650}.nav-item.on svg{opacity:1}.nav-item.on:before{content:"";position:absolute;left:-10px;top:50%;transform:translateY(-50%);width:3px;height:17px;border-radius:0 3px 3px 0;background:var(--primary)}.nav-count{min-width:20px;height:19px;padding:0 6px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;font-variant-numeric:tabular-nums;background:var(--surface-3);color:var(--text-2)}.nav-item.on .nav-count{background:var(--primary);color:var(--on-primary)}@keyframes blink{0%,80%,to{opacity:.25;transform:translateY(0)}40%{opacity:1;transform:translateY(-2px)}}.typing{display:inline-flex;gap:4px;align-items:center}.typing i{width:6px;height:6px;border-radius:999px;background:var(--text-3);display:block;animation:blink 1.2s infinite}.typing i:nth-child(2){animation-delay:.18s}.typing i:nth-child(3){animation-delay:.36s}@keyframes slideIn{0%{transform:translateY(7px)}to{transform:none}}.msg-in{animation:slideIn .26s cubic-bezier(.2,.8,.2,1) both}@keyframes rowIn{0%{transform:translate(-8px)}to{transform:none}}.row-in{animation:rowIn .3s cubic-bezier(.2,.8,.2,1) both}@keyframes pulseRing{0%{box-shadow:0 0 0 0 var(--primary-tint-2)}70%{box-shadow:0 0 0 7px transparent}to{box-shadow:0 0 0 0 transparent}}.live-dot{width:7px;height:7px;border-radius:999px;background:var(--green);animation:pulseRing 2s infinite}@keyframes spin{to{transform:rotate(360deg)}}.spin-ring{width:30px;height:30px;border-radius:999px;border:3px solid var(--primary-tint);border-top-color:var(--primary);animation:spin .8s linear infinite}.spin-ring.sm{width:16px;height:16px;border-width:2px}@keyframes shimmer{to{background-position:-200% 0}}.skeleton{background:linear-gradient(90deg,var(--surface-3) 25%,var(--border) 37%,var(--surface-3) 63%);background-size:200% 100%;animation:shimmer 1.3s infinite;border-radius:var(--r-xs)}@keyframes pop{0%{transform:scale(.97)}60%{transform:scale(1.005)}to{transform:scale(1)}}.pop{animation:pop .32s cubic-bezier(.2,.9,.3,1.2) both}@keyframes floatUp{0%{transform:translateY(10px)}to{transform:none}}.fade-up{animation:floatUp .22s cubic-bezier(.2,.8,.2,1) both}@keyframes drawerIn{0%{transform:translate(24px)}to{transform:none}}.drawer-in{animation:drawerIn .26s cubic-bezier(.2,.8,.2,1) both}@media(prefers-reduced-motion:reduce){.msg-in,.row-in,.pop,.fade-up,.drawer-in,.skeleton,.live-dot{animation:none}.card-interactive:hover{transform:none}}.sys-divider{display:flex;align-items:center;gap:10px;color:var(--text-3);font-size:var(--t-xs)}.sys-divider:before,.sys-divider:after{content:"";height:1px;flex:1;background:var(--border)}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.no-scrollbar::-webkit-scrollbar{display:none}input[type=range].rng{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:6px;border-radius:999px;background:var(--surface-3);outline:none;margin:0}input[type=range].rng::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border-radius:999px;background:var(--primary);border:3px solid var(--surface);box-shadow:var(--shadow-sm);cursor:pointer}input[type=range].rng::-moz-range-thumb{width:18px;height:18px;border-radius:999px;background:var(--primary);border:3px solid var(--surface);box-shadow:var(--shadow-sm);cursor:pointer}.set-row{display:flex;align-items:flex-start;gap:13px;padding:15px 0;border-bottom:1px solid var(--border)}.set-row:last-child{border-bottom:none}.app-shell>nav,.app-shell>div>header{background:color-mix(in oklch,var(--surface) 72%,transparent);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px)}.hud-stat{position:relative}.hud-num{letter-spacing:-.03em;font-variant-numeric:tabular-nums}.hud-label{font-family:var(--font-sans);font-size:var(--t-xs);font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--text-3)}.ink-glow{filter:none}