:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#20342f;background:#f6f8f7;font-synthesis:none;--green:#13745e;--line:#e3e9e6;--muted:#7b8883}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #69bea5;outline-offset:3px}.sidebar{position:fixed;width:245px;inset:0 auto 0 0;background:#fff;border-right:1px solid var(--line);padding:31px 22px;display:flex;flex-direction:column}.brand{display:flex;gap:10px;align-items:center;font-size:23px;letter-spacing:-.9px;font-weight:700}.brand-icon{background:#1a715c;color:white;border-radius:12px;width:38px;height:40px;text-align:center;font-size:32px;font-family:Georgia,serif}.brand small{display:block;font-size:8px;letter-spacing:1.55px;margin-top:5px;color:#83958b}.workspace{margin-top:36px;border:1px solid var(--line);border-radius:9px;padding:12px 9px;display:flex;gap:9px;align-items:center;font-size:12px;font-weight:600}.workspace-symbol{background:#f0f4f2;padding:8px;border-radius:6px}.workspace small{display:block;font-size:10px;font-weight:400;color:var(--muted);margin-top:4px}.chevron{margin-left:auto}.nav-label{font-size:9px;letter-spacing:1.5px;color:#97a29d;margin:32px 12px 13px}nav a{display:flex;align-items:center;gap:12px;padding:13px;border-radius:7px;font-size:13px;margin-bottom:7px;color:#71817a}nav a.active{background:#eaf4ee;color:#206c52;font-weight:600}.nav-dot,.tiny-dot{height:6px;width:6px;background:#58a080;border-radius:50%;display:inline-block}.nav-dot{margin-left:auto}.side-note{margin-top:auto;background:#f8faf8;padding:20px 14px;border:1px solid #edf1ee;border-radius:9px}.side-note strong{display:block;font-size:12px;margin-top:12px}.side-note p{font-size:11px;line-height:1.8;color:#89968e}.side-note code{font-size:10px;color:#3e7760}.orb{display:block;border:1px solid #9dc7b4;border-radius:50%;height:23px;width:23px;background:radial-gradient(circle,#c8e5d8,transparent 70%)}.sidebar-bottom{font-size:9px;display:flex;gap:7px;align-items:center;margin-top:24px;color:#8b9790}.sidebar-bottom small{margin-left:auto}main{margin-left:245px}.topbar{height:78px;display:flex;justify-content:space-between;align-items:center;padding:0 42px;border-bottom:1px solid var(--line);background:#fff;font-size:11px;color:#8b9690}.topbar b{font-weight:500;color:#44564d}.slash{margin:0 16px;color:#ccd5cf}.top-actions{display:flex;gap:20px;align-items:center}.environment{font-size:10px;padding:6px 10px;border:1px solid var(--line);border-radius:5px}.avatar{border-radius:50%;background:#edf2ed;color:#547662;width:30px;height:30px;display:grid;place-items:center;font-size:10px}.content{max-width:1510px;margin:auto;padding:37px 42px 0}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:31px}.eyebrow{font-size:9px;letter-spacing:1.8px;color:#87988b;font-weight:600;margin:0 0 13px}h1{font-size:34px;letter-spacing:-1.3px;line-height:1.2;margin:0 0 12px;font-weight:600}h1 span{color:#41a580}.subtitle{font-size:12px;color:#849088;margin:0;line-height:1.7}.heading-actions{display:flex;gap:8px}.button{border-radius:6px;padding:10px 15px;font-size:11px;font-weight:600;border:1px solid var(--line);display:inline-flex;align-items:center;gap:12px}.secondary{background:#fff;color:#476153}.quiet{border-color:transparent;color:#6d7e72;background:transparent}.primary{background:#17725a;border:1px solid #17725a;color:#fff;padding:13px 16px;justify-content:space-between;width:100%}.secure-label{font-size:11px;color:#6d8876}.status-strip{padding:11px 15px;border:1px solid #dce9df;background:#edf5ee;border-radius:7px;display:flex;align-items:center;gap:9px;font-size:10px;color:#52765c;margin-bottom:22px}.status-strip b{font-weight:500}.status-strip>span:last-child{margin-left:auto;color:#819782;font-size:9px}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:25px}.metrics article{background:#fff;border:1px solid var(--line);border-radius:9px;padding:21px 20px}.metrics p{display:flex;justify-content:space-between;font-size:10px;color:#7e8d83;margin:0 0 21px}.metrics p span{font-size:14px;color:#8caa97}.metrics strong{font-size:34px;font-weight:500;letter-spacing:-1px;display:block;margin-bottom:10px}.metrics .metric-ip{font-size:22px;margin-top:8px;letter-spacing:-.3px}.metrics .metric-text{font-size:22px;margin-top:8px;letter-spacing:-.5px}.metrics small{font-size:9px;color:#929d96}.network-card,.table-card{background:white;border:1px solid var(--line);border-radius:10px;overflow:hidden;margin-bottom:24px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:22px 24px}.section-heading h2{font-size:15px;letter-spacing:-.3px;margin:0;font-weight:600}.section-heading .eyebrow{font-size:8px;margin-bottom:10px}.section-heading p:not(.eyebrow){font-size:10px;color:#929d95;margin:8px 0 0}.badge{border-radius:5px;padding:5px 9px;font-size:9px;background:#eff5ef;color:#4d7c5e;display:inline-block}.badge.offline,.badge.revoked{background:#f5eded;color:#a76866}.badge.pending{background:#fcf6e8;color:#9a8244}.network-flow{display:flex;align-items:center;padding:16px 30px 31px;gap:15px}.flow-step{display:flex;align-items:center;gap:16px;min-width:0}.flow-icon{display:grid;place-items:center;width:47px;height:47px;border:1px solid #dae7db;background:#f5f9f4;border-radius:10px;color:#4c8b63;font-size:23px;flex-shrink:0}.flow-step small{display:block;font-size:8px;letter-spacing:1.2px;color:#98a398;margin-bottom:8px}.flow-step b{font-size:13px;font-weight:500}.flow-step p{font-size:10px;color:#95a096;margin:8px 0 0}.flow-arrow{flex:1;min-width:50px;text-align:center;margin:0 16px}.flow-arrow span{font-size:8px;color:#a4aea5}.flow-arrow i{display:block;border-top:1px dashed #bacbbd;margin-top:8px;position:relative}.flow-arrow i:after{content:'›';position:absolute;right:-3px;top:-10px;color:#97b19c}.network-foot{padding:13px 24px;border-top:1px solid #edf1ed;background:#fcfdfb;color:#94a08f;font-size:9px;line-height:1.6}.count{background:#f1f5f1;padding:3px 7px;font-size:10px;margin-left:7px;color:#7c9581;border-radius:5px}input{border:1px solid #dee6df;border-radius:6px;padding:10px 12px;background:#fff;font-size:11px;color:#344b3b}#node-filter{max-width:185px}table{border-collapse:collapse;width:100%;text-align:left;white-space:nowrap}th{background:#fafcf9;color:#98a395;font-size:8px;letter-spacing:.8px;font-weight:500;padding:12px 24px;border-block:1px solid #edf1eb}td{padding:17px 24px;font-size:11px;border-bottom:1px solid #f0f3ee;color:#697e6c}td strong{display:block;color:#3d5443;font-size:11px;font-weight:600}td small{display:block;font-size:9px;color:#9ba79b;margin-top:5px}.empty{text-align:center;padding:45px;color:#97a393;font-size:12px}.table-scroll{overflow:auto}.bottom-grid{display:grid;grid-template-columns:1.7fr 1fr;gap:24px}.activity-list{padding:0 24px 18px}.event{display:flex;gap:12px;padding:15px 0;border-top:1px solid #edf1ec;font-size:11px}.event-icon{color:#719f7b;background:#f0f5ed;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;flex-shrink:0}.event b{font-weight:500;color:#526750}.event small{display:block;font-size:9px;color:#99a492;margin-top:7px}.event time{font-size:9px;color:#9aa693;margin-left:auto;white-space:nowrap}.setup-card{padding:25px;border:1px solid #e0e8d8;border-radius:10px;background:#f0f5e9;margin-bottom:24px}.setup-card h2{font-size:19px;letter-spacing:-.5px;font-weight:500;margin:10px 0 12px}.setup-card p:not(.eyebrow){font-size:11px;line-height:1.8;color:#8b9a7b}.setup-card code{display:block;background:#f8faf3;border:1px solid #e3eadc;border-radius:6px;padding:13px;color:#60824d;font-size:10px;line-height:1.8}.setup-card .muted{font-size:9px!important;margin-bottom:0}.notice{padding:13px;border:1px solid #e9cccc;background:#fff1ef;color:#a64a3e;font-size:11px;border-radius:6px;margin-bottom:20px}footer{border-top:1px solid #e5ebe1;padding:20px 0 24px;display:flex;justify-content:space-between;font-size:8px;color:#99a78f;letter-spacing:.8px}footer b{margin:0 7px;color:#c6d0be}footer>span:last-child{letter-spacing:0}.welcome-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:24px}.welcome-card{background:#eef3e7;border:1px solid #dfe8d6;border-radius:12px;padding:36px;overflow:hidden}.pill{font-size:8px;letter-spacing:1.5px;border:1px solid #cfdebd;color:#6d8960;display:inline-block;padding:7px 10px;border-radius:4px}.welcome-card h2{font-size:38px;letter-spacing:-1.6px;line-height:1.22;font-weight:500;margin:32px 0 21px}.welcome-card em{font-family:Georgia,serif;color:#427c54;font-weight:400}.welcome-card>p{font-size:12px;color:#8c9b81;max-width:330px;line-height:1.9}.connection{display:flex;align-items:center;margin-top:42px;gap:10px}.connection>div{text-align:center}.connection-icon{display:grid;place-items:center;background:#f8faf2;border:1px solid #dce6d2;width:38px;height:38px;border-radius:9px;color:#70905b;font-size:20px;margin:0 auto 10px}.connection b{font-size:10px;font-weight:500;display:block}.connection small{font-size:8px;color:#8ea080;display:block;margin-top:5px}.connection-line{border-top:1px dashed #bbceb0;flex:1;min-width:10px;margin-top:-29px}.login-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:36px;align-self:stretch}.login-symbol{height:39px;width:39px;border:1px solid var(--line);border-radius:10px;display:grid;place-items:center;font-size:22px;color:#54926e;margin-bottom:25px}.login-card h2{font-size:23px;font-weight:500;letter-spacing:-.6px;margin:0 0 12px}.login-card>p:not(.eyebrow){font-size:11px;line-height:1.8;color:#94a08c;margin-bottom:25px}.login-card label{display:block;font-size:10px;color:#667b59;margin:17px 0 9px}.login-card input{width:100%;padding:12px}.login-card .button{margin-top:22px}.login-foot{font-size:8px;text-align:center;color:#a4ae9c;margin-top:23px}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;padding:31px 0}.principles span{font-size:9px;color:#91a486;display:block;margin-bottom:10px}.principles b{font-size:11px;font-weight:500}.principles p{font-size:10px;line-height:1.7;color:#939f88;max-width:220px} [hidden]{display:none!important}@media(min-width:1600px){.welcome-card h2{font-size:49px}.welcome-card{padding:50px}.login-card{padding:46px}.welcome-grid{grid-template-columns:1.35fr 1fr}}@media(max-width:1150px){.sidebar{width:205px;padding:25px 16px}main{margin-left:205px}.content{padding:30px 25px 0}.topbar{padding:0 25px}.metrics{gap:10px}.metrics article{padding:18px 14px}.metrics .metric-ip{font-size:18px}.network-flow{padding:15px 24px 25px}.flow-arrow{margin:0}.flow-step{gap:9px}.welcome-card,.login-card{padding:25px}.welcome-card h2{font-size:32px}}@media(max-width:850px){.sidebar{width:70px;padding:25px 12px}.brand>span:last-child,.workspace,.nav-label,nav,.side-note,.sidebar-bottom{display:none}main{margin-left:70px}.metrics{grid-template-columns:repeat(2,1fr)}.network-flow{flex-direction:column;align-items:stretch}.flow-arrow{padding:8px 0}.bottom-grid,.welcome-grid{grid-template-columns:1fr}.welcome-card h2{font-size:42px}.welcome-card{padding:35px}.connection{max-width:400px}.login-card{padding:35px}.secure-label{display:none}.page-heading{align-items:flex-start}h1{font-size:29px}.topbar{height:65px}.section-heading{padding:20px}.principles{gap:15px}}@media(max-width:550px){.sidebar{display:none}main{margin:0}.content{padding:25px 17px 0}.topbar{padding:0 17px}.page-heading{flex-direction:column;gap:15px}.subtitle{font-size:11px}.metrics article{padding:16px}.section-heading{flex-wrap:wrap}.network-foot{font-size:9px}.welcome-card h2{font-size:34px}.welcome-card,.login-card{padding:25px}.principles{grid-template-columns:1fr}.principles p{max-width:none;margin-top:5px}.principles span{display:none}footer{gap:20px;line-height:1.6}.status-strip>span:last-child{display:none}}