*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{color:#e2e8f0;background:#0f1117;font-family:system-ui,-apple-system,sans-serif;font-size:14px;line-height:1.5}.app{flex-direction:column;min-height:100vh;display:flex}.nav{background:#1a1f2e;border-bottom:1px solid #2d3748;align-items:center;gap:4px;height:48px;padding:0 24px;display:flex}.nav-brand{color:#63b3ed;margin-right:24px;font-size:15px;font-weight:700}.nav-tab{cursor:pointer;color:#a0aec0;background:0 0;border:none;border-radius:6px;padding:6px 14px;font-size:14px;transition:all .15s}.nav-tab:hover{color:#e2e8f0;background:#2d3748}.nav-tab.active{color:#63b3ed;background:#1e3a5f}.main{flex:1;padding:24px}.card{background:#1a1f2e;border:1px solid #2d3748;border-radius:10px;margin-bottom:20px;padding:20px}.card-title{color:#a0aec0;text-transform:uppercase;letter-spacing:.05em;margin-bottom:16px;font-size:13px;font-weight:600}.table{border-collapse:collapse;width:100%}.table th{text-align:left;color:#718096;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #2d3748;padding:8px 12px;font-size:12px;font-weight:600}.table td{vertical-align:middle;border-bottom:1px solid #1e2535;padding:10px 12px}.table tr:last-child td{border-bottom:none}.table tr:hover td{background:#1e2535}.badge{border-radius:12px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-block}.badge-green{color:#68d391;background:#1a4731}.badge-red{color:#fc8181;background:#4a1942}.badge-blue{color:#63b3ed;background:#1e3a5f}.badge-gray{color:#a0aec0;background:#2d3748}.badge-yellow{color:#f6ad55;background:#4a3728}.btn{cursor:pointer;border:none;border-radius:6px;align-items:center;gap:6px;padding:7px 14px;font-size:13px;font-weight:500;transition:all .15s;display:inline-flex}.btn-primary{color:#fff;background:#2563eb}.btn-primary:hover{background:#1d4ed8}.btn-danger{color:#fc8181;background:#7f1d1d}.btn-danger:hover{background:#991b1b}.btn-ghost{color:#a0aec0;background:#2d3748}.btn-ghost:hover{color:#e2e8f0;background:#374151}.btn-sm{padding:4px 10px;font-size:12px}.btn:disabled{opacity:.4;cursor:not-allowed}.form-row{flex-wrap:wrap;gap:12px;margin-bottom:16px;display:flex}.form-group{flex-direction:column;flex:1;gap:5px;min-width:140px;display:flex}.form-group label{color:#a0aec0;font-size:12px;font-weight:500}.form-control{color:#e2e8f0;background:#0f1117;border:1px solid #2d3748;border-radius:6px;width:100%;padding:8px 10px;font-size:13px;transition:border-color .15s}.form-control:focus{border-color:#2563eb;outline:none}select.form-control{cursor:pointer}.toggle{width:36px;height:20px;display:inline-block;position:relative}.toggle input{opacity:0;width:0;height:0}.toggle-slider{cursor:pointer;background:#2d3748;border-radius:20px;transition:all .2s;position:absolute;inset:0}.toggle-slider:before{content:"";background:#fff;border-radius:50%;width:14px;height:14px;transition:all .2s;position:absolute;bottom:3px;left:3px}.toggle input:checked+.toggle-slider{background:#2563eb}.toggle input:checked+.toggle-slider:before{transform:translate(16px)}.modal-backdrop{z-index:100;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:#1a1f2e;border:1px solid #2d3748;border-radius:12px;min-width:300px;padding:24px}.modal-title{margin-bottom:16px;font-size:16px;font-weight:600}.btn-init{color:#68d391;background:#1a4731}.btn-init:hover{background:#22543d}.btn-dca{color:#63b3ed;background:#1e3a5f}.btn-dca:hover{background:#2a4a7f}.btn-exit{color:#fc8181;background:#4a1942}.btn-exit:hover{background:#6b2d5e}.stat-grid-3{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:16px;display:grid}.stat-grid-2{grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:16px;display:grid}@media (width<=700px){.stat-grid-3,.stat-grid-2{grid-template-columns:1fr}}.stat-card{background:#1a1f2e;border:1px solid #2d3748;border-radius:10px;padding:16px 20px}.stat-label{color:#718096;text-transform:uppercase;letter-spacing:.06em;margin-bottom:8px;font-size:11px;font-weight:600}.stat-value{font-size:26px;font-weight:700;line-height:1.1}.stat-sub{margin-top:4px;font-size:12px}.stat-pos{color:#68d391}.stat-neg{color:#fc8181}.stat-warn{color:#f6ad55}.stat-neutral{color:#e2e8f0}.lv-green{color:#68d391}.lv-red{color:#fc8181}.empty{text-align:center;color:#4a5568;padding:40px}.dot{background:#68d391;border-radius:50%;width:8px;height:8px;animation:2s infinite pulse;display:inline-block}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.text-mono{font-family:monospace;font-size:12px}.text-muted{color:#718096}.flex{display:flex}.items-center{align-items:center}.gap-2{gap:8px}.gap-3{gap:12px}.justify-between{justify-content:space-between}.mb-4{margin-bottom:16px}