.fi-body{background:#eff8f7}.fi-sidebar,.fi-topbar{background:#fff}.fi-sidebar-header{border-bottom:2px dashed #b5deda}.fi-btn{border-radius:999px}.fi-input-wrp{background:#fff8e7;border-radius:12px}.fi-section{border-radius:18px}
.na-portal{color:#173f3d;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.na-portal *{box-sizing:border-box}.na-intro{display:flex;justify-content:space-between;align-items:center;gap:25px;background:linear-gradient(120deg,#1e8c86,#2ba8a2);color:#fff;padding:30px 33px;border-radius:24px;box-shadow:0 12px 32px #2ba8a233}.na-overline,.na-label{font-size:11px;letter-spacing:.14em;font-weight:900}.na-intro .na-overline{color:#ffe47a}.na-intro h2{font-size:33px;font-weight:900;letter-spacing:-.04em;margin:6px 0}.na-intro p{margin:0;color:#e2f6f4}.na-pill{display:inline-flex;justify-content:center;align-items:center;gap:12px;background:#fff;border:2px solid #135f5b;color:#135f5b;border-radius:999px;padding:10px 18px;font-weight:800;text-decoration:none;white-space:nowrap}.na-pill-gold{background:#ffd23f;box-shadow:0 5px 0 #d5aa16}.na-pill:hover{transform:translateY(-2px)}.na-notice{margin-top:21px;background:#fff8e7;border-left:6px solid #ef6c4a;border-radius:14px;padding:17px 21px;box-shadow:0 5px 18px #2ba8a21a}.na-notice a{text-decoration:underline;font-weight:700}
.na-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;margin:22px 0}.na-metric{position:relative;background:#fff;border:1px solid #d8ece9;border-left:6px solid #2ba8a2;border-radius:18px;padding:24px;min-height:215px;box-shadow:0 6px 22px #2ba8a21c}.na-metric.na-usage{border-left-color:#ffd23f}.na-metric.na-sites{border-left-color:#ef6c4a}.na-metric-icon{display:grid;place-items:center;width:42px;height:42px;background:#e8f6f5;border-radius:13px;color:#135f5b;font-size:25px;margin-bottom:20px}.na-metric .na-label{display:block;color:#557873}.na-metric strong{display:block;font-size:32px;letter-spacing:-.05em;line-height:1.15;margin-top:9px}.na-metric strong span{font-size:19px;color:#65827e;letter-spacing:0}.na-metric p{font-weight:700;color:#1e8c86;margin:9px 0 0}.na-metric small{display:block;margin-top:12px;color:#6d8581}.na-metric a{display:inline-block;color:#135f5b;font-weight:800;margin-top:14px}.na-progress{height:11px;background:#e4f3f1;border-radius:99px;overflow:hidden;margin-top:17px}.na-progress span{display:block;height:100%;background:#ffd23f;border-radius:99px}
.na-site-panel{background:#fff;border:1px solid #d8ece9;border-radius:20px;padding:27px 30px;box-shadow:0 6px 22px #2ba8a21c}.na-panel-head{display:flex;align-items:center;justify-content:space-between;border-bottom:2px dashed #b5deda;padding-bottom:16px}.na-panel-head .na-overline{color:#1e8c86}.na-panel-head h3{font-size:22px;margin:4px 0 0;font-weight:900}.na-panel-head a{font-weight:800;color:#135f5b}.na-site-row{display:flex;align-items:center;gap:15px;padding:17px 0;border-bottom:1px solid #e2efed}.na-site-row:last-child{border-bottom:0;padding-bottom:0}.na-site-symbol{display:grid;place-items:center;width:41px;height:41px;border-radius:13px;background:#e8f6f5;color:#135f5b;font-size:23px}.na-site-row>div{flex:1;min-width:0}.na-site-row strong,.na-site-row small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.na-site-row small{color:#6d8581}.na-status{font-size:12px;font-weight:800;padding:6px 11px;border-radius:99px;background:#eff4f3;color:#57736f}.na-status-connected{background:#e2f6e9;color:#177443}.na-status-pending{background:#fff4cc;color:#775d00}.na-status-suspended{background:#ffe4dd;color:#ad4327}.na-empty{padding:30px 0 4px}.na-empty p{color:#647f7b}.na-empty .na-pill{margin-top:9px}
@media(max-width:900px){.na-metrics{grid-template-columns:1fr}.na-metric{min-height:0}.na-intro{padding:26px}.na-intro h2{font-size:28px}}@media(max-width:600px){.na-intro{display:block}.na-intro .na-pill{margin-top:20px}.na-site-panel{padding:21px}.na-site-row{flex-wrap:wrap}.na-status{margin-left:56px}.na-panel-head{gap:12px}}