@charset "UTF-8";html,body,#app{height:100%}:root{--background: #e4eef8;--background-deep: #d4e4f4;--background-accent: #cfe3f5;--foreground: #16324d;--card: rgba(255, 255, 255, .92);--card-solid: #ffffff;--card-elevated: #ffffff;--muted: #eef5fb;--muted-foreground: #5a7a96;--primary: #2f86cc;--primary-hover: #2474b5;--primary-soft: rgba(47, 134, 204, .12);--primary-foreground: #ffffff;--accent: #4aa0db;--accent-teal: #2fad96;--destructive: #e05a6a;--border: rgba(47, 110, 160, .14);--border-strong: rgba(47, 110, 160, .24);--shadow-sm: 0 1px 2px rgba(30, 80, 130, .05);--shadow-md: 0 10px 28px rgba(40, 100, 160, .1);--shadow-lg: 0 18px 44px rgba(40, 100, 160, .14);--radius: .625rem;--radius-sm: .4375rem;--sidebar: linear-gradient(180deg, #f8fcff 0%, #e8f3fb 55%, #dff0f8 100%);--sidebar-solid: #f2f8fd;--sidebar-foreground: #234868;--sidebar-primary: #2474b5;--sidebar-accent: rgba(47, 134, 204, .14);--sidebar-accent-foreground: #5e809c;--sidebar-border: rgba(47, 110, 160, .12);--sidebar-active-glow: 0 0 0 1px rgba(47, 134, 204, .22), 0 6px 16px rgba(47, 134, 204, .12);--chart-1: #2f86cc;--chart-2: #2fad96;--chart-3: #5aafe0;--chart-4: #e0a84c;--chart-5: #e06b7a;--status-online: #2fa87a;--status-warn: #d4a017;--status-offline: #e05a6a;--sidebar-width: 84px;--header-height: 56px;--kpi-height: 88px;--footer-height: 36px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#app{width:100%;height:100%}body{font-family:Plus Jakarta Sans,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;font-size:14px;line-height:1.5;color:var(--foreground);background:var(--background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}ul,ol{list-style:none}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;border:none;background:none}img,svg{display:block;max-width:100%}table{border-collapse:collapse}::selection{background:#3b8fd438;color:var(--foreground)}.panel{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.panel__header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--border);background:linear-gradient(180deg,#fbfdff,#fff);border-radius:var(--radius) var(--radius) 0 0}.panel__title{font-size:14px;font-weight:600;color:var(--foreground);letter-spacing:.01em}.panel__body{padding:12px 16px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:36px;padding:0 16px;border-radius:var(--radius-sm);transition:background .18s ease,box-shadow .18s ease,transform .15s ease}.btn--primary{background:linear-gradient(135deg,var(--primary) 0%,var(--accent) 100%);color:var(--primary-foreground);box-shadow:0 4px 12px #3b8fd447}.btn--primary:hover{background:linear-gradient(135deg,var(--primary-hover) 0%,var(--primary) 100%);box-shadow:0 6px 16px #3b8fd459}.btn--primary:active{transform:translateY(1px)}.btn--primary:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.input{width:100%;height:36px;padding:0 12px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--card);outline:none;transition:border-color .15s ease,box-shadow .15s ease}.input:hover{border-color:var(--border-strong)}.input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.empty-hint{display:flex;align-items:center;justify-content:center;min-height:160px;color:var(--muted-foreground);font-size:13px}