:root{--bg: #080b10;--surface: #0e1219;--elevated: #141a23;--hover: #1a222e;--border: #1c2535;--border-subtle: #151d28;--gold: #c4a265;--gold-hover: #d1b278;--gold-muted: rgba(196, 162, 101, .08);--text: #e8ecf1;--text-secondary: #7e8fa0;--text-muted: #4e5b6b;--success: #34d399;--success-muted: rgba(52, 211, 153, .12);--warning: #fbbf24;--warning-muted: rgba(251, 191, 36, .12);--danger: #f87171;--danger-muted: rgba(248, 113, 113, .12);--info: #60a5fa;--info-muted: rgba(96, 165, 250, .12)}*{margin:0;padding:0;box-sizing:border-box}html,body,#app{width:100%;height:100%}body{background:var(--bg);color:var(--text);font-family:DM Sans,PingFang SC,Noto Sans SC,-apple-system,BlinkMacSystemFont,sans-serif;overflow:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media screen and (min-width: 1400px){.screen-scale{transform-origin:top left}}.btn{padding:10px 30px;background:transparent;border:1px solid var(--border);border-radius:28px;color:var(--text-secondary);font-size:16px;font-weight:600;font-family:inherit;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);letter-spacing:-.01em}.btn:hover{background:var(--gold-muted);border-color:var(--gold);color:var(--gold)}.btn.primary{background:linear-gradient(135deg,#d1b278,#c4a265);border-color:transparent;color:var(--bg);font-weight:700;box-shadow:0 0 24px #c4a26540}.btn.primary:hover{background:linear-gradient(135deg,#dcbf85,#cdab6f);color:var(--bg);box-shadow:0 0 32px #c4a26559}.btn.ghost{background:#c4a2651f;border:1px solid rgba(196,162,101,.3);color:var(--gold)}.btn.ghost:hover{background:#c4a26533;border-color:var(--gold);color:var(--gold)}.btn:disabled{opacity:.5;cursor:not-allowed}.panel-title{font-size:22px;font-weight:700;color:var(--text);display:flex;align-items:center;gap:10px;padding-bottom:14px;border-bottom:1px solid var(--border-subtle);letter-spacing:-.01em;margin-bottom:16px;position:relative}.panel-title:after{content:"";position:absolute;left:0;bottom:-1px;width:64px;height:2px;background:linear-gradient(90deg,#d1b278,#c4a26500);border-radius:2px}.panel-title .icon{color:var(--gold);width:22px;height:22px;flex-shrink:0}.status-tag{display:inline-block;padding:3px 12px;border-radius:20px;font-size:13px;font-weight:500}.status-tag.normal{background:var(--success-muted);color:var(--success)}.status-tag.warning{background:var(--warning-muted);color:var(--warning)}.status-tag.danger{background:var(--danger-muted);color:var(--danger)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:120px;color:var(--text-muted);font-size:16px;gap:10px}.loading-wrap{display:flex;align-items:center;justify-content:center;height:100%;color:var(--text-muted);font-size:16px}.spinner{width:28px;height:28px;border:3px solid var(--border);border-top-color:var(--gold);border-radius:50%;animation:spin .8s linear infinite;margin-right:12px}@keyframes spin{to{transform:rotate(360deg)}}.input{width:100%;height:48px;padding:0 18px;background:var(--surface);border:1px solid var(--border);border-radius:12px;color:var(--text);font-size:16px;font-family:inherit;outline:none;transition:border-color .2s}.input:focus{border-color:var(--gold)}.input::placeholder{color:var(--text-muted)}