:root {
    --bg: #0a0f1c;
    --glass: rgba(20, 30, 55, 0.65);
    --border: rgba(0, 255, 255, 0.3);
    --primary: #0ff;
    --shadow: 0 8px 32px rgba(0,0,0,0.2);
}
* { margin: 0; padding: 0; box-sizing: border-box; font-family: 'Segoe UI', 'Poppins', system-ui; }
body { background: radial-gradient(circle at 20% 30%, #0b1120, #03060c); min-height: 100vh; color: #eef; padding: 20px; }
.container { max-width: 1400px; margin: auto; }
.glass, .glass-nav {
    background: var(--glass);
    backdrop-filter: blur(12px);
    border-radius: 24px;
    border: 1px solid var(--border);
    padding: 20px;
    margin-bottom: 24px;
    box-shadow: var(--shadow);
}
.glass-nav {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}
.btn, .btn-mini, .file-label, .btn-download {
    background: linear-gradient(135deg, #0ff, #0a6);
    border: none;
    padding: 8px 20px;
    border-radius: 40px;
    color: #000;
    font-weight: bold;
    cursor: pointer;
    transition: 0.2s;
    display: inline-block;
    text-decoration: none;
}
.btn-mini { padding: 4px 12px; font-size: 0.8rem; background: #2a6; color: white; }
.btn-download { background: #2c7; margin-top: 8px; font-size: 0.8rem; }
.drop-area {
    border: 2px dashed var(--primary);
    border-radius: 24px;
    padding: 40px;
    text-align: center;
    transition: 0.2s;
    background: rgba(0,0,0,0.3);
}
.drop-area.drag-over { background: rgba(0,255,255,0.2); border-color: #fff; }
.progress { margin-top: 20px; background: #2a2f3f; border-radius: 30px; overflow: hidden; height: 30px; }
.progress-bar { width: 0%; height: 100%; background: #0ff; transition: width 0.3s; }
.task-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px,1fr)); gap: 16px; }
.task-card { background: rgba(0,0,0,0.5); border-radius: 20px; padding: 12px; border-left: 4px solid var(--primary); }
.status { font-size: 0.8rem; padding: 2px 8px; border-radius: 20px; display: inline-block; margin: 8px 0; }
.status.completed { background: #0a6; color: white; }
.status.failed { background: #a33; }
.status.processing { background: #fa0; }
.table { width: 100%; border-collapse: collapse; }
.table td, .table th { padding: 10px; border-bottom: 1px solid #2a3a5a; }
.stats { display: flex; gap: 20px; flex-wrap: wrap; }
.stat-card { background: rgba(0,20,40,0.7); border-radius: 20px; padding: 20px; flex: 1; text-align: center; font-size: 1.5rem; }
@media (max-width: 768px) {
    .glass-nav { flex-direction: column; gap: 10px; }
    .stat-card { font-size: 1rem; }
}