:root{--bg: #f6f5f2;--panel: #ffffff;--panel2: #f1efe9;--line: #e2ded4;--text: #16150f;--muted: #5d5a50;--primary: #b8891c;--primary-2: #9a7213;--gold: #d4a73a;--gold-soft: #fbefd2;--ink: #141311;--ink-2: #2c2717;--ink-text: #ece6d6;--green: #1f7a4d;--red: #c2412d;--amber: #b7791f;--out: #f7ecd0;--in: #ffffff;--note: #fff7df;--radius: 12px;font-family:IBM Plex Sans,Segoe UI,system-ui,sans-serif;color:var(--text);background:var(--bg)}*{box-sizing:border-box}body{margin:0;background:var(--bg)}input,select,textarea,button{font:inherit;color:inherit}input,select,textarea{background:var(--panel2);border:1px solid var(--line);border-radius:8px;padding:8px 10px;min-width:0}textarea{resize:vertical}input:focus,select:focus,textarea:focus{outline:2px solid var(--primary);outline-offset:-1px}button{background:var(--primary);border:0;border-radius:8px;padding:8px 14px;cursor:pointer;color:#fff;white-space:nowrap}button:hover{background:var(--primary-2)}button:disabled{opacity:.5;cursor:default}button.ghost,label.ghost{background:transparent;border:1px solid var(--line);color:var(--text)}button.ghost:hover{background:var(--panel2)}button.danger{background:var(--red)}button.small,.small{font-size:12px}button.small{padding:5px 9px}a{color:var(--primary)}code{background:var(--panel2);padding:1px 5px;border-radius:4px}h1,h2{margin:0;font-family:Bricolage Grotesque,IBM Plex Sans,sans-serif;font-weight:700}h2{font-size:26px}h3{margin:18px 0 8px;font-size:15px}.muted{color:var(--muted)}.center{text-align:center;display:block;margin:0 auto}.right{text-align:right}.pre{white-space:pre-wrap}.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.error{color:#7a1f12;background:#fbe4df;padding:8px 10px;border-radius:8px;font-size:13px}.ok{background:#e2f2e9;color:#1f6a44;padding:8px 10px;border-radius:8px;font-size:13px}.row{display:flex;gap:8px;align-items:center;justify-content:space-between}.row.wrap{flex-wrap:wrap;justify-content:flex-start}.col{display:flex;flex-direction:column;gap:6px}.check{display:flex;gap:6px;align-items:center;cursor:pointer}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:16px;display:flex;flex-direction:column;gap:8px}.chip{display:inline-flex;gap:4px;align-items:center;padding:2px 8px;border-radius:99px;font-size:11px;color:#fff;background:#444;margin-right:4px}.chip.clickable{cursor:pointer}.chip.off{opacity:.3}.chip .x{padding:0 4px;border:0}.badge{background:var(--gold);color:var(--ink);font-weight:600;border-radius:99px;padding:0 6px;font-size:11px;margin-left:4px}.badge.green{background:var(--green)}.tagpick{display:flex;flex-wrap:wrap;gap:6px}.auth{min-height:100vh;display:grid;place-items:center;padding:16px}.auth-card{width:100%;max-width:380px;gap:12px}.auth-card h1{margin:0}.shell{display:grid;grid-template-columns:210px 1fr;height:100vh}.sidebar{background:var(--ink);color:var(--ink-text);display:flex;flex-direction:column;padding:24px 14px;gap:24px}.brand{display:flex;align-items:center;gap:10px;padding:0 8px}.brand-mark{width:34px;height:34px;border-radius:8px;background:var(--gold);color:var(--ink);display:grid;place-items:center;font-family:Bricolage Grotesque,sans-serif;font-weight:700}.brand-name{display:flex;flex-direction:column;line-height:1.15}.brand-name b{font-family:Bricolage Grotesque,sans-serif;font-size:17px;letter-spacing:.04em}.brand-name span{font-size:12px;color:#b9b2a1}.sidebar nav{display:flex;flex-direction:column;gap:2px;flex:1}.sidebar nav a{color:var(--ink-text);text-decoration:none;padding:9px 10px;border-radius:8px;font-size:14px}.sidebar nav a:hover{background:#24211b}.sidebar nav a.active{background:var(--ink-2);color:#f1d58a;font-weight:600}.me{display:flex;flex-direction:column;gap:8px;padding:14px 6px 0;border-top:1px solid #2e2b25}.me select,.me button.ghost{background:#1d1b17;border-color:#2e2b25;color:var(--ink-text)}.me button.ghost:hover{background:#24211b}.me-name{font-size:13px;font-weight:600}.content{overflow:auto}.page{padding:32px 40px;display:flex;flex-direction:column;gap:20px}.eyebrow{font-family:IBM Plex Mono,monospace;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#6b6656}.page-head{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-top:6px}.page-head .row{justify-content:flex-end}table{width:100%;border-collapse:collapse;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;font-size:14px}th,td{padding:9px 12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:middle}th{color:var(--muted);font-weight:500;font-size:12px;text-transform:uppercase;letter-spacing:.06em}td.right button,td.right select{margin-left:4px}.pager{justify-content:center}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}.tabs{display:flex;gap:4px;flex-wrap:wrap}.tab{background:transparent;color:var(--muted);border:1px solid transparent;padding:6px 10px;font-size:13px}.tab.active{color:var(--text);border-color:var(--line);background:var(--panel);font-weight:600;box-shadow:0 1px 2px #0000000f}.status{font-size:12px;font-weight:600}.status.CONNECTED,.status.RUNNING,.status.COMPLETED{color:var(--green)}.status.QRCODE,.status.PAUSED,.status.SCHEDULED{color:var(--amber)}.status.DISCONNECTED,.status.CANCELED{color:var(--red)}.progress{height:6px;background:var(--panel2);border-radius:99px;overflow:hidden;min-width:120px}.progress>div{height:100%;background:var(--green)}.risk{padding:10px;border-radius:8px;background:var(--panel2);font-size:13px;display:flex;flex-direction:column;gap:6px}.risk.high .progress>div{background:var(--red)}.risk.mid .progress>div{background:var(--amber)}.kpis{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px}.kpi{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:20px;display:flex;flex-direction:column;gap:6px}.kpi.dark{background:var(--ink);border-color:var(--ink);color:#f3efe4}.kpi.dark span{color:#c9c1ad}.kpi.dark b{color:#e6bd56}.kpi small{font-size:13px;color:var(--muted)}.kpi.dark small{color:#c9c1ad}.kpi small.up{color:var(--green)}.kpi span{color:var(--muted);font-size:13px}.kpi b{font-family:Bricolage Grotesque,sans-serif;font-size:34px;font-variant-numeric:tabular-nums}.qr{width:260px;height:260px;background:#fff;padding:8px;border-radius:8px;display:block;margin:0 auto}.modal-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:#1413118c;display:grid;place-items:center;z-index:50;padding:16px}.modal{background:var(--panel);border:1px solid var(--line);border-radius:14px;width:100%;max-width:460px;max-height:90vh;overflow:auto;padding:18px}.modal.wide{max-width:920px}.modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.modal-head h3{margin:0}.form{display:flex;flex-direction:column;gap:10px}.form label{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--muted);flex:1}.form label.check{flex-direction:row;color:var(--text)}.form.narrow{max-width:560px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.grid2>div{display:flex;flex-direction:column;gap:10px}.span2{grid-column:span 2}.tickets{display:grid;grid-template-columns:360px 1fr;height:100vh}.tlist{border-right:1px solid var(--line);display:flex;flex-direction:column;min-height:0;background:var(--panel)}.tlist-head{display:flex;gap:6px;padding:12px}.tlist-head input{flex:1}.tlist .tabs{padding:0 12px 8px}.tlist>label{padding:0 12px 8px}.tlist ul{list-style:none;margin:0;padding:0;overflow:auto;flex:1}.tlist li{display:flex;gap:10px;padding:10px 12px;border-bottom:1px solid var(--line);cursor:pointer}.tlist li:hover{background:var(--panel2)}.tlist li.sel{background:var(--gold-soft);box-shadow:inset 3px 0 0 var(--gold)}.tlist li.empty{cursor:default;justify-content:center}.avatar{width:40px;height:40px;flex:none;border-radius:50%;background:#3b3423;color:#f1d58a;display:grid;place-items:center;font-weight:700;text-transform:uppercase}.tinfo{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.tinfo .row{justify-content:space-between}.tinfo .row.small{justify-content:flex-start}.chat{display:flex;flex-direction:column;min-height:0;min-width:0}.empty-chat{margin:auto}.chat-head{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;border-bottom:1px solid var(--line);background:var(--panel);gap:10px;flex-wrap:wrap}.chat-head .actions{display:flex;gap:6px;flex-wrap:wrap}.messages{background:var(--bg);flex:1;overflow:auto;padding:16px;display:flex;flex-direction:column;gap:6px}.msg{max-width:68%;padding:8px 10px;border-radius:10px;font-size:14px;display:flex;flex-direction:column;gap:4px}.msg.in{align-self:flex-start;background:var(--in);border:1px solid var(--line)}.msg.out{align-self:flex-end;background:var(--out)}.msg.note{background:var(--note);border:1px dashed var(--amber)}.msg .body{white-space:pre-wrap;word-break:break-word}.msg .meta{font-size:10px;color:var(--muted);align-self:flex-end}.media{max-width:280px;max-height:320px;border-radius:8px}.composer{border-top:1px solid var(--line);padding:10px 12px;background:var(--panel);display:flex;flex-direction:column;gap:6px;position:relative}.composer.internal{background:#fff7df}.composer .row{align-items:stretch}.composer textarea{flex:1}.composer .file{display:grid;place-items:center;padding:0 10px;border-radius:8px;cursor:pointer}.suggest{position:absolute;bottom:100%;left:12px;right:12px;background:var(--panel2);border:1px solid var(--line);border-radius:8px;max-height:200px;overflow:auto}.suggest div{padding:8px 10px;cursor:pointer;font-size:13px}.suggest div:hover{background:var(--line)}@media(max-width:900px){.shell{grid-template-columns:1fr;grid-template-rows:auto 1fr}.sidebar{flex-direction:row;overflow-x:auto;padding:8px;align-items:center}.sidebar nav{flex-direction:row}.me{flex-direction:row}.tickets{grid-template-columns:1fr;height:auto}.tickets .chat{min-height:70vh}.grid2{grid-template-columns:1fr}.span2{grid-column:auto}.page{padding:20px 16px}table{display:block;overflow-x:auto}}.seg{display:flex;gap:4px;background:#eceae4;padding:4px;border-radius:10px}.seg button{background:transparent;color:#3f3c34;padding:7px 13px;border-radius:7px}.seg button:hover{background:#fff9}.seg button.on{background:#fff;color:var(--text);font-weight:600;box-shadow:0 1px 2px #00000014}.kpis4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.panels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:24px;display:flex;flex-direction:column;gap:16px;min-width:0}.panel-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.panel-head h3{margin:0;font-family:Bricolage Grotesque,sans-serif;font-size:19px}.panel table{border:0;border-radius:0}.bar-row{display:grid;grid-template-columns:170px minmax(0,1fr) 44px;gap:12px;align-items:center;font-size:14px}.bar{height:12px;background:#f1ede2;border-radius:99px;overflow:hidden}.bar>div{height:100%;background:var(--primary);border-radius:99px}.pills{display:flex;flex-wrap:wrap;gap:8px;padding-top:8px;border-top:1px solid #ece8de}.pill{font-size:13px;padding:6px 10px;border-radius:99px;background:#eceae4}.pill.wait{background:#fbefd2;color:#7a5300}.pill.open{background:#e4ecf6;color:#1d4f8a}.pill.done{background:#e2f2e9;color:#1f6a44}.conn{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px;border-radius:10px;background:var(--bg)}.stack{height:10px;background:#f1ede2;border-radius:99px;display:flex;overflow:hidden}@media(max-width:1100px){.kpis4{grid-template-columns:repeat(2,minmax(0,1fr))}.panels{grid-template-columns:1fr}}@media(max-width:560px){.kpis4{grid-template-columns:1fr}.bar-row{grid-template-columns:110px minmax(0,1fr) 36px}}