:root{--bg: #f4f6f5;--surface: #ffffff;--surface-2: #eef2f0;--text: #17201c;--muted: #6b7772;--border: #dde3e0;--accent: #128c4a;--accent-ink: #ffffff;--me: #e3f6e9;--warn: #b45309;--danger: #b42318}@media (prefers-color-scheme: dark){:root{--bg: #0f1412;--surface: #171e1b;--surface-2: #1f2824;--text: #e6ece9;--muted: #93a29b;--border: #2a3530;--accent: #2fbf71;--accent-ink: #06130c;--me: #1b3226;--warn: #f0a24a;--danger: #f2716b}}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font:15px/1.5 Heebo,system-ui,sans-serif}a{color:var(--accent)}input,select,button{font:inherit;color:inherit}input,select{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:7px 10px}label{display:flex;flex-direction:column;gap:4px;font-size:13px;color:var(--muted)}.muted{color:var(--muted)}.mono{font-family:ui-monospace,Consolas,monospace;font-size:12px;direction:ltr;text-align:right}.pad{padding:16px}.error{color:var(--danger)}.spacer{flex:1}.row{display:flex;gap:8px;align-items:end;flex-wrap:wrap}.row.between{justify-content:space-between;align-items:center}.btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:8px;border:1px solid var(--border);background:var(--surface);cursor:pointer;text-decoration:none;color:var(--text)}.btn.primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.btn.ghost{background:transparent}.btn.small{padding:3px 10px;font-size:13px}.btn:disabled{opacity:.6}.login-wrap{min-height:100%;display:grid;place-items:center;padding:16px}.card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:18px}.login{width:min(360px,100%);display:flex;flex-direction:column;gap:12px}.login h1{font-size:20px;margin:0 0 6px}.app{display:flex;flex-direction:column;height:100%}.topbar{display:flex;align-items:center;gap:12px;padding:10px 16px;background:var(--surface);border-bottom:1px solid var(--border)}.brand{font-weight:700;color:var(--accent)}.tabs{display:flex;gap:4px}.tabs button{border:0;background:none;padding:6px 12px;border-radius:8px;cursor:pointer}.tabs button.on{background:var(--surface-2);font-weight:600}.viewer{flex:1;display:flex;min-height:0}.sidebar{width:270px;flex-shrink:0;overflow-y:auto;background:var(--surface);border-inline-end:1px solid var(--border);padding:8px}.group{display:flex;justify-content:space-between;gap:8px;width:100%;padding:9px 10px;border:0;background:none;border-radius:8px;cursor:pointer;text-align:start}.group.on{background:var(--surface-2);font-weight:600}.gname{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.content{flex:1;overflow-y:auto;padding:16px;min-width:0}.toolbar{display:flex;flex-direction:column;gap:10px;margin-bottom:14px}.toolbar h2{margin:0;font-size:19px}.filters{display:flex;gap:6px;flex-wrap:wrap}.pill{border:1px solid var(--border);background:var(--surface);padding:4px 12px;border-radius:999px;cursor:pointer}.pill.on{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.search{flex:1;min-width:200px}.date{flex-direction:row;align-items:center;gap:6px}.list{display:flex;flex-direction:column;gap:8px;max-width:820px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px}.msg{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:10px 12px;overflow-wrap:anywhere}.msg.me{background:var(--me)}.msg-head{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:13px;margin-bottom:4px}.time{margin-inline-start:auto}.chip{background:var(--surface-2);border-radius:6px;padding:0 6px;font-size:12px;color:var(--muted)}.chip.warn{color:var(--warn)}.body{white-space:pre-wrap}.quoted{border-inline-start:3px solid var(--accent);background:var(--surface-2);padding:4px 8px;border-radius:4px;font-size:13px;color:var(--muted);margin-bottom:6px;white-space:pre-wrap}.media{display:block;max-width:100%;max-height:360px;border-radius:8px;margin:4px 0;background:var(--surface-2)}.grid .media{width:100%;height:220px;object-fit:cover}.media-missing{font-size:13px;padding:10px;border-radius:8px;background:var(--surface-2);color:var(--muted);margin:4px 0}.media-missing.expired,.media-missing.failed{color:var(--warn)}.doc{display:inline-block;padding:8px 10px;background:var(--surface-2);border-radius:8px;margin:4px 0;text-decoration:none}.vcard{white-space:pre-wrap;font-size:12px;margin:0}.url{direction:ltr;display:block;text-align:left}.ctx{font-size:13px;white-space:pre-wrap;max-height:4.5em;overflow:hidden}.more{margin:16px auto;display:flex}.admin{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:16px;max-width:1100px;width:100%;margin:0 auto}.admin h3{margin:0 0 10px}.stats{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:10px}.stat{background:var(--surface-2);border-radius:10px;padding:10px 14px;display:flex;flex-direction:column;min-width:110px}.stat b{font-size:20px}.stat.done b{color:var(--accent)}.stat.expired b,.stat.failed b{color:var(--warn)}table{width:100%;border-collapse:collapse;font-size:14px}th,td{text-align:start;padding:7px 8px;border-bottom:1px solid var(--border);vertical-align:middle}th{color:var(--muted);font-weight:500}.editor{background:var(--surface-2);border-radius:10px;padding:12px;margin:8px 0;display:flex;flex-direction:column;gap:10px}.checks{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:4px}.check{flex-direction:row;align-items:center;gap:6px;color:var(--text);font-size:14px}textarea{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:7px 10px;font:inherit;color:inherit;resize:vertical}.title{margin:6px 0 0;font-size:21px;display:flex;gap:8px;align-items:center}tr.clickable{cursor:pointer}tr.clickable:hover td{background:var(--surface-2)}tr.off td{opacity:.55}.webhook{display:flex;gap:8px;align-items:center;background:var(--surface-2);border-radius:8px;padding:8px 10px;margin:10px 0 6px}.webhook code{flex:1;overflow-wrap:anywhere;font-size:13px;text-align:left}.actions{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}.actions .muted{font-size:13px;margin-top:6px}.btn.file{position:relative;overflow:hidden}.btn.file input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.result{margin-top:12px;padding:8px 12px;border-radius:8px;background:var(--me)}.card+.card{margin-top:0}.customer-select{width:100%;margin-bottom:8px}.check.big{font-size:16px;font-weight:600;margin:8px 0 4px}.small-note{font-size:13px;margin-top:6px}.chip.ok{color:var(--accent)}table.compact td,table.compact th{padding:5px 6px;font-size:13px}td.clip{max-width:320px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.history{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.card table{margin-top:8px}.admin .card{overflow-x:auto}.drive{display:flex;flex-direction:column;gap:12px}.drive .field .label{font-weight:600;margin-bottom:4px}.checks.inline{display:flex;flex-wrap:wrap;gap:6px 18px}.connect p{margin:0 0 10px}@media (max-width: 760px){.viewer{flex-direction:column}.sidebar{width:100%;max-height:180px;border-inline-end:0;border-bottom:1px solid var(--border)}.content,.admin{padding:12px 16px}}table.flow td:not(:first-child),table.flow th:not(:first-child){text-align:center;width:120px}.row.poll{align-items:center;gap:12px}.drive table input,.drive table select{width:100%}.preview-toggle{flex-direction:row;align-items:center;gap:6px;padding:8px 10px;margin-bottom:8px;border-radius:8px;background:var(--surface-2);color:var(--text);font-size:14px}.preview-toggle.on{background:var(--me);font-weight:600}