:root{--bg-canvas:#070a12;--bg-subtle:#0b101d;--bg-surface:#0f172a;--bg-card:#131d33;--bg-card-hover:#18243f;--bg-overlay:#070a12d1;--bg-input:#090f1d;--border-subtle:#1a2742;--border-default:#233457;--border-focus:#38bdf8;--border-highlight:#3b82f6;--text-primary:#f8fafc;--text-secondary:#cbd5e1;--text-muted:#8493a8;--text-dim:#54647c;--text-inverse:#070a12;--cyan-500:#06b6d4;--cyan-400:#22d3ee;--cyan-bg:#06b6d41f;--cyan-border:#06b6d447;--emerald-500:#10b981;--emerald-400:#34d399;--emerald-bg:#10b9811f;--emerald-border:#10b98147;--amber-500:#f59e0b;--amber-400:#fbbf24;--amber-bg:#f59e0b1f;--amber-border:#f59e0b47;--rose-500:#f43f5e;--rose-400:#fb7185;--rose-bg:#f43f5e1f;--rose-border:#f43f5e47;--indigo-500:#6366f1;--indigo-400:#818cf8;--indigo-bg:#6366f11f;--indigo-border:#6366f147;--blue-500:#3b82f6;--blue-400:#60a5fa;--blue-bg:#3b82f61f;--blue-border:#3b82f647;--shadow-sm:0 1px 2px 0 #00000073;--shadow-md:0 4px 12px -1px #0000008c, 0 2px 4px -2px #00000073;--shadow-lg:0 12px 24px -4px #000000a6, 0 4px 8px -4px #00000080;--shadow-glow-cyan:0 0 20px -3px #06b6d440;--shadow-glow-rose:0 0 20px -3px #f43f5e40;--radius-xs:4px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--font-sans:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--bg-canvas);width:100%;height:100%;color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:14px;line-height:1.5;overflow:hidden}#root{flex-direction:column;width:100%;height:100%;display:flex;overflow:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-subtle)}::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--border-highlight)}h1,h2,h3,h4,h5,h6{color:var(--text-primary);letter-spacing:-.02em;font-weight:700;line-height:1.25}p{color:var(--text-secondary)}code,pre,.font-mono{font-family:var(--font-mono)}.app-container{background-color:var(--bg-canvas);width:100vw;height:100vh;display:flex;overflow:hidden}.main-content{flex-direction:column;flex:1;min-width:0;height:100vh;display:flex;overflow:hidden}.main-scrollable-area{flex-direction:column;flex:1;min-height:0;display:flex;overflow-y:auto}.page-body{flex-direction:column;gap:24px;width:100%;max-width:1600px;margin:0 auto;padding:24px 32px;display:flex}.panel-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:20px;transition:border-color .15s,box-shadow .15s}.panel-card:hover{border-color:var(--border-default)}.panel-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;display:flex}.panel-title{align-items:center;gap:8px;font-size:16px;font-weight:600;display:flex}.badge{border-radius:var(--radius-sm);letter-spacing:.02em;text-transform:uppercase;align-items:center;gap:5px;padding:3px 8px;font-size:11px;font-weight:600;display:inline-flex}.badge-cyan{background:var(--cyan-bg);color:var(--cyan-400);border:1px solid var(--cyan-border)}.badge-emerald{background:var(--emerald-bg);color:var(--emerald-400);border:1px solid var(--emerald-border)}.badge-amber{background:var(--amber-bg);color:var(--amber-400);border:1px solid var(--amber-border)}.badge-rose{background:var(--rose-bg);color:var(--rose-400);border:1px solid var(--rose-border)}.badge-indigo{background:var(--indigo-bg);color:var(--indigo-400);border:1px solid var(--indigo-border)}.badge-blue{background:var(--blue-bg);color:var(--blue-400);border:1px solid var(--blue-border)}.badge-neutral{color:var(--text-secondary);border:1px solid var(--border-subtle);background:#94a3b81a}.btn{font-family:var(--font-sans);border-radius:var(--radius-md);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:8px 14px;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.btn-primary{color:#fff;background:#0284c7;border-color:#0369a1}.btn-primary:hover{background:#0369a1;border-color:#075985}.btn-secondary{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-default)}.btn-secondary:hover{background:var(--bg-card-hover);border-color:var(--text-muted)}.btn-danger{background:var(--rose-bg);color:var(--rose-400);border:1px solid var(--rose-border)}.btn-danger:hover{color:#fff;background:#f43f5e33}.btn-sm{border-radius:var(--radius-sm);padding:4px 10px;font-size:12px}.btn-icon{border-radius:var(--radius-md);padding:8px}.input-control,.form-control,input.form-control,select.form-control,textarea.form-control{border:1px solid var(--border-default);border-radius:var(--radius-md);width:100%;font-family:var(--font-sans);caret-color:var(--cyan-400);outline:none;padding:8px 12px;font-size:13px;transition:border-color .15s,box-shadow .15s;background:var(--bg-input)!important;color:#f8fafc!important;background-color:#0c1322!important}.input-control:focus,.form-control:focus{box-shadow:0 0 0 1px #06b6d440;border-color:var(--cyan-500)!important}.input-control::placeholder,.form-control::placeholder{color:var(--text-dim)!important}select.input-control option,select.form-control option,textarea.form-control,textarea.input-control{color:#f8fafc!important;background-color:#0c1322!important}.table-wrapper{border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:var(--bg-subtle);overflow-x:auto}.data-table{border-collapse:collapse;text-align:left;width:100%;font-size:13px}.data-table th{background:var(--bg-surface);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border-subtle);white-space:nowrap;padding:12px 16px;font-size:11px;font-weight:600}.data-table td{border-bottom:1px solid var(--border-subtle);color:var(--text-secondary);vertical-align:middle;padding:12px 16px}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background:#ffffff05}.metric-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;display:grid}.metric-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);flex-direction:column;gap:8px;padding:18px;display:flex}.metric-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;justify-content:space-between;align-items:center;font-size:12px;font-weight:600;display:flex}.metric-value{color:var(--text-primary);font-feature-settings:"tnum";letter-spacing:-.02em;font-size:26px;font-weight:700}.metric-subtext{color:var(--text-dim);align-items:center;gap:6px;font-size:12px;display:flex}.modal-backdrop{background:var(--bg-overlay);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:50;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal-dialog{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);flex-direction:column;width:100%;max-width:840px;max-height:90vh;display:flex;overflow:hidden}.modal-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.modal-body{flex-direction:column;flex:1;gap:20px;padding:24px;display:flex;overflow-y:auto}.modal-footer{border-top:1px solid var(--border-subtle);background:var(--bg-subtle);justify-content:flex-end;align-items:center;gap:12px;padding:16px 24px;display:flex}@keyframes pulse-subtle{0%,to{opacity:1}50%{opacity:.4}}.animate-pulse-subtle{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse-subtle}@keyframes scan-sweep{0%{transform:translateY(-100%)}to{transform:translateY(1000%)}}.animate-scan-line{animation:3s linear infinite scan-sweep}[data-tooltip]{cursor:help;position:relative}[data-tooltip]:before{content:attr(data-tooltip);color:#f8fafc;border-radius:var(--radius-sm,6px);border:1px solid var(--cyan-border,#06b6d44d);white-space:normal;text-align:center;pointer-events:none;opacity:0;visibility:hidden;z-index:1000;background:#0f172a;width:max-content;max-width:280px;padding:6px 12px;font-size:11px;font-weight:500;line-height:1.4;transition:opacity .1s cubic-bezier(.16,1,.3,1) 50ms,transform .1s cubic-bezier(.16,1,.3,1) 50ms,visibility .1s 50ms;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)translateY(4px);box-shadow:0 8px 24px #000000b3,0 0 12px #06b6d433}[data-tooltip]:after{content:"";pointer-events:none;opacity:0;visibility:hidden;z-index:1000;border:6px solid #0000;border-top-color:#0f172a;border-bottom-width:0;transition:opacity .1s cubic-bezier(.16,1,.3,1) 50ms,transform .1s cubic-bezier(.16,1,.3,1) 50ms,visibility .1s 50ms;position:absolute;bottom:calc(100% + 2px);left:50%;transform:translate(-50%)translateY(4px)}[data-tooltip]:hover:before,[data-tooltip]:hover:after{opacity:1;visibility:visible;transform:translate(-50%)translateY(0)}[data-tooltip-align=left]:before{left:0;transform:translate(0)translateY(4px)}[data-tooltip-align=left]:after{left:16px;transform:translate(0)translateY(4px)}[data-tooltip-align=left]:hover:before,[data-tooltip-align=left]:hover:after{transform:translate(0)translateY(0)}[data-tooltip-align=right]:before{left:auto;right:0;transform:translate(0)translateY(4px)}[data-tooltip-align=right]:after{left:auto;right:16px;transform:translate(0)translateY(4px)}[data-tooltip-align=right]:hover:before,[data-tooltip-align=right]:hover:after{transform:translate(0)translateY(0)}