:root{--navy:#18243a;--ink:#263145;--muted:#768398;--line:#e8edf3;--bg:#f5f7fa;--white:#fff;--accent:#f47b52;--accentDark:#df6740;--teal:#1f9f87;--red:#d84a58}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;color:var(--ink);background:var(--bg)}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.55;cursor:not-allowed}a{color:var(--accentDark)}.shell{min-height:100vh;display:flex}.side{width:238px;background:var(--navy);padding:24px 14px;display:flex;flex-direction:column;flex:none;color:#e3eaf4}.brand{display:flex;align-items:center;gap:11px;padding:0 14px 28px}.brandIcon{height:41px;width:41px;display:grid;place-items:center;background:var(--accent);border-radius:13px;font-size:27px;font-weight:700;color:white}.brand strong{display:block;color:#fff;font-size:17px}.brand span{font-size:11px;color:#98a5ba;letter-spacing:.04em}.nav{display:grid;gap:6px}.navItem{border:0;background:transparent;text-align:left;color:#aab8cb;padding:13px 15px;border-radius:11px;display:flex;gap:13px;align-items:center;font-size:14px}.navItem:hover,.navItem.active{background:#2b3a52;color:#fff}.navItem.active{box-shadow:inset 3px 0 var(--accent)}.sidebarFoot{margin-top:auto;border-top:1px solid #35435a;padding:16px 12px 0;font-size:12px;line-height:2;color:#a7b2c2}.sidebarFoot a{color:#b8c9dc;text-decoration:none}.liveDot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#5bd1b0;margin-right:5px}.main{flex:1;min-width:0;max-width:1500px;padding:30px 35px 70px;margin:0 auto}.head{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:26px}.kicker{font-size:10px;font-weight:800;color:var(--accentDark);letter-spacing:.18em;margin:0 0 7px}.head h1{font-size:26px;line-height:1.3;letter-spacing:-.04em;margin:0 0 6px}.sub{color:var(--muted);font-size:13px;margin:0}.headerActions{display:flex;gap:11px;align-items:center;flex-wrap:wrap}.pill{border:1px solid #f0c8c4;border-radius:24px;color:#b45d51;background:#fff3ed;padding:9px 12px;font-size:12px;white-space:nowrap}.pill.ok{border-color:#b9e5d9;background:#edf9f4;color:#1d8771}.primary,.secondary,.danger{border-radius:9px;padding:10px 15px;font-size:13px;font-weight:700;min-height:38px;transition:.15s}.primary{background:var(--accent);color:white;border:1px solid var(--accent);box-shadow:0 2px 5px #fc71401f}.primary:hover{background:var(--accentDark)}.secondary{background:white;color:#536174;border:1px solid #dce4ed}.secondary:hover{border-color:#aebac8;background:#f8fafc}.wide{width:100%}.panel{border:1px solid var(--line);border-radius:15px;background:white;box-shadow:0 3px 20px #24385808;padding:22px;margin-bottom:20px}.panel h2{font-size:16px;letter-spacing:-.02em;margin:0 0 8px}.panel p{font-size:13px;line-height:1.6}.panelTitle{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.panelTitle h2{margin:0 0 3px}.panelTitle p{color:var(--muted);margin:0}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:20px}.stat{background:white;border:1px solid var(--line);border-radius:14px;padding:19px;box-shadow:0 3px 16px #20305206}.stat span{display:block;font-size:12px;color:var(--muted);margin-bottom:12px}.stat strong{font-size:30px;letter-spacing:-.05em;color:var(--navy);display:block}.stat small{display:block;color:#a0aaba;font-size:11px;margin-top:7px}.twoCols{display:grid;grid-template-columns:1.1fr 1fr;gap:20px}.muted{color:var(--muted)!important}.conn{display:flex;align-items:center;gap:13px;padding:13px 0;border-bottom:1px solid var(--line)}.serviceIcon{width:38px;height:38px;flex:none;border-radius:10px;display:grid;place-items:center;color:#fff;font-weight:900}.hh{background:#ee4556;font-size:17px}.b24{background:#2195cb;font-size:17px}.service{display:grid;gap:2px;min-width:0;flex:1}.service b{font-size:13px}.service span{font-size:11px;color:var(--muted);overflow-wrap:anywhere}.status{padding:5px 9px;border-radius:20px;font-size:10px;font-weight:700;white-space:nowrap}.status.ok{background:#e4f8f1;color:var(--teal)}.status.bad{background:#fff0ef;color:var(--red)}.panelFooter{padding-top:16px}.syncHelp{display:flex;justify-content:space-between;background:#f7f9fc;padding:12px 13px;border-radius:9px;margin:18px 0;font-size:12px;gap:10px}.syncHelp span{color:var(--teal)}.fine{color:#9ca7b6!important;font-size:11px!important;line-height:1.5!important}.check{font-weight:400!important;display:flex!important;align-items:flex-start;gap:7px;font-size:11px!important;color:var(--muted)}.check input{margin-top:2px!important;width:15px!important;height:15px!important}.notice{padding:12px 14px;border-radius:9px;background:#fff7e9;color:#9d7343;font-size:12px;line-height:1.6;margin-top:13px}.notice:empty{display:none}.notice.info{background:#f2f8fd;color:#56728a}.logList{display:grid;gap:0;max-height:520px;overflow:auto}.logItem{display:grid;grid-template-columns:80px 1fr auto;align-items:start;gap:12px;padding:13px 2px;border-bottom:1px solid var(--line);font-size:12px}.logItem:last-child{border:0}.logTime{color:#a5afbd;font-variant-numeric:tabular-nums}.logMessage{overflow-wrap:anywhere}.logLevel{font-size:10px;padding:3px 7px;border-radius:5px;color:var(--muted);background:#f1f4f8}.logLevel.success{background:#e5f8f0;color:#187b5e}.logLevel.error{background:#fff0ef;color:#cc5660}.logLevel.warn{background:#fff6e3;color:#bb8e36}.sectionHead{display:flex;gap:14px;margin-bottom:18px;align-items:start}.sectionHead p{margin:0}.step{width:37px;height:37px;background:#fff0e9;color:var(--accentDark);border-radius:11px;display:grid;place-items:center;font-size:12px;font-weight:800;flex:none}.formGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.fieldSpacer{height:1px}label{display:grid;gap:7px;font-size:12px;font-weight:700;color:#5d6b7e}input,select{border:1px solid #dce4ed;border-radius:9px;padding:10px 11px;color:#243449;background:#fff;min-width:0;width:100%;font-size:13px;outline:0}input:focus,select:focus{border-color:#efa384;box-shadow:0 0 0 3px #ffefe9}input::placeholder{color:#b3bccb}.actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:16px}.webhookRow{display:flex;align-items:end;gap:8px}.webhookRow label{flex:1;min-width:0}.webhookRow input{color:#8190a1}.login{max-width:480px;margin:75px auto;padding:35px}.login h2{font-size:21px}.login .sign{font-size:32px}.login form{display:grid;gap:14px;margin:22px 0}.mappings{display:grid;gap:16px;margin-top:22px}.mapping{border:1px solid var(--line);border-radius:13px;padding:18px;background:#fcfdff}.mappingHead{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px}.mappingHead b{font-size:14px}.mappingHead .remove{border:0;background:transparent;color:var(--red);font-size:12px}.mappingGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.fieldMap{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin-top:17px;border-top:1px solid var(--line);padding-top:17px}.mappingTools{display:flex;align-items:center;flex-wrap:wrap;gap:13px;margin-top:14px}.toast{position:fixed;bottom:20px;right:24px;background:var(--navy);color:white;font-size:13px;border-radius:10px;padding:12px 16px;box-shadow:0 10px 22px #1b2c3944;max-width:420px;opacity:0;transform:translateY(6px);pointer-events:none;transition:.18s}.toast.show{opacity:1;transform:translateY(0)}.toast.err{background:#b94350}[hidden]{display:none!important}@media(max-width:1100px){.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.twoCols{grid-template-columns:1fr}.mappingGrid,.fieldMap{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.shell{display:block}.side{width:auto;padding:12px 14px}.brand{padding:0 0 12px}.nav{display:flex;overflow-x:auto}.navItem{white-space:nowrap;padding:10px}.sidebarFoot{display:none}.main{padding:20px 15px}.head{display:block}.headerActions{margin-top:14px}.stats{gap:9px}.stat{padding:13px}.stat strong{font-size:25px}.formGrid,.mappingGrid,.fieldMap{grid-template-columns:1fr}.panel{padding:16px}.webhookRow{align-items:stretch;flex-direction:column}}

.accountBox{margin-top:16px;padding-top:18px;border-top:1px solid var(--line)}.accountBox h3{font-size:15px}.accountRow{padding:15px;border:1px solid var(--line);border-radius:12px;margin:12px 0;background:#fafbfd}.accountHead{display:flex;justify-content:space-between;gap:10px;align-items:center}.accountRow label{display:block;margin-top:10px;max-width:380px}.chatMessages{min-height:100px;max-height:520px;overflow:auto;border:1px solid var(--line);border-radius:12px;padding:14px;background:#f9fafc;margin:12px 0}.chatBubble{margin:8px 0;padding:12px;border-radius:10px;background:white;border:1px solid var(--line)}.chatBubble p{white-space:pre-wrap;overflow-wrap:anywhere;margin:7px 0}.chatBubble small{color:var(--muted)}textarea{font:inherit;width:100%;min-height:90px;border:1px solid var(--line);border-radius:8px;padding:10px;resize:vertical}.tabContent[hidden],.navItem[hidden]{display:none!important}