.login-container{align-items:center;background:#1a1a1a;display:flex;height:100vh;justify-content:center}.login-form{background:#2a2a2a;border:1px solid #333;border-radius:8px;box-shadow:0 4px 8px #0000004d;max-width:400px;padding:30px;width:100%}.login-form h2{color:#fff;font-size:24px;margin-bottom:25px;text-align:center}.login-form input{background:#333;border:1px solid #555;border-radius:4px;box-sizing:border-box;color:#fff;font-size:16px;margin:10px 0;padding:12px;width:100%}.login-form input:focus{border-color:#4caf50;outline:none}.login-form button{background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;margin-top:10px;padding:12px;width:100%}.login-form button:hover{background-color:#45a049}.login-form button:disabled{background-color:#666;cursor:not-allowed}.error{color:#f44;font-size:14px;margin:10px 0;text-align:center}.trading-chart{width:100%}.chart-header h3{font-weight:500}.chart-header .loading{color:orange;font-weight:700;margin-left:10px}.chart-header .error{color:#f44;font-weight:700;margin-left:10px}.chart-container{height:650px!important;position:relative}@media (max-width:768px){.chart-container{height:450px!important}}.dashboard{background:#1a1a1a;color:#fff;font-family:Arial,sans-serif;min-height:100vh}.dashboard-header{align-items:center;background:#2a2a2a;border-bottom:1px solid #333;display:flex;justify-content:space-between;padding:15px 20px}.dashboard-header h1{font-size:20px;margin:0}.logout-btn{background:#f44!important;border:none!important;border-radius:4px!important;color:#fff!important;cursor:pointer!important;font-size:12px!important;height:32px!important;min-width:60px!important;padding:6px 12px!important;width:auto!important}.controls{align-items:end;background:#2a2a2a;display:flex;flex-wrap:wrap;gap:15px;padding:15px 20px}.control-group{display:flex;flex-direction:column;gap:4px}.control-group label{color:#ccc;font-size:11px}.control-group select{background:#333;border:1px solid #555;border-radius:4px;color:#fff;font-size:12px;height:32px;min-width:100px;padding:6px 8px}.controls button{background:#4caf50!important;border:none!important;border-radius:4px!important;color:#fff!important;cursor:pointer!important;font-size:12px!important;height:32px!important;min-width:80px!important;padding:6px 12px!important;width:auto!important}.chart-section{padding:20px}.trading-chart{background:#1a1a1a;border:1px solid #333;border-radius:8px;overflow:hidden}.chart-header{background:#2a2a2a;border-bottom:1px solid #333;padding:12px 15px}.chart-header h3{color:#fff;font-size:14px;margin:0}.chart-container{height:480px;width:100%}.display-filters{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;margin:15px 0;padding:15px}.display-filters h4{color:#fff;font-size:14px;margin:0 0 10px}.filters-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.filter-item{align-items:center;background:#ffffff08;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:13px;gap:8px;padding:8px;transition:background .2s}.filter-item:hover{background:#ffffff14}.filter-item input[type=checkbox]{cursor:pointer;height:16px;width:16px}.display-filters-compact{align-items:center;display:flex;gap:15px}.filter-compact{align-items:center;color:#fff;cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:5px;white-space:nowrap}.filter-compact input[type=checkbox]{cursor:pointer;height:14px;width:14px}.filter-compact:hover{color:#00d2ff}.display-filters{display:none}*{box-sizing:border-box;padding:0}*,body{margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#1a1a1a;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.App{min-height:100vh}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}