.sysmon{display:flex;flex-direction:column;height:100%;padding:var(--sp-3);gap:var(--sp-3)}.sysmon-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-3);flex:1}.sysmon-card{background:#ffffff04;border-radius:var(--r-lg);border:1px solid rgba(255,255,255,.03);padding:var(--sp-3);display:flex;flex-direction:column;gap:var(--sp-2);overflow:hidden;transition:border-color var(--t-base) ease}.sysmon-card:hover{border-color:#ffffff0f}.sysmon-card-top{display:flex;align-items:center;gap:var(--sp-2)}.sysmon-card-icon{font-size:18px;width:32px;height:32px;border-radius:var(--r-md);background:#ffffff06;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sysmon-card-info{flex:1;min-width:0}.sysmon-card-label{font-size:var(--fs-2xs);text-transform:uppercase;letter-spacing:var(--ls-widest);color:var(--text-tertiary);font-weight:var(--fw-semibold);line-height:1;margin-bottom:3px}.sysmon-card-value{font-size:var(--fs-xl);font-weight:var(--fw-bold);font-variant-numeric:tabular-nums;letter-spacing:var(--ls-tighter);line-height:1}.sysmon-card-chart{flex:1;min-height:36px;position:relative;border-radius:var(--r-sm);overflow:hidden}.sysmon-card-chart canvas{position:absolute;top:0;left:0;width:100%!important;height:100%!important;display:block}.sysmon-card-bar{height:3px;background:#ffffff0a;border-radius:2px;overflow:hidden}.sysmon-card-bar-fill{height:100%;border-radius:2px;width:0%;transition:width .8s ease}.sysmon-footer{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sp-2);padding-top:var(--sp-2);border-top:1px solid rgba(255,255,255,.03);flex-shrink:0}.sysmon-footer-item{display:flex;flex-direction:column;align-items:center;gap:2px}.sysmon-footer-label{font-size:var(--fs-2xs);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:var(--ls-wider);font-weight:var(--fw-medium)}.sysmon-footer-value{font-size:var(--fs-xs);color:var(--text-secondary);font-weight:var(--fw-semibold);font-family:var(--font-mono)}