@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{--bg: #0a0c11;--bg-soft: #0e1117;--panel: #12151c;--panel-2: #161a22;--border: #232833;--text: #ffffff;--muted: #9099a8;--accent: #8dc63f;--accent-2: #4f7a1c;--accent-soft: rgba(141, 198, 63, .14);--good: #34d399;--warn: #fbbf24;--bad: #f87171;--radius: 18px;--maxw: 1180px;--ui: "Space Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;font-synthesis:none}*{box-sizing:border-box}html,body,#root{height:100%}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--ui);line-height:1.5;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font-family:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.app-shell{min-height:100%;padding-bottom:76px;position:relative;isolation:isolate}.container{max-width:var(--maxw);margin:0 auto;padding:16px}@media (min-width: 860px){.app-shell{margin:18px;min-height:calc(100vh - 36px);padding-bottom:0}.app-shell:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;border-radius:26px;background:var(--bg-soft);border:1px solid rgba(141,198,63,.35);box-shadow:0 0 0 1px #8dc63f14,0 30px 80px -30px #8dc63f66}}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:12px;padding:14px 20px;background:#0b0b14bf;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border)}@media (min-width: 860px){.topbar{top:18px;border-top-left-radius:26px;border-top-right-radius:26px}}.topbar .brand{display:flex;align-items:center;gap:9px;font-weight:700;letter-spacing:.02em;white-space:nowrap;font-size:15px}.topbar .brand:before{content:"";width:20px;height:20px;border-radius:6px;flex:0 0 auto;background:linear-gradient(135deg,var(--accent),var(--accent-2));box-shadow:0 0 16px #8dc63f8c}.topbar .brand small{color:var(--muted);font-weight:500;margin-left:6px}.topbar .spacer{flex:1}.client-switch{background:var(--panel-2);color:var(--text);border:1px solid var(--border);border-radius:10px;padding:8px 10px;font-size:14px;max-width:50vw}@media (max-width: 480px){.topbar{padding:10px 12px;gap:8px}.topbar .brand{font-size:14px}.topbar .brand small{display:none}.client-switch{max-width:34vw;padding:7px 8px;font-size:13px}}.tabbar{position:fixed;bottom:0;left:0;right:0;z-index:30;display:flex;justify-content:flex-start;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;background:#0b0b13f0;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-top:1px solid var(--border);padding:6px 6px env(safe-area-inset-bottom)}.tabbar::-webkit-scrollbar{display:none}.tabbar a{flex:0 0 auto;min-width:66px;text-align:center;color:var(--muted);font-size:10.5px;padding:6px 8px;border-radius:10px;transition:color .15s ease,background .15s ease}.tabbar a .ico{display:block;font-size:18px;line-height:1.2}.tabbar a .label{display:block;white-space:nowrap}.tabbar a.active{color:#fff;background:var(--accent);box-shadow:0 6px 16px -6px #8dc63fb3}@media (min-width: 860px){.with-sidenav.container{max-width:none;margin:0;padding:0}.tabbar{position:sticky;top:75px;bottom:auto;flex-direction:column;width:216px;height:calc(100vh - 93px);flex:0 0 auto;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;border-top:none;border-right:1px solid var(--border);justify-content:flex-start;gap:4px;padding:16px 10px}.tabbar a{text-align:left;font-size:14px;padding:10px 12px;border-radius:12px;display:flex;align-items:center;gap:10px}.tabbar a:hover{color:var(--text);background:var(--panel-2)}.tabbar a .ico{display:inline;font-size:16px}.with-sidenav{display:flex}.with-sidenav .content{flex:1;min-width:0;padding:26px 32px 48px;max-width:1400px}}.card{background:linear-gradient(180deg,var(--panel),var(--panel-2));border:1px solid var(--border);border-radius:var(--radius);padding:18px}.card+.card{margin-top:12px}.grid{display:grid;gap:12px}.grid.cols-2,.grid.cols-4{grid-template-columns:1fr}@media (min-width: 640px){.grid.cols-2,.grid.cols-4{grid-template-columns:repeat(2,1fr)}}@media (min-width: 960px){.grid.cols-4{grid-template-columns:repeat(4,1fr)}}.stat{display:flex;flex-direction:column;gap:4px}.stat .value{font-size:26px;font-weight:700}.stat .label{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.4px}.stat .sub{color:var(--muted);font-size:12px}.card-link{display:block;text-decoration:none;color:inherit}.card-link .card{transition:border-color .15s ease,transform .15s ease;cursor:pointer}.card-link:hover .card{border-color:#8dc63f8c;transform:translateY(-1px)}.section-title{font-size:12px;text-transform:uppercase;letter-spacing:.12em;font-weight:700;color:var(--accent);margin:20px 4px 8px}h1{font-size:26px;font-weight:700;letter-spacing:-.01em;margin:4px;color:var(--text)}.page-sub{color:var(--muted);margin:0 4px 14px;font-size:14px}.row{display:flex;align-items:center;gap:12px;padding:12px;border-radius:12px;border:1px solid transparent;transition:background .15s ease}.row:hover{background:var(--panel-2)}.row+.row{border-top:1px solid var(--border);border-radius:0}.row .grow{flex:1;min-width:0}.row .title{font-weight:600}.row .meta{color:var(--muted);font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width: 600px){.row{flex-wrap:wrap;row-gap:8px}.row .grow{flex-basis:100%}}.badge{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:600;letter-spacing:.02em;padding:4px 10px;border-radius:999px;border:1px solid var(--border);background:var(--panel-2);color:var(--muted)}.badge.good{color:var(--good);border-color:#34d39966;background:#34d3991f}.badge.warn{color:var(--warn);border-color:#5a4a1f;background:#241e10}.badge.bad{color:var(--bad);border-color:#5a2424;background:#241010}.badge.accent{color:var(--accent);border-color:#8dc63f66;background:#8dc63f1f}.dot{width:8px;height:8px;border-radius:999px;background:var(--muted)}.dot.live{background:var(--good);box-shadow:0 0 #34d39999;animation:pulse 1.6s infinite}@keyframes pulse{0%{box-shadow:0 0 #34d39980}70%{box-shadow:0 0 0 8px #34d39900}to{box-shadow:0 0 #34d39900}}.btn{background:var(--accent);color:#fff;border:1px solid transparent;border-radius:999px;padding:10px 18px;font-weight:700;font-size:14px;cursor:pointer;box-shadow:0 10px 24px -10px #8dc63f99;transition:transform .15s ease,box-shadow .15s ease,opacity .15s ease,background .15s ease}.btn:hover:not(:disabled){transform:translateY(-1px);background:#9dd456}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn.secondary{background:var(--panel-2);color:var(--text);border:1px solid var(--border);box-shadow:none}.btn.secondary:hover:not(:disabled){border-color:#8dc63f80;color:var(--accent);background:var(--panel-2)}.btn.ghost{background:#ffffff0a;color:var(--muted);border:1px solid var(--border);box-shadow:none}.btn.ghost:hover:not(:disabled){border-color:#8dc63f80;color:var(--accent);background:#ffffff0a}.btn.small{padding:7px 12px;font-size:12.5px}.input,textarea.input{width:100%;background:var(--panel-2);color:var(--text);border:1px solid var(--border);border-radius:10px;padding:11px 12px;font-size:15px;transition:border-color .15s ease}.input:focus,textarea.input:focus{border-color:#8dc63f99;outline:none}textarea.input{min-height:120px;resize:vertical;font-family:inherit;line-height:1.5}label.field{display:block;margin-bottom:12px}label.field span{display:block;color:var(--muted);font-size:13px;margin-bottom:6px}.switch{position:relative;width:46px;height:26px;flex:0 0 auto}.switch input{display:none}.switch .track{position:absolute;top:0;right:0;bottom:0;left:0;background:#3a2330;border:1px solid #5a2430;border-radius:999px;transition:background .15s,border-color .15s}.switch .thumb{position:absolute;top:3px;left:3px;width:18px;height:18px;background:#f87171;border-radius:999px;transition:transform .15s,background .15s}.switch input:checked+.track{background:#34d39929;border-color:#34d39973}.switch input:checked+.track+.thumb{transform:translate(20px);background:var(--good)}.switch.disabled{opacity:.5;pointer-events:none}.bubble{max-width:80%;padding:10px 12px;border-radius:14px;margin:6px 0;font-size:14px;line-height:1.45}.bubble.agent{background:var(--accent-soft);border:1px solid rgba(141,198,63,.35);margin-right:auto;border-bottom-left-radius:4px}.bubble.contact{background:var(--panel-2);border:1px solid var(--border);margin-left:auto;border-bottom-right-radius:4px}.bubble.system,.bubble.human{background:transparent;border:1px dashed var(--border);color:var(--muted);margin:6px auto;text-align:center;font-size:12px}.bubble .who{font-size:11px;color:var(--muted);margin-bottom:3px}.muted{color:var(--muted)}.empty{text-align:center;color:var(--muted);padding:36px 16px}.spinner{width:22px;height:22px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:999px;animation:spin .8s linear infinite;margin:36px auto}@keyframes spin{to{transform:rotate(360deg)}}.banner{border-radius:12px;padding:12px 14px;font-size:14px}.banner.warn{background:#241e10;border:1px solid #5a4a1f;color:var(--warn)}.banner.info{background:var(--accent-soft);border:1px solid rgba(141,198,63,.35);color:var(--accent)}.center-screen{min-height:100vh;display:grid;place-items:center;padding:20px}.login-card{width:100%;max-width:380px}.kv{display:flex;justify-content:space-between;padding:7px 0;border-bottom:1px solid var(--border);font-size:14px;gap:12px}.kv:last-child{border-bottom:none}.kv .k{color:var(--muted)}.right{text-align:right}.flex{display:flex;align-items:center;gap:10px}.wrap{flex-wrap:wrap}.segmented{display:inline-flex;flex-wrap:wrap;gap:4px;padding:4px;background:var(--panel-2);border:1px solid var(--border);border-radius:999px}.segmented button{border:none;background:transparent;color:var(--muted);font-size:12.5px;font-weight:600;padding:7px 14px;border-radius:999px;cursor:pointer;transition:background .15s ease,color .15s ease;white-space:nowrap}.segmented button:hover{color:var(--text)}.segmented button.active{background:var(--accent);color:#fff}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#030308b8;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:grid;place-items:center;padding:16px}.modal{width:100%}