@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=JetBrains+Mono:wght@500&display=swap";:root{--bg: #040507;--panel: rgba(17, 21, 28, .82);--panel-strong: rgba(20, 26, 35, .92);--line: #253043;--line-soft: #1b2331;--text-main: #ecf3ff;--text-dim: #9fb0c8;--text-soft: #74839a;--primary: #2fc7ff;--primary-strong: #0a9bd6;--secondary: #8644ff;--accent: #ff4e8a;--success: #2ecc71;--danger: #ff5c63;--warning: #ffb84f;--glow-primary: 0 0 24px rgba(47, 199, 255, .22);--glow-secondary: 0 0 24px rgba(134, 68, 255, .22);--glow-accent: 0 0 24px rgba(255, 78, 138, .2);--shadow-xl: 0 28px 70px rgba(0, 0, 0, .55);--shadow-md: 0 14px 32px rgba(0, 0, 0, .36)}*,*:before,*:after{box-sizing:border-box}html,body,#app{margin:0;min-height:100%}html{overflow-y:auto;scrollbar-gutter:stable;background:#040507}*{scrollbar-width:thin;scrollbar-color:var(--line) var(--panel-strong)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--panel-strong)}::-webkit-scrollbar-thumb{background:var(--line);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--primary);box-shadow:var(--glow-primary)}body{color:var(--text-main);background:radial-gradient(circle at 10% 10%,rgba(47,199,255,.22),transparent 40%),radial-gradient(circle at 85% 8%,rgba(134,68,255,.18),transparent 36%),radial-gradient(circle at 50% 95%,rgba(255,78,138,.13),transparent 32%),repeating-linear-gradient(0deg,rgba(47,199,255,.02),rgba(47,199,255,.02) 1px,transparent 1px,transparent 30px),linear-gradient(180deg,#040507,#060911 52%,#040507);font-family:Space Grotesk,PingFang SC,Microsoft YaHei,sans-serif;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit;color:inherit}input,select,textarea{width:100%;border:1px solid var(--line);border-radius:12px;padding:.62rem .74rem;background:#0d131d;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #2fc7ff2e;background:#101925}.btn{border:1px solid transparent;border-radius:12px;padding:.58rem 1rem;cursor:pointer;line-height:1;font-weight:600;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}.btn:hover{transform:translateY(-1px);box-shadow:0 8px 18px #00000052;filter:brightness(1.04)}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.btn.success{color:#082413;background:linear-gradient(135deg,#30dc7a,#1ac160)}.btn.warning{color:#372105;background:linear-gradient(135deg,#ffc562,#ffaf35)}.btn.danger{color:#ffeef0;background:linear-gradient(135deg,#ff5c63,#f4434b)}.btn.ghost{border-color:#2b384d;color:#c3d2e8;background:#0e1622}.btn.mini{padding:.42rem .66rem;border-radius:10px;font-size:.82rem}.auth-layout{min-height:100vh;display:grid;place-items:center;padding:1.25rem}.auth-card{width:min(420px,100%);border-radius:20px;border:1px solid #2a3a4f;background:linear-gradient(145deg,#131a24f5,#0c1118f0);box-shadow:var(--shadow-xl);padding:2rem;position:relative;overflow:hidden}.auth-card:before{content:"";position:absolute;inset:-80% -40% auto;height:220px;background:radial-gradient(circle,rgba(47,199,255,.24),transparent 65%);pointer-events:none}.auth-card h1{margin:0;font-size:1.9rem;letter-spacing:.02em}.sub-title{margin:.58rem 0 1.55rem;color:var(--text-dim)}.auth-form{display:grid;gap:.95rem}.auth-form label{display:grid;gap:.4rem;color:#c6d3e8;font-size:.9rem}.auth-form button{border:1px solid #3cb8e8;border-radius:12px;padding:.62rem .8rem;color:#031018;font-weight:700;cursor:pointer;background:linear-gradient(135deg,#46d7ff,#18b5e4);transition:transform .18s ease,box-shadow .18s ease}.auth-form button:hover{transform:translateY(-1px);box-shadow:0 12px 20px #18b5e447}.form-error{margin:0;color:#ff8f93}.dashboard-layout{width:min(1280px,100%);margin:0 auto;padding:1.2rem}.sticky-shell{position:sticky;top:.55rem;z-index:14;margin-bottom:1rem}.top-hero{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;padding:1.15rem 1.2rem;border-radius:16px 16px 0 0;border:1px solid #2a3a4f;border-bottom:0;background:linear-gradient(120deg,rgba(47,199,255,.16),transparent 40%),linear-gradient(150deg,rgba(134,68,255,.16),transparent 52%),linear-gradient(180deg,rgba(255,78,138,.12),transparent 60%),var(--panel-strong);box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.hero-kicker{margin:0 0 .35rem;color:#84dfff;font-size:.82rem;font-family:JetBrains Mono,monospace;letter-spacing:.12em;text-transform:uppercase}.hero-title-wrap h1{margin:0;font-size:clamp(1.3rem,2.2vw,1.9rem)}.hero-subtitle{margin:.45rem 0 0;color:var(--text-dim)}.hero-actions{display:flex;gap:.6rem;flex-wrap:wrap}.toast{border:1px solid var(--line);border-radius:12px;padding:.72rem .85rem;margin-bottom:.85rem}.toast-info{background:#2fc7ff2b}.toast-success{background:#2ecc7129}.toast-error{background:#ff5c6329}.tab-nav{display:flex;gap:.66rem;overflow-x:auto;margin-bottom:0;padding:.58rem;border-radius:0 0 16px 16px;border:1px solid #2a3a4f;background:linear-gradient(130deg,rgba(47,199,255,.12),transparent 38%),linear-gradient(160deg,rgba(134,68,255,.12),transparent 52%),#0a1018e6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:var(--shadow-md),var(--glow-primary)}.tab-nav::-webkit-scrollbar{display:none}.tab-btn{border:1px solid #2a3a4f;background:#101a27;color:#c8d4e8;padding:.48rem .9rem;border-radius:999px;cursor:pointer;white-space:nowrap;transition:all .2s ease}.tab-btn.active{border-color:#3db3e4;color:#eaf8ff;background:linear-gradient(135deg,#2fc7ff3d,#8644ff2e);box-shadow:0 0 0 1px #2fc7ff2e inset,var(--glow-primary)}.dashboard-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:1rem}.card{grid-column:span 6;border-radius:16px;border:1px solid #2b3e56;background:linear-gradient(140deg,rgba(47,199,255,.11),transparent 38%),linear-gradient(165deg,rgba(134,68,255,.11),transparent 56%),linear-gradient(190deg,rgba(255,78,138,.08),transparent 68%),var(--panel);box-shadow:var(--shadow-md),var(--glow-secondary);padding:1rem;position:relative;overflow:hidden}.card:before{content:"";position:absolute;inset:0 0 auto;height:2px;background:linear-gradient(90deg,var(--primary),var(--secondary),var(--accent));opacity:.85}.card:hover{border-color:#385074;box-shadow:var(--shadow-md),var(--glow-primary),var(--glow-accent)}.wide-card{grid-column:1 / -1}.card-header{display:flex;justify-content:space-between;align-items:center;gap:.8rem;margin-bottom:.9rem}.card-header h2{margin:0;font-size:1.08rem}.inline-actions{display:inline-flex;align-items:center;gap:.48rem;flex-wrap:wrap}.status-chip{display:inline-flex;align-items:center;border-radius:999px;padding:.2rem .58rem;border:1px solid transparent;font-size:.79rem}.status-chip.running{border-color:#2ecc717a;color:#84f3b4;background:#2ecc7129}.status-chip.stopped{border-color:#ff5c6373;color:#ffb7bc;background:#ff5c6326}.status-chip.muted{border-color:#8597ae59;color:#c0cce0;background:#8597ae1a}.metric-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.62rem}.metric-item{border:1px solid var(--line-soft);border-radius:11px;padding:.62rem;background:#0a1018b8;display:grid;gap:.18rem}.metric-item span{color:var(--text-dim);font-size:.82rem}.metric-item strong{font-size:1rem}.card-actions{margin-top:.84rem;display:flex;gap:.62rem;flex-wrap:wrap}.chart-card{background:linear-gradient(145deg,rgba(255,184,79,.1),transparent 34%),linear-gradient(165deg,rgba(134,68,255,.12),transparent 52%),linear-gradient(190deg,rgba(47,199,255,.1),transparent 64%),var(--panel)}.trend-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.trend-panel{border:1px solid #1f2a39;border-radius:12px;background:#080d14b8;padding:.65rem}.trend-panel-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:.45rem}.trend-panel-head span{color:var(--text-dim);font-size:.8rem}.trend-panel-head strong{font-size:.95rem}.trend-svg{width:100%;height:56px;display:block}.trend-line{fill:none;stroke-width:2.1;stroke-linecap:round;stroke-linejoin:round}.trend-line.conn{stroke:#4ad8ff}.trend-line.flow{stroke:#ff87b0}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.72rem}.form-grid.one-col{grid-template-columns:1fr}.form-grid.mount-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.form-grid label{display:grid;gap:.36rem;color:#ced9eb;font-size:.88rem}.span-2{grid-column:span 2}.form-actions{display:flex;gap:.62rem;flex-wrap:wrap;align-items:center}.table-wrap{overflow-x:auto;border:1px solid #212f43;border-radius:12px}table{width:100%;border-collapse:collapse;min-width:960px}th,td{border-bottom:1px solid #1d2a3d;padding:.56rem .64rem;text-align:left;font-size:.84rem}th{color:var(--text-dim);background:#0c121bf5;font-weight:600}tbody tr:nth-child(2n){background:#0a101880}.table-empty{text-align:center;color:var(--text-soft);padding:1rem}.switch{display:inline-flex;align-items:center;gap:.32rem;font-size:.81rem}.row-actions{display:flex;gap:.35rem;flex-wrap:wrap}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;padding:1rem;background:#03060ab8;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modal-card{width:min(520px,100%);max-height:92vh;overflow:auto;border:1px solid #29405a;border-radius:16px;background:linear-gradient(160deg,#0f1620f7,#0a1019f2);padding:1rem;box-shadow:var(--shadow-xl)}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.72rem}.modal-header h3{margin:0;font-size:1.02rem}.modal-close{width:32px;height:32px;border:1px solid #2c3d53;border-radius:8px;cursor:pointer;color:#d7e5fb;background:#111a28}.fade-slide-enter-active,.fade-slide-leave-active{transition:opacity .22s ease,transform .22s ease}.fade-slide-enter-from,.fade-slide-leave-to{opacity:0;transform:translateY(-6px)}@media(max-width:1100px){.card{grid-column:span 12}}@media(max-width:900px){.top-hero{flex-direction:column}.hero-actions{width:100%}.metric-list,.trend-grid,.form-grid,.form-grid.mount-grid{grid-template-columns:1fr}.span-2{grid-column:auto}}