*{box-sizing:border-box;margin:0;padding:0}body{color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6}.loading,body{background:#f5f5f5}.loading{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center}.spinner{animation:spin 1s linear infinite;border:4px solid #e0e0e0;border-radius:50%;border-top-color:#3498db;height:50px;width:50px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading p{color:#666;font-size:1.1rem;margin-top:1rem}.login-page{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:1rem}.login-card{background:#fff;border-radius:15px;box-shadow:0 20px 60px #0003;max-width:400px;padding:3rem 2rem;text-align:center;width:100%}.login-card h1{color:#333;font-size:2.5rem;margin-bottom:.5rem}.login-card p{color:#666;font-size:1.1rem;margin-bottom:2rem}.modal-overlay{align-items:center;background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.modal{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:500px;overflow-y:auto;width:100%}.modal-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:1.5rem}.modal-header h2{color:#333;font-size:1.5rem}.modal-header button{background:none;border:none;color:#666;cursor:pointer;padding:.5rem;transition:color .2s}.modal-header button:hover{color:#333}.modal-body{padding:2rem 1.5rem}.input{border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;margin-bottom:1rem;padding:.875rem;transition:border-color .3s;width:100%}.input:focus{border-color:#3498db;outline:none}.btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:500;justify-content:center;padding:.875rem 1.5rem;transition:all .3s}.btn:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.btn-primary{background:#3498db;color:#fff;width:100%}.btn-primary:hover{background:#2980b9}.btn-success{background:#27ae60;color:#fff}.btn-success:hover{background:#229954}.btn-secondary{background:#95a5a6;color:#fff}.btn-secondary:hover{background:#7f8c8d}.btn-admin{align-items:center;background:#9b59b6;color:#fff;display:flex;gap:.5rem;justify-content:center;margin-bottom:1rem;width:100%}.btn-admin:hover{background:#8e44ad}.link{background:none;border:none;color:#3498db;cursor:pointer;font-size:inherit;text-decoration:underline}.link:hover{color:#2980b9}.text-center{text-align:center}.app{background:#f5f5f5;display:flex;min-height:100vh}.mobile-header{align-items:center;background:#fff;box-shadow:0 2px 10px #0000001a;display:none;justify-content:space-between;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:100}.mobile-header h1{color:#333;font-size:1.25rem}.mobile-header button{background:none;border:none;color:#666;cursor:pointer;padding:.5rem}.mobile-header button:hover{color:#333}.sidebar{background:#fff;box-shadow:2px 0 10px #0000001a;height:100vh;overflow-y:auto;position:relative;transition:transform .3s ease;width:300px}@media (min-width:769px){.sidebar{position:relative}.sidebar,.sidebar.open{transform:translateX(0)!important}.close-btn{display:none!important}}@media (max-width:768px){.sidebar{left:0;position:fixed;top:0;transform:translateX(-100%);z-index:200}.sidebar.open{transform:translateX(0)}}.sidebar-header{background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:2px solid #f0f0f0;color:#fff;padding:1.5rem}.sidebar-header h3{font-size:1.3rem;margin:0}.close-btn{background:none;border:none;color:#fff;cursor:pointer;padding:.5rem}.progress-bar{background:#fafafa;border-bottom:2px solid #f0f0f0;padding:1.5rem}.progress-info{color:#555;display:flex;font-size:.9rem;font-weight:500;justify-content:space-between;margin-bottom:.75rem}.progress-track{background:#e0e0e0;border-radius:5px;box-shadow:inset 0 2px 4px #0000001a;height:10px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#27ae60,#2ecc71);border-radius:5px;height:100%;transition:width .5s ease}.progress-text{color:#999;font-size:.8rem;margin-top:.5rem;text-align:center}.lesson-list{padding:.5rem 0}.lesson-item{align-items:center;background:#fff;border:none;color:#555;cursor:pointer;display:flex;font-size:.95rem;justify-content:space-between;padding:1rem 1.5rem;text-align:left;transition:all .2s;width:100%}.lesson-item:hover{background:#f8f9fa;color:#333}.lesson-item.active{background:linear-gradient(90deg,#e3f2fd,#f0f7ff);border-left:4px solid #2196f3;color:#1976d2;font-weight:500}.check-icon{color:#27ae60;flex-shrink:0;height:20px;width:20px}.main-content{background:#f5f5f5;flex:1 1;overflow-y:auto;padding:2rem}@media (max-width:768px){.main-content{padding:5rem 1rem 1rem}}.lesson-content{margin:0 auto;max-width:900px}.lesson-content h1{color:#333;font-size:2rem;margin-bottom:1.5rem}@media (max-width:768px){.lesson-content h1{font-size:1.5rem}}.completed-badge{align-items:center;background:linear-gradient(135deg,#d4edda,#c3e6cb);border-radius:25px;color:#155724;display:inline-flex;font-size:.9rem;font-weight:500;gap:.5rem;margin-bottom:2rem;padding:.5rem 1rem}.content-card{background:#fff;border:1px solid #e8e8e8;border-radius:12px;box-shadow:0 2px 8px #00000014;margin-bottom:2rem;padding:2rem}.content-card h2{border-bottom:2px solid #f0f0f0;color:#333;font-size:1.3rem;margin-bottom:1.5rem;padding-bottom:.75rem}.content-card.exercise{background:linear-gradient(135deg,#e3f2fd,#f0f7ff);border:2px solid #90caf9}.content-card.exercise h2{border-bottom-color:#90caf9;color:#1565c0}.content-card p{color:#555;line-height:1.7;margin-bottom:1rem}.content-card strong{color:#333;font-weight:600}.content-card ol,.content-card ul{color:#555;margin:1rem 0;padding-left:2rem}.content-card li{line-height:1.7;margin-bottom:.5rem}.action-buttons{display:flex;flex-wrap:wrap;gap:1rem;margin-top:2rem}@media (max-width:768px){.action-buttons{flex-direction:column}.action-buttons .btn{width:100%}.mobile-header{display:flex}.sidebar-header{align-items:center;display:flex;justify-content:space-between}.close-btn{display:block!important}.sidebar.open:before{background:#00000080;bottom:0;content:"";left:0;position:fixed;right:0;top:0;z-index:-1}}@media print{.action-buttons,.mobile-header,.sidebar{display:none!important}.main-content{margin:0;padding:0}.content-card{border:1px solid #ddd;box-shadow:none;page-break-inside:avoid}}.bb-logo{max-width:100px}
/*# sourceMappingURL=main.0dc287f6.css.map*/