:root { 
    --accent: #FF828A; 
    --bg: #01050D; 
    --card: #0A0F1A; 
    --border: #222; 
    --success: #22c55e; 
    --danger: #e74c3c; 
    --delay: #facc15; 
}
body { background: var(--bg); color: white; font-family: 'Segoe UI', sans-serif; padding: 40px; margin:0; min-height: 100vh; }
.container { max-width: 1200px; margin: 0 auto; }
.card { background: var(--card); border: 1px solid var(--border); padding: 25px; border-radius: 4px; margin-bottom: 25px; }
.btn { background: var(--accent); color: white; padding: 8px 12px; border: none; border-radius: 4px; cursor: pointer; text-decoration: none; font-size: 0.85rem; font-weight: bold; transition: 0.2s; display: inline-block; }
.btn:hover { opacity: 0.8; }
.btn-success { background: var(--success); color: black; }
.btn-danger { background: var(--danger); }
table { width: 100%; border-collapse: collapse; margin-top: 15px; }
th, td { text-align: left; padding: 12px; border-bottom: 1px solid var(--border); font-size: 0.9rem; }
th { color: #555; font-size: 0.75rem; text-transform: uppercase; letter-spacing: 1px; }
input, select { padding: 10px; background: var(--bg); color: white; border: 1px solid #333; border-radius: 4px; width: 100%; box-sizing: border-box; }
.tab-link { padding: 15px; color: #555; cursor: pointer; display: inline-block; font-weight: bold; border-bottom: 2px solid transparent; }
.tab-link.active { color: var(--accent); border-bottom: 2px solid var(--accent); }
.tab-content { display: none; animation: fadeIn 0.3s; }
.tab-content.active { display: block; }
@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }
.status-badge { background: #1a1a1a; padding: 4px 10px; border-radius: 3px; font-size: 0.7rem; font-weight: bold; text-transform: uppercase; border: 1px solid #333; }
.file-link { color: #55acee; text-decoration: none; font-weight: bold; font-size: 0.8rem; }
.msg-box { background: rgba(34, 197, 94, 0.1); border: 1px solid var(--success); color: var(--success); padding: 15px; border-radius: 4px; margin-bottom: 20px; }