/* ═══════════════════════════════════════════════════════
   MILE LMS - STUDENT DASHBOARD STYLES
   High-Fidelity GenZ UI: Glassmorphism · Premium Cards
   ═══════════════════════════════════════════════════════ */

/* Premium Sidebar Styles */
.mile-student-tab-btn {
    display:flex; align-items:center; gap:12px; padding:14px 18px; border-radius:14px;
    text-decoration:none; font-size:14px; font-weight:700; color:#64748b; background:none; border:none; width:100%; text-align:left;
    transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1); margin-bottom:6px; cursor:pointer;
}
.mile-student-tab-btn:hover { background:rgba(99,102,241,0.04); color:#1e293b; }
.mile-student-tab-btn.active { background:rgba(99,102,241,0.1); color:#6366f1; border-right:3px solid #6366f1; border-radius:14px 4px 4px 14px; }

/* Dashboard Cards Refinement */
.mile-premium-card { border-radius:32px; border:1px solid #e2e8f0; background:#fff; overflow:hidden; transition:all 0.4s; }
.mile-premium-card:hover { transform:translateY(-5px); box-shadow:0 25px 50px -12px rgba(0,0,0,0.08); border-color:#6366f1; }

/* Progress Ring Animation */
.mile-course-progress-ring svg { width:45px; height:45px; transform:rotate(-90deg); }
.mile-ring-bg { fill:none; stroke:rgba(255,255,255,0.2); stroke-width:3; }
.mile-ring-fill { fill:none; stroke:#fff; stroke-width:3; stroke-linecap:round; transition:stroke-dasharray 1s ease; }

@keyframes drift {
    from { transform: translate(0, 0) scale(1); }
    to { transform: translate(30px, 20px) scale(1.1); }
}

[data-theme="dark"] {
    --mile-bg: #0f172a;
    --mile-surface: #1e293b;
    --mile-border: #334155;
    --mile-text: #f8fafc;
    --mile-text-muted: #94a3b8;
    --mile-glass: rgba(30, 41, 59, 0.7);
    --mile-glass-border: rgba(255, 255, 255, 0.05);
}

.mile-fe[data-theme="dark"] {
    background: var(--mile-bg) !important;
    color: var(--mile-text);
}

.mile-fe[data-theme="dark"] .mile-student-sidebar > div,
.mile-fe[data-theme="dark"] .mile-card,
.mile-fe[data-theme="dark"] .mile-premium-card,
.mile-fe[data-theme="dark"] .mile-glass-card {
    background: var(--mile-surface) !important;
    border-color: var(--mile-border) !important;
}

.mile-fe[data-theme="dark"] .mile-student-tab-btn:hover { background: rgba(255,255,255,0.05); color: #fff; }
.mile-fe[data-theme="dark"] .mile-student-tab-btn.active { background: rgba(99,102,241,0.15); color: #818cf8; }
.mile-fe[data-theme="dark"] h1, .mile-fe[data-theme="dark"] h2, .mile-fe[data-theme="dark"] h3, .mile-fe[data-theme="dark"] h4 { color: var(--mile-text); }
.mile-fe[data-theme="dark"] .mile-course-title a { color: var(--mile-text) !important; }
.mile-fe[data-theme="dark"] .mile-input, .mile-fe[data-theme="dark"] textarea { background: #0f172a; border-color: #334155; color: #fff; }
.mile-fe[data-theme="dark"] .mile-theme-toggle { background: #1e293b; border-color: #334155; }