@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap";:root{color:#24352d;font-synthesis:none;background:#f7f9f7;font-family:Manrope,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}a,button,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.55}a:focus-visible,button:focus-visible{outline-offset:3px;outline:3px solid #83bba6}.shell{min-height:100vh}.brand,.nav-item,.shell,.sidebar{display:flex}.sidebar{background:#fff;border-right:1px solid #e3e9e5;flex-direction:column;flex-shrink:0;width:232px;height:100vh;padding:34px 20px;position:fixed}.brand{color:#203a2c;letter-spacing:-1px;align-items:center;gap:10px;padding:0 10px;font-size:24px;font-weight:800;text-decoration:none}.brand-icon{color:#fff;background:#255d46;border-radius:10px;padding:1px 9px;font-size:30px}.brand-dot{color:#e2b96a;margin-left:-7px;font-size:9px}.nav-label{letter-spacing:1.5px;color:#8c978f;margin:55px 10px 17px;font-size:9px;font-weight:800}.nav-item{color:#285b42;background:#eaf3ec;border-radius:8px;align-items:center;gap:10px;padding:15px 12px;font-size:12px;font-weight:800}.nav-arrow{margin-left:auto}.side-note{color:#637569;margin:38px 10px 0;font-size:11px;line-height:1.8}.side-note strong{color:#3e5146;margin-top:8px;font-size:12px;display:block}.side-note p{color:#89958c;margin:4px 0;font-size:11px}.pulse{background:#73a682;border-radius:50%;width:6px;height:6px;margin-right:6px;display:inline-block}.sidebar-bottom{letter-spacing:1px;color:#8c978f;margin-top:auto;padding:20px 10px 0;font-size:9px;line-height:2.4}.sidebar-bottom span{letter-spacing:0;color:#4f6557;font-size:11px}main{flex:1;min-width:0;margin-left:232px}.topbar{color:#627269;background:#fff;border-bottom:1px solid #e3e9e5;justify-content:space-between;align-items:center;height:77px;padding:0 42px;font-size:12px;display:flex}.slash{color:#c4ccc7;margin:0 13px}.local-badge{color:#647a6c;border:1px solid #e4eae6;border-radius:20px;padding:7px 11px;font-size:10px}.content{max-width:1540px;margin:auto;padding:38px 42px}.heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px;display:flex}.eyebrow{letter-spacing:2px;color:#788a7d;margin-bottom:10px;font-size:9px}.eyebrow,h1{font-weight:800}h1{letter-spacing:-1.2px;margin:0;font-size:30px;line-height:1.3}.heading p{color:#829087;margin:10px 0 0;font-size:12px}.primary,.secondary{white-space:nowrap;border-radius:7px;padding:12px 16px;font-size:11px;font-weight:700}.primary{color:#fff;background:#285d45;border:1px solid #285d45;box-shadow:0 3px 6px #285d4515}.primary span{vertical-align:middle;margin-right:7px;font-size:17px;display:inline-block}.secondary{color:#3b5948;background:#fff;border:1px solid #dce5de}.setup{background:#edf3eb;border:1px solid #d9e6d5;border-radius:10px;gap:16px;margin-bottom:25px;padding:20px;font-size:12px;line-height:1.8;display:flex}.setup-icon{color:#5e835c;font-size:25px}.setup p{color:#62745f;margin:5px 0}.setup small{color:#7b8b77}.setup code{font-size:11px}.filters{background:#fff;border:1px solid #e1e8e3;border-radius:10px;align-items:end;gap:16px;padding:18px;display:flex}.filters label{color:#718074;flex-direction:column;flex:1;gap:8px;font-size:10px;font-weight:700;display:flex}.filters input{color:#3e5146;background:#fff;border:1px solid #e0e7e2;border-radius:6px;outline:none;width:100%;min-width:0;padding:11px 10px;font-size:11px}.filters input:focus{border-color:#438468;box-shadow:0 0 0 2px #43846820}.date-fields{flex:1.4;align-items:end;gap:10px;display:flex}.date-arrow{color:#99a59c;padding-bottom:10px}.filter-footer{color:#8b988f;justify-content:space-between;align-items:center;margin:12px 1px 27px;font-size:10px;display:flex}.presets{gap:6px;display:flex}.presets button{color:#5f7766;background:#fff;border:1px solid #dfe7e1;border-radius:5px;padding:5px 10px;font-size:10px}.report-meta{color:#7a8c7e;justify-content:space-between;margin-bottom:12px;font-size:10px;display:flex}.report-meta>span:first-child{color:#516c59;font-weight:700}.status-dot{background:#b1baae;border-radius:50%;width:6px;height:6px;margin-right:6px;display:inline-block}.status-dot.online{background:#519773}.cards{grid-template-columns:repeat(5,minmax(0,1fr));gap:13px;margin-bottom:23px;display:grid}.metric-card{background:#fff;border:1px solid #e1e8e3;border-radius:10px;padding:18px 19px}.metric-top{justify-content:space-between;align-items:center;display:flex}.metric-symbol{color:#57775e;background:#eff4ef;border-radius:7px;place-items:center;width:29px;height:29px;font-size:19px;display:grid}.metric-number{color:#b7c1ba;font-size:9px}.metric-card h2{color:#7b897f;min-height:48px;margin:16px 0 10px;font-size:10px;font-weight:600;line-height:1.6}.metric-value{letter-spacing:-1px;white-space:nowrap;font-size:28px;font-weight:800}.metric-caption{color:#99a49d;margin-top:9px;font-size:9px}.panel{background:#fff;border:1px solid #e1e8e3;border-radius:10px;margin-bottom:22px;overflow:hidden}.panel-heading{justify-content:space-between;align-items:center;gap:15px;padding:22px 23px;display:flex}.panel-heading h2{margin:0;font-size:14px;font-weight:800}.panel-heading p{color:#8c988f;margin:6px 0 0;font-size:10px;line-height:1.7}.legend{color:#527a5d;font-size:10px}.chart{background:repeating-linear-gradient(0deg,#eaf0eb,#eaf0eb 1px,#0000 0 44px);border-bottom:1px solid #dfe8e1;gap:calc(clamp(1px,1vw,14px));height:135px;margin:0 25px}.bar-column,.chart{align-items:end;display:flex}.bar-column{flex:1;justify-content:center;height:100%}.bar{background:#7ca58b;border-radius:4px 4px 0 0;width:100%;max-width:65px;min-height:2px}.bar-column:hover .bar{background:#285d45}.chart-axis{color:#96a098;justify-content:space-between;padding:12px 25px 18px;font-size:9px;display:flex}.chart-empty{color:#9aa89e;background:linear-gradient(#fff,#f8faf8);flex-direction:column;justify-content:center;align-items:center;height:156px;display:flex}.chart-empty span{color:#c3d3c5;font-size:30px}.chart-empty p{font-size:11px}.count{color:#7b9081;background:#eff4ef;border-radius:5px;margin-left:5px;padding:3px 7px;font-size:10px}.table-tag{color:#839388;font-size:9px}.table-wrap{overflow:auto}table{border-collapse:collapse;text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums;width:100%}th{color:#7f8f82;background:#f7f9f7;border-top:1px solid #edf1ed;border-bottom:1px solid #e8eee8;padding:14px 18px;font-size:9px;font-weight:600}td{border-bottom:1px solid #eef2ee;padding:16px 18px;font-size:11px}td:first-child,th:first-child{text-align:left;padding-left:24px}tbody tr.selected,tbody tr:hover{background:#f4f8f3}tfoot td{background:#f8faf7;border-bottom:0;font-weight:800}.day-button{color:#355e43;text-underline-offset:4px;background:0 0;border:0;padding:0;font-size:11px;font-weight:700;-webkit-text-decoration:underline #bdd0bf;text-decoration:underline #bdd0bf}.version-button{color:#50795c;background:#f3f8f1;border:1px solid #dce8dd;border-radius:5px;padding:4px 9px;font-size:10px}.empty{text-align:center;color:#97a399;padding:35px 20px 42px;font-size:12px}.empty>span{color:#c2cec2;font-size:30px}.empty h3{color:#697d6f;margin:12px 0 8px;font-size:13px}.empty p{font-size:11px}.notice{background:#fff6e2;border:1px solid #ebd9b0;border-radius:7px;margin-bottom:20px;padding:15px;font-size:12px;line-height:1.7}.notice.error{background:#fff0ee;border-color:#eed0ca}.latest{color:#6f8f75;margin-left:8px;font-size:8px}.delta{color:#739779;font-size:9px}.history .panel-heading{align-items:start}footer{color:#8b998f;justify-content:space-between;gap:14px;display:flex}.footnote,footer{font-size:9px;line-height:1.8}.footnote{color:#9ba69e;margin-top:12px}.spin{animation:1s linear infinite rotate}@keyframes rotate{to{transform:rotate(1turn)}}@media (width>=1600px){.content{padding-top:48px}.metric-card{padding:22px}.metric-card h2{min-height:32px}.chart{height:190px}}@media (width<=1150px){.sidebar{width:190px;padding:30px 12px}main{margin-left:190px}.content{padding:28px 23px}.topbar{padding:0 23px}.filters{flex-wrap:wrap}.date-fields{flex-basis:100%}.metric-card{padding:14px}.metric-value{font-size:23px}.metric-card h2{min-height:64px}h1{font-size:26px}}@media (width<=800px){.sidebar{border-bottom:1px solid #e1e8e3;border-right:0;width:100%;height:auto;padding:15px 20px;position:static}.brand{padding:0;font-size:20px}.brand-icon{font-size:23px}.side-note,.sidebar .nav-item,.sidebar .nav-label,.sidebar-bottom{display:none}.shell{display:block}main{margin-left:0}.topbar{height:52px;padding:0 20px}.content{padding:25px 18px}.filter-footer,.heading{align-items:start}.heading h1{font-size:24px}.heading p{max-width:240px;font-size:11px}.heading .primary{padding:7px 12px;font-size:0}.heading .primary span{margin:0;font-size:23px}.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.metric-card:last-child{grid-column:span 2}.metric-card h2{min-height:32px}.metric-value{font-size:29px}.filters{gap:12px}.filters>label{flex-basis:100%}.filters>.secondary{width:100%}.filter-footer{gap:14px}.filter-footer>span{text-align:right;max-width:170px;line-height:1.6}.panel-heading{padding:18px}.table-tag{display:none}footer{flex-direction:column;gap:3px}.setup{padding:14px}.setup code{overflow-wrap:anywhere}}.dashboard-nav{gap:6px;display:grid}.dashboard-nav .nav-item{color:#748379;background:0 0;text-decoration:none}.dashboard-nav .router-link-exact-active{color:#285b42;background:#eaf3ec}.monitor-grid{grid-template-columns:repeat(6,minmax(0,1fr));display:grid}.monitor-grid .metric-card h2{min-height:48px}.monitor-filters{flex-wrap:wrap}.monitor-filters>label{min-width:140px}.filters select,.log-kind{color:#3e5146;width:100%;font:inherit;background:#fff;border:1px solid #e0e7e2;border-radius:6px;padding:11px 10px;font-size:11px}.monitor-intro{color:#53715d;background:#eef5ef;border:1px solid #dde7df;border-radius:8px;align-items:center;gap:12px;margin-bottom:22px;padding:14px 18px;font-size:11px;line-height:1.7;display:flex}.monitor-intro code{font-size:10px}.monitor-actions{align-items:center;gap:8px;display:flex}.log-kind{width:190px}.record-details{white-space:normal;text-align:left}.record-details summary{cursor:pointer;color:#53715d;font-size:11px}.record-details pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#f3f6f3;border-radius:6px;max-width:650px;max-height:360px;padding:14px;font-size:10px;line-height:1.6;overflow:auto}.log-table td{vertical-align:top}.log-pagination{justify-content:center;padding:18px;display:flex}.monitor-site{text-overflow:ellipsis;color:#8a998c;max-width:200px;margin-top:5px;font-size:10px;display:block;overflow:hidden}.endpoint-code{white-space:pre-wrap;overflow-wrap:anywhere;background:#f5f8f4;margin:0;padding:16px 22px;font-size:11px;line-height:1.8;display:block;overflow-x:auto}.monitor-loading{opacity:.65}.summary-note{color:#748777;margin:0 0 20px;font-size:11px;line-height:1.8}@media (width<=1250px){.monitor-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=800px){.sidebar .dashboard-nav{gap:6px;margin-top:14px;display:flex}.sidebar .dashboard-nav .nav-item{padding:10px;font-size:11px;display:flex}.sidebar .dashboard-nav .nav-item>span{display:none}.monitor-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.monitor-grid .metric-card:last-child{grid-column:auto}.monitor-grid .metric-card h2{min-height:48px}.monitor-actions{flex-direction:column;align-items:stretch}.log-kind{width:160px}.monitor-intro{align-items:start}.monitor-filters>.date-fields{flex-basis:100%}}
