.nav-container[data-v-aed385dc]{display:flex;background-color:#f0f8ff;border-radius:10px;margin-bottom:20px;box-shadow:0 2px 5px #0000001a;overflow:hidden}.nav-item[data-v-aed385dc]{flex:1;display:flex;flex-direction:column;align-items:center;padding:12px 8px;cursor:pointer;transition:all .3s ease;position:relative;color:#555}.nav-item[data-v-aed385dc]:hover{background-color:#e6f4ff;color:#3498db}.nav-item.active[data-v-aed385dc]{background-color:#3498db;color:#fff}.nav-icon[data-v-aed385dc]{font-size:1.2rem;margin-bottom:5px}.nav-text[data-v-aed385dc]{font-size:.85rem;text-align:center}@media (max-width: 768px){.nav-container[data-v-aed385dc]{flex-wrap:wrap}.nav-item[data-v-aed385dc]{flex-basis:33.33%;padding:10px 5px}}@media (max-width: 480px){.nav-item[data-v-aed385dc]{flex-basis:50%}}.data-fetcher[data-v-032a146f]{max-width:1000px;margin:0 auto;padding:20px;background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000000d}h2[data-v-032a146f]{color:#3498db;margin-bottom:15px}.description[data-v-032a146f]{color:#666;margin-bottom:20px}.date-selector[data-v-032a146f]{display:flex;gap:20px;margin-bottom:20px}.form-group[data-v-032a146f]{flex:1}label[data-v-032a146f]{display:block;margin-bottom:5px;font-weight:700;color:#555}.date-input[data-v-032a146f]{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;font-size:1rem}.date-range-info[data-v-032a146f]{background-color:#f0f8ff;padding:10px 15px;border-radius:4px;margin-bottom:20px;color:#3498db}.error-message[data-v-032a146f]{background-color:#ffe0e0;padding:10px 15px;border-radius:4px;margin-bottom:20px;color:#e74c3c}.fetch-button[data-v-032a146f]{background-color:#3498db;color:#fff;border:none;padding:12px 24px;border-radius:4px;font-size:1rem;cursor:pointer;transition:background-color .3s}.fetch-button[data-v-032a146f]:hover:not(:disabled){background-color:#2980b9}.fetch-button[data-v-032a146f]:disabled{background-color:#bedcf3;cursor:not-allowed}.result-container[data-v-032a146f]{margin-top:30px;padding:20px;border-radius:6px}.result-success[data-v-032a146f]{background-color:#efffef;border:1px solid #c3e6c3}.result-success h3[data-v-032a146f]{color:#27ae60}.result-error[data-v-032a146f]{background-color:#ffefef;border:1px solid #e6c3c3}.result-error h3[data-v-032a146f]{color:#e74c3c}@media (max-width: 768px){.date-selector[data-v-032a146f]{flex-direction:column;gap:10px}}.prediction-container[data-v-c9d8e60d]{max-width:1000px;margin:0 auto;padding:20px;background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000000d;position:relative}.top-disclaimer[data-v-c9d8e60d]{position:absolute;top:20px;right:20px;width:300px;padding:10px;background-color:#f8f9fa;border-left:4px solid #ffc107;border-radius:4px;font-size:13px;color:#555;line-height:1.5;box-shadow:0 2px 5px #0000001a}h2[data-v-c9d8e60d]{color:#3498db;margin-bottom:15px;font-size:28px}h3[data-v-c9d8e60d]{color:#2980b9;margin-bottom:15px;margin-top:25px;font-size:24px}.description[data-v-c9d8e60d]{color:#666;margin-bottom:20px;font-size:16px}.refresh-section[data-v-c9d8e60d]{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.refresh-button[data-v-c9d8e60d]{background-color:#3498db;color:#fff;border:none;padding:12px 24px;border-radius:4px;font-size:16px;cursor:pointer;transition:background-color .3s;font-weight:700}.refresh-button[data-v-c9d8e60d]:hover:not(:disabled){background-color:#2980b9;transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.refresh-button[data-v-c9d8e60d]:disabled{background-color:#bedcf3;cursor:wait}.last-update[data-v-c9d8e60d]{font-size:14px;color:#666}.loading-message[data-v-c9d8e60d]{text-align:center;padding:30px;color:#777;font-size:18px}.error-message[data-v-c9d8e60d]{background-color:#ffe0e0;padding:15px;border-radius:4px;margin-bottom:20px;color:#e74c3c;font-size:16px}.number-grid[data-v-c9d8e60d]{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:30px;justify-content:center}.number-ball[data-v-c9d8e60d]{width:65px;height:65px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;font-size:22px;transition:all .3s ease;position:relative}.number-ball[data-v-c9d8e60d]:hover{transform:scale(1.1);z-index:10}.above-average[data-v-c9d8e60d]{border:4px solid #e74c3c;box-shadow:0 0 12px #e74c3cb3;animation:pulse-c9d8e60d 2s infinite}.below-average[data-v-c9d8e60d]{border:4px solid #3498db}@keyframes pulse-c9d8e60d{0%{box-shadow:0 0 #ffffffb3}70%{box-shadow:0 0 0 10px #fff0}to{box-shadow:0 0 #fff0}}.number-1-10[data-v-c9d8e60d]{background-color:#3498db}.number-11-20[data-v-c9d8e60d]{background-color:#e74c3c}.number-21-30[data-v-c9d8e60d]{background-color:#2ecc71}.number-31-40[data-v-c9d8e60d]{background-color:#f39c12}.number-41-50[data-v-c9d8e60d]{background-color:#9b59b6}.number-51-60[data-v-c9d8e60d]{background-color:#1abc9c}.number-61-70[data-v-c9d8e60d]{background-color:#e67e22}.number-71-80[data-v-c9d8e60d]{background-color:#34495e}.number-legend[data-v-c9d8e60d]{display:flex;justify-content:center;gap:30px;margin-bottom:20px}.legend-item[data-v-c9d8e60d]{display:flex;align-items:center;gap:10px}.legend-indicator[data-v-c9d8e60d]{width:20px;height:20px;border-radius:50%}.above-average-legend[data-v-c9d8e60d]{background-color:#888;border:2px solid #e74c3c;box-shadow:0 0 6px #e74c3cb3}.below-average-legend[data-v-c9d8e60d]{background-color:#888;border:2px solid #3498db}.legend-text[data-v-c9d8e60d]{font-size:14px;color:#555}.prediction-stats[data-v-c9d8e60d]{display:flex;justify-content:space-between;flex-wrap:wrap;margin:25px 0;padding:20px;background-color:#f8f9fa;border-radius:8px;box-shadow:0 2px 8px #0000000d}.stat-item[data-v-c9d8e60d]{display:flex;flex-direction:column;align-items:center;margin:0 10px}.stat-label[data-v-c9d8e60d]{font-size:16px;color:#555;margin-bottom:8px;font-weight:500}.stat-value[data-v-c9d8e60d]{font-size:28px;font-weight:700;color:#3498db}.prediction-info[data-v-c9d8e60d]{padding:25px;background-color:#f8f9fa;border-radius:8px;margin-bottom:25px;box-shadow:0 2px 8px #0000000d}.info-item[data-v-c9d8e60d]{margin-bottom:15px;display:flex;align-items:center}.info-label[data-v-c9d8e60d]{font-weight:700;color:#444;width:120px;font-size:16px}.info-value[data-v-c9d8e60d]{color:#333;font-size:16px}.confidence[data-v-c9d8e60d]{padding:6px 12px;border-radius:4px;font-weight:700}.confidence-high[data-v-c9d8e60d]{background-color:#d4edda;color:#155724}.confidence-medium[data-v-c9d8e60d]{background-color:#fff3cd;color:#856404}.confidence-low[data-v-c9d8e60d]{background-color:#f8d7da;color:#721c24}.info-note[data-v-c9d8e60d]{margin-top:15px;padding-top:15px;border-top:1px dashed #ddd;font-size:16px;line-height:1.6}.disclaimer[data-v-c9d8e60d]{margin-top:30px;padding:15px;background-color:#f8f9fa;border-left:4px solid #ffc107;font-size:14px;color:#555;line-height:1.6}@media (max-width: 768px){.refresh-section[data-v-c9d8e60d]{flex-direction:column;align-items:flex-start;gap:10px}.stat-item[data-v-c9d8e60d]{margin-bottom:20px;flex:0 0 45%}.info-item[data-v-c9d8e60d]{flex-direction:column;align-items:flex-start}.info-label[data-v-c9d8e60d]{width:auto;margin-bottom:5px}.number-ball[data-v-c9d8e60d]{width:50px;height:50px;font-size:18px}.top-disclaimer[data-v-c9d8e60d]{position:static;width:100%;margin-bottom:15px;margin-top:-10px}}.history-viewer[data-v-3c31214d]{max-width:1000px;margin:0 auto;padding:20px;background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000000d}h2[data-v-3c31214d]{color:#3498db;margin-bottom:15px;font-size:28px}.description[data-v-3c31214d]{color:#666;margin-bottom:20px;font-size:16px}.controls[data-v-3c31214d]{display:flex;justify-content:flex-end;margin-bottom:20px}.refresh-button[data-v-3c31214d]{background-color:#3498db;color:#fff;border:none;padding:12px 24px;border-radius:4px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease}.refresh-button[data-v-3c31214d]:hover:not(:disabled){background-color:#2980b9;transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.refresh-button[data-v-3c31214d]:disabled{background-color:#bedcf3;cursor:wait}.loading-message[data-v-3c31214d]{text-align:center;padding:30px;color:#777;font-size:18px}.error-message[data-v-3c31214d]{background-color:#ffe0e0;padding:15px;border-radius:4px;margin-bottom:20px;color:#e74c3c;font-size:16px}.no-data-message[data-v-3c31214d]{background-color:#f8f9fa;padding:30px;border-radius:4px;text-align:center;color:#666;font-size:16px}.date-tabs[data-v-3c31214d]{border:1px solid #e5e5e5;border-radius:8px;overflow:hidden}.tab-buttons[data-v-3c31214d]{display:flex;overflow-x:auto;background-color:#f8f9fa;border-bottom:1px solid #e5e5e5;padding:0 10px}.tab-button[data-v-3c31214d]{padding:15px 20px;background:none;border:none;cursor:pointer;font-size:16px;color:#666;white-space:nowrap;transition:all .3s ease;position:relative}.tab-button[data-v-3c31214d]:hover{color:#3498db}.tab-button.active[data-v-3c31214d]{color:#3498db;font-weight:700}.tab-button.active[data-v-3c31214d]:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background-color:#3498db}.active-date-info[data-v-3c31214d]{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;background-color:#f2f6f9;border-bottom:1px solid #e5e5e5}.date-full[data-v-3c31214d]{font-size:18px;font-weight:700;color:#2c3e50}.draw-count[data-v-3c31214d]{color:#777;font-size:14px}.history-table-container[data-v-3c31214d]{overflow-x:auto;padding:10px}.history-table[data-v-3c31214d]{width:100%;border-collapse:collapse;font-size:14px}.history-table th[data-v-3c31214d],.history-table td[data-v-3c31214d]{border:1px solid #ddd;padding:10px 8px;text-align:center}.history-table th[data-v-3c31214d]{background-color:#f8f9fa;color:#555;font-weight:700;position:sticky;top:0}.period-cell[data-v-3c31214d]{font-weight:700;min-width:80px;background-color:#f8f9fa}.time-cell[data-v-3c31214d]{min-width:80px;background-color:#f8f9fa}.number-cell[data-v-3c31214d]{width:35px;height:35px;font-weight:700;color:#fff;font-size:15px}.number-1-10[data-v-3c31214d]{background-color:#3498db}.number-11-20[data-v-3c31214d]{background-color:#e74c3c}.number-21-30[data-v-3c31214d]{background-color:#2ecc71}.number-31-40[data-v-3c31214d]{background-color:#f39c12}.number-41-50[data-v-3c31214d]{background-color:#9b59b6}.number-51-60[data-v-3c31214d]{background-color:#1abc9c}.number-61-70[data-v-3c31214d]{background-color:#e67e22}.number-71-80[data-v-3c31214d]{background-color:#34495e}.detail-actions[data-v-3c31214d]{display:flex;justify-content:center;padding:15px;border-top:1px solid #e5e5e5}.detail-button[data-v-3c31214d]{background-color:#f8f9fa;color:#3498db;border:1px solid #3498db;padding:10px 20px;border-radius:4px;font-size:14px;cursor:pointer;transition:all .3s ease}.detail-button[data-v-3c31214d]:hover{background-color:#3498db;color:#fff}@media (max-width: 768px){.active-date-info[data-v-3c31214d]{flex-direction:column;align-items:flex-start;gap:5px}.tab-button[data-v-3c31214d]{padding:12px 15px;font-size:14px}.number-cell[data-v-3c31214d]{width:30px;height:30px;font-size:12px;padding:4px}.period-cell[data-v-3c31214d],.time-cell[data-v-3c31214d]{padding:8px 4px;font-size:12px}}.statistics-container[data-v-1f63f2d6]{max-width:1000px;margin:0 auto;padding:20px;background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000000d}h2[data-v-1f63f2d6]{color:#3498db;margin-bottom:15px}h3[data-v-1f63f2d6]{color:#2980b9;margin-bottom:15px;margin-top:25px}.description[data-v-1f63f2d6]{color:#666;margin-bottom:20px}.controls[data-v-1f63f2d6]{margin-bottom:20px}.refresh-button[data-v-1f63f2d6]{background-color:#3498db;color:#fff;border:none;padding:10px 20px;border-radius:4px;font-size:.9rem;cursor:pointer;transition:background-color .3s}.refresh-button[data-v-1f63f2d6]:hover:not(:disabled){background-color:#2980b9}.refresh-button[data-v-1f63f2d6]:disabled{background-color:#bedcf3;cursor:wait}.loading-message[data-v-1f63f2d6]{text-align:center;padding:30px;color:#777}.error-message[data-v-1f63f2d6]{background-color:#ffe0e0;padding:15px;border-radius:4px;margin-bottom:20px;color:#e74c3c}.no-data-message[data-v-1f63f2d6]{background-color:#f8f9fa;padding:30px;border-radius:4px;text-align:center;color:#666}.stats-summary[data-v-1f63f2d6]{display:flex;justify-content:space-between;gap:15px;margin-bottom:30px}.summary-card[data-v-1f63f2d6]{flex:1;background-color:#f8f9fa;border-radius:6px;padding:15px;text-align:center;box-shadow:0 1px 3px #0000001a}.summary-title[data-v-1f63f2d6]{font-size:.9rem;color:#666;margin-bottom:10px}.summary-value[data-v-1f63f2d6]{font-size:1.8rem;font-weight:700;color:#3498db}.hot-cold-numbers[data-v-1f63f2d6]{display:flex;gap:20px;margin-bottom:30px}.hot-numbers[data-v-1f63f2d6],.cold-numbers[data-v-1f63f2d6]{flex:1;background-color:#f8f9fa;border-radius:6px;padding:15px;box-shadow:0 1px 3px #0000001a}.hot-numbers h3[data-v-1f63f2d6]{color:#e74c3c}.cold-numbers h3[data-v-1f63f2d6]{color:#3498db}.number-list[data-v-1f63f2d6]{display:flex;flex-direction:column;gap:10px}.number-item[data-v-1f63f2d6]{display:flex;align-items:center;gap:10px}.number-ball[data-v-1f63f2d6]{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;font-size:.9rem}.number-freq[data-v-1f63f2d6]{flex:1;position:relative;height:20px;display:flex;align-items:center;font-size:.85rem;color:#666}.frequency-bar[data-v-1f63f2d6]{position:absolute;top:0;left:0;height:100%;background-color:#3498db33;z-index:0;border-radius:3px}.hot-numbers .frequency-bar[data-v-1f63f2d6]{background-color:#e74c3c33}.number-freq span[data-v-1f63f2d6]{z-index:1}.number-frequency-chart[data-v-1f63f2d6]{background-color:#f8f9fa;border-radius:6px;padding:20px;box-shadow:0 1px 3px #0000001a}.frequency-grid[data-v-1f63f2d6]{display:grid;grid-template-columns:repeat(10,1fr);gap:10px}.freq-item[data-v-1f63f2d6]{aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:6px;padding:5px;box-shadow:0 1px 3px #0000001a;transition:all .3s ease}.freq-item[data-v-1f63f2d6]:hover{transform:scale(1.05);z-index:2}.freq-number[data-v-1f63f2d6]{font-weight:700;color:#555;font-size:.9rem}.freq-value[data-v-1f63f2d6]{font-size:.75rem;color:#777}.freq-item.high-frequency[data-v-1f63f2d6]{background-color:#e74c3c}.freq-item.high-frequency .freq-number[data-v-1f63f2d6],.freq-item.high-frequency .freq-value[data-v-1f63f2d6]{color:#fff;font-weight:700}.freq-item.low-frequency[data-v-1f63f2d6]{background-color:#3498db}.freq-item.low-frequency .freq-number[data-v-1f63f2d6],.freq-item.low-frequency .freq-value[data-v-1f63f2d6]{color:#fff;font-weight:700}.freq-item.normal-frequency[data-v-1f63f2d6]{background-color:#f8f9fa}.freq-item.normal-frequency .freq-number[data-v-1f63f2d6]{color:#555}.freq-item.normal-frequency .freq-value[data-v-1f63f2d6]{color:#777}.freq-value.high-frequency[data-v-1f63f2d6]{color:#e74c3c;font-weight:700}.freq-value.low-frequency[data-v-1f63f2d6]{color:#3498db;font-weight:700}.freq-value.normal-frequency[data-v-1f63f2d6]{color:#777}.number-1-10[data-v-1f63f2d6]{background-color:#3498db}.number-11-20[data-v-1f63f2d6]{background-color:#e74c3c}.number-21-30[data-v-1f63f2d6]{background-color:#2ecc71}.number-31-40[data-v-1f63f2d6]{background-color:#f39c12}.number-41-50[data-v-1f63f2d6]{background-color:#9b59b6}.number-51-60[data-v-1f63f2d6]{background-color:#1abc9c}.number-61-70[data-v-1f63f2d6]{background-color:#e67e22}.number-71-80[data-v-1f63f2d6]{background-color:#34495e}@media (max-width: 768px){.stats-summary[data-v-1f63f2d6],.hot-cold-numbers[data-v-1f63f2d6]{flex-direction:column}.frequency-grid[data-v-1f63f2d6]{grid-template-columns:repeat(5,1fr)}}.pattern-analysis[data-v-338436a7]{max-width:1000px;margin:0 auto;padding:20px;background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000000d}h2[data-v-338436a7]{color:#3498db;margin-bottom:15px}h3[data-v-338436a7]{color:#2980b9;margin-bottom:15px}h4[data-v-338436a7]{color:#333;margin-bottom:10px}.description[data-v-338436a7]{color:#666;margin-bottom:20px}.controls[data-v-338436a7]{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.analyze-button[data-v-338436a7]{background-color:#3498db;color:#fff;border:none;padding:10px 20px;border-radius:4px;font-size:.9rem;cursor:pointer;transition:background-color .3s}.analyze-button[data-v-338436a7]:hover:not(:disabled){background-color:#2980b9}.analyze-button[data-v-338436a7]:disabled{background-color:#bedcf3;cursor:wait}.last-update[data-v-338436a7]{font-size:.85rem;color:#666}.loading-message[data-v-338436a7]{text-align:center;padding:30px;color:#777}.error-message[data-v-338436a7]{background-color:#ffe0e0;padding:15px;border-radius:4px;margin-bottom:20px;color:#e74c3c}.no-data-message[data-v-338436a7]{background-color:#f8f9fa;padding:30px;border-radius:4px;text-align:center;color:#666}.tabs[data-v-338436a7]{display:flex;border-bottom:1px solid #ddd;margin-bottom:20px;overflow-x:auto}.tab-item[data-v-338436a7]{padding:10px 20px;cursor:pointer;color:#666;font-weight:500;border-bottom:3px solid transparent;transition:all .3s;white-space:nowrap}.tab-item[data-v-338436a7]:hover{color:#3498db;border-bottom-color:#bedcf3}.tab-item.active[data-v-338436a7]{color:#3498db;border-bottom-color:#3498db}.pattern-description[data-v-338436a7]{margin-bottom:20px;padding:10px;background-color:#f8f9fa;border-left:4px solid #3498db;color:#666}.pattern-list[data-v-338436a7]{display:flex;flex-direction:column;gap:15px;margin-bottom:20px}.pattern-item[data-v-338436a7]{background-color:#f8f9fa;border-radius:6px;padding:15px;box-shadow:0 1px 3px #0000001a}.pattern-header[data-v-338436a7]{display:flex;justify-content:space-between;margin-bottom:10px;padding-bottom:10px;border-bottom:1px dashed #ddd}.pattern-period[data-v-338436a7],.pattern-length[data-v-338436a7],.pattern-count[data-v-338436a7]{font-weight:700;color:#555}.pattern-numbers[data-v-338436a7]{display:flex;flex-wrap:wrap;gap:8px}.number-ball[data-v-338436a7]{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;font-size:.9rem}.pattern-pairs[data-v-338436a7]{display:flex;flex-wrap:wrap;gap:15px}.number-pair[data-v-338436a7]{display:flex;align-items:center;gap:5px}.pair-separator[data-v-338436a7]{color:#666}.no-pattern-message[data-v-338436a7]{padding:20px;text-align:center;color:#777;font-style:italic;background-color:#f8f9fa;border-radius:6px}.streak-cards[data-v-338436a7]{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;margin-bottom:20px}.streak-card[data-v-338436a7]{background-color:#f8f9fa;border-radius:6px;padding:15px;box-shadow:0 1px 3px #0000001a}.streak-title[data-v-338436a7]{font-weight:700;color:#555;margin-bottom:10px}.streak-value[data-v-338436a7]{font-size:1.5rem;color:#3498db;margin-bottom:10px}.streak-bar[data-v-338436a7]{height:10px;background-color:#ecf0f1;border-radius:5px;overflow:hidden}.streak-progress[data-v-338436a7]{height:100%;background-color:#3498db;border-radius:5px}.streak-prediction[data-v-338436a7]{background-color:#f8f9fa;border-radius:6px;padding:15px;margin-top:20px;box-shadow:0 1px 3px #0000001a}.prediction-text[data-v-338436a7]{color:#555}.prediction-tag[data-v-338436a7]{display:inline-block;margin:0 5px;padding:3px 8px;background-color:#3498db;color:#fff;border-radius:4px;font-weight:700;font-size:.9rem}.number-1-10[data-v-338436a7]{background-color:#3498db}.number-11-20[data-v-338436a7]{background-color:#e74c3c}.number-21-30[data-v-338436a7]{background-color:#2ecc71}.number-31-40[data-v-338436a7]{background-color:#f39c12}.number-41-50[data-v-338436a7]{background-color:#9b59b6}.number-51-60[data-v-338436a7]{background-color:#1abc9c}.number-61-70[data-v-338436a7]{background-color:#e67e22}.number-71-80[data-v-338436a7]{background-color:#34495e}@media (max-width: 768px){.controls[data-v-338436a7]{flex-direction:column;align-items:flex-start;gap:10px}.streak-cards[data-v-338436a7]{grid-template-columns:1fr}}:root{--primary-color: #3498db;--secondary-color: #2980b9;--accent-color: #e74c3c;--bg-color: #f8f9fa;--text-color: #333;--border-color: #ddd;--success-color: #2ecc71;--warning-color: #f39c12;--error-color: #e74c3c}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Helvetica Neue,Arial,sans-serif;line-height:1.6;color:var(--text-color);background-color:var(--bg-color)}.app-container{display:flex;flex-direction:column;min-height:100vh;max-width:1000px;margin:0 auto;padding:0 20px}.app-header{display:flex;justify-content:space-between;align-items:center;padding:20px 0;border-bottom:1px solid var(--border-color)}.app-header h1{color:var(--primary-color);font-size:1.8rem}.header-status{display:flex;align-items:center;gap:15px}.status-badge{padding:5px 10px;border-radius:4px;font-size:.8rem;font-weight:700}.status-badge.online{background-color:var(--success-color);color:#fff}.status-badge.offline{background-color:var(--error-color);color:#fff}.last-update{font-size:.8rem;color:#666}.content-container{flex:1;padding:20px 0}.welcome-message{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000000d;padding:30px;text-align:center;max-width:1000px;margin:0 auto}.welcome-message h2{color:var(--primary-color);margin-bottom:20px}.welcome-message p{margin-bottom:15px;color:#555}.function-list{text-align:left;max-width:600px;margin:30px auto}.function-list h3{color:var(--secondary-color);margin-bottom:10px}.function-list ul{list-style-type:none}.function-list li{padding:8px 0;border-bottom:1px dashed var(--border-color);display:flex;align-items:center}.function-list li:before{content:"✓";color:var(--success-color);margin-right:10px;font-weight:700}.status-container{background-color:#f9f9f9;border-radius:6px;padding:20px;margin-top:30px}.status-container h3{color:var(--secondary-color);margin-bottom:10px}.app-footer{border-top:1px solid var(--border-color);padding:20px 0;text-align:center;font-size:.9rem;color:#666}.system-time{text-align:center;margin-top:8px;color:#888}@media (max-width: 768px){.app-header{flex-direction:column;align-items:flex-start;gap:10px}.header-status{width:100%;justify-content:space-between}}