:root{--primary-color:#18a058;--primary-color-hover:#36ad6a;--primary-color-pressed:#0c7a43;--primary-color-suppl:#36ad6a;--warning-color:#f0a020;--error-color:#d03050;--info-color:#2080f0;--success-color:#18a058;--header-height:64px;--footer-height:60px;--sidebar-width:240px;--body-bg:#f5f7fa;--card-bg:#fff;--text-color:#333;--text-color-secondary:#666;--border-color:rgba(0,0,0,.07);--divider-color:rgba(0,0,0,.06);--hover-color:rgba(0,0,0,.04);--shadow-color:rgba(0,0,0,.1)}[theme-mode=dark],html.dark{--body-bg:#121212;--card-bg:#1e1e1e;--text-color:#e0e0e0;--text-color-secondary:#a0a0a0;--border-color:hsla(0,0%,100%,.09);--divider-color:hsla(0,0%,100%,.08);--hover-color:hsla(0,0%,100%,.04);--shadow-color:rgba(0,0,0,.3)}*{box-sizing:border-box;margin:0;padding:0}body,html{background-color:var(--body-bg);color:var(--text-color);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;height:100%;transition:background-color .3s,color .3s;width:100%}h1,h2,h3,h4,h5,h6{color:var(--text-color);margin-bottom:.5em}.status-up{color:var(--success-color)}.status-down{color:var(--error-color)}.status-warning{color:var(--warning-color)}.flex-center{justify-content:center}.flex-between,.flex-center{align-items:center;display:flex}.flex-between{justify-content:space-between}.card,.page-container{padding:16px}.card{background-color:var(--card-bg);border-radius:8px;box-shadow:0 2px 12px 0 var(--shadow-color);margin-bottom:16px;transition:background-color .3s,box-shadow .3s}.dashboard-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}[theme-mode=dark] .n-card{background-color:var(--card-bg)}[theme-mode=dark] .monitor-card:hover{box-shadow:0 8px 16px #0003}.theme-transition *{transition:background-color .3s,color .3s,border-color .3s,box-shadow .3s}