@import url("https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;600;700&family=Plus+Jakarta+Sans:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap");:root{--joiner:#12a075;--mover:#1e5cdc;--leaver:#7935e5;--amber:#e8952e;--accent:#1e5cdc;--jml-gradient:linear-gradient(90deg,#12a075,#1e5cdc 50%,#7935e5);--jml-soft:linear-gradient(135deg,rgba(18,160,117,.08),rgba(30,92,220,.06) 55%,rgba(121,53,229,.09));--page:#f7f8fa;--sidebar:#fff;--card:#fff;--border:rgba(30,92,220,.12);--border-strong:rgba(30,92,220,.28);--heading:#0a0f1d;--body:#4a5568;--muted:#7b869e;--input:#f7f8fa;--track:rgba(30,92,220,.1);--ink:#f7f8fa;--ink2:#fff;--ink3:rgba(30,92,220,.06);--line:rgba(30,92,220,.12);--mist:#7b869e;--paper:#0a0f1d;--signal:#e8952e;--horizon:#12a075;--alert:#e5484d;--fd:"Space Grotesk",system-ui,sans-serif;--fb:"Plus Jakarta Sans",system-ui,sans-serif;--fm:"JetBrains Mono",ui-monospace,monospace}*{margin:0;padding:0;box-sizing:border-box}body{background:var(--page);color:var(--body);font-family:var(--fb);font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.shell{display:flex;min-height:100vh}.main{flex:1 1;padding:40px 48px 80px;max-width:1180px}.sb{width:264px;background:var(--sidebar);border-right:1px solid var(--border);padding:20px 16px;flex-shrink:0;position:-webkit-sticky;position:sticky;top:0;height:100vh;display:flex;flex-direction:column}.sb-brand{padding:0 6px 8px}.sb-brand img{display:block;width:100%;height:auto}.sb-tenant{font-weight:600;font-size:13.5px;padding:0 8px 16px;border-bottom:1px solid var(--border);margin-bottom:10px}.sb-group,.sb-tenant{font-family:var(--fm);color:var(--muted)}.sb-group{font-size:10px;letter-spacing:.12em;text-transform:uppercase;padding:12px 8px 5px;display:flex;align-items:center;gap:6px}.sb-group.clickable{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;background:none;border:none;width:100%}.sb-group .chev{margin-left:auto;transition:transform .15s;display:inline-block}.sb-group .chev.open{transform:rotate(90deg)}.sb-link{display:flex;align-items:center;gap:8px;padding:9px 12px;border-radius:9px;font-size:14.5px;color:var(--body);cursor:pointer;transition:all .12s}.sb-link:hover{background:var(--ink3);color:var(--heading)}.sb-link.active{background:var(--card);color:var(--heading);font-weight:600;box-shadow:inset 0 0 0 1px var(--border)}.sb-badge{margin-left:auto;font-family:var(--fm);font-size:11px;background:rgba(232,149,46,.14);color:var(--amber);border-radius:10px;padding:1px 7px}.sb-user{margin-top:auto;display:flex;align-items:center;gap:10px;padding:14px 8px 2px;border-top:1px solid var(--border)}.sb-avatar{width:34px;height:34px;border-radius:10px;background:var(--jml-gradient);color:#fff;font-family:var(--fd);font-weight:700;font-size:13px;display:grid;place-items:center;flex-shrink:0}.sb-user-name{font-size:13.5px;font-weight:600;color:var(--heading);line-height:1.2}.sb-user-sub{color:var(--muted);line-height:1.3;word-break:break-all}.eyebrow,.sb-user-sub{font-family:var(--fm);font-size:11px}.eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}h1{font-family:var(--fd);font-weight:700;font-size:34px;letter-spacing:-.02em;margin:6px 0 0;color:var(--heading)}.page-sub{color:var(--body);margin-top:6px}.page-head{margin-bottom:26px}.card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:22px;margin-bottom:18px}.kpis{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:13px;gap:13px;margin-bottom:22px}.kpi{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:16px}.kpi-l{font-family:var(--fm);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.kpi-v{font-family:var(--fd);font-weight:700;font-size:28px;margin-top:6px;color:var(--heading)}table{width:100%;border-collapse:collapse}th{text-align:left;font-family:var(--fm);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);padding:12px 14px}td,th{border-bottom:1px solid var(--border)}td{padding:13px 14px;font-size:14px;color:var(--body)}tr.row{cursor:pointer}tr.row:hover td{background:var(--ink3)}.badge{font-family:var(--fm);font-size:11px;padding:3px 9px;border-radius:20px;white-space:nowrap;border:1px solid transparent}.b-done,.b-join{color:var(--joiner);background:rgba(18,160,117,.1);border-color:rgba(18,160,117,.25)}.b-move,.b-running{color:var(--mover);background:rgba(30,92,220,.1);border-color:rgba(30,92,220,.25)}.b-leave{color:var(--leaver);background:rgba(121,53,229,.1);border-color:rgba(121,53,229,.25)}.b-pending{color:var(--amber);background:rgba(232,149,46,.12);border-color:rgba(232,149,46,.28)}.b-error{color:var(--alert);background:rgba(229,72,77,.1);border-color:rgba(229,72,77,.28)}.mono{font-family:var(--fm);font-size:13px;color:var(--muted)}.btn{font-family:var(--fb);font-weight:600;font-size:14px;padding:9px 18px;border-radius:10px;cursor:pointer;border:none;transition:all .12s}.btn-primary{background:var(--jml-gradient);color:#fff;box-shadow:0 8px 24px rgba(30,92,220,.16)}.btn-primary:hover{box-shadow:0 12px 30px rgba(30,92,220,.22);transform:translateY(-1px)}.btn-ghost{background:var(--card);color:var(--heading);border:1px solid var(--border-strong)}.btn-ghost:hover{background:var(--ink3)}h2{font-family:var(--fd);font-weight:600;font-size:17px;color:var(--heading)}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:2px 16px;gap:2px 16px}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.field label{font-family:var(--fm);font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.field input,.field select,.field textarea{background:var(--input);border:1px solid var(--border);border-radius:8px;color:var(--heading);font-family:var(--fb);font-size:14px;padding:9px 12px;width:100%}.field input::placeholder,.field textarea::placeholder{color:var(--muted);opacity:.75}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px rgba(30,92,220,.12)}.field textarea{resize:vertical}.seg{display:inline-flex;gap:6px;background:var(--input);border:1px solid var(--border);border-radius:10px;padding:4px}.seg-btn{font-family:var(--fb);font-weight:500;font-size:14px;padding:7px 16px;border-radius:7px;border:none;background:transparent;color:var(--muted);cursor:pointer;transition:all .12s}.seg-btn.active,.seg-btn:hover{color:var(--heading)}.seg-btn.active{background:var(--card);box-shadow:inset 0 0 0 1px var(--border)}.field-hint{font-size:13px;color:var(--muted);flex:1 1}.intake-foot{display:flex;align-items:center;gap:18px;margin-top:8px;padding-top:16px;border-top:1px solid var(--border)}.conn-search{width:100%;border-radius:999px;border:1px solid #eef0f5;background:#fff;font-family:var(--fb);font-size:14px;color:#0a0f1d;padding:10px 40px;box-shadow:0 1px 2px rgba(30,92,220,.06),0 1px 3px rgba(30,92,220,.08);outline:none}.conn-search::placeholder{color:#7b869e}.conn-search:focus{border-color:#1e5cdc;box-shadow:0 0 0 2px #d0dbf7}.conn-search::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}.conn-search-clear:hover{background:#f7f8fa;color:#212c41}@media (max-width:800px){.shell{flex-direction:column}.sb{position:static;height:auto;width:100%}.kpis{grid-template-columns:repeat(2,1fr)}.main{padding:24px 20px}.form-grid{grid-template-columns:1fr}.intake-foot{flex-direction:column;align-items:stretch}}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}