:root{--blue:#1e91cf;--blue2:#5cb7e7;--light:#f6f6f6;--border:#dcdcdc;--text:#4c4d5a;--muted:#7f8a9b;--green:#53b953;--orange:#f3aa41;--red:#e45847;--sidebar:#eef6fb;--sidebar-border:#d7e7f2}
*{box-sizing:border-box}body{background:var(--light);color:#545454}.st-container{min-height:100vh;background:var(--light);overflow:visible}.st-header{height:61px;display:flex;align-items:center;justify-content:space-between;padding:0 22px;position:fixed;left:0;right:0;top:0;z-index:30}.st-brand{display:flex;align-items:baseline;gap:12px}.st-brand a{font-size:20px;font-weight:600;color:#4c4d5a}.st-brand small{color:#999}.st-header-right{display:flex;align-items:center;gap:18px}.st-header-right a{color:#1e91cf}.st-sidebar{position:fixed;top:61px;bottom:0;left:0;width:235px;background:linear-gradient(180deg,#f7fbfe,#edf6fb);border-right:1px solid var(--sidebar-border);padding-top:12px}.st-nav-title{padding:10px 20px;color:#8498a7;font-size:11px;font-weight:700;letter-spacing:.08em}.st-sidebar nav a{display:block;padding:12px 20px;color:#526575;border-left:3px solid transparent;border-bottom:1px solid #e5eff5}.st-sidebar nav a:hover{background:#fff;color:#1e91cf}.st-sidebar nav a.active{background:#fff;color:#1e91cf;border-left-color:#1e91cf;font-weight:600}.st-main{margin-left:235px;padding:82px 22px 55px}.st-main .page-header{margin-top:0}.st-footer{margin-left:235px;padding:20px;text-align:center;color:#98a2aa}.tile-grid{display:grid;grid-template-columns:repeat(4,minmax(160px,1fr));gap:16px;margin:0 0 18px}.tile{margin:0;box-shadow:0 1px 2px rgba(0,0,0,.04)}.tile-info-custom{background:#6aa6c8}.tile .tile-body{min-height:90px}.tile .tile-body h2{margin:0;font-size:40px}.status-strip{display:flex;gap:18px;align-items:center;background:#fff;border:1px solid var(--border);padding:12px 15px;margin-bottom:18px}.status-strip.is-live strong{color:var(--green)}.status-strip.is-offline strong{color:var(--red)}.panel{box-shadow:0 1px 3px rgba(0,0,0,.05);background:#fff}.panel-body{padding:18px}.panel-footer{padding:14px 18px;background:#fafafa;border-top:1px solid #eee}.chart-shell{height:520px;padding:0}.chart-shell iframe{width:100%;height:100%;border:0}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 22px}.form-grid label,.narrow-form label,.login-card label{display:block;font-weight:600;color:#4c4d5a}.form-grid label span{display:block;margin-bottom:6px}.form-control{height:38px;border:1px solid #d6dbe0;border-radius:2px;padding:8px 10px;background:#fff;color:#4c4d5a}.form-control:focus{border-color:#5cb7e7;box-shadow:0 0 0 2px rgba(92,183,231,.12);outline:0}.form-horizontal-lite .form-group{display:grid;grid-template-columns:220px 1fr;gap:20px;align-items:start;padding:16px 0}.form-horizontal-lite .form-group>label{padding-top:8px;text-align:right;color:#4c4d5a}.help-block{color:#909aa2;font-size:12px;margin:6px 0 0}.form-actions{padding-top:18px;border-top:1px solid #ededed;display:flex;gap:10px}.narrow-form{max-width:520px}.narrow-form label{margin-bottom:15px}.narrow-form .form-control,.login-card .form-control{margin-top:6px}.table-responsive{overflow:auto}.table{background:#fff;margin:0}.table td{border-color:#e5e5e5!important}.text-center{text-align:center}.install-body,.login-body{min-height:100vh;background:linear-gradient(135deg,#f7fbfe,#eef6fb);padding:34px 20px}.install-wrap{max-width:1020px;margin:0 auto}.install-brand{text-align:center;margin-bottom:22px}.install-brand h1{font-weight:300;color:#4c4d5a;margin-bottom:5px}.install-brand p{color:#8b969f}.install-panel{overflow:hidden}.install-panel .panel-heading{padding:13px 18px}.install-panel .panel-heading h3{margin:0}.install-panel .panel-heading:not(:first-child){border-top:1px solid #dcecf5}.check-line{display:flex;align-items:center;gap:8px;margin-top:14px;font-weight:400}.login-card{max-width:400px;margin:7vh auto 0;background:#fff;border:1px solid #dcdcdc;border-top:3px solid #5cb7e7;box-shadow:0 4px 20px rgba(50,80,100,.08);padding:28px}.login-logo{text-align:center;font-size:24px;font-weight:300;color:#4c4d5a;margin-bottom:24px}.login-logo small{display:block;color:#1e91cf;font-size:13px;font-weight:600;margin-top:7px}.login-card label{margin-bottom:15px}.btn-block{width:100%}.login-back{display:block;text-align:center;margin-top:18px;color:#7d8b95}.alert{padding:12px 15px;border:1px solid transparent;margin-bottom:15px}.alert-success{background:#edf8ed;border-color:#c8e8c8;color:#3c763d}.alert-danger{background:#fdf0ee;border-color:#f2c9c4;color:#a94442}.alert-info{background:#eef8fd;border-color:#c8e9f7;color:#31708f}.public-terminal{max-width:1500px;margin:0 auto;padding:22px}.terminal-head{display:flex;justify-content:space-between;align-items:center;background:#fff;border:1px solid #ddd;border-top:3px solid #5cb7e7;padding:16px 18px;box-shadow:0 1px 3px rgba(0,0,0,.04)}.terminal-head h1{font-size:25px;font-weight:300;color:#4c4d5a;margin:0}.terminal-sub{margin-top:5px;color:#8a969f;font-size:12px;letter-spacing:.04em}.terminal-sub strong{color:#1e91cf}.terminal-actions{display:flex;align-items:center;gap:12px}.market-state{font-weight:700;padding:7px 10px;border-radius:3px;background:#f5f5f5}.market-state.live{color:#3b9f3b;background:#edf8ed}.market-state.off{color:#c34a3b;background:#fdf0ee}.stream-title{background:#fff;border:1px solid #e1e1e1;border-top:0;padding:10px 18px;color:#68747d}.market-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:18px 0}.market-card{background:#fff;border:1px solid #ddd;border-top:3px solid #b8c3ca;padding:14px 16px;box-shadow:0 1px 3px rgba(0,0,0,.04)}.market-card.primary{border-top-color:#5cb7e7}.market-card.success{border-top-color:#53b953}.market-card.warning{border-top-color:#f3aa41}.market-card.neutral{border-top-color:#8fa3b0}.market-card span{display:block;color:#7d8a94;font-size:11px;font-weight:700}.market-card strong{display:block;font-size:36px;color:#4c4d5a;font-weight:500;line-height:1.25}.market-card small{color:#9aa3aa}.terminal-panel{background:#fff;border:1px solid #ddd}.terminal-panel-head{display:flex;justify-content:space-between;padding:11px 14px;border-bottom:1px solid #e7e7e7;color:#4c4d5a}.terminal-panel-head span{font-size:11px;color:#1e91cf;font-weight:700}.terminal-panel iframe{display:block;width:100%;height:620px;border:0}
@media(max-width:900px){.st-sidebar{display:none}.st-main,.st-footer{margin-left:0}.tile-grid,.market-cards{grid-template-columns:repeat(2,1fr)}.form-horizontal-lite .form-group{grid-template-columns:1fr}.form-horizontal-lite .form-group>label{text-align:left}.form-grid{grid-template-columns:1fr}.st-brand small{display:none}}@media(max-width:560px){.tile-grid,.market-cards{grid-template-columns:1fr}.terminal-head{align-items:flex-start;gap:15px;flex-direction:column}.st-header-right span{display:none}}