.navbar-user-trigger{display:flex;align-items:center;gap:.5rem;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:999px;padding:.3rem .75rem .3rem .35rem;cursor:pointer;font-size:.9rem;font-weight:600;color:var(--text-primary);transition:background .2s,box-shadow .2s;-webkit-user-select:none;user-select:none}.navbar-user-trigger:hover{background:var(--bg-tertiary);box-shadow:0 1px 4px #00000014}.navbar-user-avatar{width:2rem;height:2rem;border-radius:50%;background:linear-gradient(135deg,var(--primary-color) 0%,#7c3aed 100%);color:#fff;font-size:.85rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;letter-spacing:0}.navbar-user-name{max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.navbar-user-role{padding:.1rem .5rem;border-radius:999px;font-size:.68rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase;background:var(--primary-color);color:#fff;opacity:.85}.navbar-user-chevron{font-size:.7rem;color:var(--text-secondary);margin-left:.1rem}.user-menu-popup{position:absolute;top:calc(100% + .5rem);right:0;background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:0 8px 30px #0000001f,0 2px 8px #0000000f;min-width:220px;z-index:2000;padding:0;display:flex;flex-direction:column;overflow:hidden}.user-menu-identity{display:flex;align-items:center;gap:.75rem;padding:1rem 1rem .85rem;background:linear-gradient(135deg,#6366f10f,#7c3aed0f)}.user-menu-avatar{width:2.75rem;height:2.75rem;border-radius:50%;background:linear-gradient(135deg,var(--primary-color) 0%,#7c3aed 100%);color:#fff;font-size:1.1rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 2px 8px #6366f14d}.user-menu-identity-text{min-width:0;flex:1}.user-menu-identity-name{font-size:.95rem;font-weight:700;color:var(--text-primary);line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-menu-identity-email{font-size:.78rem;color:var(--text-secondary);line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-menu-identity-role{display:inline-block;margin-top:.25rem;padding:.1rem .5rem;border-radius:999px;font-size:.68rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase;background:var(--primary-color);color:#fff;opacity:.85}.user-menu-divider{height:1px;background:var(--border-light);margin:0}.user-menu-language{padding:.6rem 1rem;display:flex;align-items:center;gap:.6rem}.user-menu-section-label{font-size:.82rem;color:var(--text-secondary);font-weight:500;flex-shrink:0}.user-menu-lang-options{display:flex;gap:.35rem}.user-menu-lang-btn{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-sm);padding:.2rem .65rem;font-size:.82rem;font-weight:600;color:var(--text-primary);cursor:pointer;transition:background .15s,border-color .15s,color .15s}.user-menu-lang-btn:hover{background:var(--bg-tertiary)}.user-menu-lang-btn.active{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.user-menu-logout{display:flex;align-items:center;justify-content:center;gap:.4rem;margin:.5rem 1rem .75rem;background:transparent;color:var(--danger-color, #dc2626);border:1px solid var(--danger-color, #dc2626);border-radius:var(--radius-sm);padding:.45rem .8rem;font-size:.88rem;font-weight:600;cursor:pointer;transition:background .15s,color .15s;width:calc(100% - 2rem)}.user-menu-logout:hover{background:var(--danger-color, #dc2626);color:#fff}.navbar{background:#ffffffeb;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-light);box-shadow:0 1px 0 0 var(--border-light),0 2px 12px #6366f10a;position:sticky;top:0;z-index:100}.navbar-container{max-width:1200px;margin:0 auto;padding:0 1.5rem;display:flex;justify-content:space-between;align-items:center;height:3.75rem;gap:1.5rem}.navbar-brand{font-size:1.35rem;font-weight:800;color:var(--primary-color);display:flex;align-items:center;gap:.5rem;letter-spacing:-.02em;flex-shrink:0;text-decoration:none}.navbar-brand:hover{color:var(--primary-color);opacity:.85}.navbar-logo{width:2.75rem;height:2.75rem;object-fit:contain;display:block;border-radius:.5rem}.navbar-nav{display:flex;align-items:center;gap:.25rem;list-style:none;margin:0;padding:0;flex:1}.navbar-nav li{display:flex;align-items:center}.navbar-nav a{color:var(--text-secondary);font-weight:500;font-size:.9rem;padding:.4rem .75rem;border-radius:var(--radius-sm);transition:color .15s,background .15s;white-space:nowrap;text-decoration:none}.navbar-nav a:hover{color:var(--primary-color);background:#6366f112}.navbar-nav a.active{color:var(--primary-color);background:#6366f11a;font-weight:600}.navbar-hamburger{display:none;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:2.2rem;height:2.2rem;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-sm);cursor:pointer;padding:.35rem;flex-shrink:0;transition:background .15s}.navbar-hamburger:hover{background:var(--bg-tertiary)}.navbar-hamburger-line{display:block;width:18px;height:2px;background:var(--text-primary);border-radius:2px;transition:transform .2s,opacity .2s}.navbar-hamburger.open .navbar-hamburger-line:nth-child(1){transform:translateY(7px) rotate(45deg)}.navbar-hamburger.open .navbar-hamburger-line:nth-child(2){opacity:0}.navbar-hamburger.open .navbar-hamburger-line:nth-child(3){transform:translateY(-7px) rotate(-45deg)}@media(max-width:768px){.navbar-container{height:3.75rem;padding:0 1rem;flex-wrap:nowrap}.navbar-hamburger{display:flex;margin-left:auto}.navbar-nav{display:none;position:fixed;top:3.75rem;left:0;right:0;background:var(--bg-primary);border-bottom:1px solid var(--border-light);box-shadow:0 8px 24px #00000014;flex-direction:column;align-items:stretch;gap:0;padding:.5rem .75rem .75rem;z-index:999;overflow-y:auto;max-height:calc(100vh - 3.75rem)}.navbar-nav.open{display:flex}.navbar-nav li{width:100%}.navbar-nav a{display:block;width:100%;padding:.65rem .75rem;font-size:.95rem;border-radius:var(--radius-sm)}.navbar-nav li:has(.navbar-user-trigger){margin-top:.5rem;padding-top:.5rem;border-top:1px solid var(--border-light)}.user-menu-popup{position:fixed;top:3.75rem;right:.75rem;left:.75rem;width:auto;min-width:unset}}.home-container{min-height:100vh;background-color:var(--bg-secondary);padding-top:2rem;padding-bottom:2rem}.hero{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:4rem 1rem;border-radius:var(--radius-lg);text-align:center;margin-bottom:3rem;box-shadow:var(--shadow-lg)}.hero h1{font-size:2.5rem;color:#fff;margin-bottom:1rem}.hero p{font-size:1.1rem;color:#ffffffe6;margin-bottom:2rem}.hero-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.hero .btn{font-weight:600}.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-bottom:3rem}.feature-card{background-color:var(--bg-primary);padding:2rem;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);transition:var(--transition)}.feature-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}.feature-icon{width:60px;height:60px;background-color:var(--primary-light);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin-bottom:1rem}.feature-card h3{margin-bottom:.5rem}.feature-card p{color:var(--text-secondary);font-size:.95rem}.courses-section{margin-bottom:3rem}.section-title{font-size:2rem;font-weight:700;margin-bottom:2rem;color:var(--text-primary)}.popular-tests-title{margin-top:3.5rem}.courses-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2rem}.course-card{background:#fff;border:1px solid #e9edf2;border-radius:1.2rem;box-shadow:0 8px 26px #0f172a14;transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease;padding:3rem 1.2rem 1.2rem;cursor:pointer;display:flex;flex-direction:column;align-items:flex-start;gap:.25rem;min-height:23.75rem;position:relative;isolation:isolate;overflow:hidden;will-change:transform}.course-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}.course-card:hover .courses-brand-badge-ring{transform:scale(1.08)}.course-header{height:180px;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;color:#fff;font-size:3rem}.course-card .course-header{width:100%;height:90px;background:linear-gradient(90deg,var(--primary-color) 0%,var(--primary-light) 100%);display:flex;align-items:center;justify-content:center;font-size:2.8rem;color:#fff;border-radius:var(--radius-lg) var(--radius-lg) 0 0;margin-bottom:1.1rem;box-shadow:0 2px 8px #6366f11a}.course-home-thumbnail{width:100%;height:140px;object-fit:cover;border-radius:var(--radius-lg) var(--radius-lg) 0 0;display:block}.course-body{padding:1.5rem;display:flex;flex-direction:column;gap:.2rem;height:100%}.course-title{font-size:1.25rem;font-weight:600;margin-bottom:.5rem;color:var(--text-primary)}.course-description{color:var(--text-secondary);font-size:.95rem;margin-bottom:1rem}.course-meta{display:flex;justify-content:space-between;align-items:center;gap:.75rem;padding-top:1rem;border-top:1px solid var(--border-light);margin-bottom:1rem}.course-level{display:inline-block;padding:.25rem .75rem;background-color:var(--primary-light);color:#fff;border-radius:var(--radius-sm);font-size:.8rem;font-weight:600}.course-students{color:var(--text-secondary);font-size:.9rem}.home-enroll-btn{appearance:none;border:none;display:inline-flex;align-items:center;justify-content:center;width:100%;margin-top:.6rem;padding:.72rem 1rem;min-height:2.75rem;font-size:.98rem;line-height:1.2;font-family:inherit;font-weight:700;border-radius:var(--radius-md);background:linear-gradient(90deg,var(--primary-color),var(--primary-light));color:#fff;box-shadow:0 8px 18px #6366f13d;opacity:1;visibility:visible;cursor:pointer;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.home-enroll-btn:hover{background:linear-gradient(90deg,var(--primary-dark),var(--primary-color));transform:translateY(-1px);box-shadow:0 12px 24px #4f46e547}.home-enroll-btn:disabled{opacity:.9}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-bottom:3rem;background-color:var(--bg-primary);padding:2rem;border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.stat-item{text-align:center}.stat-number{font-size:2.5rem;font-weight:700;color:var(--primary-color);margin-bottom:.5rem}.stat-label{color:var(--text-secondary);font-weight:500}@media(max-width:768px){.hero{padding:2rem 1rem}.hero h1{font-size:1.75rem}.hero-buttons{flex-direction:column}.section-title{font-size:1.5rem}.popular-tests-title{margin-top:2.4rem}.course-meta{flex-direction:column;align-items:flex-start}}.auth-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:1rem}.auth-card{background-color:var(--bg-primary);border-radius:var(--radius-lg);padding:2.5rem;width:100%;max-width:450px;box-shadow:0 20px 25px -5px #0000001a;animation:slideUp .3s ease-out}.auth-card--register{max-width:620px}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.auth-header{text-align:center;margin-bottom:2rem}.auth-title{font-size:2rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem}.auth-subtitle{color:var(--text-secondary);font-size:.95rem}.auth-form{display:flex;flex-direction:column;gap:1rem}.auth-input{position:relative}.auth-input input,.auth-input select{width:100%;padding:.875rem 1rem;border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:1rem;background-color:var(--bg-primary);color:var(--text-primary);transition:var(--transition);box-sizing:border-box;appearance:none;-webkit-appearance:none}.auth-input select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%2394a3b8' d='M1 1l5 5 5-5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;padding-right:2.5rem;cursor:pointer}.auth-input input:focus,.auth-input select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #6366f11a}.auth-input label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--text-primary);font-size:.95rem}.auth-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.auth-optional{font-weight:400;color:var(--text-secondary, #94a3b8);font-size:.82em}.auth-section-label{font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary, #94a3b8);margin:.25rem 0 0;padding-bottom:.4rem;border-bottom:1px solid var(--border-color)}.auth-button{padding:.875rem;background-color:var(--primary-color);color:#fff;border:none;border-radius:var(--radius-md);font-weight:600;font-size:1rem;cursor:pointer;transition:var(--transition);margin-top:.5rem}.auth-button:hover{background-color:var(--primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.auth-button:active{transform:translateY(0)}.auth-button:disabled{opacity:.5;cursor:not-allowed}.auth-footer{text-align:center;margin-top:1.5rem;color:var(--text-secondary);font-size:.95rem}.auth-footer a{color:var(--primary-color);font-weight:600;transition:var(--transition)}.auth-footer a:hover{color:var(--primary-dark)}.divider{display:flex;align-items:center;margin:1.5rem 0;color:var(--text-tertiary);gap:1rem}.divider:before,.divider:after{content:"";flex:1;height:1px;background-color:var(--border-color)}.social-buttons{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.social-btn{padding:.75rem;border:1px solid var(--border-color);border-radius:var(--radius-md);background-color:var(--bg-secondary);cursor:pointer;transition:var(--transition);display:flex;align-items:center;justify-content:center;gap:.5rem;font-weight:500;color:var(--text-primary)}.social-btn:hover{background-color:var(--bg-tertiary);border-color:var(--primary-color)}.error-message{background-color:#fee2e2;color:#991b1b;padding:.75rem 1rem;border-radius:var(--radius-md);border:1px solid #fecaca;margin-bottom:1rem;font-size:.9rem}.success-message{background-color:#d1fae5;color:#065f46;padding:.75rem 1rem;border-radius:var(--radius-md);border:1px solid #a7f3d0;margin-bottom:1rem;font-size:.9rem}@media(max-width:480px){.auth-card{padding:1.5rem}.auth-title{font-size:1.5rem}.social-buttons,.auth-row{grid-template-columns:1fr}}.sim-overlay{position:fixed;inset:0;background-color:#000000bf;display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px}.sim-modal{background:#fff;border-radius:16px;max-width:700px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column}.sim-header{display:flex;justify-content:space-between;align-items:flex-start;padding:24px 28px;border-bottom:1px solid #e5e7eb}.sim-title{font-size:24px;font-weight:700;color:#111827;margin:0}.sim-subtitle{font-size:14px;color:#6b7280;margin:4px 0 0}.sim-close-btn{background:none;border:none;font-size:32px;line-height:1;color:#9ca3af;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s}.sim-close-btn:hover{background:#f3f4f6;color:#111827}.sim-loading{padding:48px;text-align:center;color:#6b7280;font-size:16px}.sim-error{margin:20px 28px;padding:12px 16px;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#991b1b;font-size:14px}.sim-body{padding:24px 28px;display:flex;flex-direction:column;gap:20px}.sim-option{border:2px solid #e5e7eb;border-radius:12px;padding:20px;cursor:pointer;transition:all .2s;background:#f9fafb}.sim-option:hover{border-color:#d1d5db;background:#fff}.sim-option-selected{border-color:#0f766e;background:#f0fdfa;box-shadow:0 0 0 3px #0f766e1a}.sim-option-header{display:flex;align-items:flex-start;gap:12px;margin-bottom:12px}.sim-radio{width:20px;height:20px;margin-top:2px;cursor:pointer;flex-shrink:0;accent-color:#0f766e}.sim-option-title{font-size:18px;font-weight:600;color:#111827;margin:0 0 4px}.sim-option-subtitle{font-size:14px;color:#6b7280;margin:0}.sim-option-price{font-size:32px;font-weight:700;color:#0f766e;margin:12px 0}.sim-option-price-split{margin:12px 0;padding:16px;background:#fff;border-radius:8px;display:flex;flex-direction:column;gap:12px}.sim-option-price-split>div{display:flex;align-items:baseline;gap:8px}.sim-price-label{font-size:14px;color:#6b7280;font-weight:500}.sim-price-amount{font-size:24px;font-weight:700;color:#0f766e}.sim-price-suffix{font-size:14px;color:#6b7280}.sim-option-features{list-style:none;padding:0;margin:16px 0 0;display:flex;flex-direction:column;gap:8px}.sim-option-features li{font-size:14px;color:#374151;padding-left:0}.sim-schedule{margin-top:20px;padding-top:20px;border-top:1px solid #e5e7eb}.sim-schedule-title{font-size:14px;font-weight:600;color:#111827;margin:0 0 12px}.sim-schedule-item{display:flex;justify-content:space-between;padding:10px 0;font-size:14px;color:#374151;border-bottom:1px solid #f3f4f6}.sim-schedule-registration{font-weight:600;color:#0f766e}.sim-schedule-total{display:flex;justify-content:space-between;padding:12px 0 0;font-size:16px;font-weight:700;color:#111827;margin-top:8px;border-top:2px solid #e5e7eb}.sim-footer{padding:20px 28px;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;gap:12px;background:#f9fafb}.sim-btn{padding:12px 24px;font-size:15px;font-weight:600;border-radius:8px;border:none;cursor:pointer;transition:all .2s}.sim-btn:disabled{opacity:.6;cursor:not-allowed}.sim-btn-secondary{background:#fff;color:#374151;border:1px solid #d1d5db}.sim-btn-secondary:hover:not(:disabled){background:#f9fafb}.sim-btn-primary{background:#0f766e;color:#fff}.sim-btn-primary:hover:not(:disabled){background:#115e59}.sid-container{max-width:1200px;margin:0 auto;padding:32px 20px}.sid-header{margin-bottom:32px}.sid-title{font-size:28px;font-weight:700;color:#111827;margin:0 0 8px}.sid-subtitle{font-size:16px;color:#6b7280;margin:0}.sid-empty{text-align:center;padding:64px 20px;background:#f9fafb;border-radius:12px;border:2px dashed #d1d5db}.sid-empty-icon{font-size:64px;margin-bottom:16px}.sid-empty-text{font-size:18px;color:#6b7280;margin:0 0 24px}.sid-empty-btn{display:inline-block;padding:12px 24px;background:#0f766e;color:#fff;text-decoration:none;border-radius:8px;font-weight:600;transition:background .2s}.sid-empty-btn:hover{background:#115e59}.sid-courses-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:24px}.sid-course-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:24px;box-shadow:0 1px 3px #0000001a}.sid-course-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.sid-course-name{font-size:18px;font-weight:600;color:#111827;margin:0 0 4px}.sid-course-status{font-size:12px;padding:4px 10px;border-radius:12px;font-weight:600;text-transform:uppercase;white-space:nowrap}.sid-status-current{background:#d1fae5;color:#065f46}.sid-status-overdue{background:#fee2e2;color:#991b1b}.sid-status-completed{background:#e0e7ff;color:#3730a3}.sid-progress-section{margin-bottom:20px}.sid-progress-label{display:flex;justify-content:space-between;font-size:13px;color:#6b7280;margin-bottom:8px}.sid-progress-bar{width:100%;height:8px;background:#e5e7eb;border-radius:4px;overflow:hidden}.sid-progress-fill{height:100%;background:#0f766e;border-radius:4px;transition:width .3s}.sid-installments-list{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.sid-installment-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#f9fafb;border-radius:8px;border:1px solid #e5e7eb}.sid-installment-overdue{background:#fef2f2;border-color:#fecaca}.sid-installment-paid{background:#f0fdf4;border-color:#bbf7d0}.sid-installment-info{display:flex;flex-direction:column;gap:4px}.sid-installment-title{font-size:14px;font-weight:600;color:#111827;margin:0}.sid-installment-due{font-size:12px;color:#6b7280;margin:0}.sid-installment-due-overdue{color:#991b1b;font-weight:600}.sid-installment-actions{display:flex;align-items:center;gap:12px}.sid-installment-amount{font-size:16px;font-weight:700;color:#111827}.sid-pay-btn{padding:8px 16px;background:#0f766e;color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:background .2s}.sid-pay-btn:hover{background:#115e59}.sid-pay-btn:disabled{opacity:.6;cursor:not-allowed}.sid-paid-badge{padding:4px 8px;background:#dcfce7;color:#166534;border-radius:4px;font-size:12px;font-weight:600}.sid-course-footer{padding-top:16px;border-top:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center}.sid-total-label{font-size:14px;color:#6b7280}.sid-total-amount{font-size:18px;font-weight:700;color:#111827}.sid-loading{text-align:center;padding:64px 20px;color:#6b7280}.sid-error{padding:16px 20px;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#991b1b;margin-bottom:24px}@media(max-width:768px){.sim-modal{max-width:100%;margin:0;border-radius:16px 16px 0 0}.sim-option-price{font-size:28px}.sim-price-amount{font-size:20px}.sid-courses-grid{grid-template-columns:1fr}}.courses-page-shell{width:min(1460px,calc(100vw - 2rem));max-width:none}.courses-page-shell .container,.courses-page-shell{scroll-margin-top:5rem}.courses-main-container{position:relative;display:flex;flex-direction:column;gap:1.9rem;padding:1.25rem 0 2.5rem}.courses-main-container:before{content:"";position:absolute;inset:0 0 auto;height:12rem;background:radial-gradient(circle at top right,rgba(245,158,11,.16),transparent 44%),linear-gradient(180deg,#fffffffa,#f8fafce6);border-radius:1.75rem;pointer-events:none}.courses-main-container>*{position:relative;z-index:1}.courses-tab-panel{display:flex;flex-direction:column;gap:1.25rem}.courses-tab-panel>p{margin:0;color:var(--text-secondary)}.courses-section-title{margin:0;font-size:1.62rem;font-weight:800;color:var(--text-primary);letter-spacing:-.02em}.courses-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}.courses-tab-switcher{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem;background:#fff;border:1px solid #e8ebf0;border-radius:999px;width:fit-content;box-shadow:0 10px 24px #0f172a14}.courses-tab-btn{border:1px solid transparent;background:transparent;color:var(--text-secondary);font-weight:700;font-size:.92rem;letter-spacing:.01em;padding:.72rem 1.2rem;border-radius:999px;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,color .2s ease,background .2s ease}.courses-tab-btn:hover{color:var(--text-primary);background:#f3f5f8}.courses-tab-btn.active{background:linear-gradient(135deg,var(--primary-dark),var(--primary-light));color:#fff;box-shadow:0 10px 18px #6366f14d}.courses-tab-btn:focus-visible,.courses-action-btn:focus-visible,.courses-action-link:focus-visible,.courses-back-btn:focus-visible,.courses-page-list li:focus-visible,.courses-section-list li:focus-visible{outline:3px solid rgba(99,102,241,.34);outline-offset:2px}.courses-card:before{position:absolute;top:.95rem;left:.95rem;padding:.26rem .62rem;border-radius:999px;font-size:.67rem;letter-spacing:.05em;font-weight:800;color:#b45309;background:#fff7e8;border:1px solid #f6d699}.courses-card:after{display:none}.courses-card:hover{box-shadow:0 16px 34px #0f172a1f;border-color:#d8e1ea;transform:translateY(-.32rem)}.courses-card:hover .courses-brand-badge-ring{transform:scale(1.08)}.courses-card-static{cursor:default}.courses-card-static:hover{transform:none}.courses-card .course-header{width:100%;height:11.2rem;display:block;object-fit:cover;border-radius:.85rem;margin:.35rem 0 .95rem;box-shadow:0 8px 18px #0f172a1a}.courses-card h3{font-size:1.02rem;line-height:1.4;min-height:3.2rem;margin:.05rem 0 .35rem;color:var(--text-primary);font-weight:700;letter-spacing:0;display:-webkit-box;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.courses-card .courses-meta{display:block;align-items:center;gap:0;width:auto;flex-wrap:nowrap;color:var(--text-secondary);font-size:.9rem;line-height:1.35;padding:0;border-radius:0;background:transparent;border:0;box-shadow:none;margin-bottom:.32rem}.courses-card .courses-section-count{margin-top:.45rem;color:#374151;font-size:.83rem;font-weight:600;letter-spacing:0;text-transform:none;padding:.4rem .58rem;border-radius:.45rem;background:#f8fafc;border:1px solid #e5e7eb;margin-bottom:.3rem}.courses-card .courses-meta:last-of-type,.courses-card .courses-section-count:last-of-type{margin-bottom:0}.courses-card-actions{display:flex;gap:.75rem;margin-top:auto;padding-top:1rem;width:100%}.courses-action-btn,.courses-action-link{display:inline-flex;align-items:center;justify-content:center;min-height:2.7rem;padding:.72rem .95rem;border-radius:.65rem;font-weight:700;border:1px solid transparent;cursor:pointer;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease,background .2s ease,color .2s ease;flex:1}.courses-action-btn:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.courses-action-btn-primary,.courses-action-link.courses-action-btn-primary{background:linear-gradient(135deg,var(--primary-dark),var(--primary-light));color:#fff;box-shadow:0 10px 18px #6366f147}.courses-action-btn-secondary,.courses-action-link.courses-action-btn-secondary{background:var(--bg-primary);color:var(--text-primary);border:1px solid var(--border-color)}.courses-action-btn:not(:disabled):hover,.courses-action-link:hover{transform:translateY(-.1rem)}.courses-action-btn-primary:not(:disabled):hover,.courses-action-link.courses-action-btn-primary:hover{box-shadow:0 14px 24px #6366f154}.courses-action-btn-secondary:not(:disabled):hover,.courses-action-link.courses-action-btn-secondary:hover{background:var(--bg-secondary);color:var(--primary-dark)}.courses-enroll-btn{margin-top:auto;width:100%}.courses-moq-panel{margin-top:2rem;background:#fff;border-radius:1.1rem;box-shadow:0 10px 30px #0f172a12;padding:1.6rem;border:1px solid #e5e7eb}.courses-test-panel .courses-grid{margin-top:.25rem}.courses-moq-panel-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.25rem}.courses-moq-panel-header h3{margin:0 0 .4rem;color:var(--text-primary);font-size:1.25rem}.courses-moq-panel-header p{margin:0;color:var(--text-secondary)}.courses-moq-badge{background:linear-gradient(135deg,#f59e0b,#fbbf24);color:#fff;border-radius:999px;padding:.5rem .8rem;font-size:.82rem;font-weight:800;letter-spacing:.03em;text-transform:uppercase;white-space:nowrap}.courses-moq-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin-bottom:1.25rem}.courses-moq-stats div{background:#f8fafc;border-radius:.9rem;padding:1rem;border:1px solid #e5e7eb}.courses-moq-stats span{display:block;color:var(--text-secondary);font-size:.9rem;margin-bottom:.35rem}.courses-moq-stats strong{color:var(--text-primary)}.courses-detail-container{display:flex;gap:2.5rem;margin-top:1.5rem}.courses-left-panel{min-width:240px;background:#fff;border-radius:1rem;padding:1.25rem 1rem;box-shadow:0 8px 24px #0f172a12;border:1px solid #e5e7eb;height:fit-content}.courses-section-list,.courses-page-list{list-style:none;padding:0;margin:0 0 1.5rem}.courses-section-list li,.courses-page-list li{padding:.6rem .8rem;border-radius:var(--radius-sm);margin-bottom:.5rem;cursor:pointer;transition:var(--transition);color:var(--text-primary)}.courses-section-list li.selected,.courses-page-list li.selected{background:var(--primary-light);color:#fff;font-weight:600}.courses-section-list li:hover,.courses-page-list li:hover{background:var(--primary-color);color:#fff}.courses-content-panel{flex:1;min-width:0;background:#fff;border-radius:1rem;box-shadow:0 10px 30px #0f172a12;border:1px solid #e5e7eb;padding:2rem 1.5rem}.courses-back-btn{margin-bottom:1rem;padding:.7rem 1.2rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:999px;color:var(--primary-color);font-weight:700;cursor:pointer;transition:transform .2s ease,background .2s ease,color .2s ease}.courses-back-btn:hover{background:var(--bg-secondary);color:var(--primary-dark);transform:translateY(-.1rem)}@media(min-width:1400px){.courses-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}}@media(max-width:1100px){.courses-page-shell{width:min(100%,calc(100vw - 1.5rem))}.courses-grid{grid-template-columns:repeat(auto-fill,minmax(290px,1fr))}}@media(max-width:900px){.courses-detail-container{flex-direction:column;gap:1.5rem}.courses-left-panel{min-width:0;width:100%;margin-bottom:1rem}.courses-content-panel{padding:1.25rem .5rem}.courses-section-title{font-size:1.35rem}}@media(max-width:600px){.courses-page-shell{width:min(100%,calc(100vw - 1rem))}.courses-main-container{padding:.5rem 0 1.5rem}.courses-tab-switcher{width:100%;gap:.35rem;padding:.35rem}.courses-tab-btn{flex:1;min-width:0;padding:.75rem .9rem}.courses-grid{grid-template-columns:1fr;gap:1rem}.courses-card{min-height:0;padding:2.7rem .9rem 1rem}.courses-card .course-header{height:10rem}.courses-detail-container{gap:.5rem}.courses-card-actions,.courses-moq-panel-header{flex-direction:column}.courses-action-btn,.courses-action-link{width:100%}.courses-moq-panel{padding:1.2rem}}@media(prefers-reduced-motion:reduce){.courses-card,.courses-tab-btn,.courses-action-btn,.courses-action-link,.courses-back-btn{transition:none}.courses-card:hover,.courses-action-btn:not(:disabled):hover,.courses-action-link:hover,.courses-back-btn:hover{transform:none}}.moq-page-header{margin:1.75rem 0 1.25rem}.moq-page-header h1{font-size:1.75rem;font-weight:700;color:var(--primary-color);margin-bottom:.35rem;letter-spacing:-.01em}.moq-page-header p{color:var(--text-secondary);font-size:.95rem}.moq-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}.moq-card{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:0 4px 16px #6366f114;overflow:hidden;display:flex;flex-direction:column;transition:box-shadow .25s ease,transform .25s ease}.moq-card:hover{box-shadow:0 8px 28px #6366f126;transform:translateY(-3px)}.moq-card:before{content:"";display:block;height:4px;background:linear-gradient(90deg,var(--primary-color),var(--primary-light));border-radius:var(--radius-lg) var(--radius-lg) 0 0}.moq-card-body{padding:1.25rem;flex:1;display:flex;flex-direction:column;gap:.5rem}.moq-card-header,.moq-question-header{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}.moq-card-header h2{font-size:1.05rem;font-weight:700;color:var(--text-primary);line-height:1.35;margin:0}.moq-card-description{color:var(--text-secondary);font-size:.88rem;line-height:1.5;margin:0}.moq-pill{flex-shrink:0;background:linear-gradient(135deg,var(--primary-color),var(--primary-light));color:#fff;padding:.25rem .75rem;border-radius:9999px;font-size:.78rem;font-weight:700;letter-spacing:.02em;white-space:nowrap}.moq-status-row{margin:.75rem 0;display:grid;grid-template-columns:repeat(2,1fr);gap:.6rem}.moq-status-cell{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:.55rem .75rem}.moq-status-label{color:var(--text-secondary);font-size:.78rem;text-transform:uppercase;letter-spacing:.04em;display:block;margin-bottom:.15rem}.moq-status-value{color:var(--text-primary);font-weight:700;font-size:.95rem;display:block}.moq-card-actions,.moq-footer-links{display:flex;gap:.65rem;align-items:center;flex-wrap:wrap;margin-top:auto;padding-top:.75rem}.moq-assessments-list{margin-top:.75rem}.moq-assessment-item{display:flex;align-items:center;justify-content:space-between;gap:.75rem;border:1px solid var(--border-light);border-radius:var(--radius-md);padding:.75rem 1rem;margin-bottom:.5rem;background:var(--bg-secondary);transition:border-color .2s ease,box-shadow .2s ease}.moq-assessment-item:hover{border-color:var(--primary-color);box-shadow:0 2px 8px #6366f11a}.moq-assessment-info{display:flex;flex-direction:column;gap:.25rem}.moq-assessment-title{color:var(--text-primary);font-weight:600;font-size:.92rem;display:block}.moq-assessment-meta{color:var(--text-tertiary);font-size:.8rem;display:block}.moq-status-badge{display:inline-flex;align-items:center;gap:.3rem;padding:.3rem .75rem;border-radius:9999px;font-size:.78rem;font-weight:600;white-space:nowrap;background:var(--warning-color);color:#fff}.moq-status-badge.new{background:var(--info-color)}.moq-status-badge.submitted,.moq-status-badge.completed{background:var(--success-color)}.moq-status-badge.failed{background:var(--danger-color)}.moq-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:1.5rem}.moq-detail-card{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:0 4px 16px #6366f10f;padding:1.5rem}.moq-detail-card h2{font-size:1.05rem;font-weight:700;color:var(--text-primary);margin-bottom:1rem;padding-bottom:.65rem;border-bottom:2px solid var(--border-light)}.moq-detail-list{display:flex;flex-direction:column;gap:.5rem}.moq-detail-row{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.6rem .75rem;border-radius:var(--radius-sm);background:var(--bg-secondary);font-size:.9rem}.moq-detail-row span{color:var(--text-secondary)}.moq-detail-row strong{color:var(--text-primary)}.moq-history-list{display:flex;flex-direction:column;gap:.5rem;margin-top:.75rem}.moq-history-item{display:grid;grid-template-columns:auto 1fr auto;gap:.75rem;align-items:center;border:1px solid var(--border-light);border-radius:var(--radius-md);padding:.75rem 1rem;background:var(--bg-secondary);transition:border-color .2s ease,background .2s ease}.moq-history-item:hover{border-color:var(--primary-color);background:#f5f3ff}.moq-history-item span{font-size:.88rem;color:var(--text-secondary)}.moq-history-item strong{font-size:1rem;color:var(--primary-color);text-align:right}.moq-attempt-topbar{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem;margin-bottom:1.25rem}.moq-top-item{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:.85rem 1rem;display:flex;flex-direction:column;gap:.25rem}.moq-top-item span{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary)}.moq-top-item strong{font-size:1.35rem;font-weight:800;color:var(--text-primary);letter-spacing:-.01em}.moq-top-item--danger{border-color:var(--danger-color);background:#fff5f5}.moq-top-item--danger strong{color:var(--danger-color)}.moq-nav-grid{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:1rem}.moq-nav-pill{width:2rem;height:2rem;border-radius:var(--radius-sm);border:1.5px solid var(--border-color);background:var(--bg-primary);font-size:.8rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease;color:var(--text-secondary)}.moq-nav-pill.answered{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.moq-nav-pill.current{border-color:var(--primary-dark);outline:2px solid var(--primary-light)}.moq-question-card{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:0 4px 20px #6366f112;padding:1.75rem;margin-bottom:1rem}.moq-question-header{margin-bottom:1rem}.moq-question-header h2{font-size:.8rem;text-transform:uppercase;letter-spacing:.07em;color:var(--primary-color);font-weight:700;margin:0}.moq-question-prompt{font-size:1.05rem;font-weight:500;color:var(--text-primary);line-height:1.6}.moq-option-list{margin-top:1.25rem;display:flex;flex-direction:column;gap:.6rem}.moq-option{border:2px solid var(--border-color);border-radius:var(--radius-md);padding:.9rem 1rem;display:flex;gap:.75rem;align-items:center;cursor:pointer;transition:border-color .18s ease,background .18s ease,box-shadow .18s ease;background:var(--bg-primary);position:relative}.moq-option:hover{border-color:var(--primary-light);background:#f5f3ff}.moq-option input[type=radio]{accent-color:var(--primary-color);width:1.1rem;height:1.1rem;flex-shrink:0;cursor:pointer}.moq-option span{font-size:.95rem;color:var(--text-primary);line-height:1.5}.moq-option.selected{border-color:var(--primary-color);background:#eef2ff;box-shadow:0 0 0 3px #6366f11f}.moq-option.selected span{font-weight:600;color:var(--primary-dark)}.moq-progress-bar-wrap{height:6px;background:var(--border-light);border-radius:9999px;margin-bottom:1.25rem;overflow:hidden}.moq-progress-bar-fill{height:100%;background:linear-gradient(90deg,var(--primary-color),var(--primary-light));border-radius:9999px;transition:width .3s ease}.moq-result-card{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:0 4px 24px #6366f114;padding:2rem}.moq-result-summary{display:flex;flex-direction:column;align-items:center;text-align:center;padding:1.5rem 0 1.75rem;border-bottom:2px solid var(--border-light);margin-bottom:1.5rem;gap:.5rem}.moq-score-circle{width:100px;height:100px;border-radius:50%;background:linear-gradient(135deg,var(--primary-color),var(--primary-light));display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;margin-bottom:.5rem;box-shadow:0 6px 24px #6366f14d}.moq-score-circle span{font-size:1.75rem;font-weight:800;line-height:1}.moq-score-circle small{font-size:.7rem;opacity:.85;text-transform:uppercase;letter-spacing:.05em}.moq-result-summary h2{font-size:1.3rem;font-weight:700;color:var(--text-primary);margin:0}.moq-result-summary p{color:var(--text-secondary);font-size:.9rem}.moq-result-breakdown{display:flex;flex-direction:column;gap:.6rem}.moq-result-item{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;border:1px solid var(--border-light);border-radius:var(--radius-sm);padding:.75rem 1rem;background:var(--bg-secondary);font-size:.9rem}.moq-result-item span{color:var(--text-secondary);line-height:1.5;flex:1}.moq-result-main{flex:1;display:flex;flex-direction:column;gap:.4rem}.moq-result-extra{border-left:3px solid var(--danger-color);padding-left:.65rem;display:flex;flex-direction:column;gap:.2rem}.moq-result-extra p{margin:0;color:var(--text-secondary);font-size:.85rem}.moq-result-status-wrap{display:flex;align-items:center;gap:.45rem;flex-shrink:0}.moq-info-icon{width:1.15rem;height:1.15rem;border-radius:999px;border:1px solid var(--border-color);color:var(--text-secondary);display:inline-flex;align-items:center;justify-content:center;font-size:.72rem;font-weight:700;cursor:help;background:var(--bg-primary)}.moq-info-icon:hover{border-color:var(--primary-color);color:var(--primary-color)}.moq-pass{color:var(--success-color);font-weight:700;flex-shrink:0}.moq-fail{color:var(--danger-color);font-weight:700;flex-shrink:0}.moq-marks-summary{display:flex;gap:.75rem;margin:.5rem 0 1rem;flex-wrap:wrap}.moq-marks-cell{flex:1;min-width:100px;border-radius:12px;padding:.75rem 1rem;display:flex;flex-direction:column;align-items:center;gap:.2rem;text-align:center}.moq-marks-cell span{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;opacity:.75}.moq-marks-cell strong{font-size:1.45rem;font-weight:800;line-height:1}.moq-marks-obtained{background:#f0fdf4;border:1px solid #bbf7d0;color:#15803d}.moq-marks-deducted{background:#fff1f2;border:1px solid #fecdd3;color:#be123c}.moq-marks-final{background:#eff6ff;border:1px solid #bfdbfe;color:#1d4ed8}.moq-result-qs-count{font-size:.87rem;color:var(--text-secondary);margin:0 0 .85rem}.moq-negative-penalty{color:var(--danger-color);font-size:.88rem;margin:.2rem 0 0}.admin-moq-toggle-label{display:flex;align-items:center;font-size:.9rem;gap:.25rem;cursor:pointer;color:var(--text-secondary)}.btn-sm{padding:.45rem 1rem;font-size:.88rem}@media(max-width:900px){.moq-detail-grid{grid-template-columns:1fr}.moq-attempt-topbar{grid-template-columns:repeat(2,1fr)}.moq-assessment-item{flex-direction:column;align-items:flex-start;gap:.5rem}}@media(max-width:640px){.moq-grid{grid-template-columns:1fr}.moq-status-row,.moq-attempt-topbar{grid-template-columns:1fr 1fr}.moq-history-item{grid-template-columns:1fr}.moq-top-item,.moq-result-item,.moq-detail-row{flex-direction:column;align-items:flex-start}.moq-assessment-item{grid-template-columns:1fr;gap:.5rem}.moq-assessment-status{justify-content:space-between;align-items:center;width:100%}}.moq-question-img{display:block;max-width:100%;height:auto;max-height:250px;object-fit:contain;object-position:center;border-radius:8px;margin:.75rem 0;border:1px solid var(--border-light);background:var(--bg-secondary)}.moq-option-img{display:block;max-width:100%;height:auto;max-height:120px;object-fit:contain;object-position:center;border-radius:6px;margin-top:.5rem;border:1px solid var(--border-light);background:#f9f9f9}.moq-option-content{display:flex;flex-direction:column;gap:.4rem;flex:1}.moq-browse-section,.moq-enrolled-section{margin-bottom:2.5rem}.moq-section-title{font-size:1.2rem;font-weight:700;color:var(--primary-color);margin-bottom:1rem;border-bottom:2px solid var(--border-light);padding-bottom:.4rem}.moq-course-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem}.moq-course-card{background:#fff;border:1px solid #e9edf2;border-radius:1.2rem;box-shadow:0 8px 26px #0f172a14;transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease;padding:3rem 1.2rem 1.2rem;cursor:pointer;display:flex;flex-direction:column;align-items:flex-start;gap:.25rem;min-height:23.75rem;position:relative;isolation:isolate;overflow:hidden;will-change:transform}.moq-course-card:has(.moq-price-tag--paid):before{content:"⭐ PREMIUM";position:absolute;top:.75rem;right:.75rem;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;font-size:.65rem;font-weight:800;padding:.3rem .6rem;border-radius:4px;letter-spacing:.05em;z-index:10;box-shadow:0 2px 8px #f59e0b4d}.moq-course-card:hover{box-shadow:0 8px 24px #0000001f;transform:translateY(-4px)}.courses-brand-badge-wrap{position:absolute;top:.35rem;left:0;right:0;display:flex;justify-content:center;z-index:2;pointer-events:none}.courses-brand-badge{display:flex;align-items:center;justify-content:center}.courses-brand-badge-ring{width:4rem;height:4rem;border-radius:999px;padding:.18rem;background:linear-gradient(135deg,#f59e0b,#fcd34d,#f59e0b);box-shadow:0 12px 22px #f59e0b52;transition:transform .24s ease}.courses-brand-badge-inner{width:100%;height:100%;border-radius:999px;overflow:hidden;background:#fff}.courses-brand-badge-image{width:100%;height:100%;object-fit:cover}.moq-course-card:hover .courses-brand-badge-ring{transform:scale(1.08)}.moq-course-card:has(.moq-price-tag--paid){border:2px solid transparent;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(135deg,#f59e0b,#ec4899,#8b5cf6) border-box}.moq-course-card:has(.moq-price-tag--paid):hover{box-shadow:0 8px 28px #ec489940}.moq-course-thumbnail{width:100%;height:140px;object-fit:cover;transition:transform .3s ease}.moq-course-card:hover .moq-course-thumbnail{transform:scale(1.05)}.moq-course-card:has(.moq-price-tag--paid) .moq-course-thumbnail{position:relative}.moq-course-card:has(.moq-price-tag--paid) .moq-course-thumbnail:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#f59e0b26,#ec489926);pointer-events:none}.moq-course-card-body{padding:1rem 1.25rem 1.25rem;flex:1;display:flex;flex-direction:column;gap:.5rem;position:relative}.moq-course-card:has(.moq-price-tag--paid) .moq-course-card-body{background:linear-gradient(135deg,#fff0,#fef3c71a,#fff0)}.moq-course-title{font-size:1.05rem;font-weight:700;color:var(--text-primary);margin:0;transition:color .2s ease}.moq-course-card:has(.moq-price-tag--paid) .moq-course-title{background:linear-gradient(135deg,#f59e0b,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:800}.moq-course-desc{font-size:.85rem;color:var(--text-secondary);margin:0;line-height:1.5}.moq-course-meta{font-size:.82rem;color:var(--text-secondary);margin:0;display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.moq-course-card:has(.moq-price-tag--paid) .moq-course-meta{font-weight:600}.moq-price-tag{font-weight:800;font-size:.88rem;padding:.25rem .65rem;border-radius:999px;display:inline-flex;align-items:center;gap:.3rem;letter-spacing:.02em;transition:transform .2s ease}.moq-price-tag--free{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46;border:1px solid #6ee7b7}.moq-price-tag--paid{background:linear-gradient(135deg,#fef3c7,#fde047);color:#854d0e;border:2px solid #f59e0b;box-shadow:0 2px 8px #f59e0b33;animation:pulse-glow 2s ease-in-out infinite}.moq-price-tag--paid:before{content:"💎";font-size:.9rem}@keyframes pulse-glow{0%,to{box-shadow:0 2px 8px #f59e0b33}50%{box-shadow:0 2px 12px #f59e0b66}}.moq-enroll-btn{margin-top:auto;width:100%;font-weight:600;padding:.65rem 1rem;transition:all .3s ease}.moq-course-card:has(.moq-price-tag--paid) .moq-enroll-btn{background:linear-gradient(135deg,#f59e0b,#d97706);border:none;color:#fff;font-weight:700;font-size:.95rem;box-shadow:0 4px 12px #f59e0b4d;position:relative;overflow:hidden}.moq-course-card:has(.moq-price-tag--paid) .moq-enroll-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.moq-course-card:has(.moq-price-tag--paid) .moq-enroll-btn:hover:before{left:100%}.moq-course-card:has(.moq-price-tag--paid) .moq-enroll-btn:hover{background:linear-gradient(135deg,#d97706,#b45309);box-shadow:0 6px 20px #f59e0b66;transform:translateY(-2px)}.admin-moq-price-badge{display:inline-block;font-size:.78rem;font-weight:700;padding:.25rem .65rem;border-radius:999px;margin-left:.5rem;letter-spacing:.02em;border:1px solid transparent;transition:all .2s ease}.admin-moq-price-badge--free{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46;border-color:#6ee7b7}.admin-moq-price-badge--paid{background:linear-gradient(135deg,#fef3c7,#fde047);color:#854d0e;border-color:#f59e0b;box-shadow:0 2px 6px #f59e0b33}.admin-moq-price-badge--paid:before{content:"💎 "}.admin-moq-paid-label{display:flex;align-items:center;gap:.65rem;font-size:.92rem;color:var(--text-primary);cursor:pointer;font-weight:600;-webkit-user-select:none;user-select:none;padding:.5rem 0;transition:color .2s ease}.admin-moq-paid-label:hover{color:var(--primary-color)}.admin-moq-paid-label input[type=checkbox]{appearance:none;-webkit-appearance:none;width:3rem;height:1.5rem;border-radius:999px;background:linear-gradient(135deg,#cbd5e1,#94a3b8);border:2px solid #e2e8f0;cursor:pointer;position:relative;flex-shrink:0;transition:all .3s ease;box-shadow:inset 0 1px 3px #0000001a}.admin-moq-paid-label input[type=checkbox]:before{content:"";position:absolute;top:50%;left:3px;transform:translateY(-50%);width:1.1rem;height:1.1rem;border-radius:50%;background:#fff;box-shadow:0 2px 4px #0003;transition:all .3s cubic-bezier(.4,0,.2,1)}.admin-moq-paid-label input[type=checkbox]:checked{background:linear-gradient(135deg,#f59e0b,#d97706);border-color:#f59e0b;box-shadow:0 0 0 3px #f59e0b26,inset 0 1px 3px #00000026}.admin-moq-paid-label input[type=checkbox]:checked:before{left:calc(100% - 1.1rem - 3px);background:linear-gradient(135deg,#fff,#fef3c7);box-shadow:0 2px 6px #0000004d}.admin-moq-paid-label input[type=checkbox]:checked:after{content:"💎";position:absolute;top:50%;left:5px;transform:translateY(-50%);font-size:.7rem;animation:sparkle .4s ease}@keyframes sparkle{0%{opacity:0;transform:translateY(-50%) scale(.5)}50%{transform:translateY(-50%) scale(1.2)}to{opacity:1;transform:translateY(-50%) scale(1)}}.admin-moq-paid-label input[type=checkbox]:focus-visible{outline:2px solid #f59e0b;outline-offset:2px}.admin-moq-paid-label input[type=checkbox]:hover:not(:disabled){border-color:#f59e0b;box-shadow:0 0 0 3px #f59e0b1a,inset 0 1px 3px #0000001a}.admin-moq-paid-label input[type=checkbox]:disabled{opacity:.5;cursor:not-allowed}.admin-moq-paid-label:has(input[type=checkbox]:checked){color:#f59e0b;font-weight:700}.admin-moq-price-edit{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;padding:.75rem;background:linear-gradient(135deg,#fefce8,#fff);border:2px solid #fef3c7;border-radius:var(--radius-md);box-shadow:0 2px 8px #f59e0b1a;transition:all .3s ease}.admin-moq-price-edit:hover{border-color:#fde047;box-shadow:0 4px 12px #f59e0b26}.admin-moq-price-input{width:140px!important;border:2px solid #f59e0b!important;border-radius:var(--radius-sm);padding:.5rem .75rem;font-size:.9rem;font-weight:600;transition:all .2s ease}.admin-moq-price-input:focus{outline:none;border-color:#d97706!important;box-shadow:0 0 0 3px #f59e0b33}.admin-moq-price-input::placeholder{color:#a16207;font-weight:500}.admin-moq-price-row{margin:.5rem 0}.admin-moq-course-form .admin-moq-input[type=number][placeholder*=Price]{border:2px solid #f59e0b!important;border-radius:var(--radius-sm);background:linear-gradient(135deg,#fefce8,#fff);padding:.6rem .85rem;font-size:.92rem;font-weight:600;transition:all .2s ease;box-shadow:0 2px 6px #f59e0b1a}.admin-moq-course-form .admin-moq-input[type=number][placeholder*=Price]:focus{outline:none;border-color:#d97706!important;box-shadow:0 0 0 3px #f59e0b33;background:#fefce8}.admin-moq-course-form .admin-moq-input[type=number][placeholder*=Price]::placeholder{color:#a16207;font-weight:500}.admin-moq-paid-label:has(input[type=checkbox]:checked)+.admin-moq-input[type=number]{position:relative}.admin-moq-paid-label:has(input[type=checkbox]:checked)+.admin-moq-input[type=number]:before{content:"💎";position:absolute;left:-1.5rem;top:50%;transform:translateY(-50%);font-size:1rem}@media(max-width:640px){.moq-course-grid{grid-template-columns:1fr}.moq-course-card:has(.moq-price-tag--paid):before{top:.5rem;right:.5rem;font-size:.6rem;padding:.25rem .5rem}.moq-course-card:has(.moq-price-tag--paid) .moq-enroll-btn{font-size:.88rem;padding:.6rem .85rem}}.moq-folder-list{display:flex;flex-direction:column;gap:.75rem}.moq-folder{border:1px solid var(--border-light);border-radius:var(--radius-lg);overflow:hidden;background:var(--bg-primary);box-shadow:0 2px 8px #0000000d}.moq-folder--open{box-shadow:0 4px 16px #00000017}.moq-folder-header{width:100%;display:flex;align-items:center;gap:.75rem;padding:.9rem 1.25rem;background:none;border:none;cursor:pointer;text-align:left;font-family:inherit;transition:background .15s ease}.moq-folder-header:hover{background:var(--bg-secondary, #f8fafc)}.moq-folder--open .moq-folder-header{border-bottom:1px solid var(--border-light);background:var(--bg-secondary, #f8fafc)}.moq-folder-chevron{font-size:.9rem;color:var(--primary-color);flex-shrink:0;width:1rem;transition:transform .2s ease}.moq-folder-icon{width:28px;height:28px;border-radius:6px;object-fit:cover;flex-shrink:0}.moq-folder-title{font-weight:700;font-size:1rem;color:var(--text-primary);flex:1}.moq-folder-meta{font-size:.8rem;color:var(--text-secondary);flex-shrink:0;background:var(--bg-secondary, #f1f5f9);padding:.15rem .55rem;border-radius:999px}.moq-folder-body{padding:1.25rem}.moq-folder-empty{color:var(--text-secondary);font-size:.9rem;padding:.5rem 0}.admin-offer-codes{padding:1.5rem}.admin-offer-code-form{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:1.5rem;margin-bottom:2rem}.admin-offer-code-form h3{margin-bottom:1.5rem;color:var(--primary-color)}.admin-offer-code-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}.admin-offer-code-form .form-row:has(textarea),.admin-offer-code-form .form-row:has(.multiselect-dropdown){grid-template-columns:1fr}.admin-offer-code-form label{display:flex;flex-direction:column;gap:.5rem;font-weight:500;color:var(--text-primary)}.admin-offer-code-form input,.admin-offer-code-form textarea{padding:.5rem;border:1px solid var(--border-light);border-radius:var(--radius-md);font-size:.95rem}.form-hint{font-size:.85rem;color:var(--text-secondary);font-weight:400;margin-top:-.25rem}.multiselect-dropdown{position:relative;width:100%}.multiselect-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;padding:.65rem .75rem;background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-md);cursor:pointer;font-size:.95rem;text-align:left;transition:border-color .2s ease,box-shadow .2s ease}.multiselect-trigger:hover{border-color:var(--primary-color)}.multiselect-trigger:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #6366f11a}.multiselect-value{flex:1;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.multiselect-arrow{margin-left:.5rem;color:var(--text-secondary);font-size:.75rem;transition:transform .2s ease}.multiselect-menu{position:absolute;top:calc(100% + .25rem);left:0;right:0;background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-md);box-shadow:0 10px 25px #0000001a;z-index:100;max-height:380px;display:flex;flex-direction:column;animation:dropdownSlide .15s ease-out}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.multiselect-search{padding:.75rem;border-bottom:1px solid var(--border-light)}.multiselect-search input{width:100%;padding:.5rem .75rem;border:1px solid var(--border-light);border-radius:var(--radius-md);font-size:.9rem}.multiselect-search input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #6366f11a}.multiselect-actions{display:flex;gap:.5rem;padding:.5rem .75rem;border-bottom:1px solid var(--border-light);background:var(--bg-secondary, #f9fafb)}.multiselect-action-btn{flex:1;padding:.4rem .75rem;font-size:.85rem;background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-md);cursor:pointer;transition:background .2s ease,border-color .2s ease;color:var(--text-primary);font-weight:500}.multiselect-action-btn:hover{background:var(--bg-secondary, #f1f5f9);border-color:var(--primary-color)}.multiselect-options{flex:1;overflow-y:auto;padding:.5rem 0;max-height:220px}.multiselect-options::-webkit-scrollbar{width:8px}.multiselect-options::-webkit-scrollbar-track{background:var(--bg-secondary, #f1f5f9)}.multiselect-options::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.multiselect-options::-webkit-scrollbar-thumb:hover{background:#94a3b8}.multiselect-option{display:flex;align-items:center;padding:.5rem .75rem;cursor:pointer;transition:background .15s ease;font-weight:400;gap:.5rem}.multiselect-option:hover{background:var(--bg-secondary, #f9fafb)}.multiselect-option input[type=checkbox]{width:1rem;height:1rem;cursor:pointer;margin:0;flex-shrink:0}.multiselect-option-text{flex:1;font-size:.9rem;color:var(--text-primary)}.multiselect-empty{padding:1.5rem;text-align:center;color:var(--text-secondary);font-size:.9rem}.multiselect-footer{padding:.5rem .75rem;border-top:1px solid var(--border-light);background:var(--bg-secondary, #f9fafb)}.multiselect-count{font-size:.85rem;color:var(--text-secondary);font-weight:500}.admin-offer-code-form .form-actions{display:flex;gap:1rem;margin-top:1.5rem}.admin-offer-codes-list{margin-top:2rem}.admin-offer-codes-list h3{margin-bottom:1rem;color:var(--primary-color)}.offer-codes-table{width:100%;border-collapse:collapse;background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-lg);overflow:hidden}.offer-codes-table thead{background:var(--bg-secondary, #f1f5f9)}.offer-codes-table th,.offer-codes-table td{padding:.75rem;text-align:left;border-bottom:1px solid var(--border-light)}.offer-codes-table th{font-weight:600;color:var(--text-primary)}.offer-codes-table tr:last-child td{border-bottom:none}.offer-codes-table tr.unavailable{opacity:.6;background:#f9f9f9}.offer-codes-table .code-description{font-size:.85rem;color:var(--text-secondary);margin-top:.25rem}.offer-codes-table .code-courses{font-size:.85rem;color:var(--text-secondary);margin-top:.25rem;font-style:italic}.offer-codes-table .date-range{font-size:.85rem}.offer-codes-table .date-range div{margin-bottom:.25rem}.offer-codes-table .limit-reached{color:#ef4444;font-weight:600}.offer-codes-table .status-active{color:#10b981;font-weight:600}.offer-codes-table .status-inactive{color:#6b7280;font-weight:600}.offer-codes-table .status-expired{color:#f59e0b;font-weight:600}.offer-codes-table .status-limit{color:#ef4444;font-weight:600}.offer-codes-table .actions{display:flex;gap:.5rem;flex-wrap:wrap}.admin-moq-btn-small{padding:.35rem .75rem;font-size:.85rem;border:none;border-radius:var(--radius-md);background:var(--primary-color);color:#fff;cursor:pointer;transition:background .2s ease}.admin-moq-btn-small:hover{background:var(--primary-hover)}.admin-moq-btn-small.admin-moq-btn-danger{background:#ef4444}.admin-moq-btn-small.admin-moq-btn-danger:hover{background:#dc2626}.admin-moq-btn-secondary{background:#6b7280;color:#fff}.admin-moq-btn-secondary:hover{background:#4b5563}.moq-payment-modal-overlay{position:fixed!important;inset:0!important;background:#0009!important;display:flex!important;align-items:center;justify-content:center;z-index:99999!important;padding:1rem}.moq-payment-modal{background:var(--bg-primary, #ffffff);border-radius:var(--radius-lg, 8px);max-width:500px;width:100%;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:90vh;overflow:hidden;position:relative;z-index:100000}.moq-payment-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid var(--border-light)}.moq-payment-modal-header h3{margin:0;font-size:1.25rem;color:var(--primary-color)}.moq-modal-close{background:none;border:none;font-size:1.5rem;color:var(--text-secondary);cursor:pointer;padding:0;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .2s ease}.moq-modal-close:hover{background:var(--bg-secondary, #f1f5f9)}.moq-payment-modal-body{padding:1.5rem;overflow-y:auto;flex:1}.moq-payment-course-info{margin-bottom:1.5rem}.moq-payment-course-info h4{margin:0 0 .5rem;color:var(--text-primary);font-size:1.1rem}.moq-payment-course-info p{margin:0;color:var(--text-secondary);font-size:.9rem}.moq-payment-price-section{background:var(--bg-secondary, #f1f5f9);padding:1rem;border-radius:var(--radius-md);margin-bottom:1.5rem}.moq-price-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0}.moq-price-row:not(:last-child){border-bottom:1px solid var(--border-light)}.moq-price-value{font-weight:600;color:var(--text-primary);font-size:1.1rem}.moq-discount-row{color:#10b981}.moq-discount-value{font-weight:600;color:#10b981;font-size:1.1rem}.moq-final-price{font-weight:700;font-size:1.1rem;border-top:2px solid var(--primary-color);margin-top:.5rem;padding-top:1rem}.moq-final-price .moq-price-value{color:var(--primary-color);font-size:1.3rem}.moq-offer-code-section{margin-bottom:1rem}.moq-offer-code-section label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--text-primary)}.moq-offer-code-input-group{display:flex;gap:.5rem}.moq-offer-code-input-group input{flex:1;padding:.5rem .75rem;border:1px solid var(--border-light);border-radius:var(--radius-md);font-size:.95rem;text-transform:uppercase}.moq-offer-code-input-group input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #6366f11a}.moq-offer-code-applied{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:#d1fae5;border:1px solid #10b981;border-radius:var(--radius-md)}.moq-code-badge{flex:1;color:#065f46;font-weight:600;display:flex;align-items:center;gap:.5rem}.moq-code-remove{background:none;border:none;color:#6b7280;text-decoration:underline;cursor:pointer;font-size:.9rem}.moq-code-remove:hover{color:#ef4444}.moq-code-error{margin-top:.5rem;color:#ef4444;font-size:.9rem}.moq-payment-modal-footer{display:flex;gap:.75rem;padding:1.5rem;border-top:1px solid var(--border-light)}.moq-payment-modal-footer .btn{flex:1;padding:.75rem 1.5rem;font-size:.95rem;font-weight:600}.courses-card{background:#fff;border:1px solid #e9edf2;border-radius:1.2rem;box-shadow:0 8px 26px #0f172a14;transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease;padding:3rem 1.2rem 1.2rem;cursor:pointer;display:flex;flex-direction:column;align-items:flex-start;gap:.25rem;min-height:23.75rem;position:relative;isolation:isolate;overflow:hidden;will-change:transform}.about-page{min-height:100vh;background-color:var(--bg-secondary);padding:2rem 1rem;margin:0 auto;max-width:1200px}.about-hero{position:relative;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:4rem 1rem;border-radius:var(--radius-lg);text-align:center;width:100%;max-width:1200px;margin:0 auto 3rem;box-shadow:var(--shadow-lg);overflow:hidden}.about-hero h1{position:relative;font-size:clamp(2rem,5vw,3rem);font-weight:800;color:#fff;margin-bottom:.85rem;letter-spacing:-.02em;text-shadow:0 2px 12px rgba(0,0,0,.18)}.about-hero p{position:relative;font-size:clamp(1rem,2.2vw,1.18rem);color:#ffffffe6;max-width:580px;margin:0 auto;line-height:1.7}.about-hero+.about-container{margin-top:2.5rem}.about-container{margin:0 auto;padding:0 0rem}.about-card{background-color:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:2rem 2.5rem;margin-bottom:2rem;border:1px solid var(--border-light);transition:var(--transition)}.about-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.about-card-title{font-size:1.5rem;font-weight:700;color:var(--primary-color);margin-bottom:1.25rem;padding-bottom:.75rem;border-bottom:2px solid var(--border-color)}.about-subtitle{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin:1.5rem 0 .75rem}.about-card p{font-size:.975rem;line-height:1.8;color:var(--text-secondary);margin-bottom:1rem}.about-offer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:.75rem;list-style:none;padding:0;margin:0 0 1.25rem}.about-offer-grid li{display:flex;align-items:center;gap:.6rem;background-color:var(--bg-tertiary);border-radius:var(--radius-md);padding:.65rem .9rem;font-size:.9rem;font-weight:500;color:var(--text-primary);border-left:3px solid var(--primary-color)}.about-offer-grid li:before{content:"✓";color:var(--secondary-color);font-weight:700;flex-shrink:0}.about-tagline{font-weight:600;font-style:italic;color:var(--primary-dark)!important;border-left:3px solid var(--primary-light);padding-left:.9rem;margin-top:1rem}.about-card-bengali .about-card-title{color:#764ba2;border-bottom-color:#c4b5fd}.about-card-bengali .about-offer-grid li{border-left-color:#764ba2;font-size:.92rem}.about-card-bengali p{font-size:1rem}.about-card-bengali .about-tagline{border-left-color:#a78bfa}.about-card-support{text-align:center;background:linear-gradient(135deg,#f0fdf4,#ecfdf5);border-color:#bbf7d0}.about-card-support .about-card-title{color:var(--secondary-color);border-bottom-color:#bbf7d0}.about-card-support p{font-size:1rem;color:var(--text-primary)}.about-email{display:inline-block;margin-top:.5rem;padding:.5rem 1.25rem;background-color:var(--secondary-color);color:#fff!important;font-weight:600;border-radius:var(--radius-md);text-decoration:none;transition:var(--transition)}.about-email:hover{background-color:#059669;transform:translateY(-1px);box-shadow:var(--shadow-md)}@media(max-width:600px){.about-hero h1{font-size:1.75rem}.about-card{padding:1.25rem 1rem}.about-offer-grid{grid-template-columns:1fr}}.support-page{min-height:100vh;background-color:var(--bg-secondary);padding-bottom:4rem}.support-hero{position:relative;background:radial-gradient(ellipse at 15% 50%,rgba(255,255,255,.08) 0%,transparent 55%),radial-gradient(ellipse at 85% 20%,rgba(255,255,255,.1) 0%,transparent 45%),linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:5rem 1rem 5.5rem;text-align:center;margin-bottom:0;overflow:hidden}.support-hero:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,rgba(255,255,255,.07) 1px,transparent 1px);background-size:28px 28px;pointer-events:none}.support-hero:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:64px;background:var(--bg-secondary, #f8fafc);clip-path:ellipse(55% 100% at 50% 100%)}.support-hero h1{position:relative;font-size:clamp(2rem,5vw,3rem);font-weight:800;color:#fff;margin-bottom:.85rem;letter-spacing:-.02em;text-shadow:0 2px 12px rgba(0,0,0,.18)}.support-hero p{position:relative;font-size:clamp(1rem,2.2vw,1.18rem);color:#ffffffe6;max-width:580px;margin:0 auto;line-height:1.7}.support-hero+.support-container{margin-top:2.5rem}.support-container{max-width:720px;margin:0 auto;padding:0 1rem}.support-card{background-color:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:2rem 2.5rem;border:1px solid var(--border-light)}.support-card-title{font-size:1.4rem;font-weight:700;color:var(--primary-color);margin-bottom:1.5rem}.support-form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media(max-width:600px){.support-form-row{grid-template-columns:1fr}}.support-field{display:flex;flex-direction:column;margin-bottom:1.25rem}.support-field label{font-weight:600;font-size:.9rem;margin-bottom:.4rem;color:var(--text-primary)}.support-field input,.support-field textarea{border:1px solid var(--border-light);border-radius:var(--radius-md);padding:.6rem .85rem;font-size:.95rem;background-color:var(--bg-secondary);color:var(--text-primary);transition:border-color .2s;outline:none}.support-field input:focus,.support-field textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #6366f126}.support-field textarea{resize:vertical;min-height:120px}.support-field-hint{font-size:.8rem;color:var(--text-muted, #6b7280);margin-top:.3rem}.support-field-error{font-size:.85rem;color:var(--error-color, #dc2626);margin-top:.3rem}.support-file-selected{font-size:.85rem;color:var(--success-color, #16a34a);margin-top:.3rem}.support-alert{padding:.75rem 1rem;border-radius:var(--radius-md);margin-bottom:1rem;font-size:.9rem}.support-alert-error{background-color:#fef2f2;border:1px solid #fecaca;color:#dc2626}.support-submit-btn{background:linear-gradient(135deg,#2563eb,#7c3aed);color:#fff;border:none;border-radius:var(--radius-md);padding:.75rem 2rem;font-size:1rem;font-weight:600;cursor:pointer;transition:opacity .2s,transform .1s;width:100%;margin-top:.5rem}.support-submit-btn:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.support-submit-btn:disabled{opacity:.6;cursor:not-allowed}.support-success-card{background-color:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:3rem 2.5rem;text-align:center;border:1px solid var(--border-light)}.support-success-icon{font-size:3rem;margin-bottom:1rem}.support-success-card h2{font-size:1.5rem;font-weight:700;color:var(--primary-color);margin-bottom:.75rem}.support-success-card p{color:var(--text-secondary, #6b7280);font-size:1rem}.admin-support{display:flex;flex-direction:column;gap:1.25rem}.admin-support-toolbar{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;background:linear-gradient(180deg,#fff,#f8fbff);border:1px solid #d8e2ee;border-radius:14px;padding:.9rem 1.2rem;box-shadow:0 4px 12px #0f172a0d}.admin-support-toolbar label{font-weight:600;font-size:.88rem;color:#334155;white-space:nowrap}.admin-support-status-select{border:1px solid #cbd5e1;border-radius:10px;padding:.48rem .85rem;font-size:.9rem;background:#f8fafc;color:#0f172a;outline:none;cursor:pointer;transition:border-color .15s}.admin-support-status-select:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.admin-support-refresh-btn{display:inline-flex;align-items:center;gap:.4rem;background:#2563eb;color:#fff;border:none;border-radius:10px;padding:.48rem 1.1rem;font-size:.9rem;font-weight:600;cursor:pointer;transition:background .15s;margin-left:auto}.admin-support-refresh-btn:hover{background:#1d4ed8}.admin-support-table-wrapper{overflow-x:auto;background:linear-gradient(180deg,#fff,#f8fbff);border:1px solid #d8e2ee;border-radius:14px;box-shadow:0 6px 20px #0f172a0f}.admin-support-table{width:100%;border-collapse:collapse;font-size:.92rem;border-radius:14px;overflow:hidden}.admin-support-table th{background:#f4f8fd;padding:.75rem 1rem;text-align:left;font-weight:700;font-size:.78rem;text-transform:uppercase;letter-spacing:.07em;color:#334155;border-bottom:1px solid #dbe4f0;white-space:nowrap}.admin-support-table td{padding:.8rem 1rem;border-bottom:1px solid #eaf0f7;color:#0f172a;vertical-align:middle}.admin-support-table tbody tr:last-child td{border-bottom:none}.admin-support-row{transition:background .1s}.admin-support-row:hover td{background:#eff6ff}.admin-support-empty{color:#64748b;font-size:.9rem;padding:.5rem 0}.admin-support-error{color:#dc2626;font-size:.9rem;padding:.5rem 0}.support-status-badge{display:inline-flex;align-items:center;padding:.22rem .7rem;border-radius:999px;font-size:.76rem;font-weight:600;letter-spacing:.03em;white-space:nowrap}.support-badge-open{background:#dbeafe;color:#1d4ed8;border:1px solid #bfdbfe}.support-badge-in-progress{background:#fef3c7;color:#92400e;border:1px solid #fde68a}.support-badge-resolved{background:#dcfce7;color:#15803d;border:1px solid #bbf7d0}.support-badge-closed{background:#f1f5f9;color:#475569;border:1px solid #e2e8f0}.admin-support-detail{display:flex;flex-direction:column;gap:1.25rem}.admin-support-detail-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem;background:linear-gradient(180deg,#fff,#f8fbff);border:1px solid #d8e2ee;border-radius:14px;padding:.9rem 1.2rem;box-shadow:0 4px 12px #0f172a0d}.admin-support-back-btn{display:inline-flex;align-items:center;gap:.35rem;background:#f8fafc;border:1px solid #cbd5e1;border-radius:10px;padding:.45rem 1rem;cursor:pointer;font-size:.9rem;font-weight:600;color:#334155;transition:background .15s,border-color .15s}.admin-support-back-btn:hover{background:#eff6ff;border-color:#93c5fd;color:#1d4ed8}.admin-support-detail-actions{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.admin-support-saving{font-size:.84rem;color:#64748b;font-style:italic}.admin-support-detail-body{display:flex;flex-direction:column;gap:1.1rem}.admin-support-meta{background:linear-gradient(135deg,#f0f7ff,#f8fafc);border:1px solid #bfdbfe;border-radius:14px;padding:1.1rem 1.4rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.5rem 1.5rem;font-size:.9rem;color:#0f172a}.admin-support-meta div{display:flex;gap:.4rem;align-items:baseline}.admin-support-meta strong{color:#334155;font-weight:700;white-space:nowrap}.admin-support-concern{background:#fff;border:1px solid #d8e2ee;border-radius:14px;padding:1.1rem 1.4rem;box-shadow:0 4px 12px #0f172a0a}.admin-support-concern h3,.admin-support-notes h3{font-size:.82rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:#2563eb;margin:0 0 .75rem;padding-bottom:.5rem;border-bottom:1px solid #e2e8f0}.admin-support-concern p{white-space:pre-wrap;font-size:.92rem;line-height:1.75;color:#1e293b;margin:0}.admin-support-attachment{background:#fff;border:1px solid #d8e2ee;border-radius:14px;padding:1rem 1.4rem;font-size:.9rem;color:#334155;display:flex;align-items:flex-start;gap:.6rem;flex-wrap:wrap}.admin-support-attachment strong{color:#334155;white-space:nowrap}.admin-support-attachment-inner{display:flex;flex-direction:column;gap:.6rem}.admin-support-attachment-link{color:#2563eb;font-weight:600;word-break:break-all;text-decoration:none}.admin-support-attachment-link:hover{text-decoration:underline}.admin-support-attachment-preview{max-width:100%;max-height:300px;border-radius:10px;border:1px solid #d8e2ee;object-fit:contain;box-shadow:0 4px 12px #0f172a14}.admin-support-notes{background:#fff;border:1px solid #d8e2ee;border-radius:14px;padding:1.1rem 1.4rem;box-shadow:0 4px 12px #0f172a0a}.admin-support-notes-list{list-style:none;padding:0;margin:0 0 1.1rem;display:flex;flex-direction:column;gap:.7rem}.admin-support-note-item{background:#f8fafc;border:1px solid #e2e8f0;border-left:3px solid #2563eb;border-radius:10px;padding:.75rem 1rem}.admin-support-note-text{font-size:.9rem;line-height:1.65;white-space:pre-wrap;color:#1e293b;margin-bottom:.4rem}.admin-support-note-meta{font-size:.76rem;color:#64748b;font-style:italic}.admin-support-no-notes{font-size:.88rem;color:#94a3b8;margin-bottom:1rem;font-style:italic}.admin-support-note-form{display:flex;flex-direction:column;gap:.6rem;margin-top:.25rem;padding-top:1rem;border-top:1px solid #e2e8f0}.admin-support-note-form textarea{border:1px solid #cbd5e1;border-radius:10px;padding:.65rem .9rem;font-size:.9rem;background:#f8fafc;color:#0f172a;resize:vertical;outline:none;transition:border-color .15s,box-shadow .15s;font-family:inherit;line-height:1.6}.admin-support-note-form textarea:focus{border-color:#2563eb;background:#fff;box-shadow:0 0 0 3px #2563eb1a}.admin-support-note-btn{align-self:flex-start;background:#2563eb;color:#fff;border:none;border-radius:10px;padding:.52rem 1.3rem;font-size:.9rem;font-weight:600;cursor:pointer;transition:background .15s}.admin-support-note-btn:hover:not(:disabled){background:#1d4ed8}.admin-support-note-btn:disabled{opacity:.45;cursor:not-allowed}@media(max-width:640px){.admin-support-meta{grid-template-columns:1fr}.admin-support-toolbar{gap:.5rem}.admin-support-refresh-btn{margin-left:0;width:100%;justify-content:center}}.ca-page{min-height:60vh;padding:1.5rem 0 3rem}.ca-page-header{margin:0 0 1.5rem}.ca-page-header h1{font-size:1.75rem;font-weight:700;color:var(--primary-color);margin-bottom:.3rem}.ca-page-header p{color:var(--text-secondary);font-size:.95rem}.ca-filter-group{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.25rem}.ca-filter-btn{padding:.35rem 1rem;border-radius:9999px;border:1.5px solid var(--border-color);background:var(--bg-primary);color:var(--text-secondary);font-size:.85rem;font-weight:500;cursor:pointer;transition:border-color .15s ease,background .15s ease,color .15s ease}.ca-filter-btn:hover{border-color:var(--primary-color);color:var(--primary-color)}.ca-filter-btn.active{background:var(--primary-color);border-color:var(--primary-color);color:#fff;font-weight:600}.ca-period-badge{display:inline-block;padding:.2rem .65rem;border-radius:9999px;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.ca-period-daily{background:#dbeafe;color:#1d4ed8}.ca-period-monthly{background:#d1fae5;color:#065f46}.ca-period-yearly{background:#ede9fe;color:#5b21b6}.ca-cards{display:flex;flex-direction:column;gap:.75rem}.ca-card{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:0 2px 8px #6366f10f;overflow:hidden;transition:box-shadow .2s ease}.ca-card--open{border-color:var(--primary-color);box-shadow:0 4px 16px #6366f11f}.ca-card-top{padding:1rem 1.25rem;cursor:pointer;position:relative;-webkit-user-select:none;user-select:none}.ca-card-top:hover{background:#f9f8ff}.ca-card-meta{display:flex;align-items:center;gap:.65rem;margin-bottom:.5rem}.ca-item-date{color:var(--text-tertiary);font-size:.8rem}.ca-card-title{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0 0 .4rem;padding-right:1.5rem}.ca-card-preview{font-size:.88rem;color:var(--text-secondary);line-height:1.5;margin:0}.ca-expand-icon{position:absolute;top:1rem;right:1.1rem;font-size:.75rem;color:var(--text-tertiary)}.ca-card-body{border-top:1px solid var(--border-light);padding:1rem 1.25rem 1.25rem;background:var(--bg-secondary)}.ca-card-content{font-size:.93rem;color:var(--text-primary);line-height:1.65;white-space:pre-wrap;margin:0 0 .75rem}.ca-attachment-row{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin-top:.5rem}.ca-download-link,.ca-preview-link{font-size:.88rem;font-weight:600;padding:.3rem .8rem;border-radius:6px;text-decoration:none;transition:background .15s ease}.ca-download-link{background:var(--primary-color);color:#fff}.ca-download-link:hover{background:var(--primary-dark)}.ca-preview-link{background:var(--bg-primary);border:1.5px solid var(--primary-color);color:var(--primary-color)}.ca-preview-link:hover{background:#eef2ff}.ca-admin{padding:.5rem 0}.ca-toolbar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.75rem;margin-bottom:1.25rem}.ca-list{display:flex;flex-direction:column;gap:.65rem}.ca-item{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:1rem 1.25rem;display:flex;flex-direction:column;gap:.4rem}.ca-item-meta{display:flex;align-items:center;gap:.6rem}.ca-item-title{font-size:.97rem;font-weight:600;color:var(--text-primary);margin:0}.ca-item-content{font-size:.85rem;color:var(--text-secondary);margin:0;line-height:1.5}.ca-item-attachment{font-size:.82rem;color:var(--text-tertiary);display:flex;align-items:center;gap:.4rem}.ca-item-actions{display:flex;gap:.5rem;margin-top:.25rem}.ca-modal-backdrop{position:fixed;inset:0;background:#00000073;z-index:1000;display:flex;align-items:center;justify-content:center;padding:1rem}.ca-modal{background:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:0 8px 40px #0003;padding:1.75rem;width:100%;max-width:560px;max-height:90vh;overflow-y:auto;display:flex;flex-direction:column;gap:1rem}.ca-modal--sm{max-width:380px}.ca-modal h2{font-size:1.1rem;font-weight:700;color:var(--text-primary);margin:0}.ca-label{display:flex;flex-direction:column;gap:.35rem;font-size:.88rem;font-weight:600;color:var(--text-secondary)}.ca-required{color:var(--danger-color)}.ca-input,.ca-textarea{border:1.5px solid var(--border-color);border-radius:var(--radius-sm);padding:.55rem .75rem;font-size:.93rem;color:var(--text-primary);background:var(--bg-secondary);width:100%;box-sizing:border-box;transition:border-color .15s ease}.ca-input:focus,.ca-textarea:focus{outline:none;border-color:var(--primary-color)}.ca-textarea{resize:vertical;min-height:120px}.ca-file-input{font-size:.88rem;color:var(--text-secondary)}.ca-remove-file{background:none;border:none;color:var(--danger-color);cursor:pointer;font-size:.8rem;padding:0 .2rem}.ca-form-error{font-size:.87rem;color:var(--danger-color);margin:0}.ca-modal-actions{display:flex;justify-content:flex-end;gap:.6rem;margin-top:.25rem}.ca-loading,.ca-empty{color:var(--text-secondary);font-size:.92rem;padding:1rem 0}.btn-danger{background:var(--danger-color, #ef4444);color:#fff;border:none;border-radius:var(--radius-sm);padding:.5rem 1.1rem;font-size:.88rem;font-weight:600;cursor:pointer;transition:background .15s ease}.btn-danger:hover{background:#dc2626}@media(max-width:640px){.ca-toolbar{flex-direction:column;align-items:flex-start}.ca-modal{padding:1.25rem}}.dq-page-header{margin:0 0 1.5rem}.dq-page-header h1{font-size:1.75rem;font-weight:700;color:var(--primary-color);margin-bottom:.25rem}.dq-page-header p{color:var(--text-secondary);font-size:.95rem}.dq-layout{display:grid;grid-template-columns:280px 1fr;gap:1.5rem;align-items:start}.dq-sidebar{position:sticky;top:1.5rem}@media(max-width:768px){.dq-layout{grid-template-columns:1fr}.dq-sidebar{position:static}}.dq-calendar{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:1rem;box-shadow:0 2px 8px #6366f10f}.dq-cal-nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.dq-cal-month-label{font-weight:700;font-size:.92rem;color:var(--text-primary)}.dq-cal-arrow{background:none;border:none;font-size:1.25rem;color:var(--text-secondary);cursor:pointer;padding:.1rem .4rem;border-radius:4px;transition:background .15s}.dq-cal-arrow:hover{background:var(--bg-secondary)}.dq-cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.dq-cal-dow{text-align:center;font-size:.7rem;font-weight:700;color:var(--text-tertiary);padding:.2rem 0}.dq-cal-day{position:relative;text-align:center;font-size:.82rem;padding:.3rem 0;background:none;border:none;border-radius:6px;color:var(--text-secondary);cursor:default;transition:background .15s,color .15s}.dq-cal-day.has-quiz{color:var(--primary-color);font-weight:700;cursor:pointer}.dq-cal-day.has-quiz:hover{background:#eef2ff}.dq-cal-day.today{border:1.5px solid var(--primary-color);border-radius:50%}.dq-cal-day.selected{background:var(--primary-color);color:#fff;border-radius:50%}.dq-cal-day.selected:hover{background:var(--primary-dark)}.dq-cal-dot{display:block;width:4px;height:4px;border-radius:50%;background:var(--primary-color);margin:1px auto 0}.dq-cal-day.selected .dq-cal-dot{background:#ffffffb3}.dq-today-banner{display:flex;align-items:center;justify-content:space-between;background:#eef2ff;border:1.5px solid var(--primary-color);border-radius:var(--radius-md);padding:.65rem 1rem;margin-bottom:1rem;font-size:.92rem;font-weight:600;color:var(--primary-color);flex-wrap:wrap;gap:.5rem}.dq-date-heading{font-size:1.1rem;font-weight:700;color:var(--text-primary);margin-bottom:1rem}.dq-quiz-cards{display:flex;flex-direction:column;gap:.75rem}.dq-quiz-card{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:1rem 1.25rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;box-shadow:0 2px 8px #6366f10f}.dq-quiz-card-title{font-weight:600;font-size:.97rem;color:var(--text-primary);margin:0 0 .25rem}.dq-quiz-card-meta{font-size:.83rem;color:var(--text-secondary);margin:0;display:flex;align-items:center;gap:.5rem}.dq-attempted-badge{background:#d1fae5;color:#065f46;padding:.1rem .5rem;border-radius:9999px;font-size:.75rem;font-weight:700}.dq-attempt-view{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:0 4px 20px #6366f11a;overflow:hidden}.dq-attempt-header{display:flex;align-items:flex-start;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-light);background:var(--bg-secondary)}.dq-attempt-title{font-size:1.1rem;font-weight:700;color:var(--text-primary);margin:0}.dq-attempt-date{font-size:.8rem;color:var(--text-tertiary);margin:.2rem 0 0}.dq-close-btn{font-size:1rem;margin-top:.1rem}.dq-result-banner{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;background:#f0fdf4;border-bottom:1px solid #bbf7d0}.dq-result-score{font-size:1.75rem;font-weight:800;color:#16a34a}.dq-result-label{font-size:1rem;font-weight:600;color:var(--text-primary)}.dq-questions-list{padding:1rem 1.5rem;display:flex;flex-direction:column;gap:1.25rem}.dq-question{padding:.75rem 1rem;border-radius:var(--radius-md);border:1.5px solid var(--border-light);background:var(--bg-secondary)}.dq-question--correct{border-color:#86efac;background:#f0fdf4}.dq-question--wrong{border-color:#fca5a5;background:#fff1f2}.dq-q-text{font-size:.95rem;font-weight:600;color:var(--text-primary);margin:0 0 .75rem;line-height:1.5}.dq-q-index{color:var(--primary-color);margin-right:.3rem}.dq-q-result-icon{margin-left:.5rem;font-weight:700}.dq-q-result-icon.correct{color:#16a34a}.dq-q-result-icon.wrong{color:#dc2626}.dq-options-list{display:flex;flex-direction:column;gap:.4rem}.dq-opt{width:100%;text-align:left;padding:.5rem .85rem;border:1.5px solid var(--border-light);border-radius:var(--radius-sm);background:var(--bg-primary);font-size:.88rem;color:var(--text-primary);cursor:pointer;transition:border-color .15s,background .15s;display:flex;align-items:center;justify-content:space-between}.dq-opt:hover:not(:disabled){border-color:var(--primary-color);background:#eef2ff}.dq-opt--selected{border-color:var(--primary-color);background:#eef2ff}.dq-opt--correct{border-color:#16a34a;background:#f0fdf4;font-weight:600}.dq-opt--wrong{border-color:#dc2626;background:#fff1f2}.dq-opt:disabled{cursor:not-allowed}.dq-opt-tick{color:#16a34a;font-weight:700}.dq-explanation{margin:.65rem 0 0;font-size:.85rem;color:var(--text-secondary);line-height:1.5}.dq-attempt-footer{padding:1rem 1.5rem;border-top:1px solid var(--border-light);display:flex;justify-content:flex-end;gap:.65rem}.dq-admin{padding:.25rem 0}.dq-toolbar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.75rem;margin-bottom:1.25rem}.dq-filter-group{display:flex;gap:.4rem;flex-wrap:wrap}.dq-filter-btn{padding:.3rem .9rem;border-radius:9999px;border:1.5px solid var(--border-color);background:var(--bg-primary);color:var(--text-secondary);font-size:.82rem;font-weight:500;cursor:pointer;transition:border-color .15s,background .15s,color .15s}.dq-filter-btn:hover{border-color:var(--primary-color);color:var(--primary-color)}.dq-filter-btn.active{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.dq-list{display:flex;flex-direction:column;gap:.65rem}.dq-item{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:.9rem 1.25rem;display:flex;flex-direction:column;gap:.4rem}.dq-item-meta{display:flex;align-items:center;gap:.55rem;flex-wrap:wrap}.dq-date-badge{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.78rem;font-weight:700;color:var(--primary-color);background:#eef2ff;padding:.15rem .55rem;border-radius:5px}.dq-badge{display:inline-block;padding:.15rem .55rem;border-radius:9999px;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.dq-badge--published{background:#d1fae5;color:#065f46}.dq-badge--draft{background:#fef9c3;color:#854d0e}.dq-item-qcount{font-size:.8rem;color:var(--text-tertiary)}.dq-item-title{font-weight:600;font-size:.97rem;color:var(--text-primary);margin:0}.dq-item-actions{display:flex;gap:.45rem;flex-wrap:wrap;margin-top:.2rem}.dq-questions-section{display:flex;flex-direction:column;gap:.5rem;border:1px solid var(--border-light);border-radius:var(--radius-md);padding:.85rem;background:var(--bg-secondary);max-height:50vh;overflow-y:auto}.dq-questions-header{display:flex;justify-content:space-between;align-items:center}.dq-q-editor{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-sm);padding:.85rem;display:flex;flex-direction:column;gap:.5rem}.dq-q-header{display:flex;justify-content:space-between;align-items:center}.dq-q-num{font-weight:700;font-size:.88rem;color:var(--primary-color)}.dq-marks-row{display:flex;align-items:center;gap:.5rem}.dq-options-editor{display:flex;flex-direction:column;gap:.35rem}.dq-option-row{display:flex;align-items:center;gap:.4rem}.dq-modal-backdrop{position:fixed;inset:0;background:#00000073;z-index:1000;display:flex;align-items:center;justify-content:center;padding:1rem}.dq-modal{background:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:0 8px 40px #0003;padding:1.75rem;width:100%;max-width:620px;max-height:92vh;overflow-y:auto;display:flex;flex-direction:column;gap:.9rem}.dq-modal--sm{max-width:380px}.dq-modal h2{font-size:1.1rem;font-weight:700;color:var(--text-primary);margin:0}.dq-modal-actions{display:flex;justify-content:flex-end;gap:.6rem;margin-top:.25rem}.dq-label{display:flex;flex-direction:column;gap:.3rem;font-size:.87rem;font-weight:600;color:var(--text-secondary)}.dq-required{color:var(--danger-color)}.dq-input,.dq-textarea{border:1.5px solid var(--border-color);border-radius:var(--radius-sm);padding:.5rem .7rem;font-size:.9rem;color:var(--text-primary);background:var(--bg-secondary);box-sizing:border-box;transition:border-color .15s;width:100%}.dq-input:focus,.dq-textarea:focus{outline:none;border-color:var(--primary-color)}.dq-input--sm{width:4.5rem}.dq-input--flex{flex:1}.dq-textarea{resize:vertical;min-height:60px}.dq-form-error{font-size:.86rem;color:var(--danger-color);margin:0}.dq-loading,.dq-empty{font-size:.9rem;color:var(--text-secondary);padding:.75rem 0}.dq-small-label{font-size:.8rem;font-weight:600;color:var(--text-secondary);margin:0}.dq-link-btn{background:none;border:none;color:var(--primary-color);font-size:.85rem;font-weight:600;cursor:pointer;padding:0;text-decoration:underline}.dq-link-btn:hover{color:var(--primary-dark)}.dq-btn-icon{background:none;border:none;color:var(--text-tertiary);cursor:pointer;padding:.1rem .25rem;border-radius:4px;font-size:.85rem;transition:color .15s,background .15s}.dq-btn-icon:hover{color:var(--danger-color);background:#fee2e2}.btn-sm{padding:.3rem .75rem;font-size:.8rem}.btn-success{background:#16a34a;color:#fff;border:none;border-radius:var(--radius-sm);padding:.4rem .9rem;font-size:.85rem;font-weight:600;cursor:pointer;transition:background .15s}.btn-success:hover{background:#15803d}.btn-warning{background:#d97706;color:#fff;border:none;border-radius:var(--radius-sm);padding:.4rem .9rem;font-size:.85rem;font-weight:600;cursor:pointer;transition:background .15s}.btn-warning:hover{background:#b45309}:root{--primary-color: #6366f1;--primary-dark: #4f46e5;--primary-light: #818cf8;--secondary-color: #10b981;--success-color: #10b981;--danger-color: #ef4444;--warning-color: #f59e0b;--info-color: #3b82f6;--bg-primary: #ffffff;--bg-secondary: #f9fafb;--bg-tertiary: #f3f4f6;--text-primary: #1f2937;--text-secondary: #6b7280;--text-tertiary: #9ca3af;--border-color: #e5e7eb;--border-light: #f3f4f6;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--transition: all .3s ease}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-secondary);color:var(--text-primary);line-height:1.6}a{color:var(--primary-color);text-decoration:none;transition:var(--transition)}a:hover{color:var(--primary-dark)}button{cursor:pointer;border:none;font-family:inherit;transition:var(--transition)}input,textarea,select{font-family:inherit;font-size:inherit}.container{max-width:1200px;margin:0 auto;padding:0 1rem}.btn{padding:.75rem 1.5rem;border-radius:var(--radius-md);font-weight:500;font-size:1rem;transition:var(--transition);display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border:none;cursor:pointer}.btn-primary{background-color:var(--primary-color);color:#fff;box-shadow:var(--shadow-sm)}.btn-primary:hover{background-color:var(--primary-dark);box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background-color:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{background-color:var(--border-light);border-color:var(--primary-color)}.btn-block{width:100%}.btn:disabled{opacity:.5;cursor:not-allowed}.form-group{margin-bottom:1.5rem;display:flex;flex-direction:column}.form-label{font-weight:500;margin-bottom:.5rem;color:var(--text-primary);font-size:.95rem}.form-input,.form-textarea{padding:.75rem 1rem;border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:1rem;transition:var(--transition);background-color:var(--bg-primary)}.form-input:focus,.form-textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #6366f11a}.form-input::placeholder{color:var(--text-tertiary)}.form-error{color:var(--danger-color);font-size:.875rem;margin-top:.25rem}.form-text{color:var(--text-secondary);font-size:.875rem;margin-top:.25rem}.card{background-color:var(--bg-primary);border-radius:var(--radius-lg);padding:1.5rem;box-shadow:var(--shadow-sm);border:1px solid var(--border-light)}.card:hover{box-shadow:var(--shadow-md)}.card-header{margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--border-light)}.card-title{font-size:1.25rem;font-weight:600;color:var(--text-primary)}.card-text{color:var(--text-secondary);font-size:.95rem}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2;color:var(--text-primary)}h1{font-size:2rem}h2{font-size:1.75rem}h3{font-size:1.5rem}h4{font-size:1.25rem}p{margin-bottom:1rem;color:var(--text-secondary)}.link{color:var(--primary-color);text-decoration:none;transition:var(--transition);border-bottom:1px solid transparent}.link:hover{border-bottom-color:var(--primary-color)}.alert{padding:1rem;border-radius:var(--radius-md);margin-bottom:1rem;display:flex;align-items:center;gap:.75rem}.alert-success{background-color:#d1fae5;color:#065f46;border:1px solid #a7f3d0}.alert-error{background-color:#fee2e2;color:#991b1b;border:1px solid #fecaca}.alert-warning{background-color:#fef3c7;color:#92400e;border:1px solid #fde68a}.alert-info{background-color:#dbeafe;color:#0c2d6b;border:1px solid #bfdbfe}.text-center{text-align:center}.text-muted{color:var(--text-secondary)}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mt-4{margin-top:2rem}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mb-4{margin-bottom:2rem}.gap-1{gap:.5rem}.gap-2{gap:1rem}.flex{display:flex}.flex-column{flex-direction:column}.flex-center{justify-content:center;align-items:center}.flex-between{justify-content:space-between;align-items:center}.grid{display:grid}.grid-2{grid-template-columns:repeat(2,1fr);gap:1rem}.grid-3{grid-template-columns:repeat(3,1fr);gap:1rem}@media(max-width:768px){.grid-2,.grid-3{grid-template-columns:1fr}}.spinner{border:4px solid var(--border-light);border-top:4px solid var(--primary-color);border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}