:root{--bg:#f4f6fb;--panel:#fff;--border:#e4e8f1;--text:#1c2333;--muted:#6b7386;--primary:#3f5dfb;--primary-dark:#2f47d1;--success:#16a34a;--success-bg:#e9fbf0;--danger:#dc2626;--danger-bg:#fdecec;--warn-bg:#fff7e6;--radius:12px;--shadow:0 2px 10px #1c23330f;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0}button{cursor:pointer;font-family:inherit}input,select{font-family:inherit}.app-shell{min-height:100vh;display:flex}.auth-screen{background:linear-gradient(135deg,#3f5dfb 0%,#7c3fed 100%);justify-content:center;align-items:center;min-height:100vh;display:flex}.auth-card{background:var(--panel);border-radius:16px;width:380px;padding:40px;box-shadow:0 20px 60px #00000040}.auth-card h1{margin-bottom:4px;font-size:22px}.auth-card p.sub{color:var(--muted);margin-top:0;margin-bottom:24px;font-size:14px}.field{margin-bottom:16px}.field label{color:var(--text);margin-bottom:6px;font-size:13px;font-weight:600;display:block}.field input,.field select,.field textarea{border:1px solid var(--border);border-radius:8px;width:100%;padding:10px 12px;font-size:14px}.btn{background:var(--primary);color:#fff;border:none;border-radius:8px;padding:10px 18px;font-size:14px;font-weight:600;transition:background .15s}.btn:hover{background:var(--primary-dark)}.btn:disabled{opacity:.6;cursor:not-allowed}.btn.btn-block{width:100%}.btn.btn-outline{color:var(--primary);border:1px solid var(--primary);background:0 0}.btn.btn-danger{background:var(--danger)}.btn.btn-sm{padding:6px 12px;font-size:13px}.error-text{color:var(--danger);margin:8px 0;font-size:13px}.success-text{color:var(--success);margin:8px 0;font-size:13px}.auth-switch{text-align:center;color:var(--muted);margin-top:16px;font-size:13px}.auth-switch a{color:var(--primary);cursor:pointer;font-weight:600;text-decoration:none}.sidebar{color:#cfd3e6;background:#161b2e;flex-direction:column;gap:4px;width:220px;padding:20px 14px;display:flex}.sidebar .brand{color:#fff;padding:8px 10px 20px;font-size:16px;font-weight:700}.sidebar a,.sidebar .nav-item{color:#cfd3e6;cursor:pointer;border-radius:8px;padding:10px 12px;font-size:14px;text-decoration:none;display:block}.sidebar a.active,.sidebar .nav-item.active{background:var(--primary);color:#fff}.sidebar a:hover{background:#232a45}.sidebar .logout{color:#ff8686;margin-top:auto}.main-area{flex:1;max-width:1200px;padding:28px 32px}.topbar{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.topbar h1{margin:0;font-size:20px}.panel{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:20px;padding:20px}.panel h2{margin:0 0 16px;font-size:16px}.kpi-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px;display:grid}.kpi-card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px}.kpi-card .label{color:var(--muted);margin-bottom:6px;font-size:13px}.kpi-card .value{font-size:26px;font-weight:700}.connection-card{border:1px solid var(--border);border-radius:10px;justify-content:space-between;align-items:center;margin-bottom:12px;padding:16px;display:flex}.connection-card .service-name{font-size:15px;font-weight:600}.status-pill{border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.status-pill.connected{background:var(--success-bg);color:var(--success)}.status-pill.disconnected{background:var(--danger-bg);color:var(--danger)}table.data-table{border-collapse:collapse;width:100%;font-size:14px}table.data-table th{text-align:left;color:var(--muted);border-bottom:1px solid var(--border);text-transform:uppercase;letter-spacing:.03em;padding:10px 12px;font-size:12px}table.data-table td{border-bottom:1px solid var(--border);padding:12px}.badge{border-radius:999px;padding:3px 9px;font-size:12px;font-weight:600}.badge.active{background:var(--success-bg);color:var(--success)}.badge.paused{background:var(--warn-bg);color:#b45309}.toggle-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:10px 0;display:flex}.toggle-row:last-child{border-bottom:none}.switch{width:42px;height:24px;display:inline-block;position:relative}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;background-color:#d1d5db;border-radius:999px;transition:all .2s;position:absolute;inset:0}.slider:before{content:"";background:#fff;border-radius:50%;width:18px;height:18px;transition:all .2s;position:absolute;top:3px;left:3px}input:checked+.slider{background-color:var(--primary)}input:checked+.slider:before{transform:translate(18px)}.client-selector select{border:1px solid var(--border);border-radius:8px;min-width:220px;padding:8px 12px;font-size:14px}.text-muted{color:var(--muted);font-size:13px}.flex-between{justify-content:space-between;align-items:center;display:flex}.gap-8{gap:8px;display:flex}.mt-16{margin-top:16px}