:root,:root[data-theme=light]{--canvas: #f5f6f8;--surface: #ffffff;--surface-2: #f1f3f5;--surface-3: #e7eaee;--border: #e3e7ec;--border-strong: #cfd5dd;--fg: #14181e;--fg-2: #5b6573;--fg-3: #8b95a3;--accent: #6c4cdb;--accent-fg: #ffffff;--accent-weak: #efe9fc;--success: #16996b;--success-weak: #e1f4ec;--warning: #c98a12;--warning-weak: #f8eede;--danger: #d8453c;--danger-weak: #fbe6e4;--info: #3076c2;--info-weak: #e3eefa;--read-tick: #bfe3d4;--shadow-md: 0 1px 2px rgba(16, 24, 40, .06), 0 1px 3px rgba(16, 24, 40, .04);--shadow-lg: 0 8px 24px rgba(16, 24, 40, .12), 0 2px 6px rgba(16, 24, 40, .08)}:root[data-theme=dark]{--canvas: #0d1014;--surface: #161a20;--surface-2: #1d222a;--surface-3: #262d36;--border: #2a313a;--border-strong: #3b434e;--fg: #eef1f4;--fg-2: #9aa4b2;--fg-3: #6c7685;--accent: #9579f0;--accent-fg: #160f2e;--accent-weak: #231d3a;--success: #3fb88a;--success-weak: #13261f;--warning: #e0a83a;--warning-weak: #2a2113;--danger: #ef6a61;--danger-weak: #2c1715;--info: #5a9fe0;--info-weak: #13202e;--read-tick: #7be0b4;--shadow-md: 0 1px 2px rgba(0, 0, 0, .3), 0 1px 3px rgba(0, 0, 0, .25);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .45), 0 2px 6px rgba(0, 0, 0, .35)}*{box-sizing:border-box}body,html,#root{height:100%;margin:0}body{font:14px/1.55 IBM Plex Sans,system-ui,-apple-system,sans-serif;background:var(--canvas);color:var(--fg);-webkit-font-smoothing:antialiased}::selection{background:#6c4cdb38}a{color:var(--accent);text-decoration:none}button{font:inherit;cursor:pointer}.mono{font-family:IBM Plex Mono,monospace}.muted{color:var(--fg-2)}.center{display:grid;place-items:center;height:100vh}.tag{font-family:IBM Plex Mono,monospace;background:var(--surface-2);border:1px solid var(--border);border-radius:999px;padding:1px 8px;font-size:11px;color:var(--fg-2);letter-spacing:.02em}.spacer{flex:1}.error{color:var(--danger);font-size:13px}.stack{display:flex;flex-direction:column;gap:10px}.app{display:flex;height:100vh;overflow:hidden}.main-col{flex:1;min-width:0;display:flex;flex-direction:column}.rail{width:76px;flex:none;height:100%;background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;align-items:center;padding:14px 0}.rail-logo{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:18px}.rail-items{display:flex;flex-direction:column;gap:4px;width:100%;align-items:center;flex:1}.rail-item{text-decoration:none;width:60px;padding:8px 0;border-radius:10px;display:flex;flex-direction:column;align-items:center;gap:4px;color:var(--fg-3);background:transparent;transition:background .12s,color .12s}.rail-item:hover{background:var(--surface-2);color:var(--fg-2)}.rail-item.active{color:var(--accent);background:var(--accent-weak)}.rail-item span{font-size:9.5px;font-weight:600}.rail-util{width:46px;height:46px;border-radius:10px;border:none;background:transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:var(--fg-3)}.rail-util:hover{color:var(--fg-2);background:var(--surface-2)}.topstrip{display:flex;align-items:center;gap:14px;padding:0 22px;height:52px;flex:none;background:var(--surface);border-bottom:1px solid var(--border)}.topstrip .title{font-weight:600;font-size:15px;letter-spacing:-.01em}.avatar{width:28px;height:28px;border-radius:50%;background:var(--accent-weak);color:var(--accent);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600}.content{flex:1;min-height:0;overflow:hidden}.link{background:none;border:none;color:var(--accent);padding:0}.usermenu{position:relative}.usermenu-trigger{display:flex;align-items:center;gap:8px;background:none;border:1px solid transparent;border-radius:999px;padding:3px 9px 3px 3px;cursor:pointer;color:var(--fg)}.usermenu-trigger:hover{background:var(--surface-2);border-color:var(--border)}.usermenu-trigger .name{font-size:13px;font-weight:600}.usermenu-pop{position:absolute;top:calc(100% + 8px);right:0;width:248px;z-index:60;background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow-lg);padding:6px;animation:pop-in .12s ease}@keyframes pop-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.usermenu-head{display:flex;align-items:center;gap:10px;padding:10px}.usermenu-head .who{min-width:0}.usermenu-head .who .n{font-weight:600;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.usermenu-head .who .e{font-size:12px;color:var(--fg-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.usermenu-sep{height:1px;background:var(--border);margin:4px 0}.usermenu-item{display:flex;align-items:center;gap:10px;width:100%;text-align:left;background:none;border:none;border-radius:8px;padding:9px 10px;font:inherit;font-size:13px;color:var(--fg);cursor:pointer}.usermenu-item:hover{background:var(--surface-2)}.usermenu-item.danger{color:var(--danger)}.usermenu-item svg{color:var(--fg-3);flex:none}.usermenu-item.danger svg{color:var(--danger)}.inbox{display:grid;grid-template-columns:330px 1fr 300px;height:100%}.col{border-right:1px solid var(--border);min-height:0;display:flex;flex-direction:column;background:var(--canvas)}.col-head{padding:12px;border-bottom:1px solid var(--border);display:flex;gap:8px;align-items:center;background:var(--surface)}.col-body{overflow-y:auto;flex:1}.conv-item{padding:12px 14px;border-bottom:1px solid var(--border);cursor:pointer;background:var(--surface)}.conv-item:hover{background:var(--surface-2)}.conv-item.active{background:var(--accent-weak)}.conv-item .row{display:flex;justify-content:space-between;gap:8px;align-items:center}.conv-item .name{font-weight:600}.conv-item .preview{color:var(--fg-3);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:3px}.pill{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:600;padding:3px 9px;border-radius:999px;background:var(--surface-2);color:var(--fg-2)}.pill:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.pill.bot{background:var(--info-weak);color:var(--info)}.pill.queued{background:var(--warning-weak);color:var(--warning)}.pill.assigned{background:var(--accent-weak);color:var(--accent)}.pill.resolved{background:var(--success-weak);color:var(--success)}.thread{display:flex;flex-direction:column;height:100%;background:var(--canvas)}.thread-head{padding:12px 16px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:10px;background:var(--surface)}.thread-body{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:8px}.bubble{max-width:70%;padding:9px 12px;border-radius:12px;box-shadow:var(--shadow-md)}.bubble.in{align-self:flex-start;background:var(--surface);border:1px solid var(--border)}.bubble.out{align-self:flex-end;background:var(--accent-weak)}.bubble .meta{font-size:11px;color:var(--fg-3);margin-top:5px;display:flex;gap:8px;align-items:center;font-family:IBM Plex Mono,monospace}.bubble .translated{font-size:12.5px;color:var(--fg-2);border-top:1px dashed var(--border-strong);margin-top:6px;padding-top:5px}.composer{border-top:1px solid var(--border);padding:12px;display:flex;flex-direction:column;gap:8px;background:var(--surface)}.composer .tabs{display:flex;gap:6px}.composer .tabs button{background:var(--surface-2);border:1px solid var(--border);color:var(--fg-3);border-radius:7px;padding:5px 11px;font-size:12px;font-weight:600;text-transform:capitalize}.composer .tabs button.active{color:var(--accent);border-color:var(--accent);background:var(--accent-weak)}.composer .rowflex{display:flex;gap:8px}textarea,input,select{background:var(--surface);color:var(--fg);border:1px solid var(--border-strong);border-radius:8px;padding:9px 12px;width:100%;font:inherit;font-size:13px;outline:none}textarea:focus,input:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-weak)}textarea{resize:vertical;min-height:42px}label{font-size:12px;font-weight:600;color:var(--fg-2)}.pick-list{max-height:150px;overflow-y:auto;border:1px solid var(--border);border-radius:8px;padding:8px}.pick-row{display:flex;align-items:center;gap:8px;padding:4px 2px;font-weight:400}.pick-row:hover{background:var(--surface-2);border-radius:6px}.btn{background:var(--accent);color:var(--accent-fg);border:1px solid transparent;border-radius:8px;padding:9px 16px;font-size:13px;font-weight:600}.btn:hover{filter:brightness(1.05)}.btn.secondary{background:var(--surface);border:1px solid var(--border-strong);color:var(--fg)}.btn.danger{background:var(--danger-weak);color:var(--danger)}.btn:disabled{opacity:.5;cursor:not-allowed;background:var(--surface-2);color:var(--fg-3);border-color:var(--border)}.panel{padding:14px}.panel h3{margin:6px 0;font-size:16px}.kv{display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px solid var(--border);font-size:13px}.window-ok{color:var(--success);font-weight:600}.window-closed{color:var(--fg-2);font-weight:600}.ticks{font-size:12px;font-family:IBM Plex Mono,monospace}.tick-read{color:var(--success)}.tick-sent{color:var(--fg-3)}.tick-failed{color:var(--danger)}.presence{font-size:12px;color:var(--warning);font-weight:600}.page{padding:24px 28px;overflow-y:auto;height:100%}.page h2{margin-top:0;font-size:24px;font-weight:600;letter-spacing:-.015em}table{width:100%;border-collapse:collapse;font-size:13px}th,td{text-align:left;padding:9px 11px;border-bottom:1px solid var(--border)}th{color:var(--fg-3);font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.06em;font-family:IBM Plex Mono,monospace}.card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:18px;margin-bottom:16px;box-shadow:var(--shadow-md)}.card h3{margin-top:0;font-size:15px}.flex{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.alert-banner{background:var(--warning-weak);border:1px solid transparent;color:var(--warning);padding:10px 14px;border-radius:10px;margin-bottom:12px;font-size:13px;font-weight:500}.alert-banner.critical{background:var(--danger-weak);color:var(--danger)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0d101473;display:grid;place-items:center;z-index:50}.modal{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:20px;width:440px;box-shadow:var(--shadow-lg)}.login-wrap{display:grid;place-items:center;height:100vh;background:var(--canvas)}.login-card{width:360px;background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:28px;box-shadow:var(--shadow-lg)}.login-card h1{color:var(--accent);margin:0 0 4px;font-size:26px}.health-healthy{color:var(--success)}.health-degraded{color:var(--warning)}.health-down{color:var(--danger)}.ds-overline{font-family:IBM Plex Mono,monospace;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--fg-3);font-weight:500}.page .card:last-child{margin-bottom:0}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}tr.zebra:nth-child(2n) td{background:var(--surface-2)}.trs-scroll::-webkit-scrollbar{width:10px;height:10px}.trs-scroll::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:8px;border:3px solid var(--surface)}.trs-scroll::-webkit-scrollbar-track{background:transparent}.ib{display:flex;height:100%;min-width:0}.ib-empty{flex:1;display:grid;place-items:center;color:var(--fg-3)}.ib-list{width:352px;flex:none;display:flex;flex-direction:column;border-right:1px solid var(--border);background:var(--surface);min-height:0}.ib-search{position:relative;padding:12px 16px 10px;flex:none}.ib-search-icon{position:absolute;left:27px;top:22px;color:var(--fg-3);pointer-events:none}.ib-search input{padding-left:32px;background:var(--surface-2)}.ib-tabs{display:flex;gap:14px;padding:0 16px;border-bottom:1px solid var(--border);flex:none}.ib-filters{display:flex;flex-wrap:wrap;gap:7px;padding:10px 16px;border-bottom:1px solid var(--border);flex:none}.ib-filters select{width:auto;flex:1 1 90px;min-width:0;font-size:12px;padding:5px 8px;background:var(--surface)}.ib-rows{flex:1;overflow-y:auto;min-height:0}.ib-footnote{padding:24px;text-align:center;font-size:12px;color:var(--fg-3)}.ib-row{display:flex;gap:11px;padding:12px 16px;cursor:pointer;border-bottom:1px solid var(--border);border-left:2.5px solid transparent}.ib-row:hover{background:var(--surface-2)}.ib-row.active{background:var(--accent-weak);border-left-color:var(--accent)}.ib-row-av{position:relative;flex:none}.ib-avatar{width:42px;height:42px;border-radius:50%;background:var(--accent-weak);color:var(--accent);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600}.ib-flag{position:absolute;bottom:-2px;right:-3px;font-size:13px;filter:drop-shadow(0 0 1px rgba(0,0,0,.3))}.ib-row-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.ib-row-name{font-size:13.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ib-row-time{font-size:10.5px;color:var(--fg-3);flex:none}.ib-row-sub{display:flex;align-items:center;gap:5px;margin:2px 0 5px;font-size:10.5px;color:var(--fg-3)}.ib-row-sub .mono{font-size:10.5px}.ib-row-proj{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ib-row-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px}.ib-row-preview{font-size:12.5px;color:var(--fg-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.ib-thread{flex:1;display:flex;flex-direction:column;min-width:0;background:var(--canvas)}.ib-thread-head{flex:none;background:var(--surface);border-bottom:1px solid var(--border)}.ib-th-top{padding:11px 18px;display:flex;align-items:center;justify-content:space-between;gap:14px}.ib-statuspill{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:600;padding:2px 9px;border-radius:999px}.ib-collision{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;background:var(--warning-weak);color:var(--warning);font-size:11.5px;font-weight:600}.ib-winpill{display:inline-flex;align-items:center;gap:7px;padding:5px 11px;border-radius:999px;font-size:11.5px}.ib-winpill .mono{font-weight:500}.ib-btn-accent{font-size:12.5px;font-weight:600;padding:7px 14px;border-radius:8px;border:none;background:var(--accent);color:var(--accent-fg);cursor:pointer}.ib-btn-ghost{font-size:12.5px;font-weight:600;padding:7px 12px;border-radius:8px;border:1px solid var(--border-strong);background:var(--surface);color:var(--fg);cursor:pointer}.ib-btn-accent-ghost{font-size:12px;font-weight:600;padding:6px 12px;border-radius:7px;border:1px solid var(--accent);background:var(--surface);color:var(--accent);cursor:pointer}.ib-banner{margin:0 18px 12px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;border-radius:10px}.ib-msgs{flex:1;overflow-y:auto;min-height:0;padding:20px 18px;display:flex;flex-direction:column;gap:14px}.ib-daysep{align-self:center;font-size:10.5px;color:var(--fg-3);background:var(--surface-2);padding:4px 12px;border-radius:999px}.ib-composer{flex:none;border-top:1px solid var(--border);background:var(--surface);padding:12px 16px;position:relative}.ib-closed{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 14px;border-radius:10px;border:1px dashed var(--border-strong);background:var(--surface-2)}.ib-tool{width:34px;height:34px;border-radius:8px;border:none;background:transparent;color:var(--fg-3);cursor:pointer;display:flex;align-items:center;justify-content:center}.ib-tool:hover{background:var(--surface-2);color:var(--fg-2)}.ib-send{width:38px;height:38px;flex:none;border-radius:10px;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;background:var(--accent);color:var(--accent-fg)}.ib-popover{position:absolute;bottom:72px;left:16px;right:16px;max-height:300px;overflow-y:auto;background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow-lg);padding:6px;z-index:20}.ib-popover-item{display:block;width:100%;text-align:left;background:none;border:none;border-radius:8px;padding:9px 11px;font:inherit;font-size:13px;color:var(--fg);cursor:pointer}.ib-popover-item:hover{background:var(--surface-2)}.ib-cand{width:340px;flex:none;overflow-y:auto;border-left:1px solid var(--border);background:var(--surface);min-height:0}.ib-cand-hero{padding:24px 22px 18px;text-align:center;border-bottom:1px solid var(--border)}.ib-cand-sec{padding:18px 22px;border-bottom:1px solid var(--border)}.ib-cand-label{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--fg-3);margin-bottom:12px}.ib-tag{font-size:11.5px;font-weight:500;padding:3px 9px;border-radius:999px;background:var(--surface-2);color:var(--fg-2);border:1px solid var(--border)}.ib-toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);z-index:60;background:var(--fg);color:var(--canvas);font-size:13px;font-weight:500;padding:11px 18px;border-radius:10px;box-shadow:var(--shadow-lg);display:flex;align-items:center;gap:9px}