*{margin:0;padding:0;box-sizing:border-box;font-family:'Segoe UI',Arial,sans-serif;}body{background-color:#ffffff;color:#000000;min-height:100vh;padding:20px;}.container{max-width:2400px;margin:0 auto;}header{text-align:center;margin-bottom:30px;margin-top:40px;padding:20px;background:#f5f5f5;border-radius:5px;border:1px solid #e0e0e0;}.header-top{display:flex;justify-content:center;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:20px;position:relative;}.header-title{text-align:center;}.telegram-auth-container{display:flex;align-items:center;gap:10px;min-width:200px;justify-content:flex-end;}#telegramLoginWidget{display:flex;align-items:center;justify-content:center;}#userInfo{display:flex;align-items:center;gap:15px;padding:10px 15px;background:#f5f5f5;border-radius:8px;border:1px solid #ddd;}.user-info-content{display:flex;flex-direction:column;gap:4px;}#userName{font-size:0.9rem;color:#333;font-weight:500;}.user-plan-info{display:flex;align-items:center;gap:8px;}.plan-badge{padding:2px 8px;border-radius:12px;font-size:0.75rem;font-weight:600;text-transform:uppercase;}.plan-badge.free{background:#f8d7da;color:#721c24;}.plan-badge.trial{background:#fff3cd;color:#856404;}.plan-badge.paid{background:#d1ecf1;color:#0c5460;}.plan-badge.admin{background:#d4edda;color:#155724;font-weight:600;}.limit-info{font-size:0.75rem;color:#666;font-weight:400;}.logout-btn{padding:6px 12px;background:#dc3545;color:white;border:none;border-radius:4px;cursor:pointer;font-size:0.85rem;transition:background 0.3s;margin-bottom:8px;}.logout-btn:hover{background:#c82333;}.user-action-buttons{display:flex;gap:8px;margin-top:8px;}.user-action-buttons .upload-config-btn,.user-action-buttons .pure-mode-btn{flex:1;font-size:0.85rem;padding:6px 12px;}@media (max-width:768px){.header-top{flex-direction:column;align-items:center;}.telegram-auth-container{justify-content:center;width:100%;}}h1{color:#000000;margin-bottom:10px;font-size:2.5rem;text-align:center;}.subtitle{color:#666666;font-size:1.1rem;text-align:center;}.exchange-status-container{display:flex;justify-content:center;align-items:center;margin:15px 0;flex-wrap:wrap;gap:5px;}.exchange-status-label{font-size:0.85rem;color:#666;margin-right:10px;font-weight:500;}.exchange-status-list{display:flex;align-items:center;gap:15px;flex-wrap:wrap;}.exchange-status-item{display:flex;align-items:center;gap:5px;padding:4px 10px;background:#fff;border:1px solid #e0e0e0;border-radius:15px;transition:all 0.3s ease;}.exchange-status-item:hover{box-shadow:0 2px 6px rgba(0,0,0,0.1);}.status-indicator{width:8px;height:8px;border-radius:50%;transition:all 0.3s ease;}.status-loading{background:#ffc107;animation:pulse 1.5s infinite;}.status-success{background:#28a745;box-shadow:0 0 6px rgba(40,167,69,0.6);}.status-error{background:#dc3545;box-shadow:0 0 6px rgba(220,53,69,0.6);}@keyframes pulse{0%,100%{opacity:1;transform:scale(1);}50%{opacity:0.5;transform:scale(0.9);}}.exchange-name{font-size:0.75rem;font-weight:500;color:#333;}.contact-author{text-align:center;margin-top:10px;}.contact-author a{color:#007bff;text-decoration:none;font-size:0.95rem;padding:5px 15px;border:1px solid #007bff;border-radius:20px;transition:all 0.3s ease;display:inline-block;}.contact-author a:hover{background-color:#007bff;color:white;transform:translateY(-1px);box-shadow:0 2px 8px rgba(0,123,255,0.3);}.cors-tutorial{text-align:center;margin-top:8px;font-size:0.9rem;color:#666;}.cors-tutorial a{color:#007bff;text-decoration:none;margin-left:5px;}.cors-tutorial a:hover{text-decoration:underline;}.test-btn{background:#28a745;color:white;border:none;border-radius:4px;cursor:pointer;transition:background-color 0.3s ease;white-space:nowrap;}.test-btn:hover{background:#218838;}.test-btn:active{background:#1e7e34;}.stats{display:flex;justify-content:center;gap:20px;margin-top:10px;flex-wrap:wrap;}.stat-item{background:#e8e8e8;padding:8px 15px;border-radius:4px;font-size:0.9rem;}.controls{display:flex;justify-content:space-between;margin-bottom:20px;flex-wrap:wrap;gap:15px;background:#f9f9f9;padding:15px;border-radius:5px;border:1px solid #e0e0e0;}.control-group{display:flex;align-items:center;gap:10px;}.symbol-block-group{flex-direction:column;align-items:flex-start;gap:5px;}.symbol-block-container{display:flex;flex-direction:column;gap:5px;width:100%;}.symbol-block-input{width:300px;min-width:200px;font-size:0.9rem;padding:6px 10px;}.symbol-block-info{color:#666;font-size:0.8rem;}.symbol-block-info small{color:#888;}.modal{position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);display:flex;justify-content:center;align-items:center;}.modal-content{background-color:#fff;border-radius:8px;box-shadow:0 4px 20px rgba(0,0,0,0.3);width:90%;max-width:600px;max-height:80vh;overflow-y:auto;}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #e0e0e0;}.modal-header h3{margin:0;color:#333;}.close{font-size:28px;font-weight:bold;cursor:pointer;color:#aaa;line-height:1;}.close:hover{color:#000;}.modal-body{padding:20px;}.modal-body p{margin:0 0 15px 0;color:#666;}.modal-body textarea{width:100%;padding:12px;border:1px solid #ddd;border-radius:4px;font-size:14px;font-family:monospace;resize:vertical;min-height:120px;}.modal-info{margin-top:10px;color:#666;}#telegramTutorialModal .modal-body h4{color:#333;margin-bottom:15px;font-size:1.1rem;}#telegramTutorialModal .modal-body h5{color:#007bff;margin:20px 0 10px 0;font-size:1rem;}#telegramTutorialModal .modal-body code{background:#f8f9fa;padding:2px 6px;border-radius:3px;font-family:'Courier New',monospace;color:#e83e8c;}#telegramTutorialModal .modal-body ul{margin:10px 0;padding-left:20px;}#telegramTutorialModal .modal-body li{margin-bottom:5px;}.modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:20px;border-top:1px solid #e0e0e0;}.btn-primary{background:#007bff;color:white;border:none;padding:10px 20px;border-radius:4px;cursor:pointer;font-weight:600;}.btn-primary:hover{background:#0056b3;}.btn-secondary{background:#6c757d;color:white;border:none;padding:10px 20px;border-radius:4px;cursor:pointer;font-weight:600;}.btn-secondary:hover{background:#545b62;}.btn-warning{background:#ffc107;color:#212529;border:none;padding:10px 20px;border-radius:4px;cursor:pointer;font-weight:600;}.btn-warning:hover{background:#e0a800;}.threshold-input-group{display:flex;gap:8px;align-items:center;}.threshold-input-group select{padding:6px 8px;border:1px solid #ddd;border-radius:4px;background:white;font-size:14px;min-width:60px;}.threshold-input-group input{flex:1;padding:6px 8px;border:1px solid #ddd;border-radius:4px;font-size:14px;}label{font-weight:600;color:#000000;}input,select,button{padding:8px 12px;border:1px solid #cccccc;border-radius:4px;background:#ffffff;color:#000000;font-size:1rem;}button{background:#000000;color:#ffffff;cursor:pointer;transition:all 0.3s ease;font-weight:600;border:1px solid #000000;}button:hover{background:#333333;}.card{background:#ffffff;border-radius:5px;padding:20px;border:1px solid #e0e0e0;box-shadow:0 2px 5px rgba(0,0,0,0.05);margin-bottom:20px;}.card h2{color:#000000;margin-bottom:15px;font-size:1.5rem;border-bottom:1px solid #e0e0e0;padding-bottom:10px;}table{width:100%;border-collapse:collapse;font-size:0.75rem;table-layout:auto;}th{background:#f5f5f5;padding:8px 5px;text-align:center;font-weight:600;color:#000000;border-bottom:2px solid #e0e0e0;cursor:pointer;user-select:none;white-space:nowrap;width:auto;}th:hover{background:#eeeeee;}th.sorted-asc::after{content:" ↑";font-weight:bold;}th.sorted-desc::after{content:" ↓";font-weight:bold;}th.no-sort{cursor:default;}th.no-sort:hover{background:#f5f5f5;}td{padding:5px;border-bottom:1px solid #e0e0e0;white-space:nowrap;text-align:center;width:auto;}tr:hover{background:#f9f9f9;}.positive{color:#000000;font-weight:600;}.negative{color:#000000;font-weight:600;}.high-positive{color:#d32f2f;font-weight:700;}.high-negative{color:#388e3c;font-weight:700;}.funding-positive{color:#388e3c;font-weight:600;}.funding-negative{color:#d32f2f;font-weight:600;}.net-funding-positive{color:#388e3c;font-weight:700;}.net-funding-negative{color:#d32f2f;font-weight:700;}.status-bar{display:flex;justify-content:space-between;align-items:center;margin-top:20px;padding:10px 15px;background:#f5f5f5;border-radius:5px;border:1px solid #e0e0e0;}.last-update{color:#666666;font-size:0.9rem;}.alert{color:#d32f2f;font-weight:600;}.arbitrage-alert{color:#388e3c;font-weight:600;}.futures-arbitrage-alert{color:#1976d2;font-weight:600;}.loading{text-align:center;padding:20px;color:#000000;}.spinner{border:4px solid rgba(0,0,0,0.1);border-radius:50%;border-top:4px solid #000000;width:40px;height:40px;animation:spin 1s linear infinite;margin:0 auto 10px;}@keyframes spin{0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}.path-badge{display:inline-block;padding:2px 4px;border-radius:3px;font-size:0.65rem;font-weight:600;background:#f0f0f0;border:1px solid #ddd;}.symbol-cell{font-weight:600;text-align:center;width:auto;white-space:nowrap;min-width:80px;cursor:pointer;user-select:none;position:relative;}.symbol-cell:hover{background-color:#f0f0f0;}.pinned-row{background-color:#fff8dc !important;border-left:3px solid #ffa500 !important;font-weight:500;}.pinned-row:hover{background-color:#ffebcd !important;}.pin-icon{color:#ffa500;font-size:14px;margin-right:4px;}.copy-icon{color:#007bff;font-size:12px;cursor:pointer;margin-left:4px;padding:2px;border-radius:2px;transition:all 0.2s ease;display:inline-block;}.copy-icon:hover{background-color:#e3f2fd;transform:scale(1.1);}.eye-icon{color:#28a745;font-size:12px;cursor:pointer;margin-left:4px;padding:2px;border-radius:2px;transition:all 0.2s ease;display:inline-block;}.eye-icon:hover{background-color:#d4edda;transform:scale(1.1);}#spreadTable tbody tr{transition:background-color 0.2s ease;}#spreadTable tbody tr:hover{background-color:#f8f9fa !important;}#spreadTable tbody tr.pinned-row:hover{background-color:#ffebcd !important;}.path-cell{min-width:140px;text-align:center;font-size:0.8rem;color:#666;}.exchange-badge{display:inline-block;padding:1px 3px;border-radius:3px;font-size:0.6rem;margin-right:2px;}.bnc-badge{background:#000000;color:#ffc107;border:1px solid #000000;font-weight:600;}.bgt-badge{background:#1877f2;color:#000000;border:1px solid #000000;font-weight:600;}.byb-badge{background:#000000;color:#ffc107;border:1px solid #000000;font-weight:600;}.ast-badge{background:#ffc107;color:#000000;border:1px solid #000000;font-weight:600;}.gate-badge{background:#ffffff;color:#007bff;border:1px solid #000000 !important;font-weight:600;}.okx-badge{background:#000000;color:#ffffff;border:1px solid #000000;font-weight:600;}.htx-badge{background:#ff9900;color:#ffffff;border:1px solid #ff9900;font-weight:600;}.backpack-badge{background:#ffffff;color:#ff0000;border:1px solid #ff0000;font-weight:600;}.pagination{display:flex;justify-content:center;align-items:center;margin-top:15px;gap:10px;}.pagination button{padding:5px 10px;font-size:0.9rem;}.page-info{font-size:0.9rem;color:#666;}.ms-input{width:120px;}.path-type-filter{display:flex;gap:8px;flex-wrap:wrap;}.path-type-btn{padding:4px 8px;border:1px solid #ccc;background:#f5f5f5;cursor:pointer;border-radius:3px;font-size:0.75rem;}.path-type-btn.active{background:#000;color:#fff;border-color:#000;}.funding-rate{font-size:0.7rem;}.funding-interval{font-size:0.65rem;color:#666;}.next-funding-time{font-size:0.65rem;color:#666;white-space:nowrap;}.calculating{font-size:0.65rem;color:#999;font-style:italic;}.exchange-filter{display:flex;gap:8px;flex-wrap:wrap;}.exchange-filter-btn{padding:4px 8px;border:1px solid #ccc;background:#f5f5f5;cursor:pointer;border-radius:3px;font-size:0.75rem;display:flex;align-items:center;gap:4px;}.exchange-filter-btn.active{background:#000;color:#fff;border-color:#000;}.exchange-filter-btn .badge{display:inline-block;width:8px;height:8px;border-radius:50%;}.bnc-badge-color{background:#b3d9ff;}.bgt-badge-color{background:#ffb3d9;}.byb-badge-color{background:#b3ffb3;}.ast-badge-color{background:#ffcc80;}.gate-badge-color{background:#ce93d8;}.okx-badge-color{background:#81c784;}.htx-badge-color{background:#ffb74d;}.backpack-badge-color{background:#ffcccb;}.symbol-block-input{width:200px;}.arbitrage-filter{display:flex;gap:8px;flex-wrap:wrap;}.arbitrage-btn{padding:4px 8px;border:1px solid #388e3c;background:#f0fff0;color:#388e3c;cursor:pointer;border-radius:3px;font-size:0.75rem;font-weight:600;}.arbitrage-btn.active{background:#388e3c;color:#fff;border-color:#388e3c;}.futures-arbitrage-btn{padding:4px 8px;border:1px solid #1976d2;background:#f0f8ff;color:#1976d2;cursor:pointer;border-radius:3px;font-size:0.75rem;font-weight:600;}.futures-arbitrage-btn.active{background:#1976d2;color:#fff;border-color:#1976d2;}.net-funding-rate{font-size:0.7rem;font-weight:600;}.threshold-filter{display:flex;gap:8px;align-items:center;}.threshold-type-btn{padding:4px 8px;border:1px solid #ccc;background:#f5f5f5;cursor:pointer;border-radius:3px;font-size:0.75rem;}.threshold-type-btn.active{background:#000;color:#fff;border-color:#000;}.threshold-input{width:80px;}.net-funding-filter{display:flex;gap:8px;align-items:center;}.net-funding-type-btn{padding:4px 8px;border:1px solid #ccc;background:#f5f5f5;cursor:pointer;border-radius:3px;font-size:0.75rem;}.net-funding-type-btn.active{background:#000;color:#fff;border-color:#000;}.net-funding-input{width:80px;}.notification-panel{background:#f9f9f9;border:1px solid #e0e0e0;border-radius:5px;padding:15px;margin-bottom:20px;}.notification-panel h3{color:#000000;margin-bottom:15px;font-size:1.2rem;border-bottom:1px solid #e0e0e0;padding-bottom:8px;}.notification-controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin-bottom:15px;}.notification-group{display:flex;flex-direction:column;gap:8px;}.notification-group label{font-weight:600;color:#000000;font-size:0.9rem;}.notification-group input,.notification-group select{padding:6px 10px;border:1px solid #cccccc;border-radius:4px;background:#ffffff;color:#000000;font-size:0.9rem;}.notification-conditions{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:15px;}.condition-checkbox{display:flex;align-items:center;gap:5px;padding:5px 10px;background:#f5f5f5;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:0.85rem;}.condition-checkbox:hover{background:#eeeeee;}.condition-checkbox.active{background:#000000;color:#ffffff;border-color:#000000;}.condition-checkbox input[type="checkbox"]{margin:0;}.notification-status{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#f0f0f0;border-radius:4px;font-size:0.9rem;}.notification-status.enabled{background:#e8f5e8;color:#2e7d32;}.notification-status.disabled{background:#ffeaea;color:#d32f2f;}.notification-history{max-height:150px;overflow-y:auto;background:#ffffff;border:1px solid #e0e0e0;border-radius:4px;padding:8px;font-size:0.8rem;}.funding-monitor-panel{background:#f0f8ff;border:1px solid #b3d9ff;border-radius:5px;padding:15px;margin-top:15px;}.funding-monitor-panel h4{color:#1976d2;margin-bottom:15px;font-size:1.1rem;border-bottom:1px solid #b3d9ff;padding-bottom:8px;}.funding-monitor-controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px;}.funding-monitor-group{display:flex;flex-direction:column;gap:8px;}.funding-monitor-group label{font-weight:600;color:#1976d2;font-size:0.9rem;}.funding-monitor-group input,.funding-monitor-group select,.funding-monitor-group textarea{padding:6px 10px;border:1px solid #b3d9ff;border-radius:4px;background:#ffffff;color:#000000;font-size:0.9rem;}.funding-monitor-group textarea{resize:vertical;min-height:60px;}.exchange-checkboxes{display:flex;flex-wrap:wrap;gap:10px;}.exchange-checkboxes label{display:flex;align-items:center;gap:5px;font-weight:normal;color:#000000;cursor:pointer;}.exchange-checkboxes input[type="checkbox"]{margin:0;}.notification-item{padding:4px 0;border-bottom:1px solid #f0f0f0;}.notification-item:last-child{border-bottom:none;}.notification-time{color:#666;font-size:0.75rem;}#startMonitoringBtn{background:#388e3c !important;color:white !important;padding:10px 20px;border:none !important;border-radius:4px;cursor:pointer;font-weight:600;transition:background-color 0.3s ease;}#startMonitoringBtn.monitoring{background:#d32f2f !important;}#startMonitoringBtn:hover{opacity:0.9;}.notification-settings-row{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:20px;margin-bottom:20px;}.notification-settings-row h4{color:#495057;margin-bottom:15px;font-size:1.1rem;border-bottom:2px solid #dee2e6;padding-bottom:8px;}.notification-settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;align-items:end;}.setting-group{display:flex;flex-direction:column;gap:5px;}.setting-group label{font-weight:600;color:#495057;font-size:0.9rem;}.setting-group input{padding:8px 12px;border:1px solid #ced4da;border-radius:4px;font-size:0.9rem;}.checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-weight:600;color:#495057;}.checkbox-label input[type="checkbox"]{margin:0;width:18px;height:18px;}.monitor-functions-row{background:#ffffff;border:1px solid #e9ecef;border-radius:8px;padding:20px;margin-bottom:20px;}.monitor-functions-row h4{color:#495057;margin-bottom:20px;font-size:1.1rem;border-bottom:2px solid #dee2e6;padding-bottom:8px;}.monitor-function-panel{background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;margin-bottom:15px;overflow:hidden;}.function-header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;background:#e9ecef;border-bottom:1px solid #dee2e6;}.function-header h5{margin:0;color:#495057;font-size:1rem;}.switch{position:relative;display:inline-block;width:50px;height:24px;}.switch input{opacity:0;width:0;height:0;}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.4s;border-radius:24px;}.slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:white;transition:.4s;border-radius:50%;}input:checked + .slider{background-color:#28a745;}input:checked + .slider:before{transform:translateX(26px);}.function-content{padding:20px;}.monitor-config{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin-bottom:20px;}.config-group{display:flex;flex-direction:column;gap:5px;}.config-group label{font-weight:600;color:#495057;font-size:0.9rem;}.config-group input,.config-group select{padding:8px 12px;border:1px solid #ced4da;border-radius:4px;font-size:0.9rem;}.add-monitor-btn{background:#007bff;color:white;border:none;padding:10px 20px;border-radius:4px;cursor:pointer;font-weight:600;transition:background-color 0.3s ease;align-self:end;}.add-monitor-btn:hover{background:#0056b3;}.export-btn,.import-btn{border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;transition:all 0.3s ease;box-shadow:0 2px 4px rgba(0,0,0,0.1);display:inline-flex;align-items:center;gap:6px;}.export-btn{background:linear-gradient(135deg,#17a2b8 0%,#138496 100%);color:white;}.export-btn:hover{background:linear-gradient(135deg,#138496 0%,#117a8b 100%);transform:translateY(-1px);box-shadow:0 4px 8px rgba(23,162,184,0.3);}.import-btn{background:linear-gradient(135deg,#28a745 0%,#20c997 100%);color:white;}.import-btn:hover{background:linear-gradient(135deg,#218838 0%,#1e7e34 100%);transform:translateY(-1px);box-shadow:0 4px 8px rgba(40,167,69,0.3);}.export-monitor-btn{background:linear-gradient(135deg,#17a2b8 0%,#138496 100%);color:white;padding:6px 12px;border:none;border-radius:3px;cursor:pointer;font-size:0.85rem;font-weight:500;transition:all 0.3s ease;box-shadow:0 2px 4px rgba(0,0,0,0.1);display:inline-flex;align-items:center;justify-content:center;min-width:36px;}.export-monitor-btn:hover{background:linear-gradient(135deg,#138496 0%,#117a8b 100%);transform:translateY(-1px);box-shadow:0 4px 8px rgba(23,162,184,0.3);}.monitor-list h6{color:#495057;margin-bottom:10px;font-size:0.9rem;}.monitor-items{max-height:400px;overflow-y:auto;}.no-monitors{text-align:center;color:#6c757d;font-style:italic;padding:20px;}.monitor-controls{display:flex;gap:15px;margin-bottom:20px;}.monitor-btn{padding:12px 24px;border:none;border-radius:6px;cursor:pointer;font-weight:600;font-size:1rem;transition:all 0.3s ease;}.start-btn{background:#28a745;color:white;}.start-btn:hover{background:#218838;}.stop-btn{background:#dc3545;color:white;}.stop-btn:hover{background:#c82333;}.monitor-status-section{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:20px;}.path-type-labels{font-size:0.8rem;line-height:1.3;text-align:center;}.path-type-label{display:inline-block;padding:3px 8px;border-radius:4px;font-weight:600;margin:0 3px;font-size:0.75rem;}.spot-label{background-color:#e3f2fd;color:#1976d2;border:1px solid #bbdefb;}.futures-label{background-color:#fff3e0;color:#f57c00;border:1px solid #ffcc02;}.login-required-message{background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);border:2px solid #6c757d;border-radius:12px;padding:25px;margin-bottom:20px;box-shadow:0 4px 12px rgba(0,0,0,0.1);position:relative;overflow:hidden;}.login-required-message::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#007bff,#28a745,#ffc107,#dc3545);animation:shimmer 2s infinite;}@keyframes shimmer{0%{transform:translateX(-100%);}100%{transform:translateX(100%);}}.login-message-content h3{color:#495057;margin-bottom:15px;font-size:1.3rem;font-weight:600;text-align:center;}.login-message-content p{color:#6c757d;font-size:1rem;line-height:1.5;margin-bottom:15px;text-align:center;}.login-message-content ul{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;}.login-message-content li{background:#ffffff;padding:12px 15px;border-radius:8px;border:1px solid #dee2e6;font-size:0.95rem;color:#495057;text-align:center;box-shadow:0 2px 4px rgba(0,0,0,0.05);transition:all 0.3s ease;}.login-message-content li:hover{transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,0.1);border-color:#007bff;}@media (max-width:768px){.login-required-message{padding:20px 15px;margin:15px 0;}.login-message-content ul{grid-template-columns:1fr;gap:8px;}.login-message-content h3{font-size:1.1rem;}.login-message-content p{font-size:0.9rem;}}.upgrade-required-message{background:linear-gradient(135deg,#fff3e0 0%,#ffe0b2 100%);border:2px solid #ff9800;border-radius:12px;padding:25px;margin-bottom:20px;box-shadow:0 4px 12px rgba(255,152,0,0.2);position:relative;overflow:hidden;}.upgrade-required-message::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#ff9800,#ffc107,#ffeb3b,#ff9800);animation:shimmer 3s infinite;}.upgrade-message-content h3{color:#e65100;margin-bottom:15px;font-size:1.3rem;font-weight:600;text-align:center;}.upgrade-message-content p{color:#bf360c;font-size:1rem;line-height:1.5;margin-bottom:15px;text-align:center;}.upgrade-features{background:#ffffff;padding:20px;border-radius:8px;margin:20px 0;border:1px solid #ffcc02;}.upgrade-features h4{color:#e65100;margin-bottom:15px;font-size:1.1rem;text-align:center;}.upgrade-features ul{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;}.upgrade-features li{background:#fff8e1;padding:12px 15px;border-radius:8px;border:1px solid #ffcc02;font-size:0.95rem;color:#e65100;text-align:center;box-shadow:0 2px 4px rgba(255,152,0,0.1);transition:all 0.3s ease;}.upgrade-features li:hover{transform:translateY(-2px);box-shadow:0 4px 8px rgba(255,152,0,0.2);border-color:#ff9800;background:#fff3e0;}.upgrade-contact{background:#fff3e0;padding:15px;border-radius:8px;border:1px solid #ffcc02;text-align:center;}.upgrade-contact p{margin:0;font-weight:600;color:#e65100;}.plan-badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:0.85rem;font-weight:600;text-transform:uppercase;}.plan-free{background:#e9ecef;color:#6c757d;}.plan-trial{background:#fff3cd;color:#856404;}.plan-paid{background:#d4edda;color:#155724;}@media (max-width:768px){.upgrade-required-message{padding:20px 15px;margin:15px 0;}.upgrade-features ul{grid-template-columns:1fr;gap:8px;}.upgrade-message-content h3{font-size:1.1rem;}.upgrade-message-content p{font-size:0.9rem;}}.no-monitors{padding:20px;text-align:center;color:#999;font-style:italic;}.monitor-item{display:flex;justify-content:space-between;align-items:center;padding:12px;margin-bottom:10px;border:1px solid #ddd;border-radius:5px;background:#f9f9f9;position:relative;min-height:60px;}.monitor-item-info{flex:1;min-width:0;margin-right:20px;overflow:hidden;}.monitor-item-symbol{font-weight:bold;margin-bottom:5px;word-wrap:break-word;}.monitor-item-details{font-size:0.9rem;color:#666;word-wrap:break-word;overflow-wrap:break-word;line-height:1.4;}.monitor-item-channels{font-size:0.75rem;color:#666;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.monitor-item-actions{display:flex;gap:8px;flex-shrink:0;margin-left:auto;align-self:center;white-space:nowrap;}.edit-monitor-btn{padding:6px 12px;background:#28a745;color:white;border:none;border-radius:3px;cursor:pointer;font-size:0.85rem;white-space:nowrap;min-width:50px;}.edit-monitor-btn:hover{background:#218838;}.delete-monitor-btn{padding:6px 12px;background:#dc3545;color:white;border:none;border-radius:3px;cursor:pointer;font-size:0.85rem;white-space:nowrap;min-width:50px;}.delete-monitor-btn:hover{background:#c82333;}.add-monitor-btn{padding:8px 16px;background:#28a745;color:white;border:none;border-radius:4px;cursor:pointer;font-size:0.9rem;}.add-monitor-btn:hover{background:#218838;}.header-controls{position:absolute;top:-10px;right:0;display:flex;align-items:center;gap:15px;z-index:10;}.upload-config-btn{background:linear-gradient(135deg,#56ab2f 0%,#a8e063 100%);color:white;border:none;padding:8px 16px;border-radius:20px;cursor:pointer;font-size:0.9rem;font-weight:500;transition:all 0.3s ease;box-shadow:0 2px 8px rgba(86,171,47,0.3);margin-right:10px;}.upload-config-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(86,171,47,0.4);}.upload-config-btn:disabled{opacity:0.6;cursor:not-allowed;transform:none;}.pure-mode-btn{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:white;border:none;padding:8px 16px;border-radius:20px;cursor:pointer;font-size:0.9rem;font-weight:500;transition:all 0.3s ease;box-shadow:0 2px 8px rgba(102,126,234,0.3);}.pure-mode-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(102,126,234,0.4);}.pure-mode-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#f5f7fa 0%,#c3cfe2 100%);z-index:10000;display:flex;@keyframes fadeIn{from{opacity:0;}to{opacity:1;}}.pure-mode-content{max-width:800px;width:90%;max-height:90vh;overflow-y:auto;background:white;border-radius:20px;box-shadow:0 20px 60px rgba(0,0,0,0.1);animation:slideUp 0.6s ease-out;}max-height:90vh;overflow-y:auto;background:white;border-radius:20px;box-shadow:0 20px 60px rgba(0,0,0,0.1);animation:slideUp 0.6s ease-out;}@keyframes slideUp{from{transform:translateY(50px);opacity:0;}to{transform:translateY(0);opacity:1;}}.pure-mode-header{display:flex;justify-content:space-between;align-items:center;padding:30px 40px 20px;border-bottom:1px solid #f0f0f0;}.pure-mode-header h1{font-size:2rem;color:#333;margin:0;}.exit-pure-mode-btn{background:#f8f9fa;border:1px solid #dee2e6;color:#6c757d;width:40px;height:40px;border-radius:50%;cursor:pointer;font-size:1.2rem;display:flex;align-items:center;justify-content:center;transition:all 0.3s ease;}.exit-pure-mode-btn:hover{background:#e9ecef;color:#495057;transform:rotate(90deg);}.pure-mode-body{padding:40px;}.zen-icon{text-align:center;margin-bottom:40px;position:relative;}.breathing-circle{width:120px;height:120px;border:3px solid #667eea;border-radius:50%;margin:0 auto 20px;position:relative;animation:breathe 4s ease-in-out infinite;}@keyframes breathe{0%,100%{transform:scale(1);opacity:0.7;}50%{transform:scale(1.1);opacity:1;}}.zen-text{font-size:3rem;font-weight:bold;color:#667eea;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);margin-top:-20px;}.pure-mode-description h2{text-align:center;color:#333;margin-bottom:20px;font-size:1.5rem;}.simple-features{display:flex;flex-direction:column;gap:20px;margin:40px 0;align-items:center;}.simple-feature{display:flex;align-items:center;gap:12px;font-size:1.2rem;color:#333;}.feature-dot{width:8px;height:8px;background:#667eea;border-radius:50%;flex-shrink:0;}.status-indicator-section{background:#f8f9fa;padding:25px;border-radius:12px;margin-bottom:30px;}.status-indicator-section h3{color:#333;margin-bottom:20px;text-align:center;}.status-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:15px;}.status-item{display:flex;align-items:center;gap:10px;padding:12px;background:white;border-radius:8px;font-weight:500;}.status-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0;}.status-active{background:#28a745;animation:pulse 2s infinite;}.status-paused{background:#ffc107;}@keyframes pulse{0%{opacity:1;}50%{opacity:0.5;}100%{opacity:1;}}.pure-mode-tip{background:linear-gradient(135deg,#e3f2fd 0%,#f3e5f5 100%);padding:20px;border-radius:12px;text-align:center;}.pure-mode-tip p{margin:0;color:#555;line-height:1.5;}@media (max-width:768px){.pure-mode-content{width:95%;margin:20px;}.pure-mode-header{padding:20px 25px 15px;}.pure-mode-body{padding:25px;}.zen-icon .breathing-circle{width:80px;height:80px;}.zen-text{font-size:2rem;margin-top:-15px;}.feature-item{padding:15px;}.status-grid{grid-template-columns:1fr;}}.exchange-cell{font-weight:600;}.funding-rate-cell{text-align:left;padding:3px 5px;}.funding-line{line-height:1.2;margin:1px 0;font-size:0.7rem;}.volume-cell{font-size:0.7rem;color:#666;}.price-cell{font-size:0.7rem;color:#333;}.path-cell{font-size:0.7rem;color:#555;font-weight:500;}.offline-monitor-modal{max-width:100%;width:95%;}.offline-monitor-modal .modal-header{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:white;padding:20px 30px;border-radius:12px 12px 0 0;display:flex;justify-content:space-between;align-items:center;}.offline-monitor-modal .modal-header h2{margin:0;font-size:1.5rem;}.offline-monitor-modal .modal-close{background:rgba(255,255,255,0.2);border:none;color:white;font-size:1.5rem;width:35px;height:35px;border-radius:50%;cursor:pointer;transition:all 0.3s ease;}.offline-monitor-modal .modal-close:hover{background:rgba(255,255,255,0.3);transform:rotate(90deg);}.offline-monitor-status{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:30px;}.status-card{background:#f8f9fa;border-radius:12px;padding:20px;display:flex;align-items:center;gap:15px;transition:all 0.3s ease;}.status-card:hover{background:#e9ecef;transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,0.1);}.status-card .status-icon{font-size:2rem;width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:white;border-radius:50%;}.status-info{flex:1;}.status-label{font-size:0.85rem;color:#6c757d;margin-bottom:5px;}.status-value{font-size:1.1rem;font-weight:600;color:#333;}.offline-monitor-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;margin-bottom:30px;}.action-btn{background:white;border:2px solid #e9ecef;border-radius:12px;padding:20px;cursor:pointer;transition:all 0.3s ease;display:flex;flex-direction:column;align-items:flex-start;gap:8px;text-align:left;}.action-btn:hover{border-color:#667eea;transform:translateY(-2px);box-shadow:0 4px 12px rgba(102,126,234,0.2);}.action-btn .btn-icon{font-size:1.8rem;}.action-btn .btn-text{font-size:1.1rem;font-weight:600;color:#333;}.action-btn .btn-desc{font-size:0.85rem;color:#6c757d;}.action-btn.upload-btn:hover{border-color:#28a745;box-shadow:0 4px 12px rgba(40,167,69,0.2);}.action-btn.view-btn:hover{border-color:#17a2b8;box-shadow:0 4px 12px rgba(23,162,184,0.2);}.action-btn.start-btn:hover{border-color:#007bff;box-shadow:0 4px 12px rgba(0,123,255,0.2);}.action-btn.stop-btn{border-color:#dc3545;}.action-btn.stop-btn:hover{background:#dc3545;color:white;box-shadow:0 4px 12px rgba(220,53,69,0.3);}.action-btn.stop-btn:hover .btn-text,.action-btn.stop-btn:hover .btn-desc{color:white;}.offline-monitor-config{background:#f8f9fa;border-radius:12px;padding:20px;margin-top:20px;}.offline-monitor-config h3{margin:0 0 15px 0;color:#333;font-size:1.1rem;}.config-content{background:white;border-radius:8px;padding:15px;max-height:300px;overflow-y:auto;font-family:'Courier New',monospace;font-size:0.9rem;line-height:1.6;}.config-content .loading{text-align:center;color:#6c757d;padding:20px;}.config-item{margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid #e9ecef;}.config-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0;}.config-item-title{font-weight:600;color:#495057;margin-bottom:8px;}.config-item-value{color:#6c757d;padding-left:15px;}.config-section{margin-bottom:25px;padding:15px;background:#f8f9fa;border-radius:8px;border-left:4px solid #667eea;}.config-section-title{font-weight:700;color:#333;font-size:1.05rem;margin-bottom:15px;padding-bottom:10px;border-bottom:2px solid #e9ecef;}.config-item-label{font-weight:600;color:#495057;margin-bottom:5px;}.monitor-item{background:white;border-radius:8px;padding:15px;margin-bottom:15px;border:1px solid #e9ecef;transition:all 0.3s ease;}.monitor-item:hover{box-shadow:0 4px 12px rgba(0,0,0,0.1);transform:translateY(-2px);}.monitor-header{display:flex;align-items:center;gap:10px;margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid #e9ecef;}.monitor-index{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:white;padding:4px 10px;border-radius:12px;font-size:0.85rem;font-weight:600;}.monitor-title{font-weight:600;color:#333;font-size:1rem;flex:1;}.delete-monitor-btn{background:linear-gradient(135deg,#ff6b6b 0%,#ee5a6f 100%);color:white;border:none;padding:6px 12px;border-radius:6px;font-size:0.85rem;cursor:pointer;transition:all 0.3s ease;font-weight:500;}.delete-monitor-btn:hover{background:linear-gradient(135deg,#ee5a6f 0%,#dc3545 100%);transform:translateY(-1px);box-shadow:0 2px 8px rgba(220,53,69,0.3);}.delete-monitor-btn:active{transform:translateY(0);}.monitor-details{display:flex;flex-direction:column;gap:8px;}.monitor-detail-row{display:flex;align-items:flex-start;gap:10px;font-size:0.9rem;}.detail-label{font-weight:600;color:#6c757d;min-width:100px;flex-shrink:0;}.detail-value{color:#495057;flex:1;word-break:break-word;}.status-enabled{color:#28a745;font-weight:600;}.status-disabled{color:#dc3545;font-weight:600;}.download-btn{background:linear-gradient(135deg,#f093fb 0%,#f5576c 100%);}.download-btn:hover{background:linear-gradient(135deg,#f5576c 0%,#f093fb 100%);transform:translateY(-2px);}@media (max-width:768px){.offline-monitor-status{grid-template-columns:1fr;}.offline-monitor-actions{grid-template-columns:1fr;}.detail-label{min-width:80px;}.monitor-detail-row{flex-direction:column;gap:4px;}}