:root{font-family:Arial,sans-serif}body{min-width:320px;min-height:100vh;margin:0}#root{width:100%;min-height:100vh}*{box-sizing:border-box}body{color:#eaf2ff;background:#07111f;margin:0;font-family:Arial,sans-serif}.app{width:100vw;min-height:100vh;display:flex}.sidebar{background:#081827;border-right:1px solid #1e2f45;width:230px;padding:24px}.sidebar h2{color:#fff;margin:0;font-size:22px}.sidebar p{color:#8fb3d9;line-height:1.5}.menu{cursor:pointer;color:#9fb3c8;background:0 0;border-radius:10px;margin-bottom:10px;padding:12px;transition:all .2s}.menu:hover{color:#fff;background:#0f2236}.menu.active{color:#00ffa3;background:linear-gradient(90deg,#0f2236,#132f4c);border-left:3px solid #00ffa3;font-weight:600}.main{flex:1;width:calc(100vw - 230px);padding:28px;overflow-x:auto}.header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.header h1{color:#fff;margin:0;font-size:34px}.header p{color:#9db6d3;margin:6px 0 0}.online-dot{color:#33e086;font-weight:700}.cards{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px;margin-bottom:24px;display:grid}.card{background:#101f31;border:1px solid #22364d;border-radius:16px;padding:20px}.card p{color:#8fb3d9;margin:0 0 12px}.card h2{color:#fff;margin:0;font-size:28px}.profit{font-weight:700;color:#33e086!important}.loss{font-weight:700;color:#ff5c5c!important}.table-card{background:#101f31;border:1px solid #22364d;border-radius:16px;padding:20px;overflow-x:auto}.table-card h2{color:#fff;margin-top:0;margin-bottom:20px}table{border-collapse:collapse;width:100%;min-width:800px}th,td{text-align:left;border-bottom:1px solid #22364d;padding:10px;font-size:14px}th{color:#8fb3d9;font-weight:400}td{color:#fff}.badge{border-radius:999px;padding:6px 10px;font-size:12px;font-weight:700}.badge.online{color:#33e086;background:#33e08626}.badge.offline{color:#ff5c5c;background:#ff5c5c26}.badge.warning{color:#ffc107;background:#ffc10726}@media (width<=900px){.app{flex-direction:column}.sidebar{border-bottom:1px solid #1e2f45;border-right:none;width:100%}.main{width:100%;padding:18px}.header{flex-direction:column;align-items:flex-start;gap:12px}.cards{grid-template-columns:repeat(2,1fr)}}@media (width<=520px){.cards{grid-template-columns:1fr}}.table-header{justify-content:space-between;align-items:center;display:flex}.column-toggle label{color:#c7d9ed;text-transform:capitalize;align-items:center;gap:6px;font-size:13px;display:flex}.customize-btn{color:#33e086;cursor:pointer;background:#12324a;border:1px solid #22364d;border-radius:10px;padding:10px 14px;font-weight:700}.customize-btn:hover{background:#173f5f}.row-danger{background:#ff000014}.row-warning{background:#ffc10714}.row-safe{background:0 0}.alert-card{background:#101f31;border:1px solid #22364d;border-radius:16px;margin-bottom:24px;padding:20px}.alert-card h2{color:#fff;margin:0}.alert-settings-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px;margin-top:18px;display:grid}.alert-settings-grid label{color:#c7d9ed;flex-direction:column;gap:8px;font-size:14px;display:flex}.alert-settings-grid input[type=checkbox]{accent-color:#33e086;width:18px;height:18px}.alert-settings-grid input[type=number]{color:#fff;background:#081827;border:1px solid #22364d;border-radius:10px;padding:10px}.sidebar button.menu{text-align:left;cursor:pointer;border:none;width:100%}.header-actions{align-items:center;gap:14px;display:flex}.table-card{margin-top:20px}.column-toggle{background:#081827;border:1px solid #22364d;border-radius:12px;flex-wrap:wrap;gap:10px;margin-bottom:18px;padding:12px;display:flex}.column-toggle label{color:#c7d9ed;align-items:center;gap:6px;font-size:13px;display:flex}.column-toggle input{accent-color:#33e086}.sidebar button.menu{color:#c7d9ed;text-align:left;cursor:pointer;background:#0b1b2b;border:1px solid #1e2f45;width:100%;margin-bottom:12px}.sidebar button.menu:hover{color:#fff;background:#12324a}.sidebar button.menu.active{color:#33e086;background:#12324a}.license-box{align-items:center;gap:8px;display:flex}.license-box input{color:#fff;background:#081827;border:1px solid #22364d;border-radius:10px;min-width:180px;padding:10px}.client-form{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-bottom:24px;display:grid}.client-form input{color:#fff;background:#081827;border:1px solid #22364d;border-radius:10px;padding:10px}.action-buttons{flex-wrap:wrap;gap:8px;display:flex}.action-buttons button{color:#c7d9ed;cursor:pointer;background:#12324a;border:1px solid #22364d;border-radius:8px;padding:7px 10px;font-size:12px}.action-buttons button:hover{color:#fff;background:#173f5f}.action-buttons .danger-btn{color:#ff5c5c;background:#ff5c5c26;border-color:#ff5c5c59}.login-page{background:#06111f;justify-content:center;align-items:center;min-height:100vh;display:flex}.login-card{background:#101f31;border:1px solid #22364d;border-radius:18px;width:360px;padding:28px}.login-card h1{color:#fff;margin-bottom:8px}.login-card p{color:#9fb3c8;margin-bottom:20px}.login-card input{color:#fff;background:#081827;border:1px solid #22364d;border-radius:10px;width:100%;margin-bottom:12px;padding:12px}.login-error{color:#ff5c5c;margin-bottom:12px;font-size:14px}.active-license{color:#9fb3c8;background:#081827;border:1px solid #22364d;border-radius:10px;padding:9px 12px;font-size:13px}.main{position:relative;overflow:hidden}.main>:not(.bg-watermark){z-index:1;position:relative}.brand-header{align-items:center;gap:14px;display:flex}.header-logo{object-fit:contain;width:46px;height:46px}.bg-watermark{opacity:.035;pointer-events:none;z-index:0;width:420px;max-width:45vw;position:fixed;bottom:5%;right:4%}