:root{color-scheme:light;--ink:#252638;--muted:#73758a;--purple:#7257df;--line:#e9eaf1;--bg:#f8f9fc}*{box-sizing:border-box}body{margin:0;color:var(--ink);font:15px/1.6 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg)}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{outline-offset:4px}button{cursor:pointer}h1,h2,p{margin-top:0}h1{font-size:32px;line-height:1.25;letter-spacing:-1px}h2{font-size:25px;line-height:1.3;letter-spacing:-.6px}.brand{display:flex;align-items:center;gap:10px;font-size:23px;font-weight:750;letter-spacing:-.7px}.brand-sub{font-weight:400;color:var(--muted)}.logo{display:inline-grid;place-items:center;width:36px;height:36px;background:var(--purple);color:#fff;border-radius:11px;font-family:Georgia,serif;font-style:italic;font-size:29px}.eyebrow{display:block;font-size:11px;font-weight:700;letter-spacing:1.7px;color:var(--purple);margin-bottom:15px}.login-layout{max-width:1120px;min-height:100svh;margin:auto;padding:70px 40px;display:grid;grid-template-columns:1fr 420px;gap:100px;align-items:center}.intro{align-self:stretch;display:flex;flex-direction:column;justify-content:space-between;gap:60px}.intro h1{font-size:43px;line-height:1.18;max-width:500px}.intro p{color:var(--muted);max-width:380px}.intro .footnote{font-size:12px;margin:0}.login-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:38px;box-shadow:0 12px 40px #25263806}.login-card>p{color:var(--muted);font-size:14px}.login-card label{display:block;font-size:13px;font-weight:600;margin:22px 0 7px}input:not([type=hidden]){width:100%;min-height:46px;border:1px solid #d9dbe6;border-radius:8px;padding:10px 12px;background:white;color:var(--ink)}input:focus{border-color:var(--purple)}.primary{display:flex;justify-content:space-between;width:100%;margin-top:28px;background:var(--purple);color:white;border:0;border-radius:8px;padding:12px 16px;font-weight:600}.primary:hover{background:#6045ca}.login-card .secure-note{text-align:center;font-size:11px;color:var(--muted);margin:24px 0 0}.alert{padding:12px;border:1px solid #f0c8cf;background:#fff5f6;border-radius:8px;font-size:13px;color:#9b3143}.workspace{display:flex;min-height:100svh}.sidebar{width:235px;background:#fff;border-right:1px solid var(--line);padding:28px 20px;display:flex;flex-direction:column;flex-shrink:0}.sidebar-label{font-size:9px;color:var(--muted);letter-spacing:1.8px;margin:12px 0 40px 46px}.sidebar nav{display:grid;gap:7px}.sidebar nav a{padding:10px 14px;border-radius:8px;color:var(--muted);font-size:13px}.sidebar nav a.selected{color:var(--purple);background:#f0ecff;font-weight:600}.sidebar-bottom{margin-top:auto;padding:24px 10px 0;font-size:12px;color:var(--muted)}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#45a18b;margin-right:7px}.main-area{min-width:0;flex:1;display:flex;flex-direction:column}header{display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line);background:white;padding:18px 40px;font-size:12px;color:var(--muted)}.secondary{background:white;border:1px solid #dedfe8;border-radius:7px;padding:7px 12px;font-size:12px;color:var(--ink)}.content{padding:44px 40px;max-width:1200px;width:100%;margin:0 auto}.content h1{margin-bottom:12px}.muted{color:var(--muted);font-size:14px;overflow-wrap:anywhere}.welcome{background:white;border:1px solid var(--line);border-radius:13px;padding:32px;margin-top:32px;max-width:760px}.welcome p{color:var(--muted);max-width:570px;font-size:14px}.badge{display:inline-block;background:#edf7f3;color:#347c65;padding:4px 9px;font-size:11px;border-radius:6px;margin-bottom:22px}.text-link{color:var(--purple);font-size:13px;font-weight:600}footer{margin-top:auto;padding:22px 40px;display:flex;justify-content:space-between;color:var(--muted);font-size:11px}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:10px;background:#fff}table{border-collapse:collapse;width:100%;text-align:left;font-size:12px}th{font-weight:600;background:#fcfcfe;color:var(--muted)}td,th{padding:13px 18px;border-bottom:1px solid var(--line);white-space:nowrap}@media(max-width:850px){.login-layout{gap:35px;padding:35px 24px;grid-template-columns:1fr;max-width:520px}.intro{gap:28px}.intro h1{font-size:31px}.intro .footnote{display:none}.login-card{padding:28px}.sidebar{width:180px;padding:24px 12px}.content{padding:32px 22px}header,footer{padding:16px 22px}.sidebar-label{margin-left:0}}@media(max-width:560px){.workspace{flex-direction:column}.sidebar{width:100%;border-right:0;border-bottom:1px solid var(--line);padding:16px}.sidebar-label,.sidebar-bottom{display:none}.sidebar nav{display:flex;margin-top:15px}.brand{font-size:20px}.content h1{font-size:27px}.welcome{padding:24px}footer{gap:12px}}

.connection-card{margin-top:24px}.credentials-form{max-width:490px}.credentials-form label{display:block;font-size:13px;font-weight:600;margin:20px 0 7px}.credentials-form .primary{max-width:250px;justify-content:center}.alert.positive{border-color:#bfe2d0;background:#f1faf5;color:#276c50}.connection-card .secondary{font-size:14px;padding:10px 16px}