body { font-family: Arial, sans-serif; background:#fff; color:#000; margin:40px; } .back-btn { position: fixed; top: 1px; left: 1px; padding:8px 12px; border:1px solid #000; background:#fff; cursor:pointer; text-decoration:none; color:#000; z-index: 1000; } .back-btn:hover { background:#000; color:#fff; } h1 { text-align:center; border-bottom:2px solid #000; padding-bottom:10px; } .info { display:flex; justify-content:space-around; margin:20px 0; } .card { border:1px solid #000; padding:20px; width:200px; text-align:center; } table { width:100%; border-collapse:collapse; margin-top:30px; } table, th, td { border:1px solid #000; } th, td { padding:10px; text-align:center; } th { background:#000; color:#fff; } .desc { margin-top:20px; padding:15px; border:1px solid #000; background:#f9f9f9; } .loading { text-align: center; padding: 20px; font-size: 18px; color: #666; font-style:italic; } .message { margin:20px; padding:15px; border-radius:4px; font-weight:bold; text-align:center; } .success { background: #d4edda; color: #155724; border: 1px solid #c3e6cb; } .error { background: #f8d7da; color: #721c24; border: 1px solid #f5c6cb; } .info-message { background: #d1ecf1; color: #0c5460; border: 1px solid #bee5eb; } .last-update { text-align: right; font-size: 12px; color: #666; margin-top: 10px; font-style: italic; }