:root{--color-primary:#3b82f6;--color-primary-hover:#2563eb;--color-success:#10b981;--color-danger:#ef4444;--color-warning:#f59e0b;--color-gold:#fbbf24;--color-btc:#f7931a;--color-bg-base:#0f1115;--color-bg-surface:#1a1d24;--color-bg-surface-hover:#222630;--color-text-primary:#f8fafc;--color-text-secondary:#94a3b8;--color-text-muted:#64748b;--color-border:#2e3340;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d;--transition-fast:.15s ease;--transition-default:.25s ease;--font-family-base:"Inter", system-ui, -apple-system, sans-serif;--font-family-mono:"JetBrains Mono", "Fira Code", monospace}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family-base);background-color:var(--color-bg-base);color:var(--color-text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}.app-layout{flex-direction:column;height:100vh;display:flex;overflow:hidden}.main-content{flex:1;gap:16px;padding:16px;display:flex;overflow:hidden}.chart-area{background-color:var(--color-bg-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border);box-shadow:var(--shadow-md);flex-direction:column;flex:70%;display:flex;overflow:hidden}.sidebar{flex-direction:column;flex:0 0 350px;gap:16px;display:flex;overflow-y:auto}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-muted{color:var(--color-text-muted)}.text-success{color:var(--color-success)}.text-danger{color:var(--color-danger)}.text-warning{color:var(--color-warning)}.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem;font-weight:700}.font-bold{font-weight:600}.font-mono{font-family:var(--font-family-mono)}.card{background-color:var(--color-bg-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);padding:16px}.flex-row{align-items:center;display:flex}.flex-col{flex-direction:column;display:flex}.justify-between{justify-content:space-between}.gap-2{gap:8px}.gap-4{gap:16px}.topbar{background-color:var(--color-bg-surface);border-bottom:1px solid var(--color-border);box-shadow:var(--shadow-sm);justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.brand{align-items:center;gap:8px;font-size:1.25rem;font-weight:700;display:flex}.brand .icon{color:var(--color-primary)}.btn-group{background-color:var(--color-bg-base);border-radius:var(--radius-md);border:1px solid var(--color-border);padding:4px;display:flex}.btn-toggle{color:var(--color-text-secondary);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;padding:6px 16px;font-size:.875rem;font-weight:600}.btn-toggle:hover{color:var(--color-text-primary)}.btn-toggle.active{background-color:var(--color-primary);color:#fff;box-shadow:var(--shadow-sm)}input.form-control{background-color:var(--color-bg-base);border:1px solid var(--color-border);color:var(--color-text-primary);border-radius:var(--radius-md);width:100%;transition:border-color var(--transition-fast);outline:none;padding:8px 12px;font-size:.875rem}input.form-control:focus{border-color:var(--color-primary)}.alert-list{flex-direction:column;gap:8px;list-style:none;display:flex}.alert-item{background-color:var(--color-bg-base);border-left:3px solid var(--color-warning);border-radius:var(--radius-md);flex-direction:column;padding:12px;font-size:.875rem;animation:.3s ease-out slideIn;display:flex}.alert-item.type-high{border-left-color:var(--color-success)}.alert-item.type-low{border-left-color:var(--color-danger)}@keyframes slideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.chart-header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.chart-body{flex:1;min-height:0;position:relative}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--color-bg-base)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}.toast-container{z-index:9999;flex-direction:column;gap:10px;display:flex;position:fixed;bottom:20px;right:20px}.toast{background-color:var(--color-bg-surface);border:1px solid var(--color-border);border-left:4px solid var(--color-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);color:var(--color-text-primary);align-items:center;gap:12px;min-width:300px;padding:16px;font-size:.875rem;animation:.3s cubic-bezier(.16,1,.3,1) slideUp;display:flex}.toast.success{border-left-color:var(--color-success)}.toast.danger{border-left-color:var(--color-danger)}.toast.warning{border-left-color:var(--color-warning)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}