:root{--color-primary: #ff6b6b;--color-secondary: #4ecdc4;--color-accent: #ffe66d;--color-brand: #6c5ce7;--color-success: #2ecc71;--color-warning: #f1c40f;--color-danger: #ff4757;--color-bg: #f8faff;--color-card: #ffffff;--color-text: #2d3436;--color-text-dim: #636e72;--color-border: #dfe6e9;--glass-bg: rgba(255, 255, 255, .7);--glass-border: rgba(255, 255, 255, .4);--glass-blur: blur(12px);--shadow-sm: 0 4px 6px -1px rgba(0, 0, 0, .05);--shadow-md: 0 10px 25px -5px rgba(0, 0, 0, .08);--shadow-lg: 0 20px 40px -10px rgba(0, 0, 0, .12);--shadow-3d: 0 8px 0px rgba(0, 0, 0, .05);--shadow-primary-3d: 0 8px 0px #e64a4a;--shadow-secondary-3d: 0 8px 0px #3dbbb3;--radius-sm: 12px;--radius-md: 20px;--radius-lg: 32px;--radius-pill: 9999px;--transition-spring: all .4s cubic-bezier(.175, .885, .32, 1.275);--transition-smooth: all .3s ease}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Outfit,Inter,-apple-system,sans-serif;background-color:var(--color-bg);color:var(--color-text);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}h1,h2,h3,h4{font-family:Outfit,sans-serif;font-weight:900;letter-spacing:-.02em;color:var(--color-text)}.card{background:var(--color-card);border-radius:var(--radius-md);padding:32px;border:2px solid var(--color-border);box-shadow:var(--shadow-3d);transition:var(--transition-spring);position:relative;overflow:hidden}.card:hover{transform:translateY(-8px);box-shadow:0 15px 30px -10px #0000001a;border-color:var(--color-primary)}.card-glass{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:14px 28px;border-radius:var(--radius-sm);font-weight:800;cursor:pointer;transition:all .1s ease;border:none;font-family:Outfit,sans-serif;text-transform:uppercase;letter-spacing:.05em;font-size:.95rem;position:relative;text-decoration:none}.btn-primary{background:var(--color-primary);color:#fff;box-shadow:var(--shadow-primary-3d)}.btn-primary:active{transform:translateY(4px);box-shadow:0 4px #e64a4a}.btn-secondary{background:var(--color-secondary);color:#fff;box-shadow:var(--shadow-secondary-3d)}.btn-secondary:active{transform:translateY(4px);box-shadow:0 4px #3dbbb3}.input-group{margin-bottom:24px}select,input{width:100%;padding:16px 20px;border-radius:var(--radius-sm);border:2px solid var(--color-border);background:var(--color-card);font-family:inherit;font-weight:700;color:var(--color-text);outline:none;transition:var(--transition-smooth)}select:focus,input:focus{border-color:var(--color-brand);box-shadow:0 0 0 4px #6c5ce71a;transform:scale(1.01)}.app-lms{display:flex;min-height:100vh;background:radial-gradient(circle at top right,#fff5f5,transparent),radial-gradient(circle at bottom left,#f0fff4,transparent)}.lms-sidebar{width:280px;background:var(--color-card);border-right:2px solid var(--color-border);display:flex;flex-direction:column;transition:var(--transition-spring);position:sticky;top:0;height:100vh;z-index:100}.sidebar-collapsed .lms-sidebar{width:96px}.lms-main{padding:48px;max-width:1400px;margin:0 auto;width:100%;animation:fadeIn .6s ease-out}.nav-link{display:flex;align-items:center;gap:16px;padding:16px 24px;margin:4px 16px;border-radius:var(--radius-sm);color:var(--color-text-dim);text-decoration:none;font-weight:700;transition:all .3s ease;border:none;background:transparent;cursor:pointer}.nav-link.active{background:var(--color-primary);color:#fff;box-shadow:var(--shadow-md)}.nav-link:hover:not(.active){background:#ff6b6b0d;color:var(--color-primary)}.animate-float{animation:float 4s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.badge{padding:4px 12px;border-radius:var(--radius-pill);font-size:.75rem;font-weight:900;text-transform:uppercase}.badge-success{background:#dcfce7;color:#15803d}.badge-primary{background:#fee2e2;color:#b91c1c}@media(max-width:1024px){.lms-sidebar{position:fixed;left:-280px}.lms-sidebar.open{left:0}}@media print{.no-print{display:none!important}.lms-main{padding:0!important;margin:0!important;max-width:none!important}body{background:#fff!important}}