:root{--bg-primary:#0b101b;--bg-secondary:#1a1e2e;--bg-card:#1e2235;--bg-card-hover:#252a3e;--bg-input:#2a2e42;--bg-sidebar:#131724;--bg-nav-active:#4456fc1f;--text-primary:#d1d4dc;--text-secondary:#787b86;--text-muted:#5a5e6e;--text-white:#fff;--text-accent:#4e7cf6;--text-link:#5b9cf6;--accent-blue:#4456fc;--accent-blue-hover:#5568ff;--accent-green:#26a69a;--accent-green-light:#4caf50;--accent-red:#ef5350;--accent-yellow:#ffd54f;--accent-gold:#ffb300;--accent-orange:#ff9800;--border-color:#252a3e;--border-light:#2e3348;--shadow-card:0 2px 8px #00000040;--shadow-dropdown:0 4px 16px #0006;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--sidebar-width:280px;--right-sidebar-width:320px;--content-max-width:1400px;--header-height:0px;--transition-fast:.15s ease;--transition-normal:.25s ease;--z-sidebar:100;--z-modal:200;--z-toast:300}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{color:var(--text-primary);background-color:var(--bg-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:14px;line-height:1.6;overflow-x:hidden}a{color:var(--text-link);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--accent-blue-hover)}img{max-width:100%;height:auto;display:block}button{cursor:pointer;font-family:inherit;font-size:inherit;color:inherit;background:0 0;border:none;outline:none}input,textarea,select{font-family:inherit;font-size:inherit;color:inherit;background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:border-color var(--transition-fast);outline:none;padding:8px 12px}input:focus,textarea:focus,select:focus{border-color:var(--accent-blue)}ul,ol{list-style:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.app-container{min-height:100vh;max-width:var(--content-max-width);margin:0 auto;display:flex}.sidebar-left{width:var(--sidebar-width);min-width:var(--sidebar-width);background:var(--bg-sidebar);border-right:1px solid var(--border-color);height:100vh;z-index:var(--z-sidebar);flex-direction:column;padding:20px 0;display:flex;position:sticky;top:0;overflow-y:auto}.main-content{border-right:1px solid var(--border-color);flex:1;min-width:0}.sidebar-right{width:var(--right-sidebar-width);min-width:var(--right-sidebar-width);height:100vh;padding:16px;position:sticky;top:0;overflow-y:auto}.sidebar-logo{align-items:center;gap:8px;padding:0 24px 24px;display:flex}.sidebar-logo .logo-icon{color:var(--text-white);letter-spacing:-.5px;font-size:28px;font-weight:800}.sidebar-logo .logo-text{color:var(--text-white);letter-spacing:.5px;font-size:20px;font-weight:700}.sidebar-nav{flex:1}.nav-item{color:var(--text-secondary);transition:all var(--transition-fast);cursor:pointer;border-left:3px solid #0000;align-items:center;gap:14px;padding:12px 24px;font-size:15px;font-weight:500;text-decoration:none;display:flex}.nav-item:hover{color:var(--text-primary);background:var(--bg-card)}.nav-item.active{color:var(--text-white);background:var(--bg-nav-active);border-left-color:var(--accent-blue)}.nav-item .nav-icon{text-align:center;flex-shrink:0;width:24px;font-size:20px}.nav-item .nav-badge{margin-left:auto;font-size:11px}.sidebar-footer{border-top:1px solid var(--border-color);padding:16px 24px}.btn-login{background:var(--accent-blue);width:100%;color:var(--text-white);border-radius:var(--radius-lg);transition:background var(--transition-fast);text-align:center;padding:10px 20px;font-size:15px;font-weight:600}.btn-login:hover{background:var(--accent-blue-hover)}.social-links{padding:16px 24px}.social-links p{color:var(--text-muted);align-items:center;gap:4px;margin-bottom:8px;font-size:12px;display:flex}.app-downloads{gap:8px;margin-bottom:12px;display:flex}.app-downloads a{background:var(--bg-card);border-radius:var(--radius-md);color:var(--text-primary);transition:background var(--transition-fast);flex:1;justify-content:center;align-items:center;gap:4px;padding:6px 8px;font-size:11px;display:flex}.app-downloads a:hover{background:var(--bg-card-hover)}.social-btns{grid-template-columns:1fr 1fr;gap:6px;display:grid}.social-btn{border-radius:var(--radius-md);color:var(--text-white);transition:opacity var(--transition-fast);justify-content:center;align-items:center;gap:4px;padding:6px 8px;font-size:12px;font-weight:600;display:flex}.social-btn:hover{opacity:.85}.social-btn.fb-reel{background:#e74c3c}.social-btn.tiktok{background:#333}.social-btn.youtube{background:#c00}.social-btn.telegram{background:#08c}.social-btn.fb-group{background:#1877f2}.page-header{border-bottom:1px solid var(--border-color);background:var(--bg-primary);z-index:10;justify-content:space-between;align-items:center;padding:16px 20px;display:flex;position:sticky;top:0}.page-header h1{color:var(--text-white);align-items:center;gap:8px;font-size:18px;font-weight:600;display:flex}.page-header .header-actions{align-items:center;gap:12px;display:flex}.btn-icon{border-radius:var(--radius-md);width:36px;height:36px;color:var(--text-secondary);transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex}.btn-icon:hover{background:var(--bg-card);color:var(--text-primary)}.search-box{margin-bottom:16px;position:relative}.search-box input{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);width:100%;color:var(--text-primary);padding:10px 14px 10px 38px;font-size:13px}.search-box input::placeholder{color:var(--text-muted)}.search-box .search-icon{color:var(--text-muted);font-size:16px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.ad-carousel{border-radius:var(--radius-lg);background:var(--bg-card);aspect-ratio:16/9;margin-bottom:16px;position:relative;overflow:hidden}.ad-carousel img{object-fit:cover;width:100%;height:100%}.ad-dots{gap:6px;display:flex;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.ad-dot{background:#fff6;border-radius:50%;width:8px;height:8px}.ad-dot.active{background:var(--text-white)}.calendar-widget{background:0 0;margin-top:8px}.calendar-widget-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.calendar-widget-header h3{color:var(--text-white);font-size:16px;font-weight:600}.calendar-countdown{color:var(--text-secondary);align-items:center;gap:6px;font-size:13px;display:flex}.calendar-countdown .time{color:var(--accent-green);font-variant-numeric:tabular-nums;font-weight:600}.calendar-event-mini{border-radius:var(--radius-md);transition:background var(--transition-fast);border:1px solid var(--border-color);background:var(--bg-card);gap:12px;margin-bottom:8px;padding:10px 12px;display:flex}.calendar-event-mini:hover{background:var(--bg-card-hover)}.calendar-event-mini .event-time{color:var(--text-primary);white-space:nowrap;font-variant-numeric:tabular-nums;font-size:13px;font-weight:600}.calendar-event-mini .event-stars{color:var(--accent-yellow);letter-spacing:1px;font-size:11px}.calendar-event-mini .event-info{flex:1;min-width:0}.calendar-event-mini .event-flag{object-fit:cover;border-radius:2px;width:20px;height:14px}.calendar-event-mini .event-title{color:var(--text-link);font-size:13px;line-height:1.4}.event-bell{color:var(--text-muted);cursor:pointer;font-size:14px}.news-feed{padding:0 20px}.news-item{border-bottom:1px solid var(--border-color);padding:16px 0}.news-item:last-child{border-bottom:none}.news-timestamp{background:var(--accent-blue);color:var(--text-white);border-radius:var(--radius-sm);font-variant-numeric:tabular-nums;margin-bottom:8px;padding:2px 10px;font-size:12px;font-weight:600;display:inline-block}.news-content{color:var(--text-primary);font-size:14px;line-height:1.7}.news-content strong{color:var(--text-white)}.news-item-link{color:inherit;border-radius:var(--radius-md);transition:background var(--transition-fast);text-decoration:none;display:block}.news-item-link:hover{color:inherit;background:var(--bg-card)}.news-item-link:hover .news-item{padding-left:12px;padding-right:12px}.news-item-link .news-item{cursor:pointer;transition:padding var(--transition-fast)}.hero-brokers-section{border-top:1px solid var(--border-color);padding:20px}.hero-brokers-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.hero-brokers-header h2{color:var(--text-white);align-items:center;gap:8px;font-size:16px;font-weight:600;display:flex}.hero-brokers-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.broker-mini-card{background:var(--bg-card);border-radius:var(--radius-lg);transition:transform var(--transition-fast), box-shadow var(--transition-fast);border:1px solid var(--border-color);overflow:hidden}.broker-mini-card:hover{box-shadow:var(--shadow-card);transform:translateY(-2px)}.broker-mini-card .broker-logo-wrapper{background:var(--bg-card-hover);justify-content:center;align-items:center;height:100px;padding:16px;display:flex}.broker-mini-card .broker-logo-wrapper img{object-fit:contain;max-width:120px;max-height:60px}.broker-mini-card .broker-info{padding:10px 12px}.broker-mini-card .broker-name{color:var(--text-white);margin-bottom:4px;font-size:13px;font-weight:600}.broker-mini-card .broker-license{color:var(--text-secondary);align-items:center;gap:4px;font-size:11px;display:flex}.broker-mini-card .broker-license img{border-radius:2px;width:16px;height:12px}.broker-mini-card .broker-resolve{color:var(--text-muted);justify-content:space-between;align-items:center;margin-top:4px;font-size:11px;display:flex}.broker-mini-card .resolve-rate{color:var(--accent-green);font-weight:600}.broker-mini-card .broker-url{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:11px;overflow:hidden}.loading-spinner{justify-content:center;align-items:center;padding:40px;display:flex}.spinner{border:3px solid var(--border-color);border-top-color:var(--accent-blue);border-radius:50%;width:32px;height:32px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.skeleton{background:linear-gradient(90deg, var(--bg-card) 25%, var(--bg-card-hover) 50%, var(--bg-card) 75%);border-radius:var(--radius-md);background-size:200% 100%;animation:1.5s ease-in-out infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.bottom-nav{background:var(--bg-sidebar);border-top:1px solid var(--border-color);z-index:var(--z-sidebar);padding:6px 0;padding-bottom:env(safe-area-inset-bottom,6px);display:none;position:fixed;bottom:0;left:0;right:0}.bottom-nav-items{justify-content:space-around;display:flex}.bottom-nav-item{color:var(--text-muted);transition:color var(--transition-fast);flex-direction:column;align-items:center;gap:2px;padding:4px 12px;font-size:10px;text-decoration:none;display:flex}.bottom-nav-item .bnav-icon{font-size:20px}.bottom-nav-item.active{color:var(--accent-blue)}.modal-overlay{z-index:var(--z-modal);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background:var(--bg-secondary);border-radius:var(--radius-xl);width:400px;max-width:90vw;box-shadow:var(--shadow-dropdown);padding:32px}.modal-tabs{border-bottom:1px solid var(--border-color);gap:24px;margin-bottom:24px;display:flex}.modal-tab{color:var(--text-muted);transition:all var(--transition-fast);border-bottom:2px solid #0000;padding:8px 0;font-size:16px;font-weight:600}.modal-tab.active{color:var(--text-white);border-bottom-color:var(--accent-blue)}.form-group{margin-bottom:16px}.form-group label{color:var(--text-secondary);margin-bottom:6px;font-size:13px;display:block}.form-group input{width:100%}.btn-primary{background:var(--accent-blue);width:100%;color:var(--text-white);border-radius:var(--radius-md);transition:background var(--transition-fast);padding:12px;font-size:15px;font-weight:600}.btn-primary:hover{background:var(--accent-blue-hover)}.social-login{gap:12px;margin-top:16px;display:flex}.btn-social{border-radius:var(--radius-md);transition:opacity var(--transition-fast);flex:1;justify-content:center;align-items:center;gap:8px;padding:10px;font-size:13px;font-weight:500;display:flex}.btn-social:hover{opacity:.85}.btn-google{background:var(--text-white);color:#333}.btn-facebook{color:var(--text-white);background:#1877f2}.settings-panel{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);flex-wrap:wrap;align-items:center;gap:24px;padding:12px 20px;animation:.2s slideDown;display:flex}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.settings-checkbox{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;display:flex}.settings-checkbox input{display:none}.checkbox-custom{border:2px solid var(--text-muted);width:18px;height:18px;transition:all var(--transition-fast);border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.checkbox-custom.checked{border-color:var(--accent-blue);background:var(--accent-blue)}.checkbox-label{color:var(--text-secondary);transition:color var(--transition-fast);white-space:nowrap;font-size:14px;font-weight:500}.btn-settings-text{color:var(--text-secondary);border-radius:var(--radius-md);transition:all var(--transition-fast);align-items:center;gap:4px;padding:6px 12px;font-size:14px;font-weight:500;display:flex}.btn-settings-text:hover{background:var(--bg-card);color:var(--text-primary)}.news-item-badges{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:8px;display:flex}.news-badge{border-radius:var(--radius-sm);padding:2px 8px;font-size:11px;font-weight:600;line-height:1.4;display:inline-block}.news-badge--important{background:var(--accent-red);color:var(--text-white)}.news-badge--hot{background:var(--accent-orange);color:var(--text-white)}.news-item--important{border-left:3px solid var(--accent-red);padding-left:12px}.news-item--hot{border-left:3px solid var(--accent-orange);padding-left:12px}body.light-mode{--bg-primary:#f5f5f8;--bg-secondary:#fff;--bg-card:#fff;--bg-card-hover:#f0f0f3;--bg-input:#f5f5f8;--bg-sidebar:#fff;--bg-nav-active:#4456fc14;--text-primary:#1a1a2e;--text-secondary:#6b6b80;--text-muted:#9a9ab0;--text-white:#1a1a2e;--text-accent:#4e7cf6;--text-link:#36c;--border-color:#e0e0e8;--border-light:#d5d5e0;--shadow-card:0 2px 8px #00000014;--shadow-dropdown:0 4px 16px #0000001f}body.light-mode .news-timestamp{background:var(--accent-blue);color:#fff}body.light-mode .sidebar-left{border-right-color:var(--border-color);box-shadow:1px 0 4px #0000000a}body.light-mode .btn-settings-text{color:var(--text-secondary)}@media (max-width:1100px){.sidebar-right{display:none}}@media (max-width:768px){.sidebar-left{display:none}.main-content{border-right:none}.bottom-nav{display:block}body{padding-bottom:70px}.hero-brokers-grid{grid-template-columns:1fr 1fr}.page-header h1{font-size:16px}}@media (max-width:480px){.hero-brokers-grid{grid-template-columns:1fr}}