@font-face{font-family:Manrope;src:url('/static/fonts/manrope-latin-ext-wght-normal.woff2') format('woff2');font-style:normal;font-weight:200 800;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}

@font-face{font-family:Manrope;src:url('/static/fonts/manrope-latin-wght-normal.woff2') format('woff2');font-style:normal;font-weight:200 800;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}

:root{--bg:#05070d;--panel:#0b111d;--panel2:#101b2d;--line:#1e2c43;--text:#eef4ff;--muted:#9aaecb;--accent:#7caaff;--cyan:#57bfff;--purple:#a9bef7;--amber:#f4c56a;--radius:14px}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--text);font-family:'Manrope','Segoe UI',Arial,sans-serif;font-variant-numeric:tabular-nums lining-nums;font-size:14px;line-height:1.55}
a{color:inherit;text-decoration:none}
button,input,select{font:inherit}
button,a,input,select{outline-offset:4px}
button{cursor:pointer}
button:disabled{cursor:default;opacity:.4}
.sidebar{position:fixed;inset:0 auto 0 0;width:252px;background:#080d17;border-right:1px solid var(--line);padding:29px 18px;display:flex;flex-direction:column;z-index:20}
.brand{display:flex;align-items:center;gap:12px;font-size:19px;font-weight:700;padding:0 10px;line-height:1.2}
.brand-icon{display:inline-flex;position:relative;background:var(--accent);color:#07152d;width:39px;height:42px;align-items:center;justify-content:center;font-size:28px;border-radius:9px}
.brand-icon span{position:absolute;font-size:17px;right:1px;top:0}
.brand-sub{display:block;font-size:10px;letter-spacing:3.6px;color:var(--muted);margin-top:6px}
.workspace{margin-top:35px;margin-bottom:26px;padding:13px 10px;display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:10px;background:var(--panel)}
.workspace strong{font-size:12px}
.workspace small{display:block;color:var(--muted);font-size:10px;max-width:135px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cube{font-size:23px;color:var(--accent)}
.tiny-dot{width:6px;height:6px;display:inline-block;border-radius:50%;background:var(--accent);flex-shrink:0}
.workspace .tiny-dot{margin-left:auto}
.nav-label{font-size:10px;letter-spacing:1.7px;color:#626d80;padding:0 14px;margin:14px 0 10px}
nav a{display:flex;align-items:center;gap:13px;padding:11px 13px;margin:3px 0;border-radius:8px;color:#939daf;font-size:12px;transition:background .15s}
nav a span{font-size:19px;line-height:20px;width:20px;text-align:center}
nav a.active,nav a:hover{background:#132441;color:var(--accent)}
nav a.active{border:1px solid #294673;padding:10px 12px}
.sidebar-foot{margin-top:auto;color:#a0a9b8;font-size:11px;padding:20px 10px 0}
.sidebar-foot .tiny-dot{margin-right:6px}
.sidebar-foot small{display:block;font-size:10px;color:#616b7e;margin-top:7px}
.version{font-size:10px;letter-spacing:.8px;border-top:1px solid var(--line);padding-top:20px;margin-top:22px;display:flex;justify-content:space-between}
.main{margin-left:252px}
.topbar{height:77px;padding:0 38px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;background:#0e1117}
.breadcrumb{font-size:11px;color:var(--muted)}
.breadcrumb span{margin:0 15px;color:#414b5e}
.breadcrumb b{font-weight:500;color:#bec7d6}
.top-actions{display:flex;align-items:center;gap:16px}
.badge{font-size:10px;font-weight:600;letter-spacing:1px;border:1px solid var(--line);border-radius:5px;padding:4px 8px;color:#9faabd;white-space:nowrap}
.badge.amber{border-color:#5a4825;color:var(--amber);background:#302719}
.avatar{display:grid;place-items:center;width:30px;height:30px;border:1px solid #30486d;border-radius:50%;background:#172840;color:#bed4ff;font-size:11px}
main{padding:33px 38px 24px;max-width:1800px;margin:auto}
.heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:25px}
.eyebrow{font-size:10px;letter-spacing:2px;color:#8b9aaf;display:flex;align-items:center;gap:8px}
h1{font-size:29px;line-height:1.3;letter-spacing:-.8px;margin:9px 0 7px;font-weight:650}
.heading p{color:var(--muted);margin:0;font-size:12px}
h2{font-size:13px;font-weight:600;margin:0}
p{line-height:1.7}
.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid var(--line);border-radius:7px;font-size:11px;font-weight:550;padding:9px 13px;white-space:nowrap}
.secondary{background:#111c2e;color:#c9d2e1}
.primary{background:var(--accent);color:#071832;border-color:var(--accent)}
.danger{background:#362027;color:#fca5a5;border-color:#583038}
.connection{display:flex;align-items:center;gap:10px;font-size:10px;background:#0c192e;border:1px solid #233e64;border-radius:8px;padding:11px 14px;margin-bottom:22px;color:#a6c3ee}
.connection strong{color:var(--accent);font-weight:500}
.connection.stale{background:#211c13;border-color:#453822;color:var(--amber)}
.connection.stale strong{color:var(--amber)}
.pulse{height:6px;width:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px #7caaff12}
.stale .pulse{background:var(--amber);box-shadow:none}
.divider{width:1px;height:12px;background:#304c71;margin:0 3px}
.right{margin-left:auto}
.muted{color:var(--muted);font-size:11px}
.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:22px}
.metric-card{border:1px solid var(--line);background:linear-gradient(125deg,#101b2e,#0a111d);border-radius:var(--radius);padding:16px 17px;position:relative;overflow:hidden}
.metric-label{font-size:10px;color:#99a4b7;display:flex;justify-content:space-between;align-items:center}
.metric-icon{display:grid;place-items:center;border-radius:5px;color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,transparent);width:25px;height:25px;font-size:15px}
.metric-number{font-size:29px;font-weight:600;letter-spacing:-1px;margin-top:8px}
.metric-number small{font-size:11px;color:#748197;letter-spacing:0;font-weight:400;margin-left:5px}
.metric-detail{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#717e92;margin-top:10px}
.metric-detail .signal{color:var(--accent)}
.sparkline{height:18px;display:flex;gap:3px;align-items:end;opacity:.7}
.sparkline i{width:4px;background:var(--accent);border-radius:2px}
.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);margin-bottom:20px;overflow:hidden}
.controls{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;gap:12px}
.range-buttons{display:flex;align-items:center;gap:3px;flex-wrap:wrap}
.range-buttons button,.pager button{border:0;background:transparent;color:#8e9aae;font-size:10px;padding:7px 10px;border-radius:5px}
.range-buttons button.selected{background:#1a3156;color:var(--accent)}
select{background:#111c2e;border:1px solid #2a3342;color:#aab7cc;border-radius:5px;padding:6px 9px;font-size:10px;max-width:100%}
.range-buttons select{border:0;background:transparent}
.date-controls{display:flex;align-items:center;gap:7px;color:var(--muted)}
.date-controls label{font-size:10px;display:block}
.date-controls input{display:block;padding:4px 6px;font-size:10px;max-width:125px}
.date-controls .button{padding:7px 10px}
.chart-layout{display:grid;grid-template-columns:minmax(0,1fr) 265px;gap:18px}
.panel-heading{display:flex;justify-content:space-between;align-items:center;padding:20px 21px 15px;gap:10px}
.panel-heading p{margin:4px 0 0;color:#718097;font-size:10px}
.icon-button{background:transparent;border:1px solid var(--line);border-radius:5px;color:#93a0b5;font-size:10px;padding:5px 8px}
.metric-toggles{display:flex;gap:6px;flex-wrap:wrap;padding:0 21px 12px}
.metric-toggles button{display:flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:5px;font-size:10px;color:#68758a;background:transparent;padding:5px 8px}
.metric-toggles button.selected{color:#d7e0ee;background:#1b222e;border-color:#354153}
.metric-toggles i,.metric-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--accent);margin-right:7px}
.chart-wrap{height:275px;position:relative;padding:8px 17px}
.chart-wrap canvas{touch-action:pan-y}
.chart-wrap p{position:absolute;inset:40% 10px;text-align:center;color:var(--muted)}
.chart-footer{font-size:10px;color:#68778d;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #1f2733;padding:13px 20px;gap:12px}
.chart-footer .tiny-dot{width:4px;height:4px;margin-right:5px}
.period-panel{padding-bottom:15px}
.small-icon{color:#6c7990;font-size:18px}
.coverage{padding:8px 21px 18px}
.coverage>span{font-size:10px;color:var(--muted)}
.coverage strong{display:block;font-size:32px;letter-spacing:-1px;margin:5px 0 8px;font-weight:550}
.coverage progress{display:block;width:100%;height:5px;accent-color:var(--accent);border:none;border-radius:4px;overflow:hidden;background:#273140}
progress::-webkit-progress-bar{background:#25303d}
progress::-webkit-progress-value{background:var(--accent)}
.coverage small{font-size:10px;color:#6f8095;display:block;margin-top:8px}
.summary-list{margin:0 21px}
.summary-list div{display:flex;justify-content:space-between;align-items:center;padding:11px 0;border-bottom:1px solid #202835;gap:10px}
.summary-list dt{font-size:10px;color:#7f8ba0}
.summary-list dd{font-size:12px;margin:0;color:#cbd6e8}
.info-note{font-size:10px;color:#8ca6cb;margin:16px 20px 0;line-height:1.8}
.table-wrap{overflow:auto}
table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}
th{font-size:10px;font-weight:500;letter-spacing:.5px;color:#748198;background:#0e1828;padding:10px 20px;border-block:1px solid #252d3b}
td{font-size:11px;color:#bdc8da;padding:14px 20px;border-bottom:1px solid #19273d}
tbody tr:last-child td{border-bottom:0}
td small{font-size:10px;display:block;color:#697a94;margin-top:3px}
.change{font-size:10px;color:var(--cyan)}
.bottom-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.period-bars{padding:3px 22px 15px}
.period-row{display:grid;grid-template-columns:120px 1fr 63px;gap:15px;align-items:center;margin:15px 0}
.period-row label{font-size:10px;color:#8e9db5}
.period-row .bar-track{background:#192a43;height:6px;border-radius:5px;overflow:hidden}
.period-row .bar-fill{height:100%;background:var(--accent);border-radius:5px}
.period-row b{font-size:10px;font-weight:500;text-align:right}
.period-row small{color:#67768a}
.weekday-summary{display:flex;gap:12px;margin:0 21px 20px;border-top:1px solid var(--line);padding-top:12px;font-size:10px;color:#8190a8}
.weekday-summary strong{color:#cfdbec}
.compact{max-height:340px}
.compact td{padding-block:11px}
.pager{display:flex;justify-content:space-between;align-items:center;padding:7px 12px;font-size:10px;color:var(--muted)}
.gap-list{display:flex;flex-wrap:wrap;gap:8px;padding:0 21px 20px;max-height:200px;overflow:auto}
.gap-pill{font-size:10px;color:#b9a17f;background:#251f18;border:1px solid #3c3125;padding:7px 10px;border-radius:5px}
footer{padding:15px 38px 24px;color:#56627a;font-size:10px;display:flex;justify-content:space-between;gap:20px;border-top:1px solid #1b2230}
.alert{background:#342124;color:#f4afb6;border:1px solid #613038;border-radius:8px;padding:12px 16px;margin-bottom:18px;font-size:12px}
[hidden]{display:none!important}
input{color:#d6dfed;background:#0d121b;border:1px solid #303a4c;border-radius:6px;padding:10px 12px;min-width:0}
label{font-size:11px;color:#9caac0}
label>input{display:block;width:100%;margin-top:6px}
input:focus{border-color:var(--accent);outline:1px solid #7caaff4d}
.login-wrap{max-width:430px;margin:55px auto 120px;text-align:center}
.login-wrap .eyebrow{justify-content:center}
.login-mark{font-size:48px;color:var(--accent);margin-bottom:10px}
.login-wrap>p{color:var(--muted);font-size:12px}
.login-wrap>small{color:#6b7b91;font-size:10px}
.login-form{text-align:left;padding:28px;margin-top:27px}
.login-form label{display:block;margin-bottom:20px}
.login-form button{width:100%;margin-top:6px}
.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.form-panel{padding:25px}
.form-panel>label{display:block;margin:20px 0}
.form-panel h2{font-size:16px;margin-bottom:14px}
.form-panel h2:not(:first-child){margin-top:30px}
.period-input{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:10px;margin:15px 0}
.form-panel .button{margin-top:18px}
.form-panel hr{border:0;border-top:1px solid var(--line);margin:28px 0}
.checkbox{display:flex!important;align-items:center;gap:9px}
.checkbox input{width:auto;margin:0}
.admin-health{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}
.health-card{background:var(--panel);border:1px solid var(--line);padding:20px;border-radius:10px;margin-bottom:20px}
.health-card small{color:var(--muted);display:block}
.health-card strong{font-size:24px;display:block;margin-top:6px}
.audit-log{max-height:360px;overflow:auto}
.audit-item{font-size:10px;padding:11px 0;border-bottom:1px solid var(--line);overflow-wrap:anywhere}
.audit-item small{display:block;color:#667b98;margin-bottom:3px}
code{font-family:Consolas,monospace;font-size:11px;background:#1b2433;padding:2px 4px;border-radius:3px}
#toast{position:fixed;bottom:25px;right:25px;padding:14px 20px;border:1px solid #335a91;border-radius:10px;background:#101f38;color:#d0e1ff;z-index:100;box-shadow:0 10px 40px #0008;max-width:450px;font-size:12px}

@media(min-width:1550px){.metric-grid{grid-template-columns:repeat(7,minmax(0,1fr))}
.metric-card{padding:16px 13px}
.metric-number{font-size:26px}
.metric-detail{font-size:10px}
}
@media(max-width:1200px){.sidebar{width:215px;padding-inline:12px}
.main{margin-left:215px}
main{padding:27px 23px}
.topbar{padding-inline:23px}
.chart-layout{grid-template-columns:minmax(0,1fr) 235px}
.controls{align-items:stretch;flex-direction:column}
.date-controls{justify-content:flex-end}
.bottom-grid{grid-template-columns:1fr}
.period-row{grid-template-columns:140px 1fr 90px}
}
@media(max-width:900px){.sidebar{width:70px;padding:25px 9px}
.brand{padding:0 5px}
.brand>span:last-child,.workspace,.nav-label,.sidebar-foot,nav a:not(.active)~.none{display:none}
.brand-icon{width:35px}
nav{margin-top:20px}
nav a{font-size:0;justify-content:center;padding:12px 5px}
nav a.active{padding:11px 4px}
nav a span{font-size:22px;width:25px}
.main{margin-left:70px}
.chart-layout{grid-template-columns:1fr}
.period-panel .summary-list{display:grid;grid-template-columns:1fr 1fr;gap:0 25px}
.period-panel .coverage{padding-top:0}
.coverage strong{display:inline;margin-left:15px;font-size:23px}
.coverage progress{margin-top:15px}
.admin-grid{grid-template-columns:1fr}
.admin-health{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:600px){.sidebar{position:static;width:100%;height:64px;padding:12px 18px;border-bottom:1px solid var(--line);border-right:0;flex-direction:row;align-items:center;justify-content:space-between}
.brand>span:last-child{display:block;font-size:14px}
.brand-sub{font-size:7px;letter-spacing:2.5px;margin-top:4px}
.brand-icon{height:32px;width:31px;font-size:22px}
.sidebar nav{margin:0;display:flex}
.sidebar nav:first-of-type a{display:none}
.sidebar nav:first-of-type a.active{display:block}
.sidebar nav a{padding:6px 8px!important}
.main{margin:0}
.topbar{height:51px;padding:0 18px}
.top-actions{gap:9px}
.top-actions .badge:not(.amber){display:none}
main{padding:24px 15px}
h1{font-size:25px}
.heading{gap:10px}
.heading p{font-size:10px}
.heading .button span{display:none}
.heading .button{font-size:16px;padding:5px 10px}
.connection{flex-wrap:wrap;font-size:10px;gap:7px;padding:10px}
.connection .right{width:100%;margin-left:13px;font-size:10px}
.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.metric-card{padding:13px}
.metric-label{font-size:10px}
.metric-number{font-size:27px}
.metric-grid .metric-card:last-child{grid-column:span 2}
.range-buttons button{padding:6px 7px;font-size:10px}
.date-controls{justify-content:space-between;gap:4px}
.date-controls input{width:109px;max-width:100%;font-size:10px}
.date-controls .button{font-size:10px;padding:6px}
.panel-heading{padding:17px 15px 13px}
h2{font-size:12px}
.panel-heading p{font-size:10px}
.metric-toggles{padding-inline:15px}
.chart-wrap{height:250px;padding-inline:9px}
.chart-footer{font-size:7px;padding:12px;gap:9px}
.period-row{grid-template-columns:100px 1fr 65px;gap:8px}
.period-bars{padding-inline:15px}
.period-row label{font-size:10px}
.statistics .badge{display:none}
td,th{padding-inline:14px}
.bottom-grid{gap:0}
.period-input{gap:6px}
.period-input input{font-size:11px;padding:9px 6px}
.form-panel{padding:20px}
.login-wrap{margin-top:30px}
.admin-health{gap:10px}
.health-card{padding:15px}
.health-card strong{font-size:20px}
footer{padding-inline:15px;font-size:10px;flex-direction:column;gap:4px}
.gap-list{padding-inline:15px}
#toast{left:15px;right:15px;bottom:15px}
}


.comparison-selects{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end}


.mobile-menu{display:none}
@media(max-width:600px){.sidebar{position:relative}
.mobile-menu{display:block;margin-left:auto;margin-right:12px;background:#101e32;color:#c7d8eb;border:1px solid #354156;border-radius:6px;padding:4px 9px;font-size:18px}
.sidebar nav:first-of-type{display:none}
.sidebar.mobile-open nav:first-of-type{display:block;position:absolute;inset:63px 0 auto;background:#081322;border-bottom:1px solid #2b394b;padding:10px 16px;z-index:60}
.sidebar.mobile-open nav:first-of-type a{display:flex!important;font-size:12px;justify-content:flex-start;padding:9px 14px!important}
}


/* Midnight / cold blue: all surfaces share the same local typeface and numeric forms. */
body{background:radial-gradient(ellipse at 85% 0%,#0d1c332e,transparent 55%),var(--bg);font-synthesis:none;text-rendering:optimizeLegibility}

.sidebar{background:linear-gradient(180deg,#0a1120,#060b14);border-right-color:#1a2a45}

.brand-icon{background:linear-gradient(145deg,#9dc5ff,#487fe6);color:#061126;box-shadow:0 4px 20px #2157b325}

.workspace{background:#0c1728;border-color:#213452}

.topbar{background:#070c16e8;border-bottom-color:#1b2a43}

.metric-card{background:linear-gradient(135deg,#101d33,#0a111e 80%);border-color:#263858;box-shadow:0 5px 20px #00000015}

.metric-card::before{content:'';position:absolute;inset:0 20px auto;height:1px;background:linear-gradient(90deg,transparent,#6e9ce64d,transparent)}

.metric-card:hover{border-color:#46699e;background:linear-gradient(135deg,#13233d,#0c1525 80%)}

.metric-number{font-weight:650;font-variant-numeric:tabular-nums lining-nums;letter-spacing:-.8px}

.metric-label{font-size:11px;color:#b2c5e2}
.metric-detail{color:#8da4c5}
.metric-detail .signal{color:#a6c7ff}

.panel{border-color:#22334f;box-shadow:0 8px 26px #00000012}
.panel-heading{background:linear-gradient(100deg,#11203928,transparent)}

h1{font-weight:700;letter-spacing:-1px}
h2{font-size:14px;font-weight:650}
.heading p,.panel-heading p{color:#9ab0d0}

.button,.icon-button,.metric-toggles button,.range-buttons button,nav a,.metric-card{transition:background .15s,border-color .15s,color .15s,box-shadow .15s}

.primary{background:linear-gradient(135deg,#397fe8,#265ebd);border-color:#5a93ef;color:#f6f9ff;box-shadow:0 4px 15px #1f57b326}

.primary:hover{background:linear-gradient(135deg,#4c8ff6,#306ed4);border-color:#95bcff}

.secondary:hover,.icon-button:hover,.pager button:not(:disabled):hover{background:#1b3152;border-color:#456a9e;color:#e2edff}

nav a.active{box-shadow:inset 2px 0 #85b4ff;background:linear-gradient(90deg,#19345b,#10203a)}
nav a:hover{background:#142744}

.metric-toggles button{font-size:10px;padding:6px 9px;min-height:30px;color:#95aacb}
.metric-toggles button.selected{background:#172e50;border-color:#41669b;color:#e0edff}

.metric-toggles button:hover{background:#1d365a;border-color:#527bad}
.range-buttons button.selected{background:#1a355b;border:1px solid #3b6196;color:#d1e3ff}

.range-buttons button:hover{background:#142641;color:#c8ddff}
.connection{background:#0c192d;border-color:#294b78}
.connection strong{color:#a7ccff}
.pulse{box-shadow:0 0 0 4px #4b86e51f;background:#84baff}

.coverage progress{accent-color:#81adff}
progress::-webkit-progress-value{background:linear-gradient(90deg,#4178dc,#8ebaff)}

.period-row .bar-fill{background:#7caaff}
.chart-wrap{height:315px;overscroll-behavior:contain;overflow-anchor:none}
.chart-panel{overflow-anchor:none}
.chart-wrap canvas{cursor:crosshair;outline:none}

.chart-footer{font-size:10px;color:#9ab1d0;flex-wrap:wrap}
.chart-footer .tiny-dot{background:#7caaff}

.table-wrap th{color:#9fb5d4;font-weight:650;font-size:10px;background:#0e1b2d}
.table-wrap td{font-variant-numeric:tabular-nums lining-nums;font-size:12px}
.table-wrap tbody tr:hover{background:#12244070}

input:focus,select:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid #81b2ff;outline-offset:3px;border-color:#81b2ff}

#toast{border-color:#3c639c;background:#101e34;color:#dfebff}
.health-card strong,.coverage strong{font-variant-numeric:tabular-nums lining-nums}

@media(max-width:600px){h2{font-size:13px}
.metric-label{font-size:11px}
.metric-detail{font-size:10px}
.chart-wrap{height:290px;padding-inline:5px}
.chart-footer{font-size:9px}
.metric-toggles{gap:5px}
.metric-toggles button{font-size:10px}
.brand-sub{font-size:8px}
.period-row label{font-size:10px}
}


.metric-card[data-metric^="cpu_"] .metric-number small{margin-left:1px}