@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";:root{--primary:#6366f1;--primary-hover:#4f46e5;--secondary:#ec4899;--accent:#8b5cf6;--background:#f8fafc;--card-bg:#fff;--text-main:#1e293b;--text-muted:#64748b;--border:#e2e8f0;--success:#10b981;--warning:#f59e0b;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--font-main:"Outfit", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-main);color:var(--text-main);-webkit-font-smoothing:antialiased;background:linear-gradient(135deg,#f8fafc 0%,#e2e8f0 100%);min-height:100vh;line-height:1.5}button{cursor:pointer;font-family:inherit;transition:all .3s cubic-bezier(.4,0,.2,1)}button:active{transform:scale(.95)}a{color:inherit;text-decoration:none}.glass{-webkit-backdrop-filter:blur(12px);background:#fffc;border:1px solid #fff6;box-shadow:0 8px 32px #1f268712}.app-lms{background:#f8fafc;min-height:100vh;display:flex}.sidebar-expanded{--sidebar-width:280px}.sidebar-collapsed{--sidebar-width:80px}.lms-sidebar{width:var(--sidebar-width);border-right:1px solid var(--border);z-index:100;background:#fff;flex-direction:column;height:100vh;transition:width .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;left:0}.sidebar-header{justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.logo-area{align-items:center;gap:12px;display:flex}.logo-icon{background:var(--primary);color:#fff;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.5rem;font-weight:800;display:flex}.logo-text{letter-spacing:-.02em;font-size:1.25rem;font-weight:800}.sidebar-toggle{color:var(--text-muted);cursor:pointer;background:0 0;border:none}.sidebar-nav{flex-direction:column;flex:1;gap:.5rem;padding:1rem;display:flex}.nav-link{border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:1rem;width:100%;padding:.85rem 1rem;font-weight:600;transition:all .2s;display:flex}.nav-link:hover{color:var(--primary);background:#f1f5f9}.nav-link.active{background:var(--primary);color:#fff}.lms-content-wrapper{margin-left:var(--sidebar-width);flex-direction:column;flex:1;transition:margin-left .3s cubic-bezier(.4,0,.2,1);display:flex}.lms-top-bar{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border);z-index:90;background:#fffc;justify-content:space-between;align-items:center;height:70px;padding:0 2rem;display:flex;position:sticky;top:0}.search-area{border-radius:var(--radius-md);background:#f1f5f9;align-items:center;gap:12px;width:400px;padding:.5rem 1rem;display:flex}.search-input{background:0 0;border:none;width:100%;font-family:inherit;font-weight:500}.search-input:focus{outline:none}.top-bar-actions{align-items:center;gap:1.5rem;display:flex}.icon-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none}.user-avatar{background:var(--secondary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-weight:700;display:flex}.lms-main{flex:1;padding:2rem}.hub-placeholder{text-align:center;border-radius:var(--radius-lg);border:1px solid var(--border);background:#fff;flex-direction:column;justify-content:center;align-items:center;min-height:60vh;padding:4rem;display:flex}.icon-muted{opacity:.2;margin-bottom:2rem}.sidebar-footer{border-top:1px solid var(--border);padding:1rem}.role-card{border-radius:var(--radius-md);background:#f8fafc;align-items:center;gap:12px;padding:.75rem;display:flex}.role-select{color:var(--primary);cursor:pointer;background:0 0;border:none;width:100%;font-weight:700}.btn-logout{color:#ef4444;cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;width:100%;margin-top:1rem;padding:.75rem;font-weight:600;display:flex}.container{max-width:1200px;margin:0 auto;padding:0 2rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.animate-fade-in{animation:.6s cubic-bezier(.4,0,.2,1) forwards fadeIn}.animate-slide-in{animation:.5s cubic-bezier(.4,0,.2,1) forwards slideInRight}@media print{@page{size:A4;margin:20mm}body{background:#fff}.no-print{display:none!important}.worksheet-container{box-shadow:none!important;border:none!important;width:100%!important;margin:0!important;padding:0!important}.lms-sidebar,.lms-top-bar,.toolbar{display:none!important}.lms-content-wrapper{margin-left:0!important}}