:root{--color-primary: oklch(.57 .16 47.7);--color-primary-hover: oklch(.51 .16 47.7);--color-canvas: oklch(1 0 0);--color-workspace: oklch(.97 .004 48);--color-ink: oklch(.22 .018 48);--color-muted: oklch(.48 .018 48);--color-border: oklch(.89 .008 48);--color-success: oklch(.49 .12 150);--color-warning: oklch(.67 .15 75);--color-danger: oklch(.54 .19 25);--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--el-color-primary: var(--color-primary);--el-border-radius-base: var(--radius-sm);--el-font-size-base: 14px}*{box-sizing:border-box}html,body,#app{margin:0;min-height:100%}body{color:var(--color-ink);background:var(--color-workspace);font-family:Inter,PingFang SC,Microsoft YaHei,sans-serif;font-size:14px}button,input,select,textarea{font:inherit}:focus-visible{outline:3px solid color-mix(in oklch,var(--color-primary),white 60%);outline-offset:2px}.page{padding:24px 28px 40px;max-width:1600px;margin:0 auto}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:20px}.page-header h1{font-size:24px;line-height:1.35;margin:0 0 4px;letter-spacing:-.02em}.page-header p{color:var(--color-muted);margin:0}.toolbar{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.surface{background:var(--color-canvas);border-radius:var(--radius-lg)}.table-wrap{overflow-x:auto;border:1px solid var(--color-border);border-radius:var(--radius-md)}.number{font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}.empty{min-height:240px;display:grid;place-items:center;color:var(--color-muted)}.error-panel{padding:32px;text-align:center}.status{display:inline-flex;align-items:center;gap:6px;font-weight:600}.status:before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor}.status--normal{color:var(--color-success)}.status--critical{color:oklch(.52 .13 75)}.status--low{color:var(--color-danger)}@media(max-width:767px){.login-page .login-panel{width:calc(100vw - 48px)!important;max-width:calc(100vw - 48px)!important}.page{padding:16px 12px 32px}.page-header{align-items:stretch;flex-direction:column}.page-header .el-button{width:100%;min-height:44px}.toolbar>*{flex:1 1 100%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:1ms!important;transition-duration:1ms!important}}
