*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-base: #090d18;--bg-panel: #0d1220;--bg-card: #131a2a;--bg-hover: #1a2336;--border: #1e2d42;--border-light: #2a3d58;--text-primary: #dce8f8;--text-secondary:#7a95b8;--text-muted: #445872;--accent: #4f8ef7;--accent-dim: rgba(79, 142, 247, .13);--accent-glow: rgba(79, 142, 247, .3);--success: #22c55e;--success-dim: rgba(34, 197, 94, .13);--success-glow: rgba(34, 197, 94, .35);--critical: #f05252;--critical-dim: rgba(240, 82, 82, .13);--warning: #f5a623;--warning-dim: rgba(245, 166, 35, .13);--info: #34d399;--info-dim: rgba(52, 211, 153, .13);--shadow-raise: 0 2px 16px rgba(0,0,0,.7), 0 1px 4px rgba(0,0,0,.5);--shadow-press: 0 1px 3px rgba(0,0,0,.6) inset;--font: -apple-system, "Inter", "Segoe UI", system-ui, sans-serif;--mono: "JetBrains Mono", "Consolas", monospace;--titlebar-h: 52px;--sidebar-w: 264px;--ai-panel-w: 440px}html,body,#root{height:100%;overflow:hidden;background:var(--bg-base);color:var(--text-primary);font-family:var(--font);font-size:14px;line-height:1.5}.app-shell{display:flex;flex-direction:column;height:100vh;overflow:hidden}.main-layout{display:grid;grid-template-columns:var(--sidebar-w) 1fr var(--ai-panel-w);flex:1;overflow:hidden}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:2px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.panel{background:var(--bg-panel);border-right:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden}.panel-header{padding:14px 14px 12px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.panel-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted)}.section-heading{font-size:14px;font-weight:700;color:var(--text-primary);margin-bottom:10px}.field-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:5px}.panel-body{flex:1;overflow-y:auto;padding:8px}.btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;border:none;transition:all .12s;white-space:nowrap;-webkit-user-select:none;user-select:none}.btn:active{transform:translateY(1px)}.btn-primary{background:linear-gradient(135deg,#4f8ef7,#3a7ae8);color:#fff;box-shadow:0 1px 8px #4f8ef759}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#5a96f8,#4f8ef7)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-success{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;box-shadow:0 1px 6px #22c55e4d}.btn-success:hover{background:linear-gradient(135deg,#2dd16a,#22c55e)}.btn-ghost{background:transparent;color:var(--text-secondary);border:1px solid var(--border)}.btn-ghost:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-light)}.btn-danger{background:var(--critical-dim);color:var(--critical);border:1px solid rgba(244,63,94,.22)}.btn-danger:hover{background:#f43f5e33}.btn-sm{padding:5px 10px;font-size:12px}.btn-icon{padding:5px;width:30px;height:30px;justify-content:center;border-radius:7px}@keyframes flash-success{0%{box-shadow:0 0 0 0 var(--success-glow);background-color:var(--success-dim)}40%{box-shadow:0 0 0 8px transparent;background-color:var(--success-dim)}to{box-shadow:none;background-color:transparent}}.flash-success{animation:flash-success .7s ease-out forwards}@keyframes slide-in-right{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:translate(0)}}.slide-in{animation:slide-in-right .18s ease-out}.tag{display:inline-flex;align-items:center;padding:2px 9px;border-radius:20px;font-size:11px;font-weight:600;letter-spacing:.02em}.tag-critical{background:var(--critical-dim);color:var(--critical);border:1px solid rgba(244,63,94,.2)}.tag-warning{background:var(--warning-dim);color:var(--warning);border:1px solid rgba(245,158,11,.2)}.tag-info{background:var(--info-dim);color:var(--info);border:1px solid rgba(34,211,238,.2)}.tag-accent{background:var(--accent-dim);color:var(--accent);border:1px solid rgba(139,92,246,.2)}.dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.dot-online{background:var(--info);box-shadow:0 0 5px var(--info)}.dot-offline{background:var(--text-muted)}.dot-active{background:var(--accent);box-shadow:0 0 5px var(--accent);animation:pulse 2s infinite}.dot-warn{background:var(--warning);box-shadow:0 0 5px var(--warning);animation:pulse 1.5s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}input,textarea{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);font-family:var(--font);font-size:13px;padding:8px 12px;outline:none;width:100%;transition:border-color .15s,box-shadow .15s;line-height:1.5}input:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim)}input::placeholder,textarea::placeholder{color:var(--text-muted)}.divider{height:1px;background:var(--border);margin:10px 0}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:48px 24px;color:var(--text-muted);text-align:center}.empty-state svg{opacity:.2}.empty-state p{font-size:13px;line-height:1.6}@keyframes spin{to{transform:rotate(360deg)}}.resize-handle{background:var(--border);position:relative;-webkit-user-select:none;user-select:none;transition:background .15s;flex-shrink:0}.resize-handle:hover{background:var(--accent)}.resize-handle:after{content:"";position:absolute;top:0;bottom:0;left:-4px;right:-4px}