@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--font-family: "Inter", system-ui, -apple-system, sans-serif;--color-bg: #f9fafb;--color-sidebar: #e5e7eb;--color-border: #d1d5db}body{margin:0;font-family:var(--font-family);background-color:var(--color-bg);color:#111827}button,input,select,textarea{font-family:inherit}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#9ca3af}.animate-spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;border:1px solid var(--color-border)}.text-muted{color:#6b7280;font-size:.9rem}.main-content{margin-left:260px}@media(min-width:769px){.mobile-only{display:none!important}}@media(max-width:768px){.desktop-only{display:none!important}.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0)}.main-content{margin-left:0!important}.main-content main{padding:1rem!important}}.word-break-all{overflow-wrap:anywhere;min-width:0}.responsive-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}@media(min-width:768px){.responsive-grid{grid-template-columns:1fr 1fr;gap:2rem}}.courses-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}@media(min-width:768px){.courses-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media(max-width:1024px)and (orientation:landscape),(max-width:1024px)and (max-height:600px){.dashboard-layout.layout-lesson-mode .sidebar{transform:translate(-100%)}.dashboard-layout.layout-lesson-mode .sidebar.open{transform:translate(0)}.dashboard-layout.layout-lesson-mode .main-content{margin-left:0!important}.dashboard-layout.layout-lesson-mode .mobile-only{display:block!important}.dashboard-layout.layout-lesson-mode .desktop-only{display:none!important}}.responsive-header{display:flex;justify-content:space-between;align-items:center;gap:1rem}@media(max-width:768px){.responsive-header{flex-direction:column;align-items:flex-start}.responsive-header>*{width:100%}.responsive-header button,.responsive-header .header-actions{margin-left:0!important;margin-top:.5rem}}.lesson-card{display:flex!important;align-items:center;justify-content:space-between;gap:1rem;background:#fff}@media(max-width:640px){.lesson-card{flex-direction:column!important;align-items:center!important;text-align:center}.lesson-card .action-area{width:100%;margin-top:.75rem;display:flex;justify-content:center}.lesson-card .lesson-content{width:100%;flex-direction:column;text-align:center}}.users-filter-bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.5rem}.search-container{flex:1;max-width:400px;position:relative}.filters-group{display:flex;align-items:center;gap:.75rem}@media(max-width:768px){.users-table-header{display:none!important}.users-filter-bar{flex-direction:column;align-items:stretch}.search-container{max-width:100%}.filters-group{flex-wrap:wrap}.filters-group>select{flex:1;min-width:120px}.users-filter-bar .add-user-btn{width:100%;justify-content:center}}#nprogress{pointer-events:none}#nprogress .bar{background:#29d;position:fixed;z-index:1031;top:0;left:0;width:100%;height:2px}#nprogress .peg{display:block;position:absolute;right:0;width:100px;height:100%;box-shadow:0 0 10px #29d,0 0 5px #29d;opacity:1;-webkit-transform:rotate(3deg) translate(0px,-4px);-ms-transform:rotate(3deg) translate(0px,-4px);transform:rotate(3deg) translateY(-4px)}#nprogress .spinner{display:block;position:fixed;z-index:1031;top:15px;right:15px}#nprogress .spinner-icon{width:18px;height:18px;box-sizing:border-box;border:solid 2px transparent;border-top-color:#29d;border-left-color:#29d;border-radius:50%;-webkit-animation:nprogress-spinner .4s linear infinite;animation:nprogress-spinner .4s linear infinite}.nprogress-custom-parent{overflow:hidden;position:relative}.nprogress-custom-parent #nprogress .spinner,.nprogress-custom-parent #nprogress .bar{position:absolute}@-webkit-keyframes nprogress-spinner{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}}@keyframes nprogress-spinner{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#nprogress .bar{background:#000!important;height:3px!important}#nprogress .peg{box-shadow:0 0 10px #000,0 0 5px #000!important}#nprogress .spinner-icon{border-top-color:#000!important;border-left-color:#000!important}