@import"https://fonts.googleapis.com/css2?family=Arvo:ital,wght@0,400;0,700;1,400;1,700&family=Diplomata&family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Noto+Sans+Bengali:wght@100..900&family=Noto+Serif+Bengali:wght@100..900&family=Outfit:wght@100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Sora:wght@100..800&family=Tiro+Bangla:ital@0;1&display=swap";.login-page{min-height:100vh;display:flex;justify-content:center;align-items:center;padding:16px;background:radial-gradient(circle at top,#1f2937 0,#020617 55%,#000);font-family:system-ui,-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,sans-serif}.login-page .login-card{width:100%;max-width:420px;background:#0f172af0;border-radius:20px;padding:28px 24px 24px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 22px 40px #00000073;color:#e5e7eb;animation:loginCardBounceIn 1s cubic-bezier(.17,.67,.3,1.3)}.login-page .login-card .login-header{display:flex;align-items:center;gap:14px;margin-bottom:24px}.login-page .login-card .login-header .login-header-icon{width:44px;height:44px;border-radius:999px;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 30% 20%,#020617 0% 35%,#020617 55%,#000);color:#fff5ea9c;font-size:22px;flex-shrink:0;border:1px solid #020617;box-shadow:inset 0 3px 6px #94a3b814,inset 0 -4px 10px #000000e6,0 6px 10px #000000bf}.login-page .login-card .login-header .login-header-text{display:flex;flex-direction:column;gap:2px}.login-page .login-card .login-header .login-header-text .login-header-subtitle{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#fff5ea9c}.login-page .login-card .login-header .login-header-text .login-header-title{font-size:20px;font-weight:700;color:#fff5ead1}.login-page .login-card .login-form{display:flex;flex-direction:column;gap:10px;margin-top:8px}.login-page .login-card .login-form .login-field{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:999px;background:#0f172ae6;border:1px solid #4b5563;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}.login-page .login-card .login-form .login-field .login-field-icon{display:flex;align-items:center;justify-content:center;color:#d1d5db;font-size:16px}.login-page .login-card .login-form .login-field .login-input{flex:1;border:none;outline:none;background:transparent;color:#e5e7eb;font-size:14px}.login-page .login-card .login-form .login-field .login-input::placeholder{color:#9ca3af}.login-page .login-card .login-form .login-field:hover{border-color:#f97316;box-shadow:0 0 0 1px #f9731659}.login-page .login-card .login-form .login-field:focus-within{border-color:#f97316;box-shadow:0 0 0 1px #f973168c;background:#0f172afa}.login-page .login-card .login-form .login-field.password-field .password-toggle{border:none;outline:none;background:transparent;display:flex;align-items:center;justify-content:center;color:#d1d5db;font-size:18px;cursor:pointer}.login-page .login-card .login-form .login-field.password-field .password-toggle:hover{color:#f97316}.login-page .login-card .login-form .login-field.has-error{border-color:#f97373;box-shadow:0 0 0 1px #f8717180}.login-page .login-card .login-form .field-error{font-size:12px;color:#fecaca;margin:-4px 4px 4px}.login-page .login-card .login-form .login-button{margin-top:6px;width:100%;border:none;border-radius:999px;padding:11px 16px;font-size:15px;font-weight:600;background:linear-gradient(135deg,#f97316,#facc15);color:#111827;cursor:pointer;box-shadow:0 2px 4px #0f172a80,0 8px 18px #000000b3;transition:transform .12s ease,background .12s ease,box-shadow .12s ease}.login-page .login-card .login-form .login-button:hover{transform:translateY(-1px);background:linear-gradient(135deg,#ea580c,#eab308);box-shadow:0 3px 6px #0f172a8c,0 10px 22px #000000c7}.login-page .login-card .login-form .login-button:active{transform:translateY(0);background:linear-gradient(135deg,#f97316,#facc15);box-shadow:0 1px 3px #0f172aa6,0 5px 10px #000000bf inset}@keyframes loginCardBounceIn{0%{opacity:0;transform:translateY(40px) scale(.96)}60%{opacity:1;transform:translateY(-6px) scale(1.02)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:480px){.login-page{padding:12px}.login-page .login-card{padding:22px 18px 20px;border-radius:18px}.login-page .login-card .login-header .login-header-title{font-size:18px}.login-page .login-card .login-form .login-button{font-size:14px;padding:10px 14px}}.transaction-page{width:100%;padding:24px;box-sizing:border-box;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#0f172a}.transaction-page .transaction-header{margin-bottom:20px}.transaction-page .transaction-header .transaction-title{font-size:22px;font-weight:700;margin:0 0 6px;color:#0f172a}.transaction-page .transaction-header .transaction-subtitle{font-size:14px;margin:0;color:#64748b}.transaction-page .filter-section{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:20px}.transaction-page .filter-section .day-filter{display:inline-flex;align-items:center;background-color:#eef0f4;border-radius:8px;box-shadow:inset 2px 2px 5px #a3b1c666,inset -3px -3px 7px #ffffffb3;padding:2px;gap:0}.transaction-page .filter-section .day-filter span{display:inline-block;padding:7px 20px;background-color:transparent;color:#6d7587;font-size:.95rem;cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .2s ease;border-radius:6px;font-weight:300}.transaction-page .filter-section .day-filter span:hover{color:#4a5568}.transaction-page .filter-section .day-filter span.active{color:#1d1e20;background-color:#f8fdff;box-shadow:4px 4px 8px #a3b1c666,-4px -4px 8px #fffc}.transaction-page .filter-section .date-filter{display:flex;align-items:center;gap:10px;font-size:.95rem;color:#6d7587;font-weight:500}.transaction-page .filter-section .date-filter input[type=date]{padding:8px 12px;border:none;border-radius:8px;background-color:#eef0f4;color:#4a5568;outline:none;box-shadow:inset 2px 2px 5px #a3b1c666,inset -3px -3px 7px #ffffffb3;font-family:inherit;cursor:pointer}.transaction-page .transaction-loading,.transaction-page .transaction-empty,.transaction-page .transaction-error{font-size:14px;padding:14px 16px;border-radius:12px;background:#f8fafc;color:#475569}.transaction-page .transaction-error{background:#fef2f2;color:#b91c1c}.transaction-page .transaction-table-wrapper{width:100%;overflow-x:auto;border-radius:14px;border:1px solid #e2e8f0;background:#fff}.transaction-page .transaction-table{width:100%;border-collapse:collapse;min-width:720px}.transaction-page .transaction-table thead{background:#f8fafc}.transaction-page .transaction-table thead tr th{text-align:left;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.03em;padding:12px 16px;color:#64748b;border-bottom:1px solid #e2e8f0;white-space:nowrap}.transaction-page .transaction-table tbody tr{border-bottom:1px solid #e5e7eb;transition:background .15s ease}.transaction-page .transaction-table tbody tr:last-child{border-bottom:none}.transaction-page .transaction-table tbody tr:hover{background:#f9fafb}.transaction-page .transaction-table tbody tr td{padding:12px 16px;font-size:14px;vertical-align:middle;color:#0f172a}.transaction-page .transaction-table tbody tr .transaction-course{display:flex;align-items:center;gap:10px}.transaction-page .transaction-table tbody tr .transaction-course .transaction-thumb{width:44px;height:44px;border-radius:10px;object-fit:cover;flex-shrink:0}.transaction-page .transaction-table tbody tr .transaction-course .transaction-course-text{display:flex;flex-direction:column;gap:2px}.transaction-page .transaction-table tbody tr .transaction-course .transaction-course-text .transaction-course-title{font-size:14px;font-weight:600;color:#0f172a}.transaction-page .transaction-table tbody tr .transaction-course .transaction-course-text .transaction-student-name{font-size:12px;color:#64748b}.transaction-page .transaction-table tbody tr .transaction-amount{font-weight:600;color:#111827}.transaction-page .transaction-table tbody tr .transaction-status{display:inline-flex;align-items:center;justify-content:center;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:600;text-transform:capitalize}.transaction-page .transaction-table tbody tr .transaction-status-paid{background:#ecfdf3;color:#15803d}.transaction-page .transaction-table tbody tr .transaction-status-pending{background:#fefce8;color:#854d0e}.transaction-page .transaction-table tbody tr .transaction-status-failed{background:#fef2f2;color:#b91c1c}.transaction-page .transaction-table tbody tr .transaction-tranid{font-size:12px;color:#4b5563;max-width:160px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.transaction-page .transaction-table tbody tr .transaction-date{font-size:12px;color:#6b7280;white-space:nowrap}@media(max-width:768px){.transaction-page{padding:16px}.transaction-page .transaction-header .transaction-title{font-size:20px}.transaction-page .transaction-header .transaction-subtitle{font-size:13px}.transaction-page .transaction-table-wrapper{border-radius:12px}.transaction-page .transaction-table{min-width:640px}}.select-course-popup{min-height:100vh;width:100%;background-color:#f9fafb;color:#111827;display:flex;flex-direction:column;align-items:center;padding:60px 20px;box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.select-course-popup .popup-header{text-align:center;margin-bottom:40px;max-width:600px}.select-course-popup .popup-header h2{font-size:2.5rem;font-weight:800;margin:0 0 10px;letter-spacing:-.02em;color:#111827}.select-course-popup .popup-header p{color:#6b7280;font-size:1.1rem;margin:0}.select-course-popup .course-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:24px;width:100%;max-width:1400px}.select-course-popup .course-grid .course-media-tile{position:relative;flex:1 1 400px;aspect-ratio:16 / 9;border-radius:12px;overflow:hidden;cursor:pointer;background-color:#000;box-shadow:0 4px 6px -1px #0000001a;transition:transform .3s ease,box-shadow .3s ease;max-width:700px}.select-course-popup .course-grid .course-media-tile:hover{transform:translateY(-4px);box-shadow:0 20px 25px -5px #00000026}.select-course-popup .course-grid .course-media-tile:hover .tile-image{transform:scale(1.05)}.select-course-popup .course-grid .course-media-tile .tile-image{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s cubic-bezier(.25,.46,.45,.94)}.select-course-popup .course-grid .course-media-tile .tile-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,#0000 40%,#0009 75%,#000000e6);display:flex;align-items:flex-end}.select-course-popup .course-grid .course-media-tile .tile-overlay .overlay-content{padding:24px;width:100%}.select-course-popup .course-grid .course-media-tile .tile-overlay .overlay-content h3{color:#fff;font-size:1.5rem;font-weight:700;line-height:1.3;margin:0;text-shadow:0 2px 4px rgba(0,0,0,.6);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tnx-page-wrapper{width:100%;background-color:#f8fafc;display:flex;flex-direction:column}.tnx-page-wrapper .app-bar{width:100%;background-color:#fff;border-bottom:1px solid #e2e8f0;padding:5px 0;position:sticky;top:0;z-index:100}.tnx-page-wrapper .app-bar .app-bar-inner{width:100%;padding:0 30px;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between}.tnx-page-wrapper .app-bar .app-bar-inner .back-btn{background:#f1f5f9;border:none;min-width:40px;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#475569;transition:all .2s ease;flex-shrink:0}.tnx-page-wrapper .app-bar .app-bar-inner .back-btn:hover{background:#e2e8f0;color:#0f172a}.tnx-page-wrapper .app-bar .app-bar-inner .title{font-size:1.1rem;font-weight:300;color:#0f172a;margin:0 20px;text-align:center;max-width:400px;line-height:1.4;word-wrap:break-word}.tnx-page-wrapper h3{text-align:center;padding:20px}.tnx-page-wrapper .content-container{width:100%;max-width:1000px;padding:0 20px;margin:10px auto;box-sizing:border-box}.tnx-page-wrapper .content-container .tnx-summary-card{background:#fff;border-radius:24px;box-shadow:0 10px 15px -3px #0000000d;display:flex;gap:32px;align-items:center}.tnx-page-wrapper .content-container .tnx-summary-card .media-section{flex:0 0 45%;border-radius:16px;overflow:hidden}.tnx-page-wrapper .content-container .tnx-summary-card .media-section img{width:100%;height:100%;aspect-ratio:16/9;object-fit:cover;transition:transform .5s ease}.tnx-page-wrapper .content-container .tnx-summary-card .media-section:hover img{transform:scale(1.05)}.tnx-page-wrapper .content-container .tnx-summary-card .stats-section{flex:1;display:flex;flex-direction:column;justify-content:center}.tnx-page-wrapper .content-container .tnx-summary-card .stats-section .stat-item{display:flex;align-items:center;gap:20px;padding:20px 0}.tnx-page-wrapper .content-container .tnx-summary-card .stats-section .stat-item .icon-wrapper{width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.75rem;color:#969696;background:#e7e7e7c1}.tnx-page-wrapper .content-container .tnx-summary-card .stats-section .stat-item .stat-text{display:flex;flex-direction:column}.tnx-page-wrapper .content-container .tnx-summary-card .stats-section .stat-item .stat-text .label{font-size:.9rem;color:#64748b;font-weight:500;margin-bottom:4px}.tnx-page-wrapper .content-container .tnx-summary-card .stats-section .stat-item .stat-text .value{font-size:1.75rem;font-weight:800;color:#34c948;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.tnx-page-wrapper .content-container .tnx-summary-card .stats-section .divider{height:1px;width:100%;background-color:#f1f5f9;margin:10px 0}@media(max-width:768px){.tnx-page-wrapper .content-container .tnx-summary-card{flex-direction:column}.tnx-page-wrapper .content-container .tnx-summary-card .media-section{width:100%;height:200px}}.instructor-dashboard{min-height:100vh;padding:24px 18px 32px;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at top left,#f3f4f6 0,transparent 55%),radial-gradient(circle at bottom right,#e5e7eb 0,#f9fafb 55%);color:#1f2937}.instructor-dashboard .dashboard-card{width:100%;max-width:880px;border-radius:28px;padding:22px 20px 24px;background:radial-gradient(circle at 0 0,rgba(255,255,255,.8),transparent),linear-gradient(135deg,#fff,#f8fafc);box-shadow:0 4px 20px #0000000d;border:1px solid #e2e8f0;display:flex;flex-direction:column;gap:18px}.instructor-dashboard .dashboard-top{display:flex;flex-direction:column;align-items:center;gap:10px}.instructor-dashboard .dashboard-top .avatar-center{display:flex;align-items:center;justify-content:center}.instructor-dashboard .dashboard-top .avatar-center .avatar-circle{width:120px;height:120px;border-radius:50%;background:radial-gradient(circle at 20% 0,#f97316,#facc15),radial-gradient(circle at 120% 100%,#fff,#f1f5f9);box-shadow:inset 0 0 0 1px #ffffff80,0 10px 25px #f9731633;display:flex;align-items:center;justify-content:center;overflow:hidden}.instructor-dashboard .dashboard-top .avatar-center .avatar-circle span{font-size:28px;font-weight:700;color:#111827}.instructor-dashboard .dashboard-top .avatar-center .avatar-circle img{width:100%;height:100%;object-fit:cover;display:block}.instructor-dashboard .dashboard-top .avatar-center .avatar-circle.has-photo{background:#fff;box-shadow:inset 0 0 0 1px #e2e8f0e6,0 10px 25px #0000001a}.instructor-dashboard .dashboard-top .instructor-info-center{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center}.instructor-dashboard .dashboard-top .instructor-info-center .instructor-name{font-size:20px;font-weight:700;letter-spacing:.01em;color:#111827}.instructor-dashboard .dashboard-top .instructor-info-center .instructor-meta{font-size:13px;color:#6b7280}.instructor-dashboard .feature-grid{margin-top:8px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.instructor-dashboard .feature-squircle{position:relative;border:1px solid #e2e8f0;outline:none;border-radius:26px;padding:10px 10px 12px;background:#fff;display:flex;align-items:center;gap:10px;cursor:pointer;text-align:left;box-shadow:0 2px 4px #00000005;transition:all .2s ease}.instructor-dashboard .feature-squircle .feature-icon-wrap{width:44px;aspect-ratio:1 / 1;border-radius:40%;background:radial-gradient(circle at 20% 0,#f97316,#facc15),radial-gradient(circle at 120% 100%,#fff7ed,#ffedd5);display:flex;align-items:center;justify-content:center;box-shadow:inset 0 0 0 1px #ffffff73,0 4px 10px #f9731626}.instructor-dashboard .feature-squircle .feature-icon-wrap .feature-icon{font-size:20px;color:#111827}.instructor-dashboard .feature-squircle .feature-text{display:flex;flex-direction:column;gap:2px;min-width:0}.instructor-dashboard .feature-squircle .feature-text .feature-label{font-size:14px;font-weight:700;color:#1f2937}.instructor-dashboard .feature-squircle .feature-text .feature-description{font-size:12px;color:#6b7280}.instructor-dashboard .feature-squircle:hover{transform:translateY(-2px);box-shadow:0 10px 20px #0000000d;background:#fff;border-color:#cbd5e1}.instructor-dashboard .feature-squircle:active{transform:translateY(0);box-shadow:0 2px 5px #0000000d}@media(max-width:960px){.instructor-dashboard{padding:20px 16px 26px}.instructor-dashboard .dashboard-card{padding:20px 18px 22px}.instructor-dashboard .feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.instructor-dashboard{padding:18px 12px 22px}.instructor-dashboard .dashboard-card{border-radius:24px}.instructor-dashboard .feature-grid{grid-template-columns:minmax(0,1fr);gap:12px}}.live-page{min-height:100vh;display:flex;justify-content:center;align-items:center;padding:16px;background:#f5f5f5}.live-page .live-inner{width:100%;max-width:720px;margin:0 auto}.live-page .live-inner .live-card{background:#fff;border-radius:16px;border:1px solid #e5e7eb;box-shadow:0 6px 18px #0f172a0a;overflow:hidden;display:flex;flex-direction:column}.live-page .live-inner .live-card .live-card-top{background:#f9fafb;padding:16px 18px;border-bottom:1px solid #e5e7eb}.live-page .live-inner .live-card .live-card-top .live-top-content{display:flex;flex-direction:column;gap:4px}.live-page .live-inner .live-card .live-card-top .live-top-content .live-title{font-size:18px;font-weight:600;color:#111827}.live-page .live-inner .live-card .live-card-top .live-top-content .live-subtitle{font-size:13px;color:#6b7280}.live-page .live-inner .live-card .live-rows{padding:14px 16px 6px;display:flex;flex-direction:column;gap:8px}.live-page .live-inner .live-card .live-rows .cred-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 11px;border-radius:12px;background:#f9fafb}.live-page .live-inner .live-card .live-rows .cred-row .cred-left{display:flex;align-items:center;gap:10px;min-width:0}.live-page .live-inner .live-card .live-rows .cred-row .cred-left .cred-icon{width:30px;height:30px;border-radius:999px;display:flex;align-items:center;justify-content:center;background:#eef1f5;color:#4b5563;font-size:16px;flex-shrink:0}.live-page .live-inner .live-card .live-rows .cred-row .cred-left .cred-text{display:flex;flex-direction:column;gap:2px;min-width:0}.live-page .live-inner .live-card .live-rows .cred-row .cred-left .cred-text .cred-label{font-size:12px;color:#6b7280}.live-page .live-inner .live-card .live-rows .cred-row .cred-left .cred-text .cred-value{font-size:13px;color:#111827;word-break:break-all}.live-page .live-inner .live-card .live-rows .cred-row .cred-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.live-page .live-inner .live-card .live-rows .cred-row .cred-actions .cred-action-btn{width:30px;height:30px;border-radius:8px;border:none;background:#f3f4f6;display:flex;align-items:center;justify-content:center;font-size:16px;color:#4b5563;cursor:pointer;transition:background .12s ease,box-shadow .12s ease,color .12s ease}.live-page .live-inner .live-card .live-rows .cred-row .cred-actions .cred-action-btn:hover{background:#e5e7eb;box-shadow:0 2px 4px #94a3b859}.live-page .live-inner .live-card .live-rows .cred-row .cred-actions .cred-action-btn:active{box-shadow:none}.live-page .live-inner .live-card .live-rows .cred-row .cred-actions .cred-action-btn.copy-btn.copied{background:#ecfdf3;color:#166534;box-shadow:0 0 0 1px #a7f3d0}.live-page .live-inner .live-card .live-rows .cred-row .cred-actions .copy-status{font-size:11px;color:#15803d}.live-page .live-inner .live-card .live-controls{padding:12px 16px 14px;display:flex;flex-wrap:wrap;gap:10px}.live-page .live-inner .live-card .live-controls .live-btn{flex:1 1 0;min-width:0;border-radius:999px;padding:14px 20px;font-size:15px;font-weight:600;border:2px solid transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;background:#fff;color:#111827}.live-page .live-inner .live-card .live-controls .live-btn .btn-loader{width:14px;height:14px;border-radius:999px;border:2px solid rgba(148,163,184,.5);border-top-color:#4b5563;animation:live-btn-spin .7s linear infinite}.live-page .live-inner .live-card .live-controls .live-btn .obs-btn-icon{font-size:16px}.live-page .live-inner .live-card .live-controls .live-btn.obs{border-color:#bbf7d0;background-color:#f3faf6;color:#166534}.live-page .live-inner .live-card .live-controls .live-btn.end-btn{border-color:#fecaca;background-color:#fdf4f4;color:#b91c1c}.live-page .live-inner .live-card .live-controls .live-btn:hover:not(:disabled){box-shadow:0 4px 8px #0f172a0f}.live-page .live-inner .live-card .live-controls .live-btn:active:not(:disabled){box-shadow:0 2px 4px #0f172a0a}.live-page .live-inner .live-card .live-controls .live-btn:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.live-page .live-inner .live-card .live-controls .live-obs-error{width:100%;margin-top:4px;font-size:12px;color:#b91c1c}.live-page .live-inner .live-empty-card{padding:22px 20px;align-items:center;text-align:center;background:#fff;border-radius:16px;border:1px solid #e5e7eb;box-shadow:0 6px 18px #0f172a0a}.live-page .live-inner .live-empty-card .live-empty-title{font-size:15px;color:#111827;margin-bottom:16px}.live-page .live-inner .live-empty-card .live-back-btn{border-radius:999px;padding:9px 14px;font-size:13px;font-weight:500;border:1px solid #d1d5db;cursor:pointer;background:#f9fafb;color:#111827;display:inline-flex;align-items:center;gap:6px;transition:background .12s ease,border-color .12s ease,transform .12s ease}.live-page .live-inner .live-empty-card .live-back-btn:hover{background:#e5e7eb;border-color:#9ca3af;transform:translateY(-1px)}.live-page .live-inner .live-empty-card .live-back-btn:active{transform:translateY(0)}@keyframes live-btn-spin{to{transform:rotate(360deg)}}@media(max-width:640px){.live-page{padding:12px}.live-page .live-inner .live-card{border-radius:14px}.live-page .live-inner .live-card .live-card-top{padding:12px 14px}.live-page .live-inner .live-card .live-card-top .live-top-content .live-title{font-size:16px}.live-page .live-inner .live-card .live-card-top .live-top-content .live-subtitle{font-size:12px}.live-page .live-inner .live-card .live-rows{padding:12px 12px 6px}.live-page .live-inner .live-card .live-rows .cred-row{align-items:flex-start}.live-page .live-inner .live-card .live-rows .cred-row .cred-left .cred-text .cred-value{font-size:12px}.live-page .live-inner .live-card .live-rows .cred-row .cred-actions .cred-action-btn{width:28px;height:28px}.live-page .live-inner .live-card .live-rows .cred-row .cred-actions .copy-status{display:none}.live-page .live-inner .live-card .live-controls{padding:10px 12px 12px;flex-direction:column}.live-page .live-inner .live-card .live-controls .live-btn{width:100%}}.failure-overlay{position:fixed;inset:0;z-index:2000;display:flex;align-items:center;justify-content:center;background:#0f172a59;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.failure-overlay .failure-modal{width:100%;max-width:360px;margin:0 18px;border-radius:18px;background:#fff;box-shadow:0 16px 32px #0f172a33;animation:failureModalIn .22s ease-out}.failure-overlay .failure-modal .failure-body{padding:20px 18px 18px;display:flex;flex-direction:column;align-items:center;text-align:center}.failure-overlay .failure-modal .failure-body .failure-symbol{width:64px;height:64px;border-radius:999px;border:2px solid #fecaca;background:#fee2e2;display:flex;align-items:center;justify-content:center;margin-bottom:12px;animation:failureCrossShake .42s ease-in-out .32s 1}.failure-overlay .failure-modal .failure-body .failure-symbol .failure-cross{position:relative;width:32px;height:32px}.failure-overlay .failure-modal .failure-body .failure-symbol .failure-cross .failure-cross-line{position:absolute;inset:0;margin:auto;width:26px;height:3px;border-radius:999px;background:#b91c1c;transform-origin:center}.failure-overlay .failure-modal .failure-body .failure-symbol .failure-cross .failure-cross-line-1{transform:rotate(45deg) scaleX(0);animation:drawLine1 .18s ease-out forwards}.failure-overlay .failure-modal .failure-body .failure-symbol .failure-cross .failure-cross-line-2{transform:rotate(-45deg) scaleX(0);animation:drawLine2 .18s ease-out .12s forwards}.failure-overlay .failure-modal .failure-body .failure-title{font-size:16px;font-weight:600;margin-bottom:4px;color:#111827}.failure-overlay .failure-modal .failure-body .failure-message{font-size:13px;line-height:1.5;color:#9f1239;margin-bottom:14px}.failure-overlay .failure-modal .failure-body .failure-action-btn{margin-top:4px;width:100%;border:none;border-radius:999px;padding:10px 14px;font-size:14px;font-weight:600;background:linear-gradient(135deg,#f97316,#dc2626);color:#fefefe;cursor:pointer;box-shadow:0 3px 6px #0f172a2e;transition:transform .12s ease,box-shadow .12s ease,background .12s ease}.failure-overlay .failure-modal .failure-body .failure-action-btn:hover{transform:translateY(-1px);background:linear-gradient(135deg,#ea580c,#b91c1c);box-shadow:0 4px 9px #0f172a38}.failure-overlay .failure-modal .failure-body .failure-action-btn:active{transform:translateY(0);box-shadow:0 2px 4px #0f172a2e}@keyframes failureModalIn{0%{opacity:0;transform:translateY(18px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes drawLine1{0%{transform:rotate(45deg) scaleX(0)}to{transform:rotate(45deg) scaleX(1)}}@keyframes drawLine2{0%{transform:rotate(-45deg) scaleX(0)}to{transform:rotate(-45deg) scaleX(1)}}@keyframes failureCrossShake{0%,to{transform:translate(0)}20%{transform:translate(-3px)}40%{transform:translate(3px)}60%{transform:translate(-2px)}80%{transform:translate(2px)}}@media(max-width:480px){.failure-overlay .failure-modal{max-width:330px;border-radius:16px}.failure-overlay .failure-modal .failure-body{padding:18px 14px 16px}.failure-overlay .failure-modal .failure-body .failure-symbol{width:56px;height:56px}.failure-overlay .failure-modal .failure-body .failure-symbol .failure-cross{width:28px;height:28px}.failure-overlay .failure-modal .failure-body .failure-symbol .failure-cross .failure-cross-line{width:22px}.failure-overlay .failure-modal .failure-body .failure-title{font-size:15px}.failure-overlay .failure-modal .failure-body .failure-message{font-size:12px}.failure-overlay .failure-modal .failure-body .failure-action-btn{font-size:13px;padding:9px 12px}}.success-overlay{position:fixed;inset:0;background:#0f172a73;display:flex;align-items:center;justify-content:center;z-index:2300}.success-overlay .success-card{width:100%;max-width:360px;background:#fff;border-radius:20px;padding:22px 20px 18px;box-shadow:0 18px 40px #0f172a59;text-align:center;animation:success-card-pop .26s ease-out}.success-overlay .success-card .success-icon-wrapper{display:flex;align-items:center;justify-content:center;margin-bottom:12px}.success-overlay .success-card .success-icon-wrapper .success-circle{width:64px;height:64px;border-radius:50%;border:2px solid #16a34a;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 20% 0,#bbf7d0,#fff);box-shadow:0 8px 16px #16a34a52;animation:success-circle-pop .3s ease-out}.success-overlay .success-card .success-icon-wrapper .success-circle .success-check{width:36px;height:18px;border-left:3px solid #15803d;border-bottom:3px solid #15803d;transform:rotate(-45deg) scaleX(0);margin-top:-10px;animation:success-check-draw .22s ease-out .15s forwards}.success-overlay .success-card .success-message{font-size:14px;line-height:1.5;color:#374151;margin-bottom:16px}.success-overlay .success-card .success-button{width:100%;border-radius:999px;padding:10px 16px;font-size:14px;font-weight:600;border:none;cursor:pointer;background:linear-gradient(135deg,#22c55e,#4ade80);color:#052e16;box-shadow:0 3px 7px #0f172a4d;transition:transform .12s ease,box-shadow .12s ease}.success-overlay .success-card .success-button:hover{transform:translateY(-1px);box-shadow:0 5px 11px #0f172a59}.success-overlay .success-card .success-button:active{transform:translateY(0);box-shadow:0 2px 4px #0f172a59}@keyframes success-card-pop{0%{transform:translateY(14px) scale(.96);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes success-circle-pop{0%{transform:scale(.7)}70%{transform:scale(1.06)}to{transform:scale(1)}}@keyframes success-check-draw{0%{transform:rotate(-45deg) scaleX(0)}to{transform:rotate(-45deg) scaleX(1)}}@media(max-width:480px){.success-overlay .success-card{max-width:320px;padding:20px 18px 16px}.success-overlay .success-card .success-message{font-size:13px}.success-overlay .success-card .success-button{font-size:13px;padding:9px 14px}}.live-setup-page{min-height:100vh;padding:24px 16px;display:flex;justify-content:center;align-items:center;background:#f3f4f6;color:#111827}.live-setup-page .live-setup-inner{width:100%;max-width:780px;margin:0 auto;display:flex;flex-direction:column;align-items:stretch}.live-setup-page .live-header{margin-bottom:18px;text-align:center}.live-setup-page .live-header h1{font-size:24px;font-weight:600;color:#0f172a}.live-setup-page .live-header p{margin-top:6px;font-size:15px;color:#6b7280}.live-setup-page .live-empty{margin-top:12px;padding:20px 18px;border-radius:18px;background:#fff;font-size:14px;color:#374151;text-align:center;box-shadow:0 4px 10px #0f172a14}.live-setup-page .live-grid{display:flex;flex-direction:column;gap:16px;align-items:stretch}.live-setup-page .live-card{border-radius:22px;background:#fff;padding:20px 18px 18px;display:flex;flex-direction:column;gap:10px;box-shadow:0 10px 22px #0f172a14}.live-setup-page .live-course-title{font-size:18px;font-weight:600;color:#111827}.live-setup-page .live-subject{font-size:15px;color:#4b5563}.live-setup-page .live-topic-row{margin-top:6px;display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.live-setup-page .live-topic-text{display:flex;flex-direction:column;gap:3px;min-width:0}.live-setup-page .live-topic-text .live-topic-label{font-size:13px;color:#6b7280}.live-setup-page .live-topic-text .live-topic-name{font-size:14px;color:#111827}.live-setup-page .live-topic-edit{display:flex;flex:1;gap:8px}.live-setup-page .live-input{flex:1;border-radius:999px;padding:7px 12px;font-size:14px;background:#f9fafb;color:#111827;border:1px solid #e5e7eb;outline:none}.live-setup-page .live-input:focus{border-color:#f97316}.live-setup-page .live-input.small{max-width:110px}.live-setup-page .live-edit-btn{flex-shrink:0;border:none;border-radius:999px;padding:7px 14px;font-size:13px;font-weight:500;background:#e5e7eb;color:#111827;cursor:pointer;transition:background .12s ease,transform .12s ease}.live-setup-page .live-edit-btn:hover{background:#d1d5db;transform:translateY(-1px)}.live-setup-page .live-edit-btn:active{transform:translateY(0)}.live-setup-page .live-go-btn{margin-top:10px;display:flex;align-items:center;gap:10px;align-self:flex-end;border:none;border-radius:999px;padding:9px 20px;font-size:14px;font-weight:600;background:linear-gradient(135deg,#ff6f08,#facc15);color:#111827;cursor:pointer;box-shadow:0 3px 7px #0f172a26;transition:transform .12s ease,box-shadow .12s ease,background .12s ease}.live-setup-page .live-go-btn .icon{color:#3c1f00;font-size:20px}.live-setup-page .live-go-btn:hover{transform:translateY(-1px);box-shadow:0 4px 9px #0f172a33;background:linear-gradient(135deg,#ea580c,#eab308)}.live-setup-page .live-go-btn:active{transform:translateY(0);box-shadow:0 2px 4px #0f172a33}@media(max-width:640px){.live-setup-page{padding:18px 12px}.live-setup-page .live-header h1{font-size:22px}.live-setup-page .live-card{border-radius:18px;padding:18px 16px 16px}.live-setup-page .live-course-title{font-size:17px}.live-setup-page .live-subject{font-size:14px}}.loader-backdrop{position:fixed;inset:0;background:#f9fafbb3;display:flex;align-items:center;justify-content:center;z-index:9999}.loader-backdrop .loader-card{min-width:180px;max-width:260px;padding:16px 18px 14px;border-radius:16px;background:#fff;box-shadow:0 6px 18px #0f172a1f;display:flex;flex-direction:column;align-items:center;gap:10px}.loader-backdrop .loader-card .loader-spinner{width:32px;height:32px;border-radius:50%;border:3px solid #e5e7eb;border-top-color:#f97316;border-right-color:#facc15;animation:loader-spin .9s linear infinite}.loader-backdrop .loader-card .loader-text{font-size:14px;color:#374151;text-align:center}@media(max-width:480px){.loader-backdrop .loader-card{min-width:160px;padding:14px 16px 12px}.loader-backdrop .loader-card .loader-text{font-size:13px}}@keyframes loader-spin{to{transform:rotate(360deg)}}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent;scrollbar-width:none;-ms-overflow-style:none;font-family:Outfit,Poppins,Tiro Bangla,Courier New,Courier,monospace}::-webkit-scrollbar{display:none}html{font-size:16px;scroll-behavior:smooth;height:100%;width:100%;overflow-x:hidden;background-color:#f4f5f7}html body{height:100%;width:100%;min-height:100vh;background-color:#f9fafb;color:#0f172a;overflow-x:hidden;overscroll-behavior:none}html body #root{height:100%;width:100%;min-height:100vh;background-color:#f9fafb}html body .app-root{display:flex;flex-direction:column;min-height:100vh;width:100%;background-color:#f9fafb}html body .app-main{flex:1;width:100%}html body a{text-decoration:none;color:inherit}html body button{border:none;outline:none;cursor:pointer;background:none;font-family:inherit}html body img{display:block;max-width:100%;height:auto;-webkit-user-select:none;user-select:none}html body h1,html body h2,html body h3,html body h4,html body h5,html body h6,html body p{overflow-wrap:break-word}html body section{padding:0;margin:0}