:root{--bg: #0d1518;--panel: #142126;--panel-strong: #1b2b31;--muted: #8ba8ab;--text: #eef6f6;--brand: #4ea4a5;--brand-deep: #2b7071;--accent: #d7f2f2;--border: rgba(255, 255, 255, .09);--danger: #d06d72;--success: #5bb38a}@keyframes spin{to{transform:rotate(360deg)}}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;background:radial-gradient(circle at top,#173239,var(--bg) 55%);color:var(--text);font-family:Segoe UI,sans-serif}body{min-height:100vh}a{color:inherit;text-decoration:none}button,input,select{font:inherit}input,select{width:100%;border:1px solid var(--border);background:#101b1f;color:var(--text);border-radius:14px;padding:.85rem 1rem}label{display:grid;gap:.45rem;color:var(--muted)}.screen{min-height:100vh}.centered,.auth-screen{display:grid;place-items:center;padding:2rem}.auth-card,.card{border:1px solid var(--border);background:#122025eb;border-radius:28px;padding:1.5rem;box-shadow:0 24px 80px #00000040}.auth-card{width:min(100%,460px)}.auth-logo{width:110px;height:110px;object-fit:cover;border-radius:22px;display:block;margin-bottom:1rem}.stack{display:grid;gap:1rem}.app-shell{display:grid;grid-template-columns:280px 1fr;min-height:100vh}.sidebar{display:grid;grid-template-rows:auto 1fr;gap:1.5rem;padding:1.5rem;border-right:1px solid var(--border);background:linear-gradient(180deg,#1e353de6,#0c1418fa)}.brand{display:flex;gap:.9rem;align-items:center}.brand img{width:64px;height:64px;border-radius:18px}.brand strong,.page-header h2,.topbar h1,.auth-card h1{margin:0}.brand span,.page-header p,.topbar p,.auth-card p,small{color:var(--muted)}.nav-list{display:grid;gap:.55rem;align-content:start}.nav-item{padding:.9rem 1rem;border-radius:16px;color:var(--muted);transition:.2s ease}.nav-item.active,.nav-item:hover{color:var(--text);background:#4ea4a524}.main-shell{padding:1.5rem;display:grid;gap:1.25rem;align-content:start}.topbar{display:flex;justify-content:space-between;align-items:center;gap:1rem}.topbar-actions{display:flex;gap:.8rem}.primary-button,.ghost-button{border:0;border-radius:14px;padding:.85rem 1rem;cursor:pointer}.primary-button{background:linear-gradient(135deg,var(--brand),var(--brand-deep));color:#fff;font-weight:700}.primary-button:disabled{opacity:.55;cursor:not-allowed}.ghost-button{background:#ffffff0d;color:var(--text);border:1px solid var(--border)}.page-header{display:grid;gap:.35rem}.stats-grid,.status-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.stat-card strong{font-size:2rem}.status-item strong{font-size:.9rem}.two-column{grid-template-columns:1.4fr 1fr;align-items:start}.table-list{display:grid;gap:.75rem}.table-row,.conversation-item{display:flex;justify-content:space-between;align-items:center;gap:1rem;width:100%;padding:1rem;border-radius:18px;border:1px solid var(--border);background:#ffffff08;color:var(--text)}.conversation-item{text-align:left;cursor:pointer}.conversation-item.active{border-color:#4ea4a580;background:#4ea4a51f}.row-actions{display:flex;gap:.6rem}.pill{padding:.35rem .75rem;border-radius:999px;text-transform:capitalize;background:#ffffff14}.pill.active,.pill.connected,.pill.approved{background:#5bb38a33;color:#9fe1b9}.pill.inactive{background:#d06d722e;color:#f3afb3}.split-panel{display:grid;grid-template-columns:360px 1fr;gap:1rem}.message-list{display:grid;gap:.85rem}.message-bubble{border-radius:18px;padding:1rem;max-width:85%;background:#ffffff0d}.message-bubble.outbound{justify-self:end;background:#4ea4a533}.error-box,.notice-box{border-radius:16px;padding:.9rem 1rem}.error-box{background:#d06d7224;color:#ffbdc0}.notice-box{background:#4ea4a524;color:#beeaea}.checkbox-row{grid-template-columns:auto 1fr;align-items:center}.checkbox-row input{width:auto}@media(max-width:1100px){.app-shell,.split-panel,.two-column{grid-template-columns:1fr}}