:root{--ink:#101b29;--paper:#efede5;--acid:#65efc1;--blue:#78b4f4;--line:#d1cfc7;--muted:#77766e;--white:#fff;--display:'Unbounded',sans-serif;--body:'Manrope',sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);min-height:100vh}button,input,select{font:inherit}button{cursor:pointer}.brand{display:flex;align-items:center;gap:10px;font-family:var(--display);font-size:17px;font-weight:700;color:inherit;text-decoration:none}.brand>span{display:grid;place-items:center;width:39px;height:39px;background:var(--ink);color:var(--paper);border-radius:50% 50% 8px 50%;font-size:14px;transform:rotate(-7deg)}.eyebrow{font-size:14px;letter-spacing:.16em;font-weight:800}.auth-shell{min-height:100vh;display:grid;grid-template-columns:1.05fr .95fr}.auth-brand{background:var(--blue);padding:50px 6vw;display:flex;flex-direction:column;justify-content:space-between}.auth-brand h1{font-family:var(--display);font-size:clamp(60px,7vw,110px);line-height:.93;letter-spacing:-.07em;text-transform:uppercase;margin:15px 0}.auth-brand h1 em{font-style:normal;color:transparent;-webkit-text-stroke:1.5px var(--ink)}.auth-brand p,.auth-brand small{font-weight:800;font-size:14px;letter-spacing:.15em}.auth-panel{display:grid;place-items:center;padding:40px}.auth-card{width:min(100%,470px);background:var(--white);border:1px solid var(--line);padding:42px}.auth-card h2{font-family:var(--display);font-size:28px;margin:13px 0}.auth-card>p{color:var(--muted);margin-bottom:30px}.auth-card label{display:block;font-size:14px;font-weight:800;text-transform:uppercase;margin-top:18px}.auth-card input{display:block;width:100%;height:53px;border:1px solid var(--line);padding:0 15px;margin-top:7px;background:#fafafa}.auth-card button,.status-panel form button{width:100%;height:56px;margin-top:25px;border:1px solid var(--ink);background:var(--acid);font-size:14px;font-weight:800;text-transform:uppercase;display:flex;align-items:center;justify-content:space-between;padding:0 20px}.auth-card button span,.status-panel form button span{font-size:18px}.form-error{color:#d43e2c;font-size:14px;margin-top:12px}.dashboard{min-height:100vh;display:grid;grid-template-columns:260px 1fr}.sidebar{position:sticky;top:0;height:100vh;background:#151513;color:#fff;padding:30px 22px;display:flex;flex-direction:column}.sidebar .brand>span{background:var(--acid);color:#111}.sidebar nav{margin-top:70px;display:flex;flex-direction:column;gap:8px}.nav-item{border:0;background:transparent;color:#82827c;text-align:left;padding:14px 17px;font-weight:700;display:flex;gap:13px}.nav-item.active{background:var(--acid);color:#111}.sidebar-foot{margin-top:auto;border-top:1px solid #353530;padding-top:22px}.admin-chip{display:flex;align-items:center;gap:10px}.admin-chip i{font-style:normal;width:35px;height:35px;border-radius:50%;background:var(--blue);display:grid;place-items:center;color:#111;font-weight:800}.admin-chip strong,.admin-chip small{display:block;max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-chip strong{font-size:14px}.admin-chip small{font-size:14px;color:#777}.sidebar-foot>button{border:0;background:transparent;color:#777;margin:18px 0 0 45px;font-size:14px}.workspace{padding:38px 4vw 70px;min-width:0}.workspace>header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:25px}.workspace h1{font-family:var(--display);font-size:41px;margin:6px 0 0}.connection{font-size:14px;font-weight:800;text-transform:uppercase}.connection i{display:inline-block;width:9px;height:9px;border-radius:50%;background:#47dc72;box-shadow:0 0 0 5px rgba(71,220,114,.14);margin-right:10px}.view{display:none;padding-top:30px}.view.active{display:block}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.metric{min-height:190px;background:var(--white);border:1px solid var(--line);padding:24px;display:flex;flex-direction:column}.metric.acid{background:var(--acid)}.metric>span{text-transform:uppercase;font-size:14px;font-weight:800}.metric strong{font-family:var(--display);font-size:45px;margin:auto 0 0}.metric small{color:var(--muted);font-size:14px}.overview-grid{display:grid;grid-template-columns:1.4fr .6fr;gap:13px;margin-top:13px}.panel{background:var(--white);border:1px solid var(--line);padding:29px;min-height:330px}.panel.dark{background:#191917;color:#fff;position:relative;overflow:hidden}.panel.dark p{color:#888}.panel h2,.status-panel h2{font-family:var(--display);font-size:24px}.panel-head{display:flex;align-items:center;justify-content:space-between}.outline-button{height:42px;padding:0 16px;border:1px solid var(--ink);background:transparent;font-size:14px;font-weight:800;text-transform:uppercase}.sync-visual{display:grid;grid-template-columns:170px 1fr;align-items:center;gap:25px;margin-top:40px}.ring{width:150px;height:150px;border-radius:50%;border:16px solid var(--acid);display:grid;place-content:center;text-align:center}.ring span{font-family:var(--display);font-size:28px}.ring small{font-size:14px;text-transform:uppercase}.sync-visual strong{font-size:14px;text-transform:uppercase}.sync-visual p{font-size:14px}.muted{color:var(--muted)}.shield{position:absolute;right:-30px;bottom:-45px;width:180px;height:180px;border-radius:50% 50% 15px 50%;background:var(--acid);color:#111;display:grid;place-items:center;font-size:60px;transform:rotate(-10deg)}.toolbar{display:grid;grid-template-columns:1fr 320px auto;gap:10px;margin-bottom:16px}.search{height:48px;border:1px solid var(--line);background:var(--white);display:flex;align-items:center;padding:0 15px;gap:10px}.search input{border:0;outline:0;background:transparent;width:100%}.toolbar select{border:1px solid var(--line);background:var(--white);padding:0 12px}.table-wrap{background:var(--white);border:1px solid var(--line);overflow:auto}table{border-collapse:collapse;width:100%;font-size:14px}th,td{padding:15px;border-bottom:1px solid #e5e3dc;text-align:left}th{font-size:14px;text-transform:uppercase;color:var(--muted);letter-spacing:.1em}td:nth-child(1){font-family:var(--display);font-size:14px}td:nth-child(4){font-weight:800;white-space:nowrap}.empty{text-align:center;padding:70px;color:var(--muted)}.pagination{display:flex;justify-content:flex-end;align-items:center;gap:15px;margin-top:16px;font-size:14px}.pagination button{width:40px;height:40px;border:1px solid var(--ink);background:transparent}.status-panel{max-width:730px;background:var(--white);border:1px solid var(--line);padding:40px}.status-panel>p{color:var(--muted)}.status-panel form{display:grid;grid-template-columns:1fr 190px;margin-top:30px}.status-panel form input{height:56px;border:1px solid var(--line);padding:0 15px}.status-panel form button{margin:0}.status-result{margin-top:25px;background:#181816;color:#fff;padding:25px;display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.status-result span{display:block;color:#888;font-size:14px;text-transform:uppercase}.status-result strong{display:block;margin-top:8px}.toast{position:fixed;right:24px;bottom:24px;background:#111;color:#fff;padding:14px 20px;font-size:14px;transform:translateY(100px);opacity:0;transition:.3s}.toast.show{transform:none;opacity:1}@media(max-width:900px){.auth-shell{grid-template-columns:1fr}.auth-brand{min-height:300px}.auth-brand h1{font-size:52px}.dashboard{grid-template-columns:76px 1fr}.sidebar{padding:25px 12px}.sidebar .brand{font-size:0}.sidebar nav span,.admin-chip div,.sidebar-foot>button{display:none}.nav-item{justify-content:center}.metrics,.overview-grid{grid-template-columns:1fr}.toolbar{grid-template-columns:1fr}.status-result{grid-template-columns:1fr 1fr}}@media(max-width:560px){.workspace{padding:25px 16px}.workspace h1{font-size:30px}.connection{display:none}.metrics{grid-template-columns:1fr}.sync-visual{grid-template-columns:1fr}.status-panel{padding:25px 18px}.status-panel form{grid-template-columns:1fr}.auth-panel{padding:20px}.auth-card{padding:28px 20px}}
