:root{--primary:#FF7A59;--on-primary:#ffffff;--primary-hover:#F0623A;--primary-tint:#FFF1EC;--secondary:#0091AE;--secondary-tint:#E6F6F9;--ink:#2D3748;--ink-muted:#6B7280;--canvas:#ffffff;--surface-1:#F7F7F7;--surface-2:#EDEDED;--border:#DFE3EB;--success:#00BDA5;--success-tint:#E4FBF7;--warning:#F5C26B;--warning-tint:#FEF6E9;--danger:#F2545B;--danger-tint:#FDEBEC;--info:#2F80ED;--info-tint:#EAF2FE;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--shadow-sm:0 1px 2px rgba(45,55,72,.06);--shadow-md:0 6px 20px rgba(45,55,72,.08);--purple:var(--ink);--purple2:var(--ink);--orange:var(--primary);--green:var(--success);--red:var(--danger);--gray:var(--ink-muted);--blue:var(--info);--bg:var(--surface-1);--card:var(--canvas);--line:var(--border)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Cairo,Segoe UI,Tahoma,Arial,sans-serif;background:var(--surface-1);color:var(--ink);line-height:1.6}a{color:var(--primary);text-decoration:none}button{font-family:inherit;cursor:pointer}.app{display:flex;min-height:100vh}.sidebar{width:230px;background:var(--canvas);color:var(--ink);padding:22px 16px;position:sticky;top:0;height:100vh;border-inline-end:1px solid var(--border)}.sidebar h1{font-size:18px;margin-bottom:4px;color:var(--ink);font-weight:800}.lang-switch{padding:3px 9px;font-size:11px;font-weight:700}.sidebar .sub{opacity:.65;font-size:12px;margin-bottom:22px;color:var(--ink-muted)}.nav a{display:block;color:var(--ink-muted);padding:10px 12px;border-radius:var(--radius-sm);margin-bottom:2px;font-size:14px;border-inline-start:3px solid transparent}.nav a:hover{background:var(--surface-1);color:var(--ink)}.nav a.active{background:var(--primary-tint);color:var(--primary);font-weight:700;border-inline-start-color:var(--primary)}.main{flex:1;min-width:0;width:100%;padding:24px 28px}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.topbar h2{color:var(--ink);font-size:21px;font-weight:800}.btn{background:var(--primary);color:var(--on-primary);border:0;border-radius:var(--radius-sm);padding:9px 16px;font-size:13px;font-weight:600;transition:background .15s ease}.btn:hover{background:var(--primary-hover)}.btn.ghost{background:var(--canvas);color:var(--ink);border:1px solid var(--border)}.btn.ghost:hover{background:var(--surface-1)}.btn.orange{background:var(--secondary)}.btn.orange:hover{background:#00768c}.btn.danger{background:var(--danger);color:#fff}.btn.danger:hover{background:#d43a41}.btn:disabled{opacity:.5;cursor:default;background:var(--primary)}.btn.ghost:disabled{background:var(--canvas)}.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px;margin-bottom:22px}.kpi{background:var(--canvas);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px;box-shadow:var(--shadow-sm)}.kpi .label{font-size:12px;color:var(--ink-muted);margin-bottom:6px}.kpi .val{font-size:23px;font-weight:800;color:var(--ink)}.section{background:var(--canvas);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px 22px;margin-bottom:20px;box-shadow:var(--shadow-sm)}.section h3{color:var(--ink);font-size:16px;margin-bottom:14px;font-weight:700;border-bottom:1px solid var(--border);padding-bottom:12px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:20px}table{width:100%;border-collapse:collapse;font-size:13px}th,td{padding:9px 10px;text-align:start;border-bottom:1px solid var(--border);white-space:nowrap}th{background:var(--surface-1);color:var(--ink-muted);font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.02em;position:sticky;top:0;cursor:pointer;-webkit-user-select:none;user-select:none}td.nm{font-weight:600;white-space:normal;max-width:280px}tr:hover td{background:var(--surface-1)}.scroll{max-height:560px;overflow:auto;border:1px solid var(--border);border-radius:var(--radius-md)}.badge{display:inline-block;padding:2px 9px;border-radius:20px;font-size:11px;font-weight:700}.b-hot{background:var(--danger-tint);color:var(--danger)}.b-warm{background:var(--warning-tint);color:#9a6a13}.b-cold{background:var(--surface-2);color:var(--ink-muted)}.b-issue{background:var(--danger-tint);color:var(--danger)}.b-active{background:var(--success-tint);color:#00806e}.b-paused{background:var(--surface-2);color:var(--ink-muted)}.b-real{background:var(--success-tint);color:#00806e}.b-demo{background:var(--warning-tint);color:#9a6a13}.b-unknown{background:var(--surface-2);color:var(--ink-muted)}.good{color:var(--success);font-weight:700}.bad{color:var(--danger);font-weight:700}.muted{color:var(--ink-muted);font-size:12px}input,select,textarea{font-family:inherit;font-size:13px;padding:7px 9px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--canvas);color:var(--ink)}input:focus,select:focus,textarea:focus{outline:2px solid var(--primary-tint);border-color:var(--primary)}.filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:14px;align-items:center}.filterbar{display:flex;gap:14px;align-items:center;flex-wrap:wrap;background:var(--canvas);border:1px solid var(--border);border-radius:var(--radius-md);padding:12px 16px;margin-bottom:18px}.presets{display:flex;gap:6px;flex-wrap:wrap}.chip{background:var(--surface-1);border:1px solid var(--border);color:var(--ink);border-radius:20px;padding:5px 12px;font-size:12px}.chip:hover{background:var(--surface-2)}.chip.active{background:var(--primary);color:var(--on-primary);border-color:var(--primary)}.daterange{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--ink-muted)}.daterange input{padding:5px 7px}.fb-sep{width:1px;align-self:stretch;background:var(--border)}.spacer{flex:1}.update-box{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-md);padding:12px}.update-title{color:var(--ink);font-size:13px;font-weight:700;margin-bottom:10px}.update-row{margin-bottom:10px}.update-row .btn{width:100%}.update-status{font-size:11.5px;margin-top:5px;padding:5px 8px;border-radius:7px;line-height:1.4}.u-run{background:var(--surface-2);color:var(--ink-muted)}.u-ok{background:var(--success-tint);color:#00806e}.u-warn{background:var(--warning-tint);color:#9a6a13}.u-err{background:var(--danger-tint);color:var(--danger)}.note{background:var(--warning-tint);border:1px solid var(--warning);border-radius:var(--radius-md);padding:12px 16px;font-size:13px;color:#7a5320;margin-bottom:18px;line-height:1.9}.note.ok{background:var(--success-tint);border-color:var(--success);color:#00806e}.note.bad{background:var(--danger-tint);border-color:var(--danger);color:#9b2226}code{background:var(--surface-2);border:1px solid var(--border);border-radius:5px;padding:1px 6px;font-size:12px;direction:ltr;display:inline-block}.chat-wrap{display:grid;grid-template-columns:300px 1fr 360px;gap:14px;height:calc(100vh - 130px)}.pane{background:var(--canvas);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--shadow-sm)}.pane-head{padding:12px 14px;border-bottom:1px solid var(--border);font-weight:700;color:var(--ink);font-size:14px}.conv-list{overflow:auto;flex:1}.conv-item{padding:11px 14px;border-bottom:1px solid var(--border);cursor:pointer;display:flex;flex-direction:column;gap:3px}.conv-item:hover{background:var(--surface-1)}.conv-item.active{background:var(--primary-tint);border-inline-start:3px solid var(--primary)}.conv-item .nm{font-weight:700;font-size:13px}.conv-item .meta{font-size:11px;color:var(--ink-muted);display:flex;gap:8px;justify-content:space-between}.thread{flex:1;overflow:auto;padding:16px;background:var(--surface-1);display:flex;flex-direction:column;gap:8px}.bubble{max-width:76%;padding:8px 11px;border-radius:12px;font-size:13px;box-shadow:0 1px 1px #00000014;white-space:pre-wrap;word-break:break-word}.bubble .who{font-size:10.5px;font-weight:700;color:var(--ink-muted);margin-bottom:3px}.bubble .tm{font-size:9.5px;color:var(--ink-muted);margin-top:4px;text-align:end}.bubble.in{background:var(--canvas);align-self:flex-start;border-top-right-radius:3px;border:1px solid var(--border)}.bubble.out{background:var(--secondary-tint);align-self:flex-end;border-top-left-radius:3px}.details{overflow:auto;flex:1;padding:14px}.d-block{margin-bottom:16px}.d-block h4{font-size:13px;color:var(--ink);margin-bottom:8px;border-bottom:1px solid var(--border);padding-bottom:5px}.d-row{display:flex;justify-content:space-between;font-size:12.5px;padding:3px 0;gap:10px}.d-row span:first-child{color:var(--ink-muted)}.scorebig{font-size:30px;font-weight:800}.chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.tag{background:var(--surface-1);border:1px solid var(--border);color:var(--ink);border-radius:14px;padding:2px 9px;font-size:11px}.tag.warn{background:var(--danger-tint);color:var(--danger);border-color:#f3c0c0}.tag.good{background:var(--success-tint);color:#00806e}.list-tight{font-size:12px;padding-inline-start:18px;margin-top:4px;line-height:1.7}.timeline{display:flex;flex-direction:column;gap:6px}.tl-item{font-size:11.5px;display:flex;gap:8px;border-inline-start:2px solid var(--border);padding-inline-start:8px}.tl-time{color:var(--ink-muted);white-space:nowrap;min-width:88px}@media (max-width:1100px){.chat-wrap{grid-template-columns:240px 1fr 300px}}.login-wrap{display:flex;align-items:center;justify-content:center;min-height:100vh;background:var(--surface-1)}.login-card{background:var(--canvas);border:1px solid var(--border);border-radius:var(--radius-lg);padding:34px;width:340px;text-align:center;box-shadow:var(--shadow-md)}.login-card h1{color:var(--ink);font-size:22px;margin-bottom:6px;font-weight:800}.login-card p{color:var(--ink-muted);font-size:13px;margin-bottom:20px}.login-card input{width:100%;margin-bottom:12px;text-align:center}.login-card .btn{width:100%}.err{color:var(--danger);font-size:13px;margin-top:10px}.modal-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:#2d374873;display:flex;align-items:center;justify-content:center;z-index:50}.modal{background:var(--canvas);border-radius:var(--radius-lg);padding:24px;width:480px;max-width:92vw;max-height:90vh;overflow:auto;box-shadow:var(--shadow-md)}.modal h3{color:var(--ink);margin-bottom:14px;font-weight:700}.field{margin-bottom:12px}.field label{display:block;font-size:12px;color:var(--ink-muted);margin-bottom:4px}.field input,.field select,.field textarea{width:100%}.row-actions{display:flex;gap:10px;justify-content:flex-start;margin-top:8px}@media (max-width:900px){.grid2{grid-template-columns:1fr}.app{flex-direction:column}.sidebar{width:100%;height:auto;position:static;border-inline-end:0;border-bottom:1px solid var(--border)}.sidebar .nav{display:flex;flex-wrap:wrap;gap:4px}.sidebar .nav a{margin-bottom:0}.main{padding:16px 14px}.topbar{flex-wrap:wrap;gap:8px}.topbar h2{font-size:18px}.chat-wrap{grid-template-columns:1fr;height:auto}.conv-list{max-height:42vh}.thread{max-height:58vh}.details{max-height:none}th,td{padding:7px 8px}}