@import"https://i.postimg.cc/1RvZJShw/Whats-App-Image-2025-09-13-at-21-54-29-e593bcc7.jpg";@charset "UTF-8";@keyframes donut-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:root{--lpx-logo: url(https://i.postimg.cc/1RvZJShw/Whats-App-Image-2025-09-13-at-21-54-29-e593bcc7.jpg);--lpx-logo-icon: url(https://i.postimg.cc/1RvZJShw/Whats-App-Image-2025-09-13-at-21-54-29-e593bcc7.jpg)}:root{--violet-900: #2A5A75;--purple-600: #4A7A9A;--bell-300: #6494B7;--blue-500: #70B86D;--sky-300: #8DCC89;--question-view: var(--sky-300);--question-create: var(--success);--bg: #0B1418;--surface: #151F24;--card: #1A272D;--surface-variant: #1F2C32;--surface-tint: #1A262C;--dialog: #1F2D34;--bg-user: linear-gradient( 135deg, var(--card) 0%, color-mix(in oklab, var(--card) 85%, #ffffff10) 100% );--bg-btn: linear-gradient( 135deg, var(--purple-600), var(--bell-300) );--bg-body: linear-gradient( 180deg, var(--bg), color-mix(in oklab, var(--bg) 92%, #000) 60%, color-mix(in oklab, var(--bg) 85%, #000) );--text: #E8EDF2;--muted: #B8C5CF;--success: #56A653;--warning: #EAB308;--radius: 18px;--shadow-1: 0 8px 18px rgba(0, 0, 0, .35);--shadow-2: 0 18px 40px rgba(0, 0, 0, .45);--ring: 0 0 0 4px color-mix(in oklab, var(--purple-600) 30%, transparent);--an-color: linear-gradient( to left, var(--blue-500), var(--purple-600) )}body,.lpx-content,.lpx-content-container{background:var(--bg-body)!important;color:var(--text);font-family:Segoe UI,sans-serif;transition:background .3s ease,color .3s ease}.lpx-topbar{display:none!important}.lpx-content-container{padding-top:0!important;margin-top:0!important}.lpx-sidebar,.lpx-topbar{background-color:var(--violet-900)!important;color:var(--bell-300)!important}.lpx-sidebar .menu-item{color:var(--bell-300)!important;border-left:3px solid transparent;transition:all .3s ease}.lpx-sidebar .menu-item:hover{background-color:var(--purple-600)!important;color:#fff!important;border-left-color:var(--sky-300)}.lpx-sidebar .menu-item.active{background-color:var(--blue-500)!important;color:#fff!important;border-left-color:var(--sky-300)}.lpx-sidebar .sidebar-header,.lpx-logo-container,.lpx-mobile-navbar,.lpx-mobile-nav-items,.lpx-nav-menu{background-color:var(--violet-900)!important;color:var(--bell-300)!important}.lpx-nav-menu .lpx-menu-item-link.selected,.lpx-nav-menu .lpx-menu-item-link.expanded{background-color:var(--purple-600)!important;color:#fff!important}.lpx-sidebar .menu-item i,.lpx-sidebar .lpx-menu-item-icon,.lpx-sidebar .menu-item .lpx-icon{color:var(--bell-300)!important;transition:color .3s ease!important}.lpx-sidebar .menu-item:hover i,.lpx-sidebar .menu-item:hover .lpx-menu-item-icon,.lpx-sidebar .menu-item:hover .lpx-icon,.lpx-nav-menu .lpx-menu-item-link:hover .lpx-menu-item-icon,.lpx-nav-menu .lpx-menu-item-link:hover i,.lpx-sidebar .menu-item.active i,.lpx-sidebar .menu-item.active .lpx-menu-item-icon,.lpx-sidebar .menu-item.active .lpx-icon,.lpx-sidebar .lpx-icon:hover{color:#fff!important;background-color:transparent!important}.btn-create:hover{background-color:var(--blue-500)!important}@media (max-width: 768px){.lpx-sidebar .menu-item i,.lpx-sidebar .lpx-menu-item-icon,.lpx-sidebar .menu-item .lpx-icon{color:var(--bell-300)!important}.lpx-sidebar .menu-item:hover i,.lpx-sidebar .menu-item:hover .lpx-menu-item-icon,.lpx-sidebar .menu-item:hover .lpx-icon,.lpx-sidebar .menu-item.active i,.lpx-sidebar .menu-item.active .lpx-menu-item-icon,.lpx-sidebar .menu-item.active .lpx-icon{color:#fff!important}}.lpx-logo-container{overflow:hidden}.donut{display:inline-block;border:4px solid rgba(0,0,0,.1);border-left-color:#7983ff;border-radius:50%;width:30px;height:30px;animation:donut-spin 1.2s linear infinite}.donut.centered{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.abp-logo{background-repeat:no-repeat}.logo-x{width:20px;height:20px;background-image:url(https://i.postimg.cc/1RvZJShw/Whats-App-Image-2025-09-13-at-21-54-29-e593bcc7.jpg)}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:50vh;gap:1rem;animation:fadeIn .5s ease}.spinner{width:40px;height:40px;border:6px solid var(--bell-300);border-top:6px solid var(--purple-600);border-radius:50%;animation:spin 1s linear infinite;box-shadow:0 0 10px #0000001a}.loading-text{font-size:1.2rem;font-weight:500;color:var(--text);letter-spacing:1px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.list-container{width:100%;background:var(--bg-body);padding:2rem;border-radius:var(--radius);box-shadow:var(--shadow-1);display:flex;flex-direction:column;gap:1.5rem;min-height:100vh;overflow-x:scroll}.toolbar{display:flex;align-items:center;gap:.8rem;background:var(--surface);padding:1rem;border-radius:var(--radius);box-shadow:var(--shadow-1)}.search-input{flex:1;padding:.6rem 1rem;border:2px solid var(--bell-300);border-radius:var(--radius);background:#fff;font-size:1rem;color:var(--text);transition:.3s ease}.search-input:focus{outline:none;border-color:var(--purple-600);box-shadow:var(--ring)}.btn-create{background:var(--violet-900);color:#fff;border-radius:var(--radius);padding:.6rem 1rem;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:.4rem;transition:all .3s ease}.btn{border:none;border-radius:var(--radius);padding:.6rem 1rem;cursor:pointer;font-weight:500;transition:all .3s ease;display:flex;align-items:center;gap:.4rem}.btn.btn-search{background:var(--bg-btn);color:#fff;box-shadow:var(--shadow-1)}.btn.btn-search:hover{transform:translateY(-1px);box-shadow:var(--shadow-2)}.btn.btn-secondary{background:var(--bell-300);color:var(--text)}.btn.btn-secondary:hover{background:color-mix(in oklab,var(--bell-300) 80%,var(--purple-600));color:#fff}.btn.btn-danger{background:#e11d48;color:#fff}.btn.btn-danger:hover{background:#be123c}.btn.btn-view{background:var(--sky-300);color:#fff}.btn.btn-view:hover{background:color-mix(in oklab,var(--sky-300) 85%,black)}.btn.btn-edit{background:var(--purple-600);color:#fff}.btn.btn-edit:hover{background:color-mix(in oklab,var(--purple-600) 80%,black)}.btn.btn-delete{background:#dc2626;color:#fff}.btn.btn-delete:hover{background:#b91c1c}.btn-view-questions{background:var(--question-view);color:#fff;box-shadow:var(--shadow-1);border-radius:var(--radius);padding:.6rem 1rem;transition:all .3s ease;display:flex;align-items:center;gap:.4rem;cursor:pointer}.btn-view-questions:hover{background:color-mix(in oklab,var(--question-view) 85%,black);transform:translateY(-1px);box-shadow:var(--shadow-2)}.btn-create-question{background:var(--question-create);color:#fff;box-shadow:var(--shadow-1);border-radius:var(--radius);padding:.6rem 1rem;transition:all .3s ease;display:flex;align-items:center;gap:.4rem;cursor:pointer}.btn-create-question:hover{background:color-mix(in oklab,var(--question-create) 85%,black);transform:translateY(-1px);box-shadow:var(--shadow-2)}.list-container{padding:24px;position:relative;min-height:100vh;background:var(--bg-body);direction:ltr}.toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;gap:20px;flex-wrap:wrap}.toolbar .search-wrapper{position:relative;flex:1;max-width:450px}.toolbar .search-wrapper .search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--sky-300);font-size:1.1rem}.toolbar .search-wrapper .search-input-modern{width:100%;background:var(--surface);border:1px solid var(--surface-variant);border-radius:14px;padding:14px 14px 14px 50px;color:var(--text);font-size:.95rem;transition:all .3s ease}.toolbar .search-wrapper .search-input-modern:focus{outline:none;border-color:var(--purple-600);box-shadow:var(--ring);background:var(--surface-variant)}.btn-create-modern{background:var(--bg-btn);color:#fff;border:none;padding:14px 24px;border-radius:14px;font-weight:600;display:flex;align-items:center;gap:10px;cursor:pointer;transition:.3s ease;box-shadow:var(--shadow-1);text-decoration:none}.btn-create-modern:hover{transform:translateY(-2px);filter:brightness(1.1);box-shadow:var(--shadow-2)}.modal-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.form-card,.delete-card{background:var(--dialog);padding:30px;border-radius:20px;width:100%;max-width:500px;box-shadow:var(--shadow-3);animation:modalSlideUp .3s ease-out}.form-card h3,.delete-card h3{margin-bottom:20px;color:var(--text);font-size:1.4rem}.form-group{margin-bottom:18px;text-align:left}.form-group label{display:block;margin-bottom:8px;color:var(--muted);font-size:.9rem}.form-group .form-control{width:100%;background:var(--surface);border:1px solid var(--surface-variant);border-radius:10px;padding:12px;color:var(--text);transition:.2s}.form-group .form-control:focus{outline:none;border-color:var(--purple-600)}.checkbox-group{display:flex;align-items:center;gap:10px;padding:10px 0}.checkbox-group label{cursor:pointer;color:var(--text);font-weight:500}.checkbox-group input{width:18px;height:18px;cursor:pointer}.modal-actions{display:flex;gap:12px;margin-top:25px}.modal-actions button{flex:1;padding:12px;border-radius:10px;font-weight:600;cursor:pointer;border:none;transition:.2s}.modal-actions .btn-cancel{background:var(--surface-variant);color:var(--text)}.modal-actions .btn-cancel:hover{background:#444}.modal-actions .btn-confirm{background:var(--bg-btn);color:#fff}.modal-actions .btn-confirm:hover{filter:brightness(1.1)}.cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:25px}.course-card{background:var(--bg-user);border-radius:var(--radius);border:1px solid var(--surface-variant);position:relative;transition:all .3s ease}.course-card:hover{transform:translateY(-8px);border-color:var(--purple-600);box-shadow:var(--shadow-2)}.course-card .card-header{height:90px;background:var(--surface-variant);border-radius:var(--radius) var(--radius) 0 0;padding:0 20px;display:flex;align-items:center;position:relative;border-bottom:2px solid var(--violet-900)}.course-card .card-header .chapter-icon-placeholder{width:50px;height:50px;background:var(--card);border-radius:12px;display:flex;align-items:center;justify-content:center;border:1px solid var(--sky-300);color:var(--sky-300);font-size:1.4rem}.dropdown-actions{position:absolute;top:5px;right:15px}.dropdown-actions .dots-btn{background:#0003;border:none;color:var(--text);width:34px;height:34px;border-radius:8px;cursor:pointer}.dropdown-actions .dots-btn:hover{background:var(--purple-600);color:#fff}.actions-menu{position:absolute;top:0;right:50px;background:var(--dialog);border:1px solid var(--surface-variant);border-radius:12px;width:170px;z-index:100;padding:6px;box-shadow:var(--shadow-3);animation:fadeIn .2s ease-out}.actions-menu button{width:100%;background:transparent;border:none;padding:10px;color:var(--text);text-align:left;display:flex;align-items:center;gap:10px;border-radius:8px;cursor:pointer;font-size:.85rem}.actions-menu button:hover{background:var(--bg-btn);color:#fff}.actions-menu button.text-danger:hover{background:#ef4444}a{text-decoration:none}.card-body{padding:20px}.card-body .badge-group{display:flex;margin-bottom:12px}.card-body .badge-group .custom-badge{background:var(--violet-900);color:var(--sky-300);padding:4px 12px;border-radius:8px;font-size:.7rem;font-weight:700}.card-body .badge-group .custom-badge.free{color:#10b981}.card-body .course-name{font-size:1.15rem;color:var(--text);margin-bottom:5px;font-weight:600}.card-body .course-title{color:var(--muted);font-size:.85rem;display:flex;align-items:center;gap:6px}.pagination-modern{display:flex;justify-content:center;gap:8px;margin-top:40px}.pagination-modern .page-nav,.pagination-modern .page-num{background:var(--surface);border:1px solid var(--surface-variant);color:var(--text);width:38px;height:38px;border-radius:10px;cursor:pointer}.pagination-modern .page-nav.active,.pagination-modern .page-num.active{background:var(--bg-btn);color:#fff;border:none}.pagination-modern .page-nav:disabled,.pagination-modern .page-num:disabled{opacity:.4;cursor:not-allowed}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media (max-width: 768px){.toolbar{flex-direction:column}.toolbar .search-wrapper{max-width:100%;width:100%}.toolbar .btn-create-modern{width:100%;justify-content:center}}.form-card{max-height:90vh;overflow-y:auto;display:flex;flex-direction:column;position:relative}.form-card::-webkit-scrollbar{width:6px}.form-card::-webkit-scrollbar-thumb{background:var(--surface-variant);border-radius:10px}.form-card h3{position:sticky;top:0;background:var(--dialog);padding-bottom:15px;z-index:10;margin-top:0}.form-card form{display:flex;flex-direction:column;gap:5px}.modal-actions{position:sticky;bottom:0;background:var(--dialog);padding-top:15px;margin-top:10px;z-index:10}.row-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}@media (max-width: 500px){.row-grid{grid-template-columns:1fr}}.filter-buttons{display:flex;gap:10px}.filter-buttons .btn-filter{background:var(--surface);border:1px solid var(--surface-variant);color:var(--text);padding:8px 16px;border-radius:10px;cursor:pointer;font-size:.85rem;font-weight:600;display:flex;align-items:center;gap:8px;transition:all .3s ease}.filter-buttons .btn-filter i{font-size:1rem}.filter-buttons .btn-filter:hover{background:var(--surface-variant);border-color:var(--purple-600)}.filter-buttons .btn-filter.active{background:var(--purple-600);color:#fff;border-color:transparent;box-shadow:0 4px 12px #7c3aed4d}.filter-buttons .btn-delete-all{background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.2);padding:8px 16px;border-radius:10px;cursor:pointer;font-size:.85rem;font-weight:600;transition:.3s}.filter-buttons .btn-delete-all:hover{background:#ef4444;color:#fff}.social-bar{display:flex;align-items:center;gap:12px;margin-top:15px;padding-top:15px;border-top:1px solid var(--surface-variant)}.social-bar .social-icon{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.1rem;transition:transform .2s ease}.social-bar .social-icon:hover{transform:scale(1.15)}.social-bar .social-icon.whatsapp{background-color:#25d366}.social-bar .social-icon.telegram{background-color:#08c}.social-bar .phone-number{font-size:.85rem;color:var(--text);font-weight:500;font-family:monospace;opacity:.8}.global-loader{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;z-index:100}.global-loader .spinner{width:50px;height:50px;border:4px solid var(--surface-variant);border-top:4px solid var(--purple-600);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 15px}.global-loader p{color:var(--muted);font-weight:500}.no-data{text-align:center;padding:60px 20px;color:var(--muted)}.no-data i{display:block;margin-bottom:15px}.no-data p{font-size:1.1rem}.course-card .badge-group .bg-success{background:#10b98133!important;color:#10b981!important}.course-card .badge-group .bg-warning{background:#f59e0b33!important;color:#f59e0b!important}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.video-link-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:var(--radius);font-size:.8rem;font-weight:600;text-decoration:none;transition:all .3s ease;box-shadow:var(--shadow-1);border:1px solid transparent}.btn-youtube{background:color-mix(in oklab,#ff0000 15%,var(--card));color:#ff4d4d;border-color:color-mix(in oklab,#ff0000 20%,transparent)}.btn-youtube:hover{background:red;color:#fff;transform:translateY(-2px);box-shadow:0 4px 15px #ff00004d}.btn-drive{background:color-mix(in oklab,#4285f4 15%,var(--card));color:#74a6f7;border-color:color-mix(in oklab,#4285f4 20%,transparent)}.btn-drive:hover{background:#4285f4;color:#fff;transform:translateY(-2px);box-shadow:0 4px 15px #4285f44d}.video-link-btn i{font-size:1rem}.video-links-wrapper{display:flex;gap:8px;margin-top:10px}.btn-telegram{background:color-mix(in oklab,#24A1DE 15%,var(--card));color:#54b4e6;border-color:color-mix(in oklab,#24A1DE 20%,transparent)}.btn-telegram:hover{background:#24a1de;color:#fff;transform:translateY(-2px);box-shadow:0 4px 15px #24a1de4d}@media (max-width: 768px){body,.lpx-content-container{padding:8px!important;background:var(--bg-body)!important}.list-container{padding:12px!important;min-height:auto;overflow-x:hidden}.lpx-sidebar{transform:translate(-100%);transition:transform .3s ease;position:fixed;z-index:1000;height:100vh;width:250px;top:0;left:0}.lpx-sidebar.mobile-open{transform:translate(0)}.mobile-menu-toggle{display:block!important;position:fixed;top:15px;left:15px;z-index:999;width:40px;height:40px;background:var(--purple-600);border-radius:10px;color:#fff;border:none;font-size:1.2rem;cursor:pointer}.mobile-header{display:flex!important;justify-content:space-between;align-items:center;padding:12px 16px;background:var(--surface);border-radius:var(--radius);margin-bottom:16px;position:sticky;top:0;z-index:100;box-shadow:var(--shadow-1)}.toolbar{flex-direction:column;gap:12px;padding:12px}.search-wrapper{width:100%;max-width:100%!important}.search-input-modern{padding:12px 12px 12px 45px!important;font-size:14px}.search-icon{left:12px!important}.btn-create-modern,.btn-create{width:100%;justify-content:center;padding:12px;font-size:14px}.btn-create-modern i,.btn-create i{font-size:16px}.cards-grid{grid-template-columns:1fr!important;gap:16px}.course-card{margin-bottom:8px}.course-card:hover{transform:none}.card-body{padding:16px}.course-name{font-size:16px!important;line-height:1.4}.course-title{font-size:13px!important}.custom-badge{padding:4px 10px!important;font-size:11px!important}.video-links-wrapper{flex-direction:column;gap:6px}.video-link-btn{width:100%;justify-content:center;padding:10px}.social-bar{flex-wrap:wrap;justify-content:center;gap:8px}.modal-overlay{padding:60px 10px 10px;align-items:flex-start}.form-card,.delete-card{width:100%;max-width:100%;border-radius:16px;padding:20px;max-height:85vh;overflow-y:auto}.form-card h3{font-size:18px;margin-bottom:16px}.form-group{margin-bottom:12px}.form-control{padding:10px;font-size:14px}.pagination-modern{flex-wrap:wrap;gap:6px;margin-top:24px}.page-nav,.page-num{width:36px;height:36px;font-size:14px}.dropdown-actions{top:10px;right:10px}.actions-menu{width:150px;right:40px}table{display:block;overflow-x:auto;white-space:nowrap}.filter-buttons{flex-wrap:wrap;gap:8px}.btn-filter,.btn-delete-all{flex:1;min-width:calc(50% - 8px);justify-content:center;padding:10px}.loading-container{height:40vh}.spinner{width:32px;height:32px;border-width:4px}.loading-text{font-size:14px}.sidebar-overlay{display:none;position:fixed;inset:0;background:#000000b3;z-index:999;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.sidebar-overlay.active{display:block}.footer{padding:16px;text-align:center;font-size:12px}}@media (max-width: 480px){.mobile-header{padding:10px 12px}.list-container{padding:8px!important}.toolbar{padding:10px}.btn-create-modern{padding:10px;font-size:13px}.search-input-modern{padding:10px 10px 10px 40px!important;font-size:13px}.card-body{padding:14px}.course-name{font-size:15px!important}.badge-group{flex-wrap:wrap;gap:6px}.modal-actions{flex-direction:column;gap:8px}.modal-actions button{width:100%}.form-card{padding:16px}.filter-buttons .btn-filter,.filter-buttons .btn-delete-all{min-width:100%}body{font-size:14px}h1{font-size:22px}h2{font-size:20px}h3{font-size:18px}h4{font-size:16px}h5{font-size:14px}h6{font-size:13px}}@media (min-width: 769px) and (max-width: 1024px){.cards-grid{grid-template-columns:repeat(2,1fr)}.list-container{padding:20px}.toolbar{flex-wrap:nowrap}.search-wrapper{max-width:60%}}@media (max-height: 600px) and (orientation: landscape){.modal-overlay{padding-top:20px}.form-card,.delete-card{max-height:75vh}.course-card{max-height:200px;overflow:hidden}.card-header{height:70px!important}.chapter-icon-placeholder{width:40px!important;height:40px!important}}@media (pointer: coarse){button,.btn,.btn-filter,.page-nav,.page-num,.dots-btn,.video-link-btn{min-height:44px;min-width:44px}.menu-item,.lpx-menu-item-link{padding:12px 16px;min-height:50px}.cards-grid{gap:20px}.btn-create-modern{border-radius:12px}}@media (prefers-color-scheme: dark){:root{--surface: #1A272D;--card: #1F2C32;--surface-variant: #243138}}@media print{.toolbar,.btn-create-modern,.dropdown-actions,.mobile-menu-toggle,.lpx-sidebar,.mobile-header{display:none!important}.list-container{padding:0!important;box-shadow:none!important}.course-card{break-inside:avoid;border:1px solid #ddd;box-shadow:none!important}}