:root{--bg: radial-gradient(circle at top right, #111827, #0a0e14 70%);--panel: rgba(18, 22, 31, .65);--panel-2: rgba(22, 27, 38, .75);--line: rgba(255, 255, 255, .08);--txt: #e6edf3;--dim: #8b949e;--bull: #00e676;--bear: #ff1744;--accent: #3b82f6;--accent-dim: rgba(59, 130, 246, .2);--warn: #f0b429;--radius: 12px;--glass-blur: blur(16px)}*{box-sizing:border-box}body{margin:0;background:#0a0e14 var(--bg);color:var(--txt);font:13px/1.5 Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh}button{background:var(--panel-2);color:var(--txt);border:1px solid var(--line);border-radius:8px;padding:6px 12px;cursor:pointer;font:inherit;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);transition:all .2s cubic-bezier(.4,0,.2,1)}button:hover{border-color:var(--accent);transform:translateY(-1px);box-shadow:0 4px 12px #0003}button:active{transform:translateY(0)}button.toggled,button.active{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600;box-shadow:0 0 15px var(--accent-dim)}input,select{background:#0003;color:var(--txt);border:1px solid var(--line);border-radius:8px;padding:6px 10px;font:inherit;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);transition:border-color .2s}select:focus,input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-dim)}.login-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;gap:20px;background:var(--bg)}.login-screen h1{letter-spacing:1px;font-weight:800;font-size:28px;margin:0;background:linear-gradient(to right,#fff,#8b949e);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.login-screen form{display:flex;flex-direction:column;gap:16px;width:340px;background:var(--panel-2);padding:32px;border-radius:16px;border:1px solid var(--line);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);box-shadow:0 8px 32px #0006}.login-screen label{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--dim)}.error{color:var(--bear);font-size:12px;margin:0}.dashboard{display:flex;flex-direction:column;height:100vh;background:var(--bg)}.topbar{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;background:var(--panel);border-bottom:1px solid var(--line);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);z-index:10}.asset-badge{display:flex;flex-direction:column;line-height:1.2;min-width:140px}.asset-symbol{font-weight:700;font-size:14px}.asset-sub{color:var(--dim);font-size:11px}.brand{font-weight:800;font-size:18px;letter-spacing:.3px;position:absolute;left:50%;transform:translate(-50%)}.brand-accent{color:var(--accent)}.topbar-right{display:flex;align-items:center;gap:10px}.status-pill{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:700;color:var(--dim);padding:5px 12px;border-radius:20px;border:1px solid var(--line);background:var(--panel-2)}.status-pill .dot{width:6px;height:6px;border-radius:50%;background:var(--dim);transition:all .3s}.status-pill.live{color:var(--bull);border-color:#00e6764d;background:#00e6760d}.status-pill.live .dot{background:var(--bull);box-shadow:0 0 8px var(--bull);animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.3);opacity:.7}to{transform:scale(1);opacity:1}}.indicator-select{font-size:12px;font-weight:600;cursor:pointer}.logout-btn{font-size:12px}.toolbar{display:flex;align-items:center;justify-content:space-between;padding:10px 20px;background:var(--panel-2);border-bottom:1px solid var(--line);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);gap:16px;flex-wrap:wrap;z-index:9}.toolbar-title{font-size:12px;color:var(--dim);font-weight:600;white-space:nowrap}.tf-quickbar{display:flex;gap:4px;flex-wrap:wrap}.tf-quickbar button{padding:4px 10px;font-size:11px}.body{display:flex;flex:1;overflow:hidden}.chart-container{flex:1;min-width:0}.status-panel{width:220px;border-left:1px solid var(--line);background:var(--panel);padding:16px;overflow-y:auto;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur)}.status-panel h3{margin:0 0 10px;font-size:11px;letter-spacing:.5px;color:var(--dim)}.status-panel ul{list-style:none;padding:0;margin:0}.status-panel li{display:flex;justify-content:space-between;padding:7px 0;border-bottom:1px solid var(--line);font-size:12px}.status-panel li span{color:var(--dim);font-weight:600}.status-panel li.bullish b{color:var(--bull)}.status-panel li.bearish b{color:var(--bear)}.status-panel li.flat b{color:var(--dim)}.auto-trade-panel{width:320px;border-right:1px solid var(--line);background:var(--panel);display:flex;flex-direction:column;overflow-y:auto;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur)}.auto-trade-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;font-weight:700;font-size:13px;border-bottom:1px solid var(--line)}.status-badge{font-size:10px;font-weight:700;padding:3px 9px;border-radius:20px;letter-spacing:.5px}.status-badge.on{background:var(--bull);color:#fff}.status-badge.off{background:var(--panel-2);color:var(--dim);border:1px solid var(--line)}.auto-trade-body{display:flex;flex-direction:column;gap:10px;padding:14px 16px}.auto-trade-body label{display:flex;flex-direction:column;gap:4px;font-size:11px;color:var(--dim);font-weight:600}.tf-toggles{display:flex;flex-wrap:wrap;gap:4px}.tf-toggles button{padding:3px 8px;font-size:10px}fieldset{border:1px solid var(--line);border-radius:8px;padding:8px 10px;display:flex;gap:8px;align-items:center;margin:0}fieldset legend{font-size:11px;font-weight:600;display:flex;align-items:center;gap:6px;color:var(--dim);padding:0 4px}fieldset select,fieldset input{flex:1;font-size:12px}.actions{display:flex;gap:8px}.actions button{flex:1}.actions button:first-child{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}.current-trade{display:flex;flex-direction:column;gap:4px;border-top:1px solid var(--line);padding-top:10px;font-size:12px}.current-trade b{color:var(--accent)}
