body{font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;max-width:1200px;margin:0 auto;padding:20px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);min-height:100vh}.container{background:white;border-radius:15px;padding:30px;box-shadow:0 20px 40px rgba(0,0,0,0.1)}h1{color:#2c3e50;text-align:center;margin-bottom:30px;font-size:2em}.nav-links{text-align:center;margin-bottom:20px}.nav-links a{color:#3498db;text-decoration:none;margin:0 15px;padding:8px 16px;border-radius:5px;transition:background-color 0.3s}.nav-links a:hover{background-color:#ecf0f1}.section{margin:30px 0;padding:20px;background:#f8f9fa;border-radius:10px;border-left:4px solid #3498db}.section h3{color:#2c3e50;margin-bottom:15px}.file-input{margin:15px 0}.file-input label{display:block;margin-bottom:5px;font-weight:bold;color:#34495e}input[type="file"]{width:100%;padding:10px;border:2px solid #bdc3c7;border-radius:5px;background:white}.manual-input-section{background:#e8f4fd;border-left-color:#3498db}.compound-input{width:100%;padding:10px;border:2px solid #bdc3c7;border-radius:5px;min-height:120px;font-family:monospace;resize:vertical}.btn{background:linear-gradient(135deg,#3498db,#2980b9);color:white;border:none;padding:12px 25px;border-radius:5px;cursor:pointer;margin:10px 5px;font-size:16px;transition:transform 0.2s}.btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px rgba(0,0,0,0.2)}.btn:disabled{background:#bdc3c7;cursor:not-allowed;transform:none}.btn-success{background:linear-gradient(135deg,#27ae60,#2ecc71)}.btn-warning{background:linear-gradient(135deg,#f39c12,#e67e22)}.server-status{background:#fff3cd;border-left-color:#ffc107;text-align:center}.server-status.online{background:#d4edda;border-left-color:#28a745}.server-status.offline{background:#f8d7da;border-left-color:#dc3545}.progress-section{background:#e3f2fd;border-left-color:#2196f3;display:none}.progress-bar{width:100%;height:20px;background:#ecf0f1;border-radius:10px;overflow:hidden;margin:10px 0}.progress-fill{height:100%;background:linear-gradient(90deg,#3498db,#2980b9);width:0%;transition:width 0.3s ease}.results{background:#e8f5e8;border-left-color:#27ae60;margin-top:20px;display:none}.compound-type-badge{display:inline-block;padding:2px 8px;border-radius:12px;font-size:12px;font-weight:bold;margin-right:5px}.compound-type-hmdb{background:#e3f2fd;color:#1976d2}.compound-type-kegg{background:#f3e5f5;color:#7b1fa2}.compound-type-cas{background:#e8f5e8;color:#388e3c}.compound-type-name{background:#fff3e0;color:#f57c00}.download-section{text-align:center;margin-top:20px}.alert{padding:15px;margin:15px 0;border-radius:5px;font-weight:bold}.alert-info{background-color:#d1ecf1;border-color:#bee5eb;color:#0c5460}.alert-success{background-color:#d4edda;border-color:#c3e6cb;color:#155724}.alert-error{background-color:#f8d7da;border-color:#f5c6cb;color:#721c24}.compound-list{max-height:200px;overflow-y:auto;background:white;border:1px solid #ddd;border-radius:5px;padding:10px;margin:10px 0}.compound-item{padding:5px 0;border-bottom:1px solid #eee}.compound-item:last-child{border-bottom:none}table{width:100%;border-collapse:collapse;margin-top:15px}th,td{border:1px solid #ddd;padding:8px;text-align:left}th{background-color:#3498db;color:white}.results-table{max-height:400px;overflow:auto}.mol-file-link{color:#3498db;text-decoration:none;font-weight:bold}.mol-file-link:hover{text-decoration:underline}.status-indicator{width:12px;height:12px;border-radius:50%;display:inline-block;margin-right:8px}.status-online{background:#27ae60}.status-offline{background:#e74c3c}.status-checking{background:#f39c12;animation:pulse 1s infinite}@keyframes pulse{0%{opacity:1}50%{opacity:0.5}100%{opacity:1}}.database-link-small{color:#6c757d;text-decoration:none;font-size:13px;padding:4px 8px;border-radius:4px;transition:all 0.2s ease}.database-link-small:hover{color:#495057;background:#f8f9fa}.formats-text{color:#6c757d;font-size:14px;margin-bottom:20px;line-height:1.5}.formats-icon{font-size:16px;margin-right:5px}.format-inline{font-family:'Courier New',monospace;background:#f8f9fa;padding:2px 6px;border-radius:3px;font-size:13px;border:1px solid #e9ecef}.file-upload-section{background:#f8f9fa;border:2px dashed #3498db;border-radius:12px;padding:25px;text-align:center;transition:all 0.3s ease}.file-upload-section:hover{border-color:#2980b9;background:#ecf0f1}.upload-icon{font-size:32px;margin-bottom:10px}.upload-label{display:block;font-size:16px;font-weight:600;color:#2c3e50;margin-bottom:15px;cursor:pointer}.file-input-styled{width:100%;padding:12px;border:2px solid #3498db;border-radius:8px;background:white;cursor:pointer;transition:border-color 0.3s ease}.file-input-styled:hover{border-color:#2980b9}.upload-hint{font-size:12px;color:#7f8c8d;margin-top:10px;font-style:italic}.status-bar{position:fixed;top:0;left:0;right:0;background:#2c3e50;color:white;padding:8px 20px;font-size:12px;display:flex;align-items:center;gap:8px;z-index:1000;box-shadow:0 2px 5px rgba(0,0,0,0.1)}.status-indicator-small{width:8px;height:8px;border-radius:50%;display:inline-block}.status-indicator-small.status-online{background:#27ae60}.status-indicator-small.status-offline{background:#e74c3c}.status-indicator-small.status-checking{background:#f39c12;animation:pulse 1s infinite}.status-text-small{font-size:11px;opacity:0.9}body{padding-top:35px}