*{box-sizing:border-box}body{margin:0;font-family:var(--font-sans);color:var(--ink);background:var(--bg);font-size:var(--fs-base)}.app{max-width:1000px;margin:0 auto;min-height:100vh;background:var(--bg)}.topbar{position:sticky;top:0;z-index:10}.admin-strip{display:flex;align-items:center;gap:var(--space-3);background:var(--admin-band-bg);color:var(--admin-band-ink);padding:6px var(--space-4);border-bottom:1px solid var(--brand-secondary-800)}.admin-band-label{font-weight:800;letter-spacing:.16em;font-size:var(--fs-xs);text-transform:uppercase}.admin-band-sub{font-size:var(--fs-xs);opacity:.9;letter-spacing:.02em}.brand-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);background:var(--surface);padding:8px var(--space-4);border-bottom:1px solid var(--line)}.brand-logo{height:34px;width:auto;display:block}.brand-title{font-size:var(--fs-sm);color:var(--muted);font-weight:600}.nav{display:flex;gap:var(--space-1);padding:var(--space-2) var(--space-3) 0;border-bottom:1px solid var(--line);background:var(--surface);overflow-x:auto}.nav-btn{border:none;background:transparent;padding:10px var(--space-4);font-size:var(--fs-sm);font-weight:600;color:var(--muted);border-bottom:3px solid transparent;cursor:pointer;white-space:nowrap}.nav-btn.active{color:var(--nav-active-ink);border-bottom-color:var(--nav-active)}.main{padding:var(--space-4)}.section-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin:var(--space-4) 0 var(--space-3)}.section-head h2,.section-head h3{margin:0;font-size:var(--fs-lg)}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:var(--space-4);margin:var(--space-3) 0}.btn{border:1px solid var(--line);background:var(--surface);color:var(--ink);padding:8px var(--space-3);border-radius:var(--radius-sm);font-size:var(--fs-sm);font-weight:600;cursor:pointer}.btn:hover{border-color:var(--brand-secondary-200)}.btn.primary{background:var(--action);border-color:var(--action);color:var(--action-ink)}.btn.primary:hover{background:var(--action-hover);border-color:var(--action-hover)}.btn:disabled{opacity:.55;cursor:default}:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px}.mono{font-family:var(--font-mono);font-weight:600}.mono.big{font-size:var(--fs-xl)}.tid{color:var(--muted);font-size:var(--fs-xs);font-family:var(--font-mono)}.user-key{color:var(--brand-secondary-800);font-size:var(--fs-xs);font-family:var(--font-mono);background:var(--brand-primary-100, #eef4fd);border-radius:var(--radius-sm);padding:1px 6px}.form-hint{color:var(--muted);font-size:var(--fs-xs);margin:-2px 0 8px;line-height:1.4}.readonly-row{display:flex;align-items:center;gap:var(--space-2)}.health-box{background:var(--surface);border:1px solid var(--line);border-left:4px solid var(--brand-primary);border-radius:var(--radius);padding:var(--space-3) var(--space-4)}.health-box.error{border-left-color:var(--brand-secondary);color:var(--ink)}.health-title{font-weight:700;font-size:var(--fs-sm);text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-bottom:var(--space-2)}.health-services{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:center;margin-bottom:var(--space-3)}.svc{display:inline-flex;align-items:center;gap:6px;font-size:var(--fs-sm)}.dot{width:9px;height:9px;border-radius:50%;display:inline-block}.dot.up{background:var(--positive)}.dot.down{background:var(--negative)}.chip{font-size:var(--fs-xs);padding:2px var(--space-2);border-radius:var(--radius-pill);font-weight:700}.chip.ok{background:var(--positive-bg);color:var(--positive-ink)}.chip.bad{background:var(--negative-bg);color:var(--negative-ink)}.health-counts{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-2)}.stat{background:var(--bg);border-radius:var(--radius-sm);padding:var(--space-2) 10px}.stat-value{font-size:var(--fs-lg);font-weight:700;font-family:var(--font-mono)}.stat-label{font-size:var(--fs-xs);color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.rows{display:flex;flex-direction:column;gap:var(--space-2)}.row{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:10px var(--space-3);display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.conn-row{justify-content:space-between}.row-main{flex:1;min-width:200px}.pair{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px}.arrow{color:var(--muted)}.subject{color:var(--ink);margin:2px 0}.meta{color:var(--muted);font-size:var(--fs-xs);display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center}.row-actions{display:flex;gap:6px}.user-row{cursor:pointer}.user-row:hover{border-color:var(--brand-primary)}.badge{font-size:var(--fs-xs);font-weight:700;padding:2px var(--space-2);border-radius:var(--radius-pill);background:var(--brand-secondary-050);color:var(--brand-secondary-800);text-transform:uppercase;letter-spacing:.04em}.badge.active{background:var(--positive-bg);color:var(--positive-ink)}.badge.suspended{background:var(--negative-bg);color:var(--negative-ink)}.badge.admin{background:var(--brand-secondary-100);color:var(--brand-secondary-800)}.edit-panel{width:100%;display:flex;align-items:center;gap:var(--space-3);padding-top:var(--space-2);border-top:1px dashed var(--line);margin-top:var(--space-2)}.edit-label{font-size:var(--fs-xs);color:var(--muted)}.form-row{display:flex;flex-direction:column;gap:var(--space-1);margin-bottom:var(--space-3)}.form-row.checkbox{flex-direction:row;align-items:center}.form-row label{font-size:var(--fs-xs);color:var(--muted);font-weight:600}.form input,.form select,.filters input,.filters select,.edit-user input{padding:9px 10px;border:1px solid var(--line);border-radius:var(--radius-sm);font-size:var(--fs-sm);width:100%;background:var(--surface);color:var(--ink)}.form-row.checkbox label{font-size:var(--fs-sm);color:var(--ink)}.toggle-row{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center;margin-top:var(--space-3)}.badges{display:flex;gap:6px;flex-wrap:wrap}.filters{display:flex;gap:var(--space-2);margin:var(--space-2) 0}.filters select{width:auto}.filters input{flex:1}.confirm-echo{background:var(--brand-primary-050);border:2px solid var(--brand-secondary);border-radius:12px;padding:var(--space-4);margin:var(--space-3) 0}.confirm-echo-title{font-weight:800;color:var(--brand-secondary-800);font-size:var(--fs-lg)}.confirm-echo-id{margin:var(--space-2) 0;font-size:var(--fs-base)}.confirm-echo-hint{font-size:var(--fs-sm);color:var(--ink-soft);margin-bottom:6px}.confirm-echo-meta{font-size:var(--fs-sm);color:var(--muted);margin-bottom:var(--space-3)}.error{background:var(--brand-secondary-050);color:var(--ink);border:1px solid var(--brand-secondary-200);border-left:4px solid var(--brand-secondary);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);font-size:var(--fs-sm);font-weight:600;margin:var(--space-2) 0}.error:before{content:"⚠ "}.ok-msg{color:var(--brand-secondary-700);font-size:var(--fs-sm);margin:6px 0}.empty{color:var(--muted);font-size:var(--fs-sm);padding:var(--space-4);text-align:center}.stub-note{color:var(--brand-secondary-800);font-weight:600;background:var(--brand-secondary-050);border-color:var(--brand-secondary-200)}.empty-state{text-align:center;padding:40px 20px;color:var(--muted)}.empty-state-icon{font-size:40px}.empty-state-title{font-weight:700;font-size:var(--fs-lg);color:var(--ink);margin:var(--space-2) 0 var(--space-1)}.empty-state-text{font-size:var(--fs-sm);max-width:420px;margin:0 auto}.sub{margin:var(--space-4) 0 6px;font-size:var(--fs-sm);color:var(--muted)}@media (min-width: 640px){.health-counts{grid-template-columns:repeat(4,1fr)}.brand-logo{height:40px}}.danger-zone{border:1px solid var(--danger-border);background:var(--danger-bg);border-radius:var(--radius);padding:12px;margin-top:14px}.danger-zone.inline{width:100%;margin-top:10px}.danger-title{font-weight:800;color:var(--danger);font-size:15px;margin-bottom:4px}.danger-text{font-size:13px;color:#7a271a;margin-bottom:8px}.danger-input{width:100%;padding:8px 10px;border:1px solid var(--danger-border);border-radius:var(--radius-sm);font-size:14px;margin-bottom:8px}.btn.danger{background:var(--danger);border-color:var(--danger);color:#fff}.btn.danger:hover{background:var(--danger-hover);border-color:var(--danger-hover)}.archived-row .meta{word-break:break-all}.atv-readonly{background:var(--brand-secondary-050, #eef2fb);border:1px solid var(--brand-secondary-200, #c9d6f2);border-left:4px solid var(--brand-secondary, #173a8a);color:var(--ink);border-radius:var(--radius-sm);padding:8px 12px;font-size:var(--fs-sm);font-weight:600;margin:8px 0 12px}.atv-header{display:flex;flex-direction:column;gap:8px}.atv-parties{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.atv-party{display:inline-flex;flex-direction:column;padding:4px 10px;border-radius:var(--radius-sm);border:1px solid var(--line)}.atv-party.side-a{background:#eef6ff;border-color:#cfe4fb}.atv-party.side-b{background:#fff4ec;border-color:#f7ddc8}.atv-real{font-size:var(--fs-xs);color:var(--muted)}.atv-arrow{color:var(--muted);font-weight:700}.atv-meta{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap;font-size:var(--fs-sm)}.atv-subject{font-weight:600}.atv-count{color:var(--muted);font-size:var(--fs-xs)}.atv-search{display:flex;gap:var(--space-2);margin:12px 0 6px}.atv-search-input{flex:1;padding:8px 12px;border:1px solid var(--line);border-radius:var(--radius-sm);font-size:var(--fs-sm)}.atv-search-note{font-size:var(--fs-xs);color:var(--muted);margin-bottom:6px}.atv-transcript{display:flex;flex-direction:column;gap:10px;max-height:calc(100vh - 320px);overflow-y:auto;padding:8px 2px;border-top:1px solid var(--line)}.load-earlier{align-self:center;background:transparent;border:1px solid var(--line);border-radius:var(--radius-pill);padding:4px 14px;font-size:var(--fs-xs);color:var(--muted);cursor:pointer}.atv-msg{max-width:78%;padding:8px 12px;border-radius:12px;border:1px solid var(--line);font-size:var(--fs-sm)}.atv-msg.side-a{align-self:flex-start;background:#eef6ff;border-color:#cfe4fb}.atv-msg.side-b{align-self:flex-end;background:#fff4ec;border-color:#f7ddc8}.atv-msg-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3);margin-bottom:3px}.atv-sender{display:inline-flex;align-items:baseline;gap:6px}.atv-sender b{color:var(--brand-secondary-800, #12275c)}.atv-time{font-size:11px;color:var(--muted);white-space:nowrap}.atv-body{white-space:pre-wrap;word-break:break-word}.atv-photo{max-width:min(260px,60vw);max-height:260px;border-radius:8px;cursor:pointer;object-fit:cover;display:block}.atv-doc{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm)}.atv-doc-icon{font-size:20px}.atv-doc-name{font-weight:600;word-break:break-all}.btn.small{padding:3px 10px;font-size:var(--fs-xs)}.atv-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;background:#1b2430b8;display:flex;align-items:center;justify-content:center;z-index:60;padding:4vw}.atv-lightbox-inner{background:var(--surface);border-radius:var(--radius);padding:var(--space-4);display:flex;flex-direction:column;align-items:center;gap:var(--space-3);max-width:92vw;max-height:92vh}.atv-lightbox-img{max-width:88vw;max-height:78vh;border-radius:8px;display:block}.atv-lightbox-actions{display:flex;gap:var(--space-2)}