@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&display=swap);@import url(https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}a{text-decoration:none}a,a:hover{color:inherit}:root{--bg-start:#020617;--bg-end:#0b1120;--card-bg:#091023e6;--glass-blur:blur(14px);--border-color:#38bdf873;--accent:#34d399;--accent-glow:#34d399a6;--text-main:#e5f2ff;--text-sub:#9ca3af;--success:#34d399;--danger:#f97373;--warning:#facc15}#root,body,html{overflow-x:hidden;width:100%}@keyframes glowPulse{0%{box-shadow:0 0 6px #34d39926}to{box-shadow:0 0 16px #34d3998c}}.dashboard-container{background-color:#fff;color:#e5f2ff;color:var(--text-main);display:flex;font-family:Inter,sans-serif;min-height:100vh;transition:background .5s ease}.mains-content{animation:fadeUp .5s ease forwards;padding:30px 40px;width:100%}.cards{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:20px}.card{animation:fadeUp .6s ease forwards;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid #38bdf873;border:1px solid var(--border-color);border-radius:16px;box-shadow:0 6px 18px #00000073;display:flex;flex:1 1;flex-direction:column;padding:22px;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.card:hover{border-color:#34d399;border-color:var(--accent);box-shadow:0 0 16px #34d399a6;box-shadow:0 0 16px var(--accent-glow);transform:translateY(-6px) scale(1.02)}.icon{align-items:center;border-radius:50%;color:#020617;display:flex;font-size:19px;height:46px;justify-content:center;transition:.25s;width:46px}.icon:hover{transform:scale(1.16)}.icon.green{background:#34d399;background:var(--success)}.icon.red{background:#f97373;background:var(--danger);color:#0b1120}.icon.yellow{background:#facc15;background:var(--warning);color:#111827}.card h3{color:#000;font-size:1.55rem;font-weight:700;margin:0}.card p{color:#000;font-size:1rem;font-weight:500;margin:6px 0 0 50px}.trend{font-size:.9rem;font-weight:600;margin-left:50px;margin-top:6px}.trend.up{color:#34d399;color:var(--success)}.trend.down{color:#f97373;color:var(--danger)}.trend.neutral{color:#cbd5f5}.chart-container,.piechart-container{animation:fadeUp .7s ease forwards;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid #38bdf873;border:1px solid var(--border-color);border-radius:16px;box-shadow:0 4px 18px #00000073;overflow:hidden;padding:28px;position:relative;z-index:1}.piechart-container{align-items:center;display:flex;justify-content:center}.piechart-container canvas,.piechart-container svg{height:auto!important;max-width:95%}.group-performance{margin-top:22px}.group-list{display:flex;font-weight:600;gap:20px}.group-item{animation:fadeUp .8s ease forwards;background:#0f172af5;border:1px solid #38bdf873;border:1px solid var(--border-color);border-radius:12px;color:#e5f2ff;color:var(--text-main);padding:12px;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.group-item:hover{border-color:#34d399;border-color:var(--accent);box-shadow:0 0 15px #34d399a6;box-shadow:0 0 15px var(--accent-glow);transform:scale(1.06)}.progress-text{display:flex;font-size:14px;justify-content:space-between;margin-top:5px}.progress-text span{color:#34d399;color:var(--accent);font-weight:600}.head{align-items:center;animation:fadeUp .5s ease forwards;display:flex;justify-content:space-between;margin-bottom:20px;width:100%}.head h2{color:#000}.head select{animation:fadeUp .6s ease forwards;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #000;border-radius:8px;color:#000;height:42px;padding:6px 12px;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease;width:160px}.head select:focus{border-color:#34d399;border-color:var(--accent);box-shadow:0 0 12px #34d399a6;box-shadow:0 0 12px var(--accent-glow);outline:none}.chart-second{display:flex;justify-content:space-between;width:100%}.chart-second h1{color:#000}@media (max-width:1024px){.cards{flex-wrap:wrap;gap:15px}.card{flex-basis:calc(50% - 15px);flex-grow:1;flex-shrink:1}}@media (max-width:480px){.card{padding:16px}.card h3{font-size:1.2rem}.progress-text{font-size:12px}.icon{height:36px;width:36px}}.mobile-bottom-nav,.mobile-cards,.mobile-filterbar,.mobile-quick-actions,.mobile-recent,.mobile-topbar,.mobile-view-details{display:none}@media (max-width:768px){.dashboard-container{background:#f4f7fb;flex-direction:column;padding:0 0 78px;position:relative}.mains-content{padding:0}.cards,.head{display:none}.mobile-topbar{align-items:center;background:linear-gradient(135deg,#2f6bff,#1d4ed8);border-radius:0 0 30px 30px;color:#fff;display:flex;justify-content:space-between;padding:22px 20px 70px;position:relative}.mobile-hamburger{font-size:20px;margin-top:4px}.mobile-greet{flex:1 1;margin-left:1px}.mobile-greet span{font-size:18px;opacity:.9}.mobile-greet h2{color:#fff;font-size:24px;margin:2px 0 0}.mobile-bell-wrap{margin-top:4px;position:relative}.mobile-bell{font-size:20px}.mobile-bell-badge{align-items:center;background:#ef4444;border-radius:50%;color:#fff;display:flex;font-size:10px;font-weight:700;height:16px;justify-content:center;position:absolute;right:-8px;top:-6px;width:16px}.mobile-filterbar{align-items:center;display:flex;gap:10px;justify-content:space-around;margin:-50px 16px 0;position:relative;z-index:2}.mobile-month-select{background:#fff;border:none;border-radius:10px;box-shadow:0 2px 8px #00000014;color:#1d4ed8;font-size:13px;font-weight:600;padding:8px 12px;width:30%}.mobile-date-pill{align-items:center;background:#0000;color:#fff;display:flex;font-size:23px;font-weight:600;gap:6px}.mobile-cards{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr 1fr;padding:18px 16px 0}.m-card{background:#fff;border-radius:18px;box-shadow:0 4px 15px #00000012;padding:16px}.m-card-top{gap:10px;margin-bottom:10px}.m-card-top,.m-icon{align-items:center;display:flex}.m-icon{border-radius:50%;flex-shrink:0;font-size:16px;height:38px;justify-content:center;width:38px}.m-icon-green{background:#dcfce7;color:#16a34a}.m-icon-orange{background:#fef3c7;color:#d97706}.m-icon-red{background:#fee2e2;color:#dc2626}.m-icon-blue{background:#dbeafe;color:#2563eb}.m-label{color:#374151;font-size:13px;font-weight:600}.m-value{color:#111827;font-size:22px;font-weight:800;margin:0 0 6px}.m-trend{font-size:11px;font-weight:600}.m-trend.up{color:#16a34a}.m-trend.down{color:#dc2626}.chart-container{background:#fff;border:none;border-radius:18px;box-shadow:0 4px 15px #00000014;margin:18px 16px 0;padding:16px}.chart-container h3{color:#000;margin-bottom:0}.chart-title-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.mobile-view-details{align-items:center;color:#2563eb;display:flex;font-size:13px;font-weight:600;gap:4px}.mobile-quick-actions{display:block;padding:20px 16px 0}.mobile-section-title{color:#111827;font-size:17px;font-weight:700;margin-bottom:12px}.quick-actions-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr 1fr 1fr}.qa-btn{align-items:center;border:none;border-radius:14px;cursor:pointer;display:flex;flex-direction:column;font-size:11px;font-weight:600;gap:8px;padding:14px 6px}.qa-btn svg{font-size:18px}.qa-blue{background:#dbeafe;color:#2563eb}.qa-green{background:#dcfce7;color:#16a34a}.qa-purple{background:#ede9fe;color:#7c3aed}.qa-orange{background:#ffedd5;color:#ea580c}.mobile-recent{display:block;padding:22px 16px 0}.mobile-section-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.mobile-view-all{color:#2563eb;font-size:13px;font-weight:600}.mobile-recent-list{background:#fff;border-radius:16px;box-shadow:0 4px 15px #0000000f;overflow:hidden}.mobile-recent-item{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;gap:8px;justify-content:space-between;padding:14px}.mobile-recent-item:last-child{border-bottom:none}.mr-left{align-items:center;display:flex;flex:1.4 1;gap:10px;min-width:0}.mr-avatar{color:#94a3b8;flex-shrink:0;font-size:34px}.mr-name{color:#111827;font-size:13px;font-weight:700;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mr-class{color:#6b7280;font-size:11px}.mr-mid{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:4px}.mr-amount{color:#111827;font-size:13px;font-weight:700}.mr-status{border-radius:6px;font-size:10px;font-weight:700;padding:3px 8px}.mr-status.paid{background:#dcfce7;color:#16a34a}.mr-status.pending{background:#fef3c7;color:#d97706}.mr-status.failed{background:#fee2e2;color:#dc2626}.mr-right{align-items:center;color:#6b7280;display:flex;flex:0.9 1;font-size:11px;gap:4px;justify-content:flex-end}.chart-second{flex-direction:column;gap:15px;margin-top:18px;padding:0 16px 20px}.chart-second h1{color:#000;font-size:20px}.piechart-container{background:#fff;border:none;border-radius:18px;box-shadow:0 4px 15px #00000014;padding:16px}.mobile-bottom-nav{background:#fff;bottom:0;box-shadow:0 -2px 12px #00000014;justify-content:space-around;left:0;padding:10px 4px;position:fixed;right:0;z-index:50}.bn-item,.mobile-bottom-nav{align-items:center;display:flex}.bn-item{color:#9ca3af;flex-direction:column;font-size:10px;font-weight:600;gap:3px}.bn-item svg{font-size:18px}.bn-active{color:#2563eb}.bn-dots{font-size:16px;letter-spacing:1px}}.layout-container{display:flex;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;min-height:100vh}.sidebardata{background:linear-gradient(180deg,#020617,#022c22);box-shadow:2px 0 14px #0009;color:#e5f2ff;flex-shrink:0}.main-content{background:#0000;color:#e5f2ff;flex:1 1;margin-left:200px;overflow-y:auto;padding:24px;transition:margin-left .3s ease,background .25s ease}@media (max-width:768px){.main-content{margin-left:0;padding:16px 12px}}.indigroup_app{color:#000;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;margin:0;width:100%}.indigroup_main{grid-gap:16px;display:grid;gap:16px}.indigroup_tabs{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.indigroup_tabBtn{border:1px solid #78b4ff59;border-radius:999px;color:#000;cursor:pointer;font-weight:600;padding:10px 20px;text-decoration:none;transition:background .2s ease,color .2s ease,transform .15s ease,box-shadow .2s ease}.indigroup_tabBtn:hover{transform:translateY(-1px)}.indigroup_tabBtn.active{border-color:#4da8ff;color:#4da8ff}@media (max-width:768px){.indigroup_tabs{grid-gap:5px;background:#fff;border-radius:18px;box-shadow:0 6px 22px #00000014;display:grid;gap:5px;grid-template-columns:repeat(4,90px);margin:5px 0 18px;padding:5px;width:100%}.indigroup_tabBtn{background:#0000;border:none;border-radius:14px;color:#666;flex-direction:column;gap:6px;padding:12px 6px}.indigroup_tabBtn,.tabIcon{align-items:center;display:flex;justify-content:center;transition:.3s}.tabIcon{background:#f4f6fb;border-radius:12px;color:#5b5b5b;height:40px;width:40px}.tabContent{align-items:center;display:flex;flex-direction:column;line-height:1.1}.tabTitle{font-size:12px;font-weight:700}.tabContent small{color:#9ca3af;font-size:10px}.indigroup_tabBtn.active{background:#eef4ff;color:#2563eb;transform:translateY(-2px)}.indigroup_tabBtn.active .tabIcon{background:linear-gradient(135deg,#2563eb,#4f8cff);box-shadow:0 10px 18px #2563eb47;color:#fff}.indigroup_tabBtn.active .tabContent small{color:#2563eb}}.overview_container{grid-gap:24px;animation:fadeUp .4s ease-out forwards;background-color:#fff;color:#000;display:grid;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;gap:24px;grid-template-columns:280px 1fr;min-height:100vh;padding:30px 40px}.overview_left,.overview_right{display:flex;flex-direction:column;gap:18px}.overview_card{animation:fadeUp .5s ease-out forwards;border:1px solid #38bdf873;border-radius:16px;overflow:hidden;padding:18px 18px 16px;position:relative;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.overview_card:before{background:radial-gradient(circle at top left,#34d39938,#0000 55%);content:"";inset:-40%;opacity:0;pointer-events:none;position:absolute;transition:opacity .3s ease}.overview_card:hover{transform:translateY(-6px)}.overview_card:hover:before{opacity:1}.overview_card h3{color:#34d399;font-size:1.05rem;font-weight:600;margin:0 0 10px}.overview_muted{color:#000;font-size:14px}.overview_muted.overview_small{font-size:12px;margin-left:4px}.overview_statusRow{align-items:center;display:flex;gap:12px}.overview_toggle{border-radius:50px;cursor:pointer;height:26px;position:relative;transition:background .25s ease,box-shadow .25s ease;width:52px}.toggle_knob{background:#f9fafb;border-radius:50%;box-shadow:0 2px 8px #0000004d;height:20px;position:absolute;top:3px;transition:left .25s ease;width:20px}.overview_toggle.active{background:linear-gradient(135deg,#34d399,#22c55e);box-shadow:0 0 10px #22c55e99}.overview_toggle.active .toggle_knob{left:3px}.overview_toggle.inactive{background:linear-gradient(135deg,#f97373,#f43f5e);box-shadow:0 0 8px #f8717180}.overview_toggle.inactive .toggle_knob{left:29px}.overview_kv{grid-gap:10px 18px;display:grid;font-size:14px;gap:10px 18px;grid-template-columns:1fr auto;margin-top:12px}.overview_kvItem{align-items:center;color:#000;display:flex;gap:6px}.overview_paymentsBox{border:1px dashed #94a3b8cc;border-radius:12px;height:120px;margin-top:12px}.overview_header{align-items:center;display:flex;gap:10px}.overview_icon{border:2px solid #38bdf8bf;border-radius:10px;box-shadow:0 0 10px #38bdf899;height:36px;object-fit:cover;width:36px}.overview_editBtn{background:#0000;border:none;color:#94a3b8;cursor:pointer;font-size:.85rem;margin-left:auto;transition:color .2s ease,transform .2s ease}.overview_editBtn:hover{color:#e5e7eb;transform:translateY(-1px)}.overview_deleteBtn{align-items:center;background:linear-gradient(135deg,#f97373,#dc2626);border:none;border-radius:10px;color:#0b1120;cursor:pointer;display:flex;font-weight:600;gap:6px;margin-top:16px;padding:8px 14px;transition:transform .25s ease,box-shadow .25s ease,filter .2s ease}.overview_deleteBtn:hover{box-shadow:0 10px 25px #dc2626b3;filter:brightness(1.03);transform:translateY(-2px)}.group-modal-overlay{animation:fadeUp .35s ease-out forwards;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.modal-group{animation:fadeUp .4s ease-out forwards;border-radius:20px;box-shadow:0 24px 60px #000000e6;max-width:90%;padding:24px 22px;width:420px}.modal-group h3{color:#e9f2ff;font-size:1.25rem;font-weight:600;margin:0 0 18px}.modal-group input[type=number],.modal-group input[type=text]{border:1px solid #000;border-radius:10px;color:#000;font-size:.9rem;margin-bottom:14px;padding:10px 12px;transition:border-color .25s ease,box-shadow .25s ease,background .25s ease;width:100%}.modal-group input[type=number]:focus,.modal-group input[type=text]:focus{border-color:#34d399;box-shadow:0 0 10px #34d39999;outline:none}.upload-field label{color:#000;display:block;font-size:.9rem;font-weight:500;margin-bottom:6px}.image-preview-wrapper{margin-top:10px}.preview-icon{border:2px solid #38bdf8cc;border-radius:10px;box-shadow:0 0 10px #38bdf8b3;height:60px;width:60px}.remove-preview-btn{height:22px;right:-8px;top:-8px;transition:transform .2s ease;width:22px}.remove-preview-btn:hover{transform:scale(1.1)}.modal-actions button{border:none;border-radius:10px;cursor:pointer;font-weight:600;padding:9px 16px;transition:transform .25s ease,box-shadow .25s ease,filter .2s ease}.modal-actions .cancel-btn{background:#0f172af2;border:1px solid #64748be6;color:#e5e7eb}.modal-actions .cancel-btn:hover{background:#0f172a;transform:translateY(-1px)}.modal-actions .save-btn{background:linear-gradient(135deg,#34d399,#22c55e);color:#022c22}.modal-actions .save-btn:hover{box-shadow:0 8px 20px #22c55ebf;filter:brightness(1.04);transform:translateY(-1px)}@media (max-width:1024px){.overview_container{grid-template-columns:1fr;padding:20px}}@media (max-width:768px){.overview_container{gap:16px;padding:12px}}.student_grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.student_card{background:#fff;border-radius:12px;cursor:pointer;padding:10px;text-align:center;transition:.2s}.student_card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-3px)}.student_card img{border-radius:50%;height:60px;object-fit:cover;width:60px}.student_placeholder{font-size:30px}@media (max-width:768px){body,html{overflow-x:hidden}*,.overview_container,.overview_left,.overview_right{box-sizing:border-box}.overview_container{display:flex;flex-direction:column;gap:14px;margin:0;overflow-x:hidden;padding:12px}.overview_card,.overview_container,.overview_left,.overview_right{max-width:100%;width:100%}.overview_card{border-radius:18px;box-sizing:border-box;margin:0;overflow:hidden;padding:16px}.overview_header{align-items:center;display:flex;gap:12px}.overview_header h3{flex:1 1;font-size:18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.overview_header button{flex-shrink:0}.overview_kv{grid-gap:12px 10px;display:grid;gap:12px 10px;grid-template-columns:1fr auto;margin-top:16px}.overview_kv>div:nth-child(2n){margin:0}.overview_deleteBtn{margin-top:18px;width:100%}.student_grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}.student_card{background:#fff;border-radius:14px;box-shadow:0 3px 12px #0000000d;padding:12px 8px;width:100%}.student_card img,.student_placeholder{height:60px;margin:auto;width:60px}.student_card p{font-size:13px;margin-top:8px;word-break:break-word}.group-modal-overlay{align-items:flex-end;padding:14px}.modal-group{border-radius:22px 22px 0 0;box-sizing:border-box;max-height:92vh;max-width:100%;overflow-y:auto;padding:18px;width:100%}.modal-group input,.modal-group select{width:100%}.modal-actions{display:flex;flex-direction:column;gap:10px}.modal-actions button{width:100%}}.saaragkaMembers_card{animation:membersFadeUp .4s ease-out forwards;border:1px solid #38bdf873;border-radius:12px;box-shadow:0 8px 22px #000000a6;box-sizing:border-box;color:#e9f2ff;margin-bottom:20px;max-width:100%;padding:16px;width:100%}.saaragkaMembers_header{align-items:center;animation:membersFadeUp .45s ease-out forwards;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-bottom:16px}.saaragkaMembers_header h3{color:#34d399;font-size:18px;font-weight:700;text-shadow:0 0 10px #34d39999}.saaragkaMembers_controls{align-items:center;animation:membersFadeUp .5s ease-out forwards;display:flex;gap:12px;justify-content:space-between;width:100%}.saaragkaMembers_controls input{border:1px solid #d1d5db;border-radius:8px;flex:1 1;min-width:220px;outline:none;padding:10px 12px}.saaragkaMembers_controls button{background:#8a2be2;border:1px solid #8a2be2;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;margin-left:auto;padding:10px 18px;transition:.3s ease;white-space:nowrap}.saaragkaMembers_controls button:hover{opacity:.9;transform:translateY(-2px)}.saaragkaMembers_filter,.saaragkaMembers_search{background:#0f172af5;border:1px solid #38bdf880;border-radius:8px;color:#e9f2ff;flex:1 1;min-width:140px;outline:none;padding:8px 10px}.saaragkaMembers_filter::placeholder,.saaragkaMembers_search::placeholder{color:#94a3b8}.saaragkaMembers_addBtn{background:linear-gradient(135deg,#06794f,#22c55e);border:none;border-radius:8px;box-shadow:0 4px 22px #22c55e66;color:#fff;cursor:pointer;font-weight:600;padding:8px 14px;transition:transform .2s ease,box-shadow .2s ease,filter .2s ease}.saaragkaMembers_addBtn:hover{background:linear-gradient(135deg,#22c55e,#16a34a);box-shadow:0 6px 16px #22c55e00;filter:brightness(1.05);transform:translateY(-1px)}.saaragkaMembers_table{animation:membersFadeUp .55s ease-out forwards;border-collapse:collapse;border-radius:10px;border-spacing:0;font-size:14px;overflow:hidden;width:100%}.saaragkaMembers_table thead{background:linear-gradient(90deg,#1d4ed8,#22c55e);color:#e0f2fe}.saaragkaMembers_table th{border-bottom:1px solid #1e40afb3;color:#e5f2ff;font-weight:500;padding:10px 14px;text-align:left;white-space:nowrap}.saaragkaMembers_table td{background-color:#fff}.saaragkaMembers_table tbody tr:nth-child(odd){background:#0f172afa}.saaragkaMembers_table tbody tr:nth-child(2n){background:#111827fa}.saaragkaMembers_table tbody tr:hover{background:#34d3992e;box-shadow:0 0 10px #34d39980;cursor:pointer;transform:translateY(-1px);transition:background .2s ease,box-shadow .2s ease}.saaragkaMembers_actions{display:flex;gap:8px}.saaragkaMembers_actionBtn{background:#0f172af2;border:none;border-radius:8px;color:#e5e7eb;cursor:pointer;padding:6px;transition:.2s ease}.saaragkaMembers_actionBtn:hover{background:#1e40afe6;transform:scale(1.08)}.saaragkaMembers_dateCell{align-items:center;color:#cbd5f5;display:flex;gap:6px}.saaragkaMembers_modalOverlay{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#030712cc;display:grid;place-items:center;z-index:100}.saaragkaMembers_modal{border:1px solid #38bdf899;border-radius:14px;box-shadow:0 20px 50px #000000e6;color:#e9f2ff;padding:18px;width:min(700px,90vw)}.saaragkaMembers_modalHeader{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.saaragkaMembers_modalHeader h3{color:#000}.saaragkaMembers_iconBtn{align-items:center;background:#0f172af5;border:none;border-radius:8px;color:#e5e7eb;cursor:pointer;display:flex;height:36px;justify-content:center;transition:background .2s ease,transform .2s ease;width:36px}.saaragkaMembers_iconBtn:hover{background:#1e40afe6;transform:translateY(-1px)}.saaragkaMembers_modalGrid{grid-gap:10px;gap:10px;grid-template-columns:repeat(2,1fr)}.saaragkaMembers_modalGrid label{color:#000;display:flex;flex-direction:column;font-size:20px;font-weight:600}.saaragkaMembers_modalGrid input{border:1px solid #38bdf880;border-radius:8px;color:#000;margin-top:5px;max-width:500px;outline:none;padding:10px 12px;width:100%}.saaragkaMembers_modalGrid input:focus{border-color:#34d399;box-shadow:0 0 10px #34d399a6}.saaragkaMembers_modalActions{display:flex;gap:10px;justify-content:flex-end;margin-top:16px}.saaragkaMembers_modalActions .cancel{background-color:#000;border:1px solid #000;border-radius:10px;color:#fff;margin-right:20px;padding-bottom:10px;padding-top:10px;width:200px}.saaragkaMembers_modalActions .save{background-color:#16a34a;border:1px solid #16a34a;border-radius:10px;color:#fff;margin-right:10px;padding-bottom:10px;padding-top:10px;width:200px}.saaragkaMembers_btnPrimary{background:linear-gradient(135deg,#34d399,#22c55e);border:none;border-radius:8px;box-shadow:0 8px 20px #22c55eb3;color:#022c22;cursor:pointer;padding:10px 14px;transition:transform .2s ease,box-shadow .2s ease,filter .2s ease}.saaragkaMembers_btnPrimary:hover{box-shadow:0 10px 24px #22c55ee6;filter:brightness(1.04);transform:translateY(-1px)}.saaragkaMembers_btnSecondary{background:#0f172af2;border:none;border-radius:8px;color:#e5e7eb;padding:10px 14px;transition:background .2s ease,transform .2s ease}.saaragkaMembers_btnSecondary:hover{background:#1e40afe6;transform:translateY(-1px)}.saaragkaMembers_modalOverlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000b3}.saaragkaMembers_modal{animation:membersFadeUp .3s ease-out forwards;box-shadow:0 20px 40px #000c;max-width:700px;width:90%}.saaragkaMembers_modalOverlay{align-items:flex-start;background:#0006;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:9999}.saaragkaMembers_modal{animation:slideInRight .3s ease-out forwards;background:#091023fa;border:1px solid #34d39980;border-radius:12px;box-shadow:0 20px 50px #000c;max-width:90vw;padding:20px;width:350px}@keyframes slideInRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.sgSwitch{align-items:center;background:#334155;border-radius:20px;color:#e5e7eb;cursor:pointer;display:flex;font-weight:700;height:36px;justify-content:space-between;padding:0 10px;position:relative;transition:.3s;width:110px}.sgSwitch.on{background:linear-gradient(135deg,#34d399,#16a34a);color:#022c22}.sgSwitch.off{background:linear-gradient(135deg,#fb7185,#ef4444);color:#3f0a0a}.sgSwitchKnob{background:#fff;border-radius:50%;height:26px;left:6px;position:absolute;top:5px;transition:.3s;width:26px}.sgSwitch.on .sgSwitchKnob{left:78px}.cabSwitch{align-items:center;border-radius:20px;cursor:pointer;display:flex;font-weight:700;height:38px;justify-content:flex-start;padding-left:12px;position:relative;transition:.3s;-webkit-user-select:none;user-select:none;width:70px}.cabSwitch.yes{background:#22c55e;color:#022c22}.cabSwitch.no{background:#ef4444;color:#3f0a0a}.cabSwitchKnob{background:#fff;border-radius:50%;height:26px;left:6px;position:absolute;top:6px;transition:.3s;width:26px}.cabSwitch.yes .cabSwitchKnob{left:86px}.saaragkaMembers_drawerOverlay{background:#00000080;display:flex;inset:0;justify-content:flex-end;position:fixed;z-index:9999}.saaragkaMembers_drawer{background:#fff;box-sizing:border-box;height:100vh;max-width:100%;overflow-y:auto;padding:20px;width:550px}.saaragkaMembers_modalGrid{grid-gap:12px;align-items:center;display:grid;gap:12px;grid-template-columns:160px 1fr}.saaragkaMembers_modalGrid input,.saaragkaMembers_modalGrid select{border-radius:8px;box-sizing:border-box;padding:10px;width:100%}.desktopMembersTable{display:block}.mobileMemberSummary,.mobileMembersList{display:none}@media (max-width:768px){.desktopMembersTable{display:none!important}.mobileMembersList{display:flex!important;flex-direction:column;gap:14px;margin-top:18px}.mobileMemberSummary{grid-gap:12px;display:grid!important;gap:12px;grid-template-columns:repeat(2,1fr);margin:16px 0}.mobileSummaryCard{background:#fff;border-radius:16px;box-shadow:0 5px 18px #0000000f;padding:14px 10px;text-align:center}.mobileSummaryCard h3{color:#222;font-size:20px;font-weight:700;margin:8px 0 4px}.mobileSummaryCard p{color:#777;font-size:12px;margin:0}.mobileIcon{align-items:center;border-radius:14px;display:flex;font-size:20px;height:42px;justify-content:center;margin:auto;width:42px}.mobileIcon.purple{background:#f3e8ff;color:#7c3aed}.mobileIcon.green{background:#ecfdf5;color:#16a34a}.mobileIcon.blue{background:#eff6ff;color:#2563eb}.mobileIcon.orange{background:#fff7ed;color:#ea580c}.saaragkaMembers_searchRow{display:flex;gap:10px;margin-bottom:14px}.saaragkaMembers_search{border-radius:14px;flex:1 1;height:46px}.addMemberBtn{border-radius:14px;width:110px}.mobileMemberCard{background:#fff;border-radius:18px;box-shadow:0 6px 20px #0000000f;padding:16px}.mobileMemberTop{align-items:center;display:flex;gap:14px;margin-bottom:14px}.mobileMemberAvatar,.mobileMemberImage{align-items:center;background:#ede9fe;border-radius:50%;display:flex;font-size:22px;font-weight:700;height:58px;justify-content:center;object-fit:cover;width:58px}.mobileMemberInfo{flex:1 1}.mobileMemberInfo h4{color:#222;font-size:16px;margin:0}.mobileMemberInfo p{color:#666;font-size:13px;margin:4px 0}.mobileMemberInfo span{color:#888;font-size:12px}.mobileMemberBottom{border-top:1px solid #eee;display:flex;justify-content:space-between;padding-top:12px}.mobileMemberBottom div{display:flex;flex-direction:column;gap:3px}.mobileMemberBottom small{color:#888;font-size:11px}.mobileMemberBottom strong{color:#222;font-size:14px}.yesCab{background:#e8f9ee;color:#16a34a}.noCab,.yesCab{border-radius:20px;font-size:12px;font-weight:600;padding:4px 10px}.noCab{background:#fff4e6;color:#ea580c}.mobileMemberRow{background:#fff;border-radius:18px;box-shadow:0 6px 18px #0000000f;display:flex;flex-direction:column;gap:14px;padding:14px}.mobileLeft{align-items:center;display:flex;gap:12px}.mobilePhoto,.mobilePhotoAvatar{align-items:center;background:#ede9fe;border-radius:50%;display:flex;font-size:20px;font-weight:700;height:58px;justify-content:center;object-fit:cover;width:58px}.mobileDetails{color:#000;flex:1 1}.mobileDetails h4{font-size:16px;font-weight:700;margin:0}.mobileDetails p{color:#666;font-size:13px;margin:4px 0}.mobileDetails span{color:#999;font-size:12px}.mobileRight{border-top:1px solid #eee;display:grid;grid-template-columns:1fr 1fr;padding-top:12px;text-align:center}.mobileRight small{color:#888;display:block;font-size:11px;margin-bottom:4px}.mobileRight strong{color:#5b4cf0;font-size:15px}.mobileActions{display:flex;gap:10px;justify-content:flex-end}.mobileActions button{background:#f3f4f6;border:none;border-radius:12px;height:38px;width:38px}.saaragkaMembers_drawerOverlay{align-items:flex-end;background:#00000073;display:flex;height:70vh;inset:0;justify-content:center;position:fixed;width:80%;z-index:9999}.saaragkaMembers_drawer{background:#fff;border-radius:24px 24px 0 0;box-sizing:border-box;height:92vh;max-width:100%;overflow-y:auto;padding:18px;width:90%}.saaragkaMembers_modalHeader{align-items:center;background:#fff;border-bottom:1px solid #eee;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:12px;position:sticky;top:0;z-index:10}.saaragkaMembers_modalHeader h3{color:#222;font-size:20px;font-weight:700}.saaragkaMembers_modalGrid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr}.saaragkaMembers_modalGrid label{color:#666;font-size:13px;font-weight:600}.saaragkaMembers_modalGrid input,.saaragkaMembers_modalGrid select{border:1px solid #ddd;border-radius:12px;box-sizing:border-box;font-size:14px;height:46px;padding:0 14px;width:100%}.cabSwitch{height:38px;width:90px}.saaragkaMembers_modalActions{background:#fff;bottom:0;display:flex;gap:10px;padding-top:16px;position:sticky}.saaragkaMembers_modalActions button{border-radius:14px;flex:1 1;font-weight:600;height:46px}.saaragkaMembers_drawerOverlay{align-items:center;background:#0000008c;inset:0;bottom:0;display:flex;height:90vh;justify-content:center;left:0;overflow:hidden;position:fixed;right:0;width:90vw;z-index:999999}.saaragkaMembers_drawer{-webkit-overflow-scrolling:touch;animation:drawerUp .28s ease;background:#fff;border-radius:22px 22px 0 0;box-sizing:border-box;height:90vh;max-width:100%;overflow-x:hidden;overflow-y:auto;padding:18px;position:relative;width:100%}body{overflow:hidden}.saaragkaMembers_modalHeader{align-items:center;background:#fff;border-bottom:1px solid #ececec;display:flex;justify-content:space-between;padding:8px 0 14px;position:sticky;top:0;z-index:20}.saaragkaMembers_modalGrid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr}.saaragkaMembers_modalGrid label{color:#555;font-size:13px;font-weight:600}.saaragkaMembers_modalGrid input,.saaragkaMembers_modalGrid select{border:1px solid #ddd;border-radius:12px;box-sizing:border-box;font-size:14px;min-height:46px;padding:12px;width:100%}.saaragkaMembers_modalActions{background:#fff;border-top:1px solid #eee;bottom:0;display:flex;gap:12px;padding:16px 0;position:sticky}.saaragkaMembers_modalActions button{border-radius:12px;flex:1 1;font-size:15px;font-weight:600;height:48px}}@keyframes drawerUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.studentImageUpload{display:flex;grid-column:1/-1;justify-content:center;margin-bottom:22px}.studentImageUpload label{cursor:pointer;position:relative}.studentPreview{border:4px solid #fff;border-radius:50%;box-shadow:0 12px 30px #00000026;height:120px;object-fit:cover;width:120px}.studentPlaceholder{align-items:center;background:#f8fafc;border:2px dashed #d1d5db;border-radius:50%;color:#64748b;display:flex;flex-direction:column;gap:8px;height:120px;justify-content:center;transition:.3s;width:120px}.studentPlaceholder:hover{border-color:#4f46e5;color:#4f46e5}.studentPlaceholder span{font-size:34px}.studentPlaceholder small{font-size:13px}.studentImageUpload label:after{align-items:center;background:#4f46e5;border:3px solid #fff;border-radius:50%;bottom:2px;color:#fff;content:"📷";display:flex;font-size:16px;height:34px;justify-content:center;position:absolute;right:2px;width:34px}.childNameRow{align-items:flex-end;display:flex;gap:10px}.childNameField{flex:1 1}.initialField{width:90px}.initialField input{text-align:center;text-transform:uppercase}.sgAtt_card{border:1px solid #38bdf873;border-radius:14px;box-shadow:0 12px 30px #000000b3;color:#e9f2ff;padding:16px}.sgAtt_topbar{align-items:flex-end;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:14px}.sgAtt_dateWrap{display:flex;flex-direction:column;gap:6px}.sgAtt_dateLabel{color:#111827;display:none;font-size:13px;font-weight:700}.sgAtt_date{border:1px solid #38bdf880;border-radius:8px;color:#000;padding:8px 12px;width:fit-content}.sgAtt_addBtn{align-items:center;background:linear-gradient(135deg,#22c55e,#16a34a);border:none;border-radius:8px;color:#022c22;cursor:pointer;display:flex;font-weight:600;gap:6px;justify-content:center;padding:8px 14px}.sgAtt_historyHeader{align-items:center;color:#111827;display:none;font-size:16px;font-weight:800;gap:8px;margin:16px 0 10px}.sgAtt_tableHead,.sgAtt_tableRow{align-items:center;display:grid;grid-template-columns:60px 1fr 80px 90px 90px 90px;padding:10px 12px}.sgAtt_tableHead{background:linear-gradient(90deg,#1d4ed8,#22c55e);font-weight:700}.sgAtt_tableRow{background:#fff;border-bottom:1px solid #1e40af99;color:#022c22}.sgAtt_present{color:#16a34a;font-weight:700}.sgAtt_absent{color:#ef4444;font-weight:700}.sgAtt_mobileCard{display:none}.sgAtt_empty{color:#6b7280;padding:20px;text-align:center}.sgAtt_tableWrap{-webkit-overflow-scrolling:touch;overflow-x:auto;width:100%}.sgAtt_modalOverlay{animation:sgAtt_fadeIn .2s ease;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#0f172a8c;display:grid;inset:0;place-items:center;position:fixed;z-index:999}@keyframes sgAtt_fadeIn{0%{opacity:0}to{opacity:1}}.sgAtt_modal{animation:sgAtt_slideUp .25s ease;background:#fff;border-radius:20px;box-shadow:0 25px 60px #00000059;display:flex;flex-direction:column;max-height:88vh;overflow:hidden;width:min(560px,92vw)}@keyframes sgAtt_slideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.sgAtt_modalGrip{display:none}.sgAtt_modalHead{align-items:flex-start;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;padding:20px 22px 14px}.sgAtt_modal h3{color:#111827;font-size:19px;font-weight:800;letter-spacing:-.3px;margin:0 0 2px}.sgAtt_modalSubDate{color:#6b7280;font-size:13px;font-weight:600}.sgAtt_closeBtn{align-items:center;background:#f3f4f6;border:none;border-radius:50%;color:#4b5563;cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;transition:background .15s ease,color .15s ease;width:32px}.sgAtt_closeBtn:hover{background:#4f46e5;color:#fff}.sgAtt_modalSummary{display:flex;gap:10px;padding:14px 22px 4px}.sgAtt_summaryChip{align-items:center;border-radius:12px;display:flex;flex:1 1;flex-direction:column;font-size:17px;font-weight:800;gap:2px;padding:10px 6px}.sgAtt_summaryChip small{font-size:11px;font-weight:600;opacity:.8}.sgAtt_chipTotal{background:#eef2ff;color:#4338ca}.sgAtt_chipPresent{background:#ecfdf5;color:#16a34a}.sgAtt_chipAbsent{background:#fef2f2;color:#ef4444}.sgAtt_searchWrap{align-items:center;background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;color:#9ca3af;display:flex;gap:8px;margin:14px 22px 8px;padding:11px 14px;transition:border-color .15s ease}.sgAtt_searchWrap:focus-within{background:#fff;border-color:#818cf8}.sgAtt_searchInput{background:#0000;border:none;color:#111827;font-size:14px;outline:none;width:100%}.sgAtt_searchInput::placeholder{color:#9ca3af}.sgAtt_studentList{flex:1 1;overflow-y:auto;padding:4px 12px 8px}.sgAtt_studentRow{align-items:center;border-radius:12px;display:flex;gap:12px;padding:11px 10px;transition:background .15s ease}.sgAtt_studentRow:hover{background:#f9fafb}.sgAtt_avatarRing{align-items:center;border:2px solid #0000;border-radius:50%;display:flex;flex-shrink:0;height:46px;justify-content:center;padding:2px;transition:border-color .2s ease;width:46px}.ring_present{border-color:#22c55e}.ring_absent{border-color:#ef4444}.sgAtt_avatarRing img{border-radius:50%;height:100%;object-fit:cover;width:100%}.sgAtt_avatarFallback{align-items:center;background:#e0e7ff;border-radius:50%;color:#4338ca;display:flex;font-size:15px;font-weight:700;height:100%;justify-content:center;width:100%}.sgAtt_studentInfo{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.sgAtt_studentName{color:#111827;font-size:14.5px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sgAtt_statusTag{font-size:11.5px;font-weight:600;width:fit-content}.tag_present{color:#16a34a}.tag_absent{color:#ef4444}.sgAtt_coin{background:#0000;border:none;cursor:pointer;flex-shrink:0;height:50px;padding:0;perspective:600px;position:relative;right:20px;width:50px}.sgAtt_coinInner{height:100%;position:relative;transform-style:preserve-3d;transition:transform .5s cubic-bezier(.4,.2,.2,1);width:100%}.sgAtt_coin.is_absent .sgAtt_coinInner{transform:rotateY(180deg)}.sgAtt_coinFace{align-items:center;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:50%;box-shadow:0 2px 6px #00000040,inset 0 -3px 6px #00000026,inset 0 3px 4px #ffffff59;color:#fff;display:flex;font-size:18px;font-weight:900;inset:0;justify-content:center;position:absolute}.sgAtt_coinFront{background:linear-gradient(145deg,#34d399,#16a34a)}.sgAtt_coinBack{background:linear-gradient(145deg,#f87171,#dc2626);transform:rotateY(180deg)}.sgAtt_coin:active .sgAtt_coinInner{transform:scale(.9)}.sgAtt_coin.is_absent:active .sgAtt_coinInner{transform:scale(.9) rotateY(180deg)}.sgAtt_modalActions{background:#fff;border-top:1px solid #f1f5f9;display:flex;gap:10px;justify-content:flex-end;padding:16px 22px}.sgAtt_btnPrimary{align-items:center;background:linear-gradient(135deg,#6366f1,#4338ca);border:none;border-radius:12px;box-shadow:0 4px 12px #4f46e559;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:700;gap:6px;justify-content:center;padding:11px 20px;transition:transform .12s ease,box-shadow .15s ease}.sgAtt_btnPrimary:hover{box-shadow:0 6px 16px #4f46e566;transform:translateY(-1px)}.sgAtt_btnPrimary:active{transform:translateY(0)}.sgAtt_btnSecondary{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:12px;color:#374151;cursor:pointer;font-size:14px;font-weight:700;padding:11px 20px;transition:background .15s ease}.sgAtt_btnSecondary:hover{background:#e5e7eb}@media (max-width:768px){.sgAtt_card{background:#f3f4f6;border:none;box-shadow:none;color:#111827;padding:14px}.sgAtt_topbar{align-items:flex-end;flex-direction:row;flex-wrap:wrap}.sgAtt_dateLabel{display:block}.sgAtt_date{background:#fff;border:1px solid #e5e7eb;border-radius:12px;font-size:15px;padding:12px 14px}.sgAtt_addBtn{background:linear-gradient(135deg,#4f46e5,#4338ca);border-radius:12px;color:#fff;font-size:14px;padding:12px 16px;white-space:nowrap}.sgAtt_historyHeader{color:#4f46e5;display:flex}.sgAtt_cellAbsent,.sgAtt_cellDate,.sgAtt_cellIndex,.sgAtt_cellPresent,.sgAtt_cellTotal,.sgAtt_editBtn,.sgAtt_tableHead{display:none}.sgAtt_tableRow{align-items:flex-start;background:#fff;border:2px solid blue;border-bottom:none;border-radius:16px;box-shadow:0 2px 10px #0000000f;display:flex;gap:14px;margin-bottom:14px;padding:14px}.sgAtt_mobileCard{display:flex;gap:14px;width:100%}.sgAtt_dateBadge{align-items:center;background:#eef2ff;border:1px solid #000;border-radius:12px;color:#4338ca;display:flex;flex-direction:column;flex-shrink:0;gap:2px;padding:10px 6px;width:64px}.sgAtt_dateBadge svg{margin-bottom:4px}.sgAtt_badgeDay{font-size:20px;font-weight:800;line-height:1}.sgAtt_badgeMonth{font-size:11px;font-weight:700;letter-spacing:.5px}.sgAtt_badgeYear{color:#6366f1;font-size:10px}.sgAtt_cardBody{display:flex;flex:1 1;flex-direction:column;gap:10px;min-width:0}.sgAtt_cardHeader{align-items:center;display:flex;gap:8px;justify-content:space-between}.sgAtt_cardDate{color:#111827;font-size:16px;font-weight:800}.sgAtt_editBtnMobile{align-items:center;background:#fff;border:1px solid #c7d2fe;border-radius:8px;color:#4f46e5;display:flex;font-size:13px;font-weight:700;gap:6px;padding:6px 12px}.sgAtt_cardStats{border-top:1px solid #f1f5f9;bottom:20px;display:flex;gap:8px;justify-content:space-between;padding-top:10px;position:relative}.sgAtt_statItem{align-items:center;display:flex;flex:1 1;flex-direction:column;font-size:100px;gap:4px}.sgAtt_statLabel{color:#6b7280;font-size:15px;font-weight:600}.sgAtt_statValue{align-items:center;color:#4338ca;display:flex;font-size:16px;font-weight:800;gap:5px}.sgAtt_statValue.sgAtt_present{color:#16a34a}.sgAtt_statValue.sgAtt_absent{color:#ef4444}.sgAtt_modalOverlay{align-items:flex-start}.sgAtt_modal{border-radius:24px 24px 0 0;max-height:85vh;width:100%}.sgAtt_modalGrip{background:#e5e7eb;border-radius:10px;display:block;height:5px;margin:10px auto 0;width:40px}.sgAtt_modalHead{padding:14px 18px 12px}.sgAtt_modal h3{font-size:17px}.sgAtt_modalSummary{padding:12px 18px 4px}.sgAtt_searchWrap{margin:12px 18px 6px}.sgAtt_studentList{padding:4px 10px 8px}.sgAtt_modalActions{flex-direction:row;padding:14px 18px}.sgAtt_btnSecondary{flex:0 0 32%}.sgAtt_btnPrimary{flex:1 1}}@media (max-width:480px){.sgAtt_dateBadge{width:56px}.sgAtt_badgeDay{font-size:18px}.sgAtt_cardDate,.sgAtt_statValue{font-size:14px}.sgAtt_summaryChip{font-size:15px;padding:8px 4px}.sgAtt_studentName{font-size:13.5px}.sgAtt_coin{height:38px;width:38px}.sgAtt_coinFace{font-size:15px}.sgAtt_modalActions{flex-direction:row}.sgAtt_btnPrimary,.sgAtt_btnSecondary{flex:1 1 100%}}*,:after,:before{box-sizing:border-box;margin:0;padding:0}.sgAtten_card,body,html{overflow-x:hidden;width:100%}.sgAtten_card{background:#e9f2ff;border:1px solid #38bdf873;border-radius:14px;box-shadow:0 12px 30px #000000b3;padding:20px;position:relative}.mob_filterRow,.mob_header,.mob_modal,.mob_records{display:none}.sgAtten_topbar{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:14px}.sgAtten_date,.sgAtten_groupSelect{border:1px solid #38bdf880;border-radius:8px;color:#000;padding:8px 12px;width:121px}.sgAtten_addBtn{background:linear-gradient(135deg,#22c55e,#16a34a);border:none;border-radius:8px;color:#022c22;cursor:pointer;font-weight:600;padding:8px 14px}.sgAtten_tableHead,.sgAtten_tableRow{align-items:center;display:grid;grid-template-columns:60px 1fr 80px 90px 90px 90px;padding:10px 12px}.sgAtten_tableHead{background:linear-gradient(90deg,#1d4ed8,#22c55e);font-weight:700}.sgAtten_tableRow{background:#fff;border-bottom:1px solid #1e40af99;color:#022c22}.sgAtten_present{color:#34d399;font-weight:700}.sgAtten_absent{color:#fb7185;font-weight:700}.sgAtten_coin{cursor:pointer;height:42px;position:relative;transform-style:preserve-3d;transition:transform .6s;width:42px}.sgAtten_coin.flip{transform:rotateY(180deg)}.coin_face{align-items:center;backface-visibility:hidden;border-radius:50%;box-shadow:0 4px 12px #0006;display:flex;font-size:18px;font-weight:900;inset:0;justify-content:center;position:absolute}.coin_face.present{background:linear-gradient(135deg,#34d399,#16a34a);color:#022c22}.coin_face.absent{background:linear-gradient(135deg,#fb7185,#ef4444);color:#3f0a0a;transform:rotateY(180deg)}.date-wrapper{position:relative;width:260px}.sgAtten_date{background:#fff;border:1px solid #ccc;border-radius:8px;cursor:pointer;font-size:16px;outline:none;padding:12px 50px 12px 12px;width:100%}.sgAtten_date::-webkit-calendar-picker-indicator{cursor:pointer;height:100%;opacity:0;position:absolute;right:0;width:100%}.calendar-icon{cursor:pointer;font-size:26px;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.sgAtten_modalOverlay{background:#0307128c;display:grid;inset:0;place-items:center;position:fixed;z-index:999999}.sgAtten_modal{background:#fdf4ff;border:1px solid #38bdf899;border-radius:14px;color:#000;padding:16px;width:min(720px,90vw)}.sgAtten_studentList{margin-top:10px;max-height:60vh;overflow:auto}.sgAtten_studentRow{grid-gap:12px;align-items:center;border-bottom:1px solid #1e40af80;display:grid;gap:12px;grid-template-columns:46px 1fr 160px;padding:10px}.sgAtten_studentRow img{border-radius:50%;height:36px;width:36px}.sgAtten_modalActions{display:flex;gap:10px;justify-content:flex-end;margin-top:14px}@media (max-width:768px){.sgAtten_card,body,html{overflow-x:hidden}.sgAtten_card{background:#f4f7fb;border:none;border-radius:0;box-shadow:none;max-width:100vw;padding:20px 16px 80px;width:100vw}.desktopOnly_modal,.sgAtten_card>h1,.sgAtten_tableWrap,.sgAtten_topbar{display:none}.mob_header{gap:10px;justify-content:space-between;margin-bottom:18px}.mob_header,.mob_headerLeft{align-items:center;display:flex}.mob_headerLeft{gap:12px}.mob_hamburgerBox{align-items:center;background:#ede9fe;border-radius:10px;color:#4f46e5;display:flex;flex-shrink:0;font-size:16px;height:36px;justify-content:center;width:36px}.mob_headerLeft h2{color:#111827;font-size:18px;font-weight:800;line-height:1.2}.mob_headerLeft p{color:#6b7280;font-size:11px;margin-top:1px}.btn{align-items:center;display:flex;justify-content:center;padding-bottom:20px}.mob_addBtn{background:linear-gradient(135deg,#4f46e5,#4338ca);border:none;border-radius:12px;color:#fff;cursor:pointer;flex-shrink:0;font-size:13px;font-weight:700;height:45px;padding:10px 14px;white-space:nowrap;width:70%}.mob_filterRow{display:flex;gap:10px;margin-bottom:20px;width:100%}.mob_pill{align-items:center;background:#fff;border-radius:14px;box-shadow:0 2px 8px #0000000f;cursor:pointer;display:flex;flex:1 1;gap:6px;min-width:0;overflow:hidden;padding:11px 12px;position:relative}.mob_pillIcon{color:#4f46e5;flex-shrink:0;font-size:14px}.mob_pill select{appearance:none;-webkit-appearance:none;background:#0000;border:none;min-width:0;outline:none}.mob_pill select,.mob_pillDateText{color:#111827;flex:1 1;font-size:13px;font-weight:600}.mob_pillDateText{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mob_pillChevron{color:#9ca3af;flex-shrink:0;font-size:10px}.mob_hiddenDate{cursor:pointer;inset:0;opacity:0;position:absolute}.mob_records{display:block;width:100%}.mob_recordsTitle{color:#111827;font-size:16px;font-weight:800;margin-bottom:14px}.mob_empty{color:#9ca3af;font-size:13px;padding:24px 0;text-align:center}.mob_recordList{display:flex;flex-direction:column;gap:10px}.mob_recordRow{background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000000d;cursor:pointer;gap:12px;overflow:hidden;padding:13px 12px;width:100%}.mob_dayBadge,.mob_recordRow{align-items:center;display:flex}.mob_dayBadge{border-radius:12px;flex-direction:column;flex-shrink:0;height:50px;justify-content:center;width:50px}.mob_dayShort{font-size:9px;font-weight:700;letter-spacing:.5px}.mob_dayNum{font-size:18px;font-weight:800;line-height:1.1}.mob-day-purple{background:#ede9fe;color:#7c3aed}.mob-day-blue{background:#dbeafe;color:#2563eb}.mob-day-green{background:#dcfce7;color:#16a34a}.mob-day-orange{background:#ffedd5;color:#ea580c}.mob-day-pink{background:#fce7f3;color:#db2777}.mob-day-cyan{background:#cffafe;color:#0891b2}.mob-day-indigo{background:#e0e7ff;color:#4338ca}.mob_recordMid{flex:1 1;min-width:0}.mob_recordMid h4{color:#111827;font-size:14px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mob_recordMid p{color:#6b7280;font-size:11px;margin-top:2px}.mob_recordRight{align-items:flex-end;display:flex;flex-direction:column;flex-shrink:0;gap:4px}.mob_pPill{background:#dcfce7;color:#16a34a}.mob_aPill,.mob_pPill{border-radius:8px;font-size:10px;font-weight:700;padding:3px 8px;white-space:nowrap}.mob_aPill{background:#fee2e2;color:#dc2626}.mob_chevron{color:#d1d5db;flex-shrink:0;font-size:12px}.sgAtten_modalOverlay{align-items:flex-end;background:#03071280}.mob_modal{background:#fff;border-radius:24px 24px 0 0;display:flex;flex-direction:column;max-height:92vh;max-width:100vw;overflow:hidden;width:100vw}.mob_modalHeader{align-items:flex-start;display:flex;flex-shrink:0;justify-content:space-between;padding:22px 20px 14px}.mob_modalHeader h2{color:#111827;font-size:22px;font-weight:800}.mob_modalHeader p{color:#6b7280;font-size:13px;margin-top:4px}.mob_closeBtn{border:none;border-radius:50%;color:#374151;cursor:pointer;font-size:14px;height:34px;justify-content:center;width:34px}.mob_closeBtn,.mob_searchBox{align-items:center;background:#f3f4f6;display:flex;flex-shrink:0}.mob_searchBox{border-radius:14px;gap:10px;margin:0 20px 16px;padding:12px 16px}.mob_searchIcon{color:#9ca3af;flex-shrink:0}.mob_searchBox input{background:#0000;border:none;color:#111827;flex:1 1;font-size:14px;min-width:0;outline:none}.mob_studentsHead{align-items:center;display:flex;flex-shrink:0;justify-content:space-between;padding:0 20px 12px}.mob_studentsHead>span{color:#111827;font-size:16px;font-weight:800}.mob_selectAllBtn{align-items:center;background:none;border:none;color:#4f46e5;cursor:pointer;display:flex;font-size:13px;font-weight:700;gap:8px}.mob_selectAllBox{align-items:center;border:2px solid #d1d5db;border-radius:6px;display:flex;height:22px;justify-content:center;transition:all .15s;width:22px}.mob_selectAllBox.checked{background:#4f46e5;border-color:#4f46e5}.mob_tick{color:#fff;font-size:11px;font-weight:900}.mob_studentList{display:flex;flex:1 1;flex-direction:column;overflow-x:hidden;overflow-y:auto;padding:0 20px}.mob_studentRow{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;gap:8px;justify-content:space-between;padding:12px 0;width:100%}.mob_studentLeft{align-items:center;display:flex;flex:1 1;gap:12px;min-width:0;overflow:hidden}.mob_avatar{object-fit:cover}.mob_avatar,.mob_avatarFallback{border-radius:50%;flex-shrink:0;height:42px;width:42px}.mob_avatarFallback{align-items:center;background:linear-gradient(135deg,#c7d2fe,#a5b4fc);color:#4338ca;display:flex;font-size:16px;font-weight:800;justify-content:center}.mob_stuName{color:#111827;font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mob_studentRight{align-items:center;display:flex;flex-shrink:0;gap:8px}.mob_statusPill{border-radius:20px;font-size:12px;font-weight:700;padding:5px 12px;white-space:nowrap}.mob_statusPill.present{background:#dcfce7;color:#16a34a}.mob_statusPill.absent{background:#fee2e2;color:#dc2626}.mob_paBtn{border-radius:20px;cursor:pointer;flex-shrink:0;font-size:12px;font-weight:700;padding:6px 12px;transition:all .15s ease;white-space:nowrap}.mob_paBtn.present-btn{background:#f0fdf4;border:1.5px solid #bbf7d0;color:#16a34a}.mob_paBtn.present-btn.active-p{background:#16a34a;border-color:#16a34a;color:#fff}.mob_paBtn.absent-btn{background:#fff1f2;border:1.5px solid #fecaca;color:#dc2626}.mob_paBtn.absent-btn.active-a{background:#dc2626;border-color:#dc2626;color:#fff}.mob_modalFooter{border-top:1px solid #f1f5f9;display:flex;flex-shrink:0;gap:12px;padding:14px 20px 28px}.mob_cancelBtn{background:#fff;border:1.5px solid #e5e7eb;border-radius:14px;color:#374151;flex:1 1}.mob_cancelBtn,.mob_saveBtn{cursor:pointer;font-size:15px;font-weight:700;height:52px}.mob_saveBtn{background:linear-gradient(135deg,#4f46e5,#4338ca);border:none;border-radius:14px;color:#fff;flex:1.5 1}}:root{--toastify-color-light:#fff;--toastify-color-dark:#121212;--toastify-color-info:#3498db;--toastify-color-success:#07bc0c;--toastify-color-warning:#f1c40f;--toastify-color-error:#e74d3c;--toastify-color-transparent:#ffffffb3;--toastify-icon-color-info:var(--toastify-color-info);--toastify-icon-color-success:var(--toastify-color-success);--toastify-icon-color-warning:var(--toastify-color-warning);--toastify-icon-color-error:var(--toastify-color-error);--toastify-container-width:fit-content;--toastify-toast-width:320px;--toastify-toast-offset:16px;--toastify-toast-top:max(var(--toastify-toast-offset),env(safe-area-inset-top));--toastify-toast-right:max(var(--toastify-toast-offset),env(safe-area-inset-right));--toastify-toast-left:max(var(--toastify-toast-offset),env(safe-area-inset-left));--toastify-toast-bottom:max(var(--toastify-toast-offset),env(safe-area-inset-bottom));--toastify-toast-background:#fff;--toastify-toast-padding:14px;--toastify-toast-min-height:64px;--toastify-toast-max-height:800px;--toastify-toast-bd-radius:6px;--toastify-toast-shadow:0px 4px 12px #0000001a;--toastify-font-family:sans-serif;--toastify-z-index:9999;--toastify-text-color-light:#757575;--toastify-text-color-dark:#fff;--toastify-text-color-info:#fff;--toastify-text-color-success:#fff;--toastify-text-color-warning:#fff;--toastify-text-color-error:#fff;--toastify-spinner-color:#616161;--toastify-spinner-color-empty-area:#e0e0e0;--toastify-color-progress-light:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);--toastify-color-progress-dark:#bb86fc;--toastify-color-progress-info:var(--toastify-color-info);--toastify-color-progress-success:var(--toastify-color-success);--toastify-color-progress-warning:var(--toastify-color-warning);--toastify-color-progress-error:var(--toastify-color-error);--toastify-color-progress-bgo:0.2}.Toastify__toast-container{box-sizing:border-box;color:#fff;display:flex;flex-direction:column;position:fixed;-webkit-transform:translateZ(9999);-webkit-transform:translateZ(var(--toastify-z-index));width:fit-content;width:var(--toastify-container-width);z-index:9999;z-index:var(--toastify-z-index)}.Toastify__toast-container--top-left{left:max(16px,env(safe-area-inset-left));left:var(--toastify-toast-left);top:max(16px,env(safe-area-inset-top));top:var(--toastify-toast-top)}.Toastify__toast-container--top-center{align-items:center;left:50%;top:max(16px,env(safe-area-inset-top));top:var(--toastify-toast-top);transform:translateX(-50%)}.Toastify__toast-container--top-right{align-items:end;right:max(16px,env(safe-area-inset-right));right:var(--toastify-toast-right);top:max(16px,env(safe-area-inset-top));top:var(--toastify-toast-top)}.Toastify__toast-container--bottom-left{bottom:max(16px,env(safe-area-inset-bottom));bottom:var(--toastify-toast-bottom);left:max(16px,env(safe-area-inset-left));left:var(--toastify-toast-left)}.Toastify__toast-container--bottom-center{align-items:center;bottom:max(16px,env(safe-area-inset-bottom));bottom:var(--toastify-toast-bottom);left:50%;transform:translateX(-50%)}.Toastify__toast-container--bottom-right{align-items:end;bottom:max(16px,env(safe-area-inset-bottom));bottom:var(--toastify-toast-bottom);right:max(16px,env(safe-area-inset-right));right:var(--toastify-toast-right)}.Toastify__toast{--y:0;align-items:center;border-radius:6px;border-radius:var(--toastify-toast-bd-radius);box-shadow:0 4px 12px #0000001a;box-shadow:var(--toastify-toast-shadow);box-sizing:border-box;display:flex;flex:1 1 auto;font-family:sans-serif;font-family:var(--toastify-font-family);margin-bottom:1rem;max-height:800px;max-height:var(--toastify-toast-max-height);min-height:64px;min-height:var(--toastify-toast-min-height);padding:14px;padding:var(--toastify-toast-padding);position:relative;touch-action:none;width:320px;width:var(--toastify-toast-width);word-break:break-word;z-index:0}@media only screen and (max-width:480px){.Toastify__toast-container{left:env(safe-area-inset-left);margin:0;width:100vw}.Toastify__toast-container--top-center,.Toastify__toast-container--top-left,.Toastify__toast-container--top-right{top:env(safe-area-inset-top);transform:translateX(0)}.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-right{bottom:env(safe-area-inset-bottom);transform:translateX(0)}.Toastify__toast-container--rtl{left:auto;right:env(safe-area-inset-right)}.Toastify__toast{--toastify-toast-width:100%;border-radius:0;margin-bottom:0}}.Toastify__toast-container[data-stacked=true]{width:320px;width:var(--toastify-toast-width)}.Toastify__toast--stacked{position:absolute;transform:translate3d(0,var(--y),0) scale(var(--s));transition:transform .3s;width:100%}.Toastify__toast--stacked[data-collapsed] .Toastify__close-button,.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body{transition:opacity .1s}.Toastify__toast--stacked[data-collapsed=false]{overflow:visible}.Toastify__toast--stacked[data-collapsed=true]:not(:last-child)>*{opacity:0}.Toastify__toast--stacked:after{bottom:100%;content:"";height:calc(var(--g)*1px);left:0;position:absolute;right:0}.Toastify__toast--stacked[data-pos=top]{top:0}.Toastify__toast--stacked[data-pos=bot]{bottom:0}.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before{transform-origin:top}.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before{transform-origin:bottom}.Toastify__toast--stacked:before{bottom:0;content:"";height:100%;left:0;position:absolute;right:0;transform:scaleY(3);z-index:-1}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-icon{display:flex;flex-shrink:0;margin-inline-end:10px;width:22px}.Toastify--animate{animation-duration:.5s;animation-fill-mode:both}.Toastify--animate-icon{animation-duration:.3s;animation-fill-mode:both}.Toastify__toast-theme--dark{background:#121212;background:var(--toastify-color-dark);color:#fff;color:var(--toastify-text-color-dark)}.Toastify__toast-theme--colored.Toastify__toast--default,.Toastify__toast-theme--light{background:#fff;background:var(--toastify-color-light);color:#757575;color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{background:#3498db;background:var(--toastify-color-info);color:#fff;color:var(--toastify-text-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{background:#07bc0c;background:var(--toastify-color-success);color:#fff;color:var(--toastify-text-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{background:#f1c40f;background:var(--toastify-color-warning);color:#fff;color:var(--toastify-text-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{background:#e74d3c;background:var(--toastify-color-error);color:#fff;color:var(--toastify-text-color-error)}.Toastify__progress-bar-theme--light{background:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:#bb86fc;background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:#3498db;background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:#07bc0c;background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:#f1c40f;background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:#e74d3c;background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning{background:#ffffffb3;background:var(--toastify-color-transparent)}.Toastify__close-button{background:#0000;border:none;color:#fff;cursor:pointer;opacity:.7;outline:none;padding:0;position:absolute;right:6px;top:6px;transition:.3s ease;z-index:1}.Toastify__toast--rtl .Toastify__close-button{left:6px;right:auto}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:focus,.Toastify__close-button:hover{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{bottom:0;height:100%;left:0;opacity:.7;position:absolute;transform-origin:left;width:100%;z-index:1}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{border-bottom-left-radius:0;left:auto;right:0;transform-origin:right}.Toastify__progress-bar--wrp{border-bottom-left-radius:6px;border-bottom-left-radius:var(--toastify-toast-bd-radius);border-bottom-right-radius:6px;border-bottom-right-radius:var(--toastify-toast-bd-radius);bottom:0;height:5px;left:0;overflow:hidden;position:absolute;width:100%}.Toastify__progress-bar--wrp[data-hidden=true]{opacity:0}.Toastify__progress-bar--bg{height:100%;opacity:.2;opacity:var(--toastify-color-progress-bgo);width:100%}.Toastify__spinner{animation:Toastify__spin .65s linear infinite;border:2px solid #e0e0e0;border-color:var(--toastify-spinner-color-empty-area);border-radius:100%;border-right-color:#616161;border-right-color:var(--toastify-spinner-color);box-sizing:border-box;height:20px;width:20px}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,var(--y),0)}to{opacity:0;transform:translate3d(2000px,var(--y),0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,var(--y),0)}to{opacity:0;transform:translate3d(-2000px,var(--y),0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--bottom-left,.Toastify__bounce-enter--top-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--bottom-right,.Toastify__bounce-enter--top-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--bottom-left,.Toastify__bounce-exit--top-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--bottom-right,.Toastify__bounce-exit--top-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:translate3d(0,var(--y),0) scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{animation-timing-function:ease-in;opacity:0;transform:perspective(400px) rotateX(90deg)}40%{animation-timing-function:ease-in;transform:perspective(400px) rotateX(-20deg)}60%{opacity:1;transform:perspective(400px) rotateX(10deg)}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:translate3d(0,var(--y),0) perspective(400px)}30%{opacity:1;transform:translate3d(0,var(--y),0) perspective(400px) rotateX(-20deg)}to{opacity:0;transform:translate3d(0,var(--y),0) perspective(400px) rotateX(90deg)}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideOutRight{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(110%,var(--y),0);visibility:hidden}}@keyframes Toastify__slideOutLeft{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(-110%,var(--y),0);visibility:hidden}}@keyframes Toastify__slideOutDown{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(0,500px,0);visibility:hidden}}@keyframes Toastify__slideOutUp{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(0,-500px,0);visibility:hidden}}.Toastify__slide-enter--bottom-left,.Toastify__slide-enter--top-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--bottom-right,.Toastify__slide-enter--top-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--bottom-left,.Toastify__slide-exit--top-left{animation-duration:.3s;animation-name:Toastify__slideOutLeft;animation-timing-function:ease-in}.Toastify__slide-exit--bottom-right,.Toastify__slide-exit--top-right{animation-duration:.3s;animation-name:Toastify__slideOutRight;animation-timing-function:ease-in}.Toastify__slide-exit--top-center{animation-duration:.3s;animation-name:Toastify__slideOutUp;animation-timing-function:ease-in}.Toastify__slide-exit--bottom-center{animation-duration:.3s;animation-name:Toastify__slideOutDown;animation-timing-function:ease-in}@keyframes Toastify__spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.groups-container{background-color:#fff;color:#e9f2ff;display:flex;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;gap:10px;min-height:100vh}.groups-main{animation:groupsFadeUp .45s ease-out forwards;flex:1 1;padding:26px 34px}.groups-header{align-items:center;animation:groupsFadeUp .5s ease-out forwards;display:flex;justify-content:space-between;margin-bottom:18px}.groups-header h2{color:#34d399;font-size:1.6rem;font-weight:700;text-shadow:0 0 14px #34d3998c}.groups-actions{align-items:center;display:flex;gap:12px}.groups-actions input,.groups-actions select{border:1px solid #38bdf873;border-radius:8px;color:#000;font-size:.9rem;outline:none;padding:8px 12px;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.groups-actions input::placeholder{color:#94a3b8}.groups-actions input:focus,.groups-actions select:focus{border-color:#34d399;box-shadow:0 0 10px #34d39980}.new-group-btn{background:linear-gradient(135deg,#34d399,#22c55e);border:none;border-radius:10px;box-shadow:0 8px 20px #22c55e73;color:#022c22;cursor:pointer;font-size:.9rem;font-weight:700;padding:9px 35px;transition:transform .2s ease,box-shadow .2s ease,filter .2s ease}.new-group-btn:hover{box-shadow:0 12px 26px #22c55eb3;filter:brightness(1.05);transform:translateY(-2px) scale(1.02)}.groups-grid{grid-gap:18px;animation:groupsFadeUp .55s ease-out forwards;display:grid;gap:18px;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));margin-top:20px}.group-card{animation:groupsFadeUp .6s ease-out forwards;border:1px solid #000;border-radius:16px;box-shadow:0 10px 26px #000000b3;overflow:hidden;padding:16px 18px;position:relative;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease,background .25s ease}.group-card:before{background:radial-gradient(circle at top left,#34d39938,#0000 55%);content:"";inset:-40%;opacity:0;pointer-events:none;position:absolute;transition:opacity .3s ease}.group-card:hover{border-color:#34d399;box-shadow:0 14px 30px #000c;transform:translateY(-4px) scale(1.02)}.group-card:hover:before{opacity:1}.group-header{align-items:center;display:flex;margin-bottom:8px}.group-card h4{color:#000;font-size:1rem;font-weight:600}.group-card p{color:#000;font-size:.9rem;margin:6px 0}.group-card .due{align-items:center;color:#000;display:flex;font-size:.85rem;justify-content:space-between;margin-top:6px}.group-card strong{color:#34d399;font-weight:700}.group-icon{border:2px solid #34d399e6;border-radius:50%;box-shadow:0 0 10px #34d399b3;height:40px;margin-right:10px;object-fit:cover;width:40px}.group-modal-overlay{align-items:center;animation:groupsFadeUp .25s ease-out forwards;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.modal-group{animation:fadeInUp .3s ease,groupsFadeUp .3s ease-out forwards;background-color:#fff;border:1px solid #38bdf899;box-shadow:0 20px 50px #000000e6;margin:0 auto!important;max-width:95%;overflow:hidden;padding:40px 32px;position:relative;width:480px}.modal-group:before{background:radial-gradient(circle at top center,#34d39966,#0000 55%);content:"";inset:-35%;pointer-events:none;position:absolute}.modal-group h3{color:#000;font-size:1.35rem;margin-bottom:18px;text-align:center;text-shadow:0 0 14px #34d399a6}.modal-group input{border:1px solid #000;border-radius:10px;color:#000;font-size:.9rem;margin-bottom:22px;padding:10px 14px;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease;width:100%}.modal-group input::placeholder{color:#94a3b8}.modal-group input:focus{border-color:#34d399;box-shadow:0 0 10px #34d399b3;outline:none}.time-range{margin-bottom:20px;margin-top:10px}.time-range label{color:#000;display:block;font-size:.9rem;font-weight:500;margin-bottom:6px}.time-inputs{align-items:center;display:flex;gap:8px}.time-inputs input{flex:1 1}.modal-actions{margin-top:10px}.cancel-btn,.ok-btn{border:none;border-radius:10px;cursor:pointer;font-size:.9rem;font-weight:500;padding:9px 18px;transition:transform .2s ease,box-shadow .2s ease,filter .2s ease}.cancel-btn{background:#0f172af2;border:1px solid #64748be6;color:#e5e7eb}.cancel-btn:hover{box-shadow:0 10px 22px #0f172ae6;filter:brightness(1.03)}.ok-btn{background:linear-gradient(135deg,#34d399,#22c55e);box-shadow:0 10px 24px #22c55eb3;color:#022c22}.ok-btn:hover{box-shadow:0 14px 30px #22c55ee6;filter:brightness(1.05);transform:translateY(-1px)}.image-preview-wrapper{display:inline-block;margin-top:8px;position:relative}.preview-icon{border:2px solid #34d399e6;border-radius:50%;box-shadow:0 0 12px #34d399cc;height:50px;object-fit:cover;width:50px}.remove-preview-btn{align-items:center;background:#f97373;border:none;border-radius:50%;box-shadow:0 0 8px #000000e6;color:#0b1120;cursor:pointer;display:flex;font-size:12px;height:18px;justify-content:center;position:absolute;right:-6px;top:-6px;width:18px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes groupsFadeUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.groups-main{padding:14px}.groups-header{align-items:stretch;display:flex;flex-direction:column;gap:14px}.groups-header h2{font-size:24px;font-weight:700}.groups-actions{display:flex;flex-direction:column;gap:12px;width:100%}.groups-filter-row{display:flex;gap:10px;width:100%}.groups-filter-row input{padding:0 14px}.groups-filter-row input,.groups-filter-row select{background:#fff;border:1px solid #dbe3ef;border-radius:14px;box-shadow:0 2px 10px #0000000d;flex:1 1;font-size:14px;height:44px}.groups-filter-row select{padding:0 12px}.new-group-btn{background:linear-gradient(135deg,#4f46e5,#2563eb);border:none;border-radius:15px;box-shadow:0 8px 20px #2563eb40;color:#fff;font-size:15px;font-weight:600;height:48px;width:100%}.groups-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(2,1fr);margin-top:18px}.group-card{background:#fff;border:1px solid #edf2f7;border-radius:20px;box-shadow:0 6px 18px #0000000f;padding:16px;transition:.3s}.group-card:active{transform:scale(.97)}.group-header{align-items:center;display:flex;flex-direction:column;gap:10px}.group-icon{border:3px solid #eef4ff;border-radius:16px;height:58px;object-fit:cover;width:58px}.group-header h4{color:#222;font-size:15px;font-weight:700;text-align:center}.group-card p{color:#777;font-size:13px;margin:12px 0;text-align:center}.group-card hr{border:none;border-top:1px solid #eee;margin:10px 0}.due{align-items:center;display:flex;font-size:13px;justify-content:space-between}.due strong{color:#2563eb;font-size:16px}.modal-group{border-radius:24px;padding:22px;width:94%}.modal-group input{border-radius:14px;height:46px}.time-inputs{gap:8px}.modal-actions,.time-inputs{display:flex;flex-direction:column}.modal-actions{gap:10px}.cancel-btn,.ok-btn{border-radius:14px;height:46px;width:100%}}@media (max-width:480px){.groups-grid{gap:10px;grid-template-columns:repeat(2,1fr)}.group-card{padding:14px}.group-icon{height:50px;width:50px}.group-header h4{font-size:14px}}.organazation-name,.sidebar-title,.sidebardata,.sidebardata ul li a,.sidebardata ul li div{font-family:Poppins,system-ui,-apple-system,sans-serif}.sidebar-title{font-weight:600}.sidebardata{background:radial-gradient(circle at top,#34d399 0,#059669 40%,#022c22 100%);color:#ecfdf5;height:100vh;left:0;overflow-y:auto;padding:10px 30px 10px 10px;position:fixed;top:0;transition:all .3s ease;width:200px;z-index:1000}.sidebardata.collapsed{width:70px}.toggle-btn{color:#ecfdf5;cursor:pointer;font-size:1.5rem;margin-bottom:20px;text-align:right;transition:transform .2s ease,color .2s ease}.toggle-btn:hover{color:#bbf7d0;transform:translateY(-1px)}.sidebar-title{color:#bbf7d0;font-size:1.2rem;margin-bottom:1.2rem;text-align:center}.full-title{display:inline}.short-title{display:none;font-size:1.3rem;font-weight:600}.sidebardata.collapsed .full-title{display:none}.sidebardata.collapsed .short-title{display:block}.sidebardata ul{list-style:none;margin:0;padding:0}.sidebardata ul li{margin:1px 0}.sidebardata ul li a,.sidebardata ul li div{align-items:center;border-radius:5px;color:#d1fae5;display:flex;font-size:.95rem;gap:10px;padding:10px;text-decoration:none;transition:background .3s ease,color .3s ease,box-shadow .25s ease,transform .15s ease}.sidebardata ul li a:hover,.sidebardata ul li div:hover,.sidebardata ul li.active>a{background:linear-gradient(90deg,#34d399,#a7f3d0);box-shadow:0 0 14px #34d399e6;color:#022c22;transform:translateX(2px)}.sidebardata.collapsed ul li a span,.sidebardata.collapsed ul li div span{display:none}.sidebardata.collapsed ul li a,.sidebardata.collapsed ul li div{justify-content:center}@media(max-width:768px){.sidebardata{background:#fff;bottom:0;box-shadow:12px 0 35px #0000002e;color:#222;left:0;overflow-y:auto;position:fixed;top:0;transform:translateX(-100%);transition:.35s;width:270px;z-index:9999}.sidebardata.mobile-open{transform:translateX(0)}.sidebardata.mobile-hidden{display:block!important;transform:translateX(-100%)}.organization-container{align-items:center;background:#f8fbff;border-bottom:1px solid #ececec;display:flex;flex-direction:column;padding:1px}.organization-container img{border-radius:18px;height:30px;object-fit:cover;width:40px}.organization-name{font-size:18px;font-weight:700}.sidebardata ul{list-style:none;margin:0;padding:10px}.sidebardata ul li{margin-bottom:6px}.sidebardata ul li a,.sidebardata ul li div{align-items:center;border-radius:14px;color:#444;display:flex;font-size:15px;font-weight:600;gap:15px;padding:14px;transition:.25s}.sidebardata ul li.active a,.sidebardata ul li.active div{background:#eaf3ff;color:#2563eb}.sidebardata ul li a svg,.sidebardata ul li div svg{font-size:20px;min-width:24px}.toggle-btn{display:none}.mobileBottomBar{align-items:center;background:#fff;border-radius:22px;bottom:12px;box-shadow:0 12px 35px #0000002e;display:flex;height:68px;justify-content:space-around;left:12px;padding-bottom:env(safe-area-inset-bottom);position:fixed;right:12px;z-index:99999}.mobileNavItem{align-items:center;color:#6b7280;display:flex;flex:1 1;flex-direction:column;font-size:11px;font-weight:600;gap:4px;justify-content:center;text-decoration:none}.mobileNavItem svg{font-size:22px;transition:.25s}.mobileNavItem.active{color:#2563eb}.mobileNavItem.active svg{background:#2563eb;border-radius:14px;box-shadow:0 10px 20px #2563eb47;color:#fff;font-size:42px;padding:10px}body{padding-bottom:90px}}:root{--bg:#071026;--card:#081833;--accent:#0a7bff;--muted:#9fb7ff;--glass:#ffffff08}@keyframes qpFadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.qp_container{animation:qpFadeUp .4s ease-out forwards;background-color:#fff;box-shadow:0 10px 40px #056eff1f;color:#eaf2ff;padding:22px;transition:transform .25s ease,box-shadow .25s ease}.qp_container:hover{box-shadow:0 14px 40px #00000073;transform:translateY(-3px)}.qp_title{letter-spacing:.2px;text-align:left}.qp_amount_input,.qp_group_select,.qp_student_select{margin-bottom:14px}.qp_amount_input label,.qp_group_select label,.qp_student_select label{color:#bcd7ff;display:block}.qp_amount_input input,.qp_group_select select,.qp_student_select select{background:linear-gradient(180deg,#ffffff05,#ffffff03);border:1px solid #ffffff0f;color:#eaf2ff;font-size:50px;outline:none;transition:border-color .2 ease,box-shadow .2s ease,background .2s ease}.qp_amount_input input:focus,.qp_group_select select:focus,.qp_student_select select:focus{border-color:#0a7bff99;box-shadow:0 6px 20px #0a7bff29}.qp_submit_btn{background:linear-gradient(90deg,#1d8fff,#00e5ff);background:linear-gradient(90deg,var(--accent),#00e5ff);box-shadow:0 8px 30px #0a7bff1f;margin-bottom:12px;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}.qp_submit_btn:hover{box-shadow:0 18px 40px #0a7bff33;transform:translateY(-3px)}.qp_error,.qp_success{border-radius:10px;font-weight:600;margin-top:12px;padding:10px 14px}.qp_success{background:linear-gradient(90deg,#04ffaa0f,#00e0ff08);color:#9fffe3}.qp_error{background:#ff4d4d0f;color:#ffd6d6}.qp_table_container{margin-top:22px}.qp_table_wrapper{border-radius:10px;overflow-x:auto;width:100%}.qp_table_container h3{color:#000}.qp_table{box-shadow:inset 0 1px 0 #ffffff05;color:#dfeeff}.qp_table td,.qp_table th{border-bottom:1px solid #ffffff08;text-align:left}.qp_table th{font-weight:700}.qp_table tr:hover{background:#0a7bff08}.qp_action_btn{align-items:center;color:#bcd7ff;display:inline-flex;justify-content:center}.qp_action_btn:hover{background:#ffffff05;color:#fff}.qp_first_dropdown{background:linear-gradient(180deg,#0b2146,#08213a);border:1px solid #0a7bff2e;box-shadow:0 10px 30px #0220508c}.qp_first_dropdown button{color:#dfeeff;font-weight:600;transition:background .12s ease,color .12s ease}.qp_first_dropdown button:hover{background:#0a7bff1f;color:#fff}.qp_status_select_dropdown{background:linear-gradient(180deg,#081e40,#06203a);border:1px solid #0a7bff1f;box-shadow:0 12px 30px #0220508c}.qp_status_select_dropdown button{color:#e8f6ff;font-weight:700;text-align:left;transition:background .12s ease,transform .08s ease}.qp_status_select_dropdown button:hover{background:#ffffff08;transform:translateX(-4px)}.paid-btn{color:#bff3c4}.pending-btn{color:#ffd58a}.failed-btn{color:#ffb3c3}.pop-anim{animation:popDown .14s cubic-bezier(.2,.9,.2,1) both}.slide-anim{animation:slideInLeft .14s cubic-bezier(.2,.9,.2,1) both}@keyframes popDown{0%{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(8px) scale(.98)}to{opacity:1;transform:translateX(0) scale(1)}}.qp_modal_box{background:linear-gradient(180deg,#071b39,#06253f);box-shadow:0 18px 60px #02286499,0 2px 6px #0009;color:#eaf2ff;padding:18px}.qp_modal_box h3{color:#dff3ff;margin:0 0 8px}.qp_modal_box p{color:#cfe9ff;font-size:14px;margin:6px 0}.qp_modal_box input{background:#ffffff05;border:1px solid #ffffff0a;color:#eaf2ff;margin-top:8px}.qp_modal_buttons{gap:10px;margin-top:12px}.qp_confirm_btn{background:linear-gradient(90deg,#00d27a,#008a3f);color:#04261a;flex:1 1;padding:10px 12px}.qp_cancel_btn{background:linear-gradient(90deg,#ff6b6b,#ff3b3b);color:#fff;flex:1 1;padding:10px 12px}:root{--bg:#0b1224;--card:#13203d;--accent:#1d8fff;--muted:#98a8cc;--text:#e1e9ff;--border:#ffffff14;--paid:#3ad06e;--pending:#ffb948;--failed:#f67}.qp_container{border-radius:12px;box-shadow:0 10px 40px #00000059;color:#e1e9ff;color:var(--text);font-family:Inter,Poppins,sans-serif;margin:28px auto;max-width:980px;padding:20px}.qp_title{color:#1d8fff;color:var(--accent);font-size:1.45rem;font-weight:700;margin-bottom:16px}.qp_amount_input label,.qp_group_select label,.qp_student_select label{color:#98a8cc;color:var(--muted);font-size:13px;font-weight:600;margin-bottom:6px}.qp_amount_input{box-sizing:border-box;width:100}.qp_amount_input input{box-sizing:border-box;display:block;width:100%}.qp_amount_input input,.qp_group_select select,.qp_student_select select{border:1px solid #000;border-radius:10px;color:#000;font-size:14px;padding:10px 12px;width:100%}.qp_amount_input input:focus,.qp_group_select select:focus,.qp_student_select select:focus{border-color:#1d8fff;border-color:var(--accent);box-shadow:0 0 0 3px #1d8fff40}.qp_submit_btn{background:#1d8fff;background:var(--accent);border:none;border-radius:10px;color:#00121a;cursor:pointer;font-size:15px;font-weight:700;padding:12px;width:100%}.qp_table{background:#101c36;border-collapse:collapse;color:#e1e9ff;color:var(--text);font-size:14px;min-width:900px;width:100%}.qp_table thead{background:linear-gradient(90deg,#1d4ed8,#22c55e)}.qp_table th{color:#98a8cc;color:var(--muted);font-size:12px;letter-spacing:.6px;text-transform:uppercase}.qp_table td,.qp_table th{border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--border);color:#fff;padding:12px 14px}.qp_table tr:hover{background:#ffffff0a}.qp_action_btn{background:none;color:#98a8cc;color:var(--muted)}.qp_action_btn:hover{background:#ffffff0f}.qp_first_dropdown{background:#152544;border:1px solid #ffffff14;border:1px solid var(--border);border-radius:10px;box-shadow:0 10px 30px #00000073;min-width:160px;overflow:hidden;z-index:220}.qp_first_dropdown button{background:none;color:#e1e9ff;color:var(--text)}.qp_first_dropdown button:hover{background:#1d8fff1f}.qp_status_select_dropdown{background:#152544;border:1px solid #ffffff14;border:1px solid var(--border);border-radius:10px;box-shadow:0 10px 30px #00000073;overflow:hidden;right:176px;top:36px;z-index:230}.qp_status_select_dropdown button{background:none;color:#e1e9ff;color:var(--text);font-weight:600}.paid-btn{color:#3ad06e;color:var(--paid)}.pending-btn{color:#ffb948;color:var(--pending)}.failed-btn{color:#f67;color:var(--failed)}.qp_status_select_dropdown button:hover{background:#ffffff0d}.qp_modal_overlay{background:#0000008c;z-index:300}.qp_modal_box{background:#1b2a4a;border-radius:12px;border-top:6px solid #1d8fff;border-top:6px solid var(--accent);color:#e1e9ff;color:var(--text);max-width:420px;padding:20px;width:92%}.mobile-only,.qp_mobile_container{display:none}@media (max-width:768px){.qp_table_container{display:none}.qp_container{border-radius:0;box-sizing:border-box;margin:0;min-height:100vh;padding:12px;width:100%}.qp_title{font-size:22px;margin-bottom:20px;text-align:center}.qp_amount_input,.qp_group_select,.qp_notes,.qp_payment_mode,.qp_student_select{margin-bottom:14px;width:100%}.qp_amount_input input,.qp_group_select select,.qp_notes input,.qp_payment_mode select,.qp_student_select select{border-radius:10px;box-sizing:border-box;font-size:14px;height:45px;width:100%}.qp_manual_btn,.qp_submit_btn{font-size:14px;height:48px;margin-top:10px;width:100%}.qp_table_wrapper{-webkit-overflow-scrolling:touch;border-radius:10px;overflow-x:auto}.qp_table{min-width:850px}.qp_table td,.qp_table th{font-size:12px;padding:8px;white-space:nowrap}.qp_first_dropdown{min-width:140px;right:0}.qp_status_select_dropdown{min-width:120px;right:145px}.qp_modal_box{max-width:95%;padding:15px;width:95%}.qp_modal_buttons{flex-direction:column}.qp_cancel_btn,.qp_confirm_btn{width:100%}.qp_btn_row{display:flex;gap:8px}.qp_btn_row button{flex:1 1;font-size:13px;padding:12px 8px;width:50%}.desktop-payment-select{display:none}.qp_dropdown_header{align-items:center;background:#fff;border:1px solid #ccc;border-radius:10px;box-sizing:border-box;color:#000;cursor:pointer;display:flex;height:45px;justify-content:space-between;padding:0 12px;width:100%}.qp_dropdown_header:after{color:#666;content:"▼";font-size:12px}.qp_dropdown_list{background:#fff;border:1px solid #ccc;border-radius:10px;left:0;margin-top:4px;overflow:hidden;position:absolute;right:0;top:100%;z-index:999}.qp_dropdown_item{border-bottom:1px solid #eee;color:#000;cursor:pointer;padding:12px}.qp_dropdown_item:last-child{border-bottom:none}.qp_dropdown_item:hover{background:#f5f5f5}.mobile-only,.qp_group_select{position:relative}.mobile-only{display:block}.qp_mobile_container{display:block;margin-top:20px}.qp_mobile_list{display:flex;flex-direction:column;gap:14px}.qp_mobile_card{background:#fff;border-radius:18px;box-shadow:0 5px 20px #00000014;padding:15px;position:relative}.qp_mobile_top{align-items:flex-start;display:flex;gap:12px}.qp_mobile_avatar{border-radius:50%;flex-shrink:0;height:55px;overflow:hidden;width:55px}.qp_mobile_avatar img{height:100%;object-fit:cover;width:100%}.qp_mobile_info{flex:1 1}.qp_mobile_info h4{font-size:16px;font-weight:700;margin:0}.qp_mobile_info p{color:#666;font-size:13px;margin:3px 0}.qp_mobile_amount{text-align:right}.qp_mobile_amount h3{color:#00a651;font-size:20px;margin:0}.qp_mobile_status{border-radius:20px;display:inline-block;font-size:12px;font-weight:700;margin-top:8px;padding:5px 12px}.qp_mobile_status.paid{background:#e8fff0;color:#00a651}.qp_mobile_status.pending{background:#fff4dd;color:#ff9800}.qp_mobile_status.failed{background:#ffe9e9;color:#e53935}.qp_mobile_bottom{align-items:center;border-top:1px solid #eee;display:flex;justify-content:space-between;margin-top:12px;padding-top:12px}.qp_mobile_bottom p{color:#666;font-size:12px;margin:2px 0}.qp_status_select_dropdown{left:auto;min-width:150px;position:absolute;right:0;top:55px;z-index:9999}}:root{--bg-900:#040a19f5;--card-bg:#081228f5;--muted:#94a3b8;--text:#e9f2ff;--accent-1:#4da8ff;--accent-2:#00f7a1;--accent-grad:linear-gradient(90deg,#4da8ff,#00f2fe);--glass-border:#78b4ff59;--glass-border-strong:#00ffc859;--shadow-neon:0 0 22px #00ffc81a}.transactions-container{animation:fadeSlideUp .35s ease-out;background-color:#e9f2ff;border:1px solid #78b4ff59;border:1px solid var(--glass-border);border-radius:16px;box-shadow:0 18px 44px #000000bf,0 0 22px #00ffc81a;box-shadow:0 18px 44px #000000bf,var(--shadow-neon);box-sizing:border-box;color:#e9f2ff;color:var(--text);margin:20px auto;max-width:1100px;padding:18px;transition:box-shadow .22s ease,border-color .22s ease,background .3s ease}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.transactions-container h1{color:#4da8ff;color:var(--accent-1);font-size:22px;font-weight:700;margin-bottom:14px;text-shadow:0 0 10px #4da8ff1f}.tabss{-webkit-overflow-scrolling:touch;margin-bottom:12px;overflow-x:auto}.tabss button{background:#0000;border:none;border-bottom:2px solid #0000;border-radius:8px;color:#000;cursor:pointer;font-size:14px;padding:8px 16px;transition:color .18s ease,border-color .18s ease,transform .16s ease;white-space:nowrap}.tabss button.active{animation:tabActive ease-out .25;color:#000}@keyframes tabActive{0%{opacity:.4;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}.tabss button:hover{transform:translateY(-2px)}.tabss .active{background:#4da8ff08;color:#4da8ff;color:var(--accent-1);font-weight:700}.filter-row{align-items:center;display:flex;gap:10px;margin:16px 0}.filter-row input{border:1px solid #78b4ff47;border-radius:10px;box-shadow:none;color:#000;flex:1 1;font-size:14px;outline:none;padding:10px 14px;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.filter-row input::placeholder{color:#94a3b8;color:var(--muted)}.filter-row input:focus{border-color:#4da8ff;border-color:var(--accent-1);box-shadow:0 0 10px #4da8ff1f}.table-wrapper{-webkit-overflow-scrolling:touch;overflow-x:auto;width:100%}.table-wrapper::-webkit-scrollbar{height:6px}.table-wrapper::-webkit-scrollbar-track{background:#0000}.table-wrapper::-webkit-scrollbar-thumb{background:#94a3b899;border-radius:999px}.table-wrapper{scrollbar-color:#94a3b899 #0000;scrollbar-width:thin}table{background:#0000;border-spacing:0;font-size:14px;min-width:900px}thead{background:linear-gradient(90deg,#1d4ed8,#22c55e);box-shadow:inset 0 -1px 0 #00000014;color:#0b182c}td{border-bottom:1px solid #94a3b80f;color:#000;font-weight:600;padding:12px 15px;text-align:left;vertical-align:middle}th{color:#fff}.name-cell{color:#e9f2ff;color:var(--text);display:flex;flex-direction:column;font-weight:700}.name{color:#000}.subtext{color:#94a3b8;color:var(--muted);font-size:12px}.amount-tag{background:#060c18d9;border-radius:10px;color:#e9f2ff;color:var(--text);display:inline-block;font-weight:600;min-width:72px;padding:6px 11px;text-align:center}.no-data{color:#94a3b8;color:var(--muted);font-style:italic;padding:20px}.tr-card{border:1px solid #78b4ff59;border:1px solid var(--glass-border);border-radius:12px;box-shadow:0 10px 30px #000000b3,0 0 22px #00ffc81a;box-shadow:0 10px 30px #000000b3,var(--shadow-neon);padding:18px;transition:box-shadow .22s ease,border-color .22s ease,transform .16s ease}.tr-card:hover{box-shadow:0 18px 44px #000000bf,0 0 28px #00ffc824}.tr-title{color:#4da8ff;color:var(--accent-1);font-size:18px;font-weight:700;margin-bottom:12px}.tr-tableWrap{overflow-x:auto}.tr-tableWrap::-webkit-scrollbar{height:6px}.tr-tableWrap::-webkit-scrollbar-thumb{background:#94a3b899;border-radius:999px}.tr-table{animation:membersFadeUp .55s ease-out forwards;border-collapse:collapse;border-radius:10px;border-spacing:0;font-size:14px;overflow:hidden;width:100%}.tr-table thead{background:linear-gradient(90deg,#1d4ed8,#22c55e);color:#e0f2fe}.tr-table td{word-wrap:break-word;color:#000;font-size:14px;height:54px;padding:10px 12px;position:relative;text-align:center;vertical-align:middle}.tr-table tbody tr:nth-child(odd){background:#0c162af2}.tr-table tbody tr:nth-child(2n){background:#081020f2}.tr-table tbody tr{transition:background .22s ease,box-shadow .22s ease}.tr-table tbody tr:hover{animation:rowGlow .28s ease-out forwards;background:#4da8ff0f;box-shadow:0 0 14px #00ffc80f;transition:background .18s ease,box-shadow .18s ease}@keyframes rowGlow{0%{background:#4da8ff08;box-shadow:0 0 0 #00ffc800}to{background:#4da8ff0f;box-shadow:0 0 14px #00ffc800}}.tr-amount{color:#facc15;font-weight:700}.tr-payment{align-items:center;background:#060a12d9;border-radius:10px;display:inline-flex;font-size:13px;font-weight:600;gap:6px;justify-content:center;padding:6px 12px}.tr-payment.cash{color:#facc15}.tr-payment.online{color:#60a5fa}.tr-status{align-items:center;border-radius:8px;display:inline-flex;font-size:13px;font-weight:700;gap:6px;height:32px;justify-content:center;min-width:88px;padding:6px 12px;text-transform:capitalize}.tr-status.paid{background:#10b9812e;border:1px solid #10b98161;color:#09c04c;text-shadow:0 0 6px #00ffb41f}.tr-status.failed,.tr-status.unpaid{background:#ef44442e;border:1px solid #ef444452;color:#d63232}.tr-status.pending{background:#facc152e;border:1px solid #facc1547;color:#cfac1d}.qp_action_btn{background:#0000;border:none;border-radius:6px;color:#000;cursor:pointer;font-size:18px;padding:6px;transition:background .16s ease,box-shadow .16s ease}.qp_action_btn:hover{background:#0a101eb3;box-shadow:0 6px 14px #00000073}.action-wrapper{display:inline-block;position:relative}.qp_first_dropdown{animation:fadeUp .16s ease-out both;background:#0c1222fa;border:1px solid #00ffc859;border:1px solid var(--glass-border-strong);border-radius:8px;box-shadow:0 6px 20px #0009,0 0 18px #00ffc80f;display:flex;flex-direction:column;min-width:150px;position:absolute;right:0;top:36px;transform-origin:top right;z-index:9999}.qp_first_dropdown button{background:#0000;border:none;color:#e5e7eb;cursor:pointer;font-size:14px;padding:10px 14px;text-align:left;transition:background .14s ease}.qp_first_dropdown button:hover{background:#0ea5e91f}.qp_status_select_dropdown{animation:fadeUp .16s ease-out both;background:#0c1222fa;border:1px solid #00ffc859;border:1px solid var(--glass-border-strong);border-radius:8px;box-shadow:0 6px 20px #0009,0 0 18px #00ffc80f;display:flex;flex-direction:column;min-width:140px;position:absolute;right:160px;top:0;z-index:10000}.qp_status_select_dropdown button{background:#0000;border:none;color:#e5e7eb;cursor:pointer;font-size:14px;padding:10px 14px;transition:background .14s ease}.qp_status_select_dropdown button:hover{background:#0ea5e91f}.qp_modal_overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#040a19bf;display:flex;inset:0;justify-content:center;position:fixed;z-index:999999}.qp_modal_box{border:none!important;outline:none}.qp_modal_box:after,.qp_modal_box:before{display:none!important}.qp_modal_box *{border-left:none!important;outline:none!important}.qp_modal_box h3{color:#e9f2ff;font-size:18px;font-weight:700;margin:0 0 6px}.qp_modal_box input{background:#0c1628f2;border:1px solid #78b4ff59;border-radius:8px;color:#e9f2ff;padding:10px 12px;width:100%}.qp_modal_buttons{display:flex;gap:12px;justify-content:center;margin-top:6px}.qp_confirm_btn{background:linear-gradient(135deg,#00f7a1,#00d68f);border:none;border-radius:8px;color:#022c22;cursor:pointer;font-weight:700;padding:10px 20px;transition:box-shadow .2s ease}.qp_confirm_btn:hover{box-shadow:0 0 14px #00ffb44d}.qp_cancel_btn{background:#f0f0f0e6;padding:10px 20px}.qp_confirm_btn:hover{box-shadow:0 8px 20px #00ffc81f;transform:translateY(-2px)}.qp_cancel_btn{background:#f3f4f6;border:none;border-radius:8px;color:#111827;cursor:pointer;font-size:14px;font-weight:700;padding:10px 16px;transition:transform .16s ease}.qp_cancel_btn:hover{transform:translateY(-2px)}@keyframes modalPop{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.tabss{display:flex;flex-wrap:wrap;gap:10px}.tabs-btn{align-items:center;background:#f3f4f6;border:none;border-radius:10px;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;padding:8px 14px}.tabs-btn:first-child{color:#3b82f6}.tabs-btn:nth-child(2){color:#22c55e}.tabs-btn:nth-child(3){color:#f59e0b}.tabs-btn:nth-child(4){color:#ef4444}.tabs-btn.active{background:currentColor;color:#fff}.search-box{position:relative;width:100%}.search-icon{color:#6b7280;left:12px;position:absolute;top:50%;transform:translateY(-50%);z-index:1}.search-box input{border-radius:12px;padding:10px 14px 10px 40px!important;width:100%}.transaction-list{display:none}@media (max-width:768px){.transaction-list{display:block}.table-wrapper{display:none}.tabss{position:relative;top:10px}.transactions-container{padding:14px}table{min-width:680px}table,td,th{font-size:13px}td,th{padding:8px 10px}.name-cell strong{font-size:13px}.subtext{font-size:11px}.tabss button{font-size:12px;padding:6px 12px}.filter-row{flex-direction:column;gap:8px}}@media (max-width:480px){table{min-width:600px}table,td,th{font-size:12px}td,th{padding:6px 8px}.name-cell strong{font-size:12px}.subtext{font-size:10px}.amount-tag{font-size:11px;padding:4px 8px}.qp_modal_box{padding:14px;width:92%}.qp_modal_box input{font-size:13px}.qp_modal_buttons button{font-size:12px;padding:6px 10px}}.center{align-items:center;display:flex;justify-content:center}.hidden{display:none!important}@media(min-width:769px){.table-wrapper,.transactions-container,table,tbody,td,tr{overflow:visible!important}}@media (max-width:768px){.transactions-container{background:#f4f6fb;border:none;box-shadow:none;padding:12px}.transactions-container h1{color:#1e1b4b;font-size:20px}.tabss{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px}.tabs-btn{background:#fff;border:1px solid #eee;border-radius:12px;box-shadow:0 2px 6px #0000000f;flex:0 0 auto;font-size:13px;font-weight:700;padding:10px 16px}.tabs-btn:first-child{color:#4f46e5}.tabs-btn:nth-child(2){color:#16a34a}.tabs-btn:nth-child(3){color:#f59e0b}.tabs-btn:nth-child(4){color:#ef4444}.tabs-btn.active{color:#fff}.tabs-btn.active:first-child{background:#4f46e5}.tabs-btn.active:nth-child(2){background:#16a34a}.tabs-btn.active:nth-child(3){background:#f59e0b}.tabs-btn.active:nth-child(4){background:#ef4444}.filter-row{margin:14px 0}.search-box input{background:#fff;border:none;box-shadow:0 2px 8px #0000000d;color:#111827;font-size:13px}.search-box input::placeholder{color:#9ca3af}.transaction-card{grid-gap:6px;align-items:center;background:#fff;border-radius:16px;box-shadow:0 2px 10px #0000000d;display:grid;gap:6px;grid-template-columns:1.7fr 1fr 1fr 24px;margin-bottom:12px;padding:14px}.user-section{align-items:center;display:flex;gap:10px}.avatar{background:#e0e7ff;border-radius:50%;height:46px;object-fit:cover;width:46px}.user-section h3{color:#111827;font-size:14px;font-weight:700;margin:0}.user-section p{color:#6b7280;font-size:11px;line-height:1.3;margin:1px 0}.date-section{color:#374151;font-size:12px;font-weight:600;left:10px;position:relative;text-align:left}.amount-section{position:relative;right:10px;text-align:right}.amount-section h2{color:#16a34a;font-size:15px;font-weight:800;margin:0 0 6px}.tr-status{align-items:center;border-radius:8px;display:inline-flex;font-size:11px;font-weight:700;gap:4px;height:auto;min-width:0;min-width:auto;padding:4px 10px}.tr-status.paid{background:#dcfce7;border:none;color:#16a34a}.tr-status.pending{background:#fef3c7;border:none;color:#d97706}.tr-status.failed,.tr-status.unpaid{background:#fee2e2;border:none;color:#dc2626}.transaction-card:has(.tr-status.paid) .amount-section h2{color:#16a34a}.transaction-card:has(.tr-status.pending) .amount-section h2{color:#d97706}.transaction-card:has(.tr-status.failed) .amount-section h2,.transaction-card:has(.tr-status.unpaid) .amount-section h2{color:#dc2626}.mobile-action{display:flex;justify-content:flex-end;position:relative}.mobile-action .qp_action_btn{color:#4b5563;font-size:18px}.mobile-action .qp_first_dropdown{background:#fff;border:1px solid #e5e7eb;box-shadow:0 8px 20px #0000001f;min-width:130px;right:0;top:30px}.mobile-action .qp_first_dropdown button{color:#111827}}.members_container{animation:membersFadeUp .45s ease-out forwards;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background-color:#fff;border:1px solid #2563eb73;border-radius:20px;box-shadow:0 18px 40px #000000b3;color:#e0f2fe;font-family:Poppins,system-ui,-apple-system,BlinkMacSystemFont,Inter,sans-serif;margin:40px auto;max-width:1100px;overflow:hidden;padding:28px 30px;position:relative;transition:transform .25s ease,box-shadow .25s ease}.members_container:before{background:radial-gradient(circle at top left,#38bdf82e,#0000 55%);content:"";inset:-40%;opacity:.9;pointer-events:none;position:absolute}.members_container:hover{animation:membersGlowPulse 1.2s ease-in-out infinite alternate;box-shadow:0 22px 55px #0f172ae6;transform:translateY(-4px)}.members_title{animation:membersFadeUp .55s ease-out forwards;color:#000;font-size:2rem;font-weight:700;letter-spacing:.6px;margin-bottom:26px;position:relative;text-align:center;text-shadow:0 0 18px #34d399b3}.members_title:after{background:linear-gradient(90deg,#34d399,#1d4ed8);border-radius:999px;box-shadow:0 0 18px #34d399d9;content:"";display:block;height:3px;margin:10px auto 0;width:80px}.group_badge{align-items:center;animation:membersFadeUp .6s ease-out forwards;border-radius:999px;box-shadow:0 0 14px #00000059;color:#022c22;display:inline-flex;font-size:.95rem;font-weight:600;gap:8px;margin-bottom:16px;padding:6px 16px;text-shadow:0 0 4px #00000059;transition:transform .25s ease,box-shadow .25s ease,filter .25s ease}.badge_0{background:linear-gradient(135deg,#34d399,#22c55e);box-shadow:0 0 18px #34d399cc}.badge_1{background:linear-gradient(135deg,#0ea5e9,#6366f1);box-shadow:0 0 18px #3b82f6b3}.badge_2{background:linear-gradient(135deg,#22c55e,#a3e635);box-shadow:0 0 18px #22c55eb3}.badge_3{background:linear-gradient(135deg,#f97316,#22c55e);box-shadow:0 0 18px #f97316b3}.badge_4{background:linear-gradient(135deg,#1d4ed8,#22c55e);box-shadow:0 0 18px #2563ebb3}.badge_5{background:linear-gradient(135deg,#a7f3d0,#bbf7d0);box-shadow:0 0 18px #a7f3d0cc;color:#022c22}.group_badge:hover{filter:brightness(1.08);transform:translateY(-2px) scale(1.03)}.group_section{animation:membersFadeUp .7s ease-out forwards;background:#0f172af2;border:1px solid #38bdf859;border-radius:16px;box-shadow:0 10px 26px #000000a6;margin-bottom:28px;padding:18px 18px 22px;position:relative;transition:border .25s ease,box-shadow .25s ease,transform .25s ease}.group_section:hover{border-color:#34d399e6;box-shadow:0 14px 35px #000c;transform:translateY(-3px)}.group_name{color:#01130a;font-size:1.1rem;font-weight:600;letter-spacing:.4px;margin-bottom:10px}.students_table{animation:membersFadeUp .8s ease-out forwards;background:#0f172af5;border-collapse:collapse;border-radius:14px;box-shadow:0 10px 30px #000000b3;color:#e5f2ff;font-size:.95rem;overflow:hidden;table-layout:auto;width:100%}.students_table thead{background:linear-gradient(90deg,#1d4ed8,#22c55e)}.students_table td,.students_table th{border-bottom:1px solid #1e40afbf;padding:10px 14px;text-align:left;white-space:nowrap}.students_table td{color:#000}.students_table th{color:#e0f2fe;font-size:.8rem;font-weight:700;letter-spacing:.6px;position:sticky;text-transform:uppercase;top:0;z-index:2}.students_table tbody tr{animation:membersFadeUp .85s ease-out forwards;transition:background .2s ease,transform .2s ease,box-shadow .2s ease}.students_table tbody tr:nth-child(2n),.students_table tbody tr:nth-child(odd){background:#fff;color:#01130a}.students_table tbody tr:hover{background:#34d3992e;box-shadow:0 0 12px #34d3998c;transform:translateY(-1px)}.summary_row{background:linear-gradient(90deg,#020617,#0b1120);color:#f9fafb;font-weight:650}.summary_row td{border-top:2px solid #0f172ae6;padding-bottom:12px;padding-top:12px}.summary_row td:nth-child(3n){color:#f97373;font-weight:700;text-shadow:0 0 6px #000000e6}.members_container{overflow-x:hidden}.group_section{overflow-x:auto}@media (max-width:1024px){.members_container{margin:24px 16px;padding:22px 20px}.members_title{font-size:1.7rem}.students_table{font-size:.9rem;min-width:820px}.students_table td,.students_table th{padding:8px 10px}}.mobile_students{display:none}.desktop_view{display:block}.mobile_group_title{display:none}@media (max-width:768px){.group_name{display:none}.mobile_group_title{color:#111827;display:block;font-size:18px;font-weight:700;margin-bottom:14px}.student_card{background:#fff;border:1px solid #0000000d;border-radius:16px;box-shadow:0 2px 12px #00000014;gap:12px;margin-bottom:12px;padding:14px}.avatar,.student_card{align-items:center;display:flex}.avatar{background:#dbeafe;border-radius:50%;color:#2563eb;flex-shrink:0;font-size:22px;font-weight:700;height:55px;justify-content:center;width:55px}.student_info{flex:1 1}.student_info h4{color:#111827;font-size:16px;margin:0 0 4px}.student_info p{color:#6b7280;font-size:13px;margin:2px 0}.arrow{color:#9ca3af;font-size:28px}.desktop_view{display:none}.mobile_students{display:block;width:100%}.group_section{overflow:hidden}.members_container{margin:20px 12px;overflow-x:hidden;padding:18px 14px}.members_title{font-size:1.5rem}.group_section{padding:14px 12px 18px}.students_table{font-size:.85rem;min-width:780px}}@media (max-width:480px){.members_container{border-radius:16px;margin:16px 10px;padding:14px 12px}.members_title{font-size:1.3rem}.group_section{border-radius:14px;padding:12px 10px 16px}.students_table{border-radius:12px;font-size:.8rem;min-width:720px}.students_table td,.students_table th{padding:6px 8px}.summary_row{font-size:.85rem}}@keyframes membersFadeUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes membersGlowPulse{0%{box-shadow:0 18px 40px #000000b3}to{box-shadow:0 22px 55px #34d3998c}}.staff-container{animation:fadeInSmooth .6s ease-out forwards;background-color:#fdf4ff;color:#e9f2ff;font-family:Poppins,sans-serif;margin:40px auto;max-width:1000px;padding:20px}@keyframes fadeInSmooth{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.staff-header{align-items:center;border-radius:16px;box-shadow:0 12px 30px #0f172ae6;display:flex;justify-content:space-between;margin-bottom:25px;padding:14px 18px}.staff-header h2{color:#000}.add-staff-btn{background:linear-gradient(135deg,#34d399,#22c55e);border:none;border-radius:999px;color:#1d2031;cursor:pointer;font-weight:600;letter-spacing:.02em;padding:8px 18px;transition:transform .2s ease,box-shadow .25s ease,filter .2s ease}.add-staff-btn:hover{box-shadow:0 0 18px #34d399e6;filter:brightness(1.05);transform:translateY(-1px)}.staff-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.staff-card{animation:cardAppear .55s ease-out forwards;background:radial-gradient(circle at top left,#1d4ed8 0,#020617 60%);border:1px solid #38bdf899;border-radius:14px;box-shadow:0 12px 32px #000000d9;cursor:pointer;opacity:0;padding:22px;position:relative;transition:transform .2s ease,box-shadow .25s ease}@keyframes cardAppear{0%{opacity:0;transform:translateY(15px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.staff-card:first-child{animation-delay:.05s}.staff-card:nth-child(2){animation-delay:.1s}.staff-card:nth-child(3){animation-delay:.15s}.staff-card:nth-child(4){animation-delay:.2s}.staff-card:nth-child(5){animation-delay:.25s}.add-staff-btn,.cancel-btn,.save-btn{transition:transform .25s ease,box-shadow .3s ease}.add-staff-btn:hover,.cancel-btn:hover,.save-btn:hover,.staff-card:hover{transform:translateY(-2px)}.staff-card:hover{box-shadow:0 0 18px #3b82f6e6,0 18px 44px #000000f2}.staff-info{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.role-badge{border-radius:999px;color:#020617;font-size:.8rem;font-weight:600;padding:4px 10px}.role-tstaff{background:linear-gradient(135deg,#38bdf8,#34d399)}.role-mstaff{background:linear-gradient(135deg,#22c55e,#a3e635)}.role-tmstaff{background:linear-gradient(135deg,#4f46e5,#a855f7);color:#fdf4ff}.staff-card p{color:#cbd5f5;font-size:.85rem;margin:2px 0}.staff-icons{display:flex;gap:8px;position:absolute;right:10px;top:10px}.delete-icon,.edit-icon{cursor:pointer;font-size:1.1rem;transition:transform .2s ease,filter .2s ease}.edit-icon{color:#38bdf8}.delete-icon{color:#fb7185}.delete-icon:hover,.edit-icon:hover{filter:drop-shadow(0 0 6px rgba(248,250,252,.9));transform:scale(1.15)}.modal-overlay{animation:modalFade .25s ease forwards;background:#0f172ab3;z-index:1000}@keyframes modalFade{0%{-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);opacity:0}to{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);opacity:1}}.modal-container{animation:modalScale .3s ease forwards;background-color:#fff;border:1px solid #38bdf8b3;border-radius:12px;box-shadow:0 20px 50px #000000e6;color:#e9f2ff;display:flex;flex-direction:column;gap:12px;max-width:90%;padding:25px;width:400px}.modal-container h3{color:#000}@keyframes modalScale{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.modal-container input,.modal-container select{border:1px solid #94a3b8cc;border-radius:8px;color:#000;outline:none;padding:8px 10px}.cancel-btn,.save-btn{border:none;border-radius:999px;cursor:pointer;font-weight:600;padding:6px 12px;transition:background .2s ease,transform .15s ease,box-shadow .2s ease}.cancel-btn{background:#e5e7eb;color:#111827}.cancel-btn:hover{background:#d1d5db;transform:translateY(-1px)}.save-btn{background:linear-gradient(135deg,#22c55e,#16a34a);color:#020617}.save-btn:hover{background:#16a34a;box-shadow:0 0 12px #22c55ecc;transform:translateY(-1px)}.universe-card{background:#2a7b9b;background:linear-gradient(90deg,#2a7b9b,#57c785 50%,#eddd53);border-radius:14px;box-shadow:0 12px 30px #00000040;color:#020617;overflow:hidden;padding:22px;position:relative;transition:transform .3s ease,box-shadow .3s ease}.universe-card:hover{box-shadow:0 18px 40px #0006;transform:translateY(-4px)}.universe-bg{background:#833ab4;border-radius:50%;height:140%;left:50%;position:absolute;top:45%;transform:translateX(-50%);transition:top .3s ease;width:140%;z-index:0}.universe-card:hover .universe-bg{top:60%}.universe-header{position:relative;text-align:center;z-index:2}.s-io{color:#aff017;font-weight:700}.staffnae{color:#000;font-size:1.8rem;font-weight:600;text-transform:uppercase}.staffroe{color:#000;font-size:1.1rem;font-weight:700;letter-spacing:.08em}.avatar-box{align-items:center;background:#f1f5f9;border-radius:12px;box-shadow:0 8px 20px #00000040;height:150px;justify-content:center;margin:14px auto;overflow:hidden;width:150px}.avatar-box,.universe-footer{display:flex;position:relative;z-index:2}.universe-footer{align-items:flex-end;color:#fff;justify-content:space-between}.staff-contact{display:flex;flex-direction:column;font-size:.75rem;gap:4px}.staff-contact span{align-items:center;display:flex;gap:6px}.universe-card .staff-icons svg{cursor:pointer;transition:transform .2s ease}.universe-card .staff-icons svg:hover{transform:scale(1.2)}.avatar-img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.universe-card:hover .avatar-img{transform:scale(1.05)}.cab-container{background-color:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;font-family:Segoe UI,sans-serif;margin:10px auto;max-width:1000px;padding:25px;width:100%}.cab-container h2{color:#000;font-size:22px;font-weight:600;margin-bottom:20px}.tabs{display:flex;gap:15px;margin-bottom:15px}.tabs button{background:#fff3;border:1px solid #000;border-radius:6px;color:#000;cursor:pointer;font-weight:500;padding:8px 18px}.tabs button.active{background:#fff}.search-container-cab{position:relative;width:100%}.search-icon-cab{color:#9ca3af;left:12px;position:absolute;top:40%;transform:translateY(-50%);z-index:1}.search-input-cab{box-sizing:border-box;padding-left:42px!important;width:100%}table{border-radius:8px;color:#fff;overflow:hidden}tbody td,thead th{padding:12px 10px}tbody td{border-top:1px solid #ffffff4d}.status{font-weight:600}.status.paid{color:#28a745}.status.pending{color:#ffc107}.status.failed{color:#dc3545}table button{background:#fff;border:none;border-radius:6px;color:#007bff;cursor:pointer;padding:6px 10px}table button:hover{background:#007bff;color:#fff}.cab-popup-overlay{align-items:center;background:#0000008c;display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}.cab-popup{background:#fff;border-radius:10px;box-shadow:0 12px 30px #0000004d;color:#333;padding:20px;width:320px}.cab-popup h3{color:#007bff;margin-bottom:15px}.cab-popup label{display:block;font-size:13px;font-weight:600;margin-top:10px}.cab-popup input,.cab-popup select{border:1px solid #ccc;border-radius:6px;margin-top:4px;padding:8px 10px;width:100%}.popup-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:18px}.popup-actions button{border:none;border-radius:6px;cursor:pointer;padding:8px 14px}.popup-actions button:last-child{background:#007bff;color:#fff}@media (max-width:480px){.cab-popup{width:90%}}.cab-table-wrap{overflow-x:auto;width:100%}.cab-table{border-collapse:collapse;border-radius:8px;color:#fff;overflow:hidden;width:100%}.cab-table thead th{color:#fff;padding:12px 10px}.cab-table tbody td{border-top:1px solid #ffffff4d;padding:12px 10px}.cab-table button{background:#fff;border:none;border-radius:6px;color:#007bff;cursor:pointer;padding:6px 10px}.cab-table button:hover{background:#007bff;color:#fff}.greens{color:lch(60.35% 67.8 143.32)}.coffe{color:orange}.reds{color:#f14141}@media (max-width:768px){.cab-table-wrap{display:none}}.search-input-cab{background:#fff;border:none;border-radius:14px;box-shadow:0 2px 8px #0000000f;margin-bottom:15px;padding:14px}.mobileCabList{display:none}@media(max-width:768px){.mobileCabList{display:block;width:100%}.monthStatus{display:flex;gap:6px}.statusBadge{border-radius:8px;font-size:10px;font-weight:700;padding:4px 8px}.statusBadge.paid{background:#dcfce7;color:#15803d}.statusBadge.pending{background:#fef3c7;color:#d97706}.statusBadge.failed{background:#fee2e2;color:#dc2626}.cab-container{padding:10px}.mobileCabCard{background:#fff;border-radius:6px;box-shadow:0 3px 12px #00000014;justify-content:space-between;margin-bottom:3px;padding:5px;width:100%}.mobileCabCard,.mobileCabLeft{align-items:center;display:flex}.mobileCabLeft{gap:10px}.cabNumber{background-color:#f1eff3;border-radius:10px;color:#7c3aed;font-size:17px;height:40px;width:40px}.cabAvatar,.cabNumber{align-items:center;display:flex;font-weight:700;justify-content:center}.cabAvatar{background:#deb4f8;border-radius:50%;color:#f7f7f8;font-size:18px;height:46px;width:46px}.cabInfo h4{color:#111827;font-size:14px;margin:0}.cabInfo p{color:#6b7280;font-size:12px;margin:2px 0}.cabInfo small{color:#9333ea;font-size:11px;font-weight:600}.mobileCabRight{align-items:center;display:flex;gap:8px}.mobileStatus{border-radius:8px;font-size:11px;font-weight:700;padding:4px 8px}.mobileStatus.paid{background:#dcfce7;color:#15803d}.mobileStatus.pending{background:#fef3c7;color:#d97706}.mobileStatus.failed{background:#fee2e2;color:#dc2626}.mobileAmount{color:#111827;font-size:13px;font-weight:700}.mobileCabAction{align-items:center;background:#ede9fe;border:none;border-radius:10px;color:#7c3aed;cursor:pointer;display:flex;height:34px;justify-content:center;padding:0;width:34px}}.mobileTabs{display:none}@media(max-width:768px){.tabs{display:none}.mobileTabs{background:#fff;border-radius:14px;display:flex;justify-content:space-between;margin-bottom:15px;padding:10px}.mobileTab{align-items:center;color:#6b7280;display:flex;font-size:12px;font-weight:600;gap:5px;padding-bottom:8px}.mobileTab.active{border-bottom:2px solid #7c3aed;color:#7c3aed}.mobileTab.activer{border-bottom:2px solid #ed3a3a;color:#ec3838}.mobileTab.activec{border-bottom:2px solid orange;color:orange}.mobileTab.activeg{border-bottom:2px solid #08ad08;color:#08ad08}.mobileTab.reds{color:#ec3838}.mobileTab.blues{color:#7c3aed}.mobileTab.coffe{color:orange}.mobileTab.greens{color:#08ad08}.tabDot{border-radius:50%;height:8px;width:8px}.tabDot.recent{background:#7c3aed}.tabDot.paid{background:#16a34a}.tabDot.pending{background:#f59e0b}.tabDot.failed{background:#dc2626}}.cabSummaryCard{display:none}@media(max-width:768px){.cabSummaryCard{grid-gap:12px;color:#000;display:grid;gap:12px;grid-template-columns:1fr 1fr;margin-top:15px}.summaryBoxs{flex-direction:column;gap:6px}.summaryBox,.summaryBoxs{background:#fff;border-radius:16px;box-shadow:0 2px 8px #00000014;padding:14px}.summaryBox{gap:20px}.summaryBoxS span{color:#6b7280;font-size:3px}.summaryBoxs h3{color:#7c3aed;margin-top:8px}.wallet_icon{align-items:center;background-color:#7c3aed;border-radius:10px;display:flex;height:60px;justify-content:center;width:60px}.Wallet_i{color:#fff}.summaryBox{direction:row;display:flex}.summaryBoxs{align-items:center;display:flex;flex-direction:row;justify-content:center}.TrendingUp{color:#7c3aed;position:relative;right:20px}}*{font-family:Segoe UI,sans-serif}.expense-wrapper{background:#fff;border-radius:14px;box-shadow:0 10px 30px #00000014;margin:30px auto;max-width:1100px;padding:30px}.form-grid-lab{color:#000}.title{color:#007bff;margin-bottom:25px;text-align:center}.form-row{align-items:center;display:flex;gap:15px;margin-bottom:20px}.form-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr 2fr;margin-bottom:20px}label{display:block;font-weight:600;margin-bottom:6px}input,select{border:1px solid #ccc;border-radius:8px;outline:none;padding:10px 12px;width:100%}.add-btn{background:linear-gradient(90deg,#00c6ff,#007bff);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:16px;margin-bottom:25px;padding:14px;width:100%}.add-btn.active{background:linear-gradient(90deg,#22c55e,#16a34a)}.expense-table{border-collapse:collapse;width:100%}.expense-table thead{background:linear-gradient(90deg,#1d4ed8,#22c55e);color:#fff}.expense-table td,.expense-table th{padding:14px;text-align:left}.expense-table tbody tr{border-bottom:1px solid #eee}.empty{color:#666}.actions{display:flex;gap:8px}.edit-btn{background:#facc15}.delete-btn,.edit-btn{border:none;border-radius:6px;cursor:pointer;padding:6px 10px}.delete-btn{background:#ef4444;color:#fff}.row-active{background-color:#ecfeff}.total{color:#007bff;font-weight:600;margin-top:20px;text-align:right}.mobileExpenseSummary{display:none}@media(max-width:768px){.expense-wrapper{background:#f8fafc;border-radius:0;box-shadow:none;margin:0;padding:15px}.expenseMobileTitle{color:#111827;font-size:24px;margin-bottom:18px;text-align:center}.expenseMobileGrid,.mobileExpenseForm{background:#fff;border-radius:18px;box-shadow:0 4px 15px #0000000f;margin-bottom:15px;padding:16px}.expenseMobileGrid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr}.form-grid-lab{color:#6b7280;font-size:13px}input,select{background:#fff;border:1px solid #e5e7eb;border-radius:12px;font-size:14px;height:48px}.add-btn{background:linear-gradient(135deg,#2563eb,#3b82f6);border-radius:14px;font-size:15px;font-weight:700;height:52px;margin-bottom:18px}.mobileExpenseSummary{align-items:center;background:#fff;border-radius:18px;box-shadow:0 4px 15px #0000000f;display:flex;justify-content:space-between;margin-bottom:18px;padding:16px}.expenseSummaryLeft span{color:#6b7280;font-size:13px}.expenseSummaryLeft h2{color:#111827;margin-top:6px}.expenseSummaryRight{align-items:center;background:#dcfce7;border-radius:16px;color:#16a34a;display:flex;flex-direction:column;font-weight:700;height:85px;justify-content:center;width:85px}.expenseSummaryRight span{font-size:12px}.expense-table-wrap{display:none}.mobileExpenseList{display:block}.mobileExpenseCard{align-items:center;background:#fff;border-radius:14px;box-shadow:0 2px 8px #0000000f;display:flex;gap:10px;justify-content:space-between;margin-bottom:10px;padding:10px 12px}.mobileExpenseDateBox{min-width:52px;text-align:center}.mobileExpenseDay{color:#2563eb;font-size:20px;font-weight:700;line-height:1}.mobileExpenseMonth{color:#64748b;font-size:11px;font-weight:600}.mobileExpenseYear{color:#94a3b8;font-size:10px}.mobileExpenseInfo{flex:1 1}.mobileExpenseCategory{color:#111827;font-size:14px;font-weight:700;margin-bottom:2px}.mobileExpenseDesc{color:#6b7280;font-size:11px;margin-bottom:4px}.mobileExpenseAmount{color:#16a34a;font-size:14px;font-weight:700}.mobileExpenseActions{display:flex;gap:6px}.mobileExpenseActions .delete-btn,.mobileExpenseActions .edit-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;height:32px;justify-content:center;width:32px}.mobileExpenseActions .edit-btn{background:#dbeafe;color:#2563eb}.mobileExpenseActions .delete-btn{background:#fee2e2;color:#dc2626}}.cab-report{background:#fff;border-radius:14px;color:#000;margin:20px auto;max-width:900px;padding:20px}.cab-report h2{margin-bottom:16px;text-align:center}.cab-search{border:1px solid #cbd5f5;border-radius:8px;padding:10px;width:100%}.cab-dropdown{background:#fff;border:1px solid #e5e7eb;border-radius:8px;margin-top:6px;max-height:220px;overflow-y:auto}.cab-option{cursor:pointer;padding:10px}.cab-option:hover{background:#eef2ff}.cab-option span{color:#64748b;font-size:12px}.download-btn{background:#2563eb;border-radius:8px;margin:14px 0;padding:10px 14px}.cab-report-table{border-collapse:collapse;width:100%}.cab-report-table td,.cab-report-table th{border-bottom:1px solid #e5e7eb;padding:10px;text-align:center}.cab-report-table .paid{color:#16a34a;font-weight:600}.cab-report-table .pending{color:#f59e0b;font-weight:600}.cab-report-table .failed{color:#dc2626;font-weight:600}.total-label{font-weight:600}.total-amount{color:#2563eb;font-weight:700}@media (max-width:768px){.cab-report-table{font-size:12px}}.cab-report-table-wrap{overflow-x:auto;width:100%}@media (max-width:768px){.cab-report{margin:10px;overflow-x:hidden;padding:14px}.cab-report-table{font-size:12px;min-width:720px}.cab-report-table td,.cab-report-table th{padding:8px;white-space:nowrap}.download-btn{font-size:14px;padding:12px;width:100%}.report-title{font-size:13px;text-align:center}}@media (max-width:768px){.cab-report-table-wrap::-webkit-scrollbar{height:6px}.cab-report-table-wrap::-webkit-scrollbar-thumb{background:#64748b99;border-radius:999px}.cab-report-table-wrap::-webkit-scrollbar-track{background:#0000}}.mobile-report-section,.total-card{display:none}@media(max-width:768px){.mobile-report-section{display:block;margin-top:15px}.mobile-student-card{align-items:center;background:#fff;border-radius:20px;box-shadow:0 4px 15px #00000014;display:flex;gap:15px;margin-bottom:15px;padding:16px}.mobile-student-card img{border:3px solid #dbeafe;border-radius:50%;height:65px;object-fit:cover;width:65px}.mobile-student-card h3{color:#111827;font-size:18px;margin:0}.student-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.student-tags span{background:#eff6ff;border-radius:8px;color:#2563eb;font-size:12px;font-weight:600;padding:6px 10px}.mobile-report-header{align-items:center;background:#fff;border-radius:20px;box-shadow:0 4px 15px #00000014;display:flex;justify-content:space-between;margin-bottom:15px;padding:16px}.mobile-report-header h3{color:#111827;margin:0}.mobile-report-header p{color:#64748b;font-size:13px;margin-top:5px}.download-btn{background:linear-gradient(135deg,#2563eb,#1d4ed8);border:none;border-radius:12px;color:#fff;font-size:13px;padding:10px 14px;width:auto}.cab-report-table-wrap{background:#fff;border-radius:20px;box-shadow:0 4px 15px #00000014;overflow:hidden}.cab-report-table{min-width:650px}.paid{color:#16a34a}.paid,.pending{font-weight:700}.pending{color:#f59e0b}.failed{color:#dc2626;font-weight:700}.total-card{background:linear-gradient(135deg,#22c55e,#16a34a);border-radius:20px;box-shadow:0 6px 20px #22c55e40;color:#fff;display:block;margin-top:18px;padding:20px;text-align:center}.total-card h4{font-size:14px;margin:0;opacity:.9}.total-card h2{font-size:28px;margin-top:8px}.report-title{display:none}.cab-report-table-wrap{display:block!important;overflow-x:auto;width:100%}.cab-report-table{display:table!important;min-width:300px;width:100%}}.expense-report{background:#fff;border-radius:14px;box-shadow:0 6px 18px #00000014;font-family:Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;padding:22px;transition:.3s ease}.expense-report h2{color:#2c3e50;font-weight:700;letter-spacing:.3px;margin-bottom:20px;text-align:center}.report-filters{grid-gap:14px;align-items:center;display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));margin-bottom:20px}.report-filters input,.report-filters select{background:#fafafa;border:1.2px solid #dcdcdc;border-radius:8px;font-size:14px;padding:10px 12px;transition:.2s ease}.report-filters input:focus,.report-filters select:focus{border-color:#3498db;box-shadow:0 0 0 2px #3498db26;outline:none}.report-filters input[type=search]{grid-column:span 2}.report-filters button{background:linear-gradient(135deg,#3498db,#2980b9);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 16px;transition:.2s ease;white-space:nowrap}.report-filters button:hover{opacity:.95;transform:translateY(-1px)}.report-filters .download{background:linear-gradient(135deg,#27ae60,#1e8449)}.report-filters .excel{background:linear-gradient(135deg,#16a085,#0e6655)}.strong{color:#000}.report-table{border-collapse:collapse;border-radius:10px;font-size:14px;overflow:hidden;width:100%}.report-table th{color:#fff;font-weight:600;letter-spacing:.3px;padding:12px 14px;text-align:left}.report-table td{border-bottom:1px solid #e5e5e5;color:#333;padding:12px 14px}.report-table tr:nth-child(2n){background:#fafbfc}.report-table tr:hover{background:#f2f6fb;transition:.2s ease}.amount{color:#2c3e50;font-weight:600;text-align:right}.empty{color:#888;font-style:italic;padding:18px}tfoot td{background:#f7f7f7;font-size:15px;font-weight:700}.total-amount,.total-label{text-align:right}.total-amount{color:#c0392b;font-size:16px}@media (max-width:768px){.report-filters{grid-template-columns:1fr}.report-filters input[type=search]{grid-column:span 1}.report-filters button{width:100%}.report-table{display:table!important;font-size:13px;min-width:100px;width:100%!important}.report-table td,.report-table th{font-size:12px;padding:8px;white-space:nowrap}.expense-report{overflow-x:auto;padding:2px}}.summary-cards{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr);margin:15px 0}.summary-cards .card{display:none}.button-group{display:flex;gap:10px;margin-top:10px}.button-group button{flex:1 1}.Expese_head,.mobile-category-row{display:none}@media (max-width:768px){.summary-cards .card{display:block}.summary-cards{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(4,1fr);margin:15px 0}.summary-cards .card{border-radius:12px;color:#fff;min-width:0;padding:8px;text-align:center}.summary-cards .card:first-child{background:#2563eb}.summary-cards .card:nth-child(2){background:#16a34a}.summary-cards .card:nth-child(3){background:#dc2626}.summary-cards .card:nth-child(4){background:#9333ea}.summary-cards .card h4{color:#fff;font-size:9px;line-height:1.2;margin:4px 0}.summary-cards .card p{color:#fff;font-size:11px;font-weight:700;margin:0}.card-icon{align-items:center;background:#fff3;border-radius:50%;color:#fff;display:flex;font-size:14px;height:28px;justify-content:center;margin:0 auto 6px;width:28px}}.desktop-category{display:block}.mobile-category{display:none}@media (max-width:768px){.desktop-category{display:none}.mobile-category-row{align-items:center;display:flex;gap:10px;margin-bottom:12px}.category-label{color:#333;font-size:13px;font-weight:600;min-width:65px}.mobile-select-wrapper{flex:1 1;position:relative}.mobile-select{background:#fff;border-radius:10px;box-shadow:0 2px 8px #00000014;overflow:hidden}.mobile-icon,.mobile-select{align-items:center;display:flex;height:45px}.mobile-icon{background:#2563eb;color:#fff;font-size:18px;justify-content:center;width:45px}.selected-text{flex:1 1;font-size:13px;overflow:hidden;padding:0 10px;text-overflow:ellipsis;white-space:nowrap}.mobile-select span:last-child{padding-right:12px}.mobile-options{background:#fff;border-radius:10px;box-shadow:0 4px 15px #00000026;left:0;max-height:220px;overflow-y:auto;position:absolute;right:0;top:50px;z-index:1000}.mobile-option{border-bottom:1px solid #eee;font-size:13px;padding:12px}.mobile-date-box{background:#fff;border-radius:10px;box-shadow:0 2px 8px #00000014;flex:1 1;overflow:hidden}.date-icon,.mobile-date-box{align-items:center;display:flex;height:45px}.date-icon{background:#f59e0b;color:#fff;justify-content:center;width:45px}.mobile-date-input{background:#0000;border:none;flex:1 1;font-size:13px;height:100%;outline:none;padding:0 10px}.report-table td,.report-table th{font-size:12px;padding:8px;white-space:wrap}.report-table th{color:#9333ea}.footer_lable .total-label{color:#7f0deb;font-size:18px}.footer_lable .total-amount{color:#7f0deb;font-size:15px}.Expese_head{display:block;margin-bottom:10px}.report-filters{background:linear-gradient(135deg,#faf8fa,#fcf9fc);border-radius:10px;box-shadow:0 8px 20px #2563eb40;overflow:hidden;padding:15px;position:relative}.report-filters:before{background:#ffffff26;height:120px;right:-40px;top:-40px;width:120px}.report-filters:after,.report-filters:before{border-radius:50%;content:"";position:absolute}.report-filters:after{background:#ffffff1a;bottom:-20px;height:80px;left:-20px;width:80px}}@media (min-width:769px){.mobile-date-box{display:none}}.attendance-container{background-color:#f8f9fa;font-family:Segoe UI,sans-serif;min-height:100vh;padding:2rem}.report-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.report-header h2{color:#000}.download-btn{background:#6200ea;border:none;border-radius:6px;color:#fff;cursor:pointer;padding:10px 20px}.stats-grid{grid-gap:20px;color:#000;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:30px}.stat-card{border-radius:10px;box-shadow:0 2px 10px #0000000d;padding:20px;text-align:center}.stat-card.warning h3{color:#d32f2f}.filter-bar{display:flex;gap:15px;margin-bottom:20px}.filter-bar input,.filter-bar select{border:1px solid #ddd;border-radius:5px;outline:none;padding:10px}.attendance-table{border-collapse:collapse;border-radius:10px;box-shadow:0 4px 15px #0000000d;overflow:hidden;width:100%}.attendance-table td,.attendance-table th{border-bottom:1px solid #eee;padding:15px;text-align:left}.attendance-table th{background-color:#f1f3f5;color:#495057}.progress-bar-bg{background:#eee;border-radius:10px;display:inline-block;height:8px;margin-right:10px;width:100px}.progress-bar-fill{border-radius:10px;height:100%;transition:width .5s ease-in-out}.percent-text{font-size:.85rem;font-weight:700}.status-pill{border-radius:20px;font-size:.75rem;font-weight:600;padding:4px 12px}.status-pill.good{background:#e8f5e9;color:#2e7d32}.status-pill.shortage{background:#ffebee;color:#c62828}.stu-att-report{background:#fff;border-radius:14px;color:#000;margin:20px auto;max-width:1000px;padding:20px}.search-wrap{position:relative}.search-wrap input{border:1px solid #cbd5f5;border-radius:8px;padding:10px;width:100%}.dropdown{background:#fff;border:1px solid #e5e7eb;border-radius:8px;margin-top:6px;max-height:240px;overflow-y:auto}.option{cursor:pointer;padding:10px}.option:hover{background:#eef2ff}.option span{color:#64748b;font-size:12px}.student-title{font-weight:600;margin:14px 0}.att-table{border-collapse:collapse;min-width:720px;width:100%}.att-table td,.att-table th{border-bottom:1px solid #e5e7eb;padding:10px;text-align:center;white-space:nowrap}.present{color:#16a34a;font-weight:600}.absent{color:#dc2626;font-weight:600}.good{color:#2563eb}.good,.low{font-weight:700}.low{color:#f59e0b}.empty{padding:20px;text-align:center}.mobile-monthly-report{display:none!important}.mobile-monthly-report,.mobile-student-list{display:none}@media (max-width:768px){.attendance-container{background:#f5f7fb;padding:16px}.report-header{align-items:center;flex-direction:row;gap:10px;justify-content:space-between}.report-header h2{font-size:24px;margin:0}.download-btn{font-size:14px;padding:10px 14px;white-space:nowrap}.stats-grid{gap:12px;grid-template-columns:1fr 1fr}.stat-card{background:#fff;border-radius:16px;box-shadow:0 2px 10px #0000000d;padding:18px}.stat-card h3{font-size:28px;margin-bottom:6px}.filter-bar{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.filter-bar input,.filter-bar select{background:#fff;border-radius:14px;height:50px;width:100%}.attendance-table{display:none}.mobile-student-list{display:flex;flex-direction:column;gap:12px}.student-card{background:#fff;border-radius:18px;box-shadow:0 2px 12px #0000000d;padding:16px}.student-top{align-items:center;display:flex;justify-content:space-between}.student-name{color:#111827;font-size:17px;font-weight:600}.student-roll{color:#6b7280;font-size:13px}.student-percent{font-size:22px;font-weight:700}.student-progress{background:#e5e7eb;border-radius:20px;height:8px;margin-top:10px;overflow:hidden;width:100%}.student-fill{border-radius:20px;height:100%}.month-report{background:#fff;border-radius:18px;margin-top:20px;overflow:hidden;padding:0}.month-report table{font-size:13px;min-width:100%}.table-scroll{display:none}.mobile-monthly-report{display:block!important}.month-card{box-shadow:0 2px 10px #00000014;color:#000;margin-bottom:12px;padding:14px}.month-card div{margin-bottom:6px}.mobile-monthly-report{display:block;margin-top:15px}.month-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;margin-bottom:10px;padding:12px}.month-data-row,.month-head-row{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr;text-align:center}.month-head-row{border-bottom:1px solid #eee;color:#555;font-weight:700;margin-bottom:8px;padding-bottom:8px}.month-data-row{color:#000}}.table-scroll{overflow-x:auto}.month-report{background:#f8fafc;border-radius:10px;margin-top:20px;padding:14px}.month-report table{border-collapse:collapse;min-width:600px;width:100%}.student-search-wrap{margin-bottom:16px;max-width:420px;position:relative}.student-search-wrap input{border:1px solid #cbd5f5;border-radius:8px;padding:10px;width:100%}.student-dropdown{background:#fff;border:1px solid #e5e7eb;border-radius:8px;margin-top:6px;max-height:220px;overflow-y:auto;position:absolute;width:100%;z-index:10}.student-option{cursor:pointer;padding:10px}.student-option:hover{background:#eef2ff}.student-option span{color:#64748b;font-size:12px}.student-option.empty{color:#94a3b8;text-align:center}.popupOverlay,.profileOverlay{align-items:center;animation:fadeIn .25s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0000008c;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:9999}.profileModal{animation:popup .28s ease;background:#fff;border-radius:24px;box-shadow:0 25px 70px #00000040;max-width:520px;overflow:hidden;position:relative;width:100%}.profileClose{align-items:center;background:#ffffff2e;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:20px;height:38px;justify-content:center;position:absolute;right:18px;top:18px;transition:.3s;width:38px;z-index:10}.profileClose:hover{background:#fff;color:#5f45ff}.profileHeader{background:linear-gradient(135deg,#675cff,#846bff,#a16eff);color:#fff;padding:40px 25px 35px;text-align:center}.profileAvatar{background:#fff;box-shadow:0 15px 40px #0003;height:120px;padding:5px;width:120px}.profileAvatar img{border-radius:50%;height:100%;object-fit:cover;width:100%}.profileHeader h2{font-size:28px;font-weight:700;letter-spacing:.4px;margin-top:18px}.roleBadge{background:#ffffff2e;border:1px solid #ffffff59;border-radius:30px;display:inline-block;font-size:14px;font-weight:600;margin-top:12px;padding:8px 18px}.profileBody{padding:28px}.sectionTitle{color:#444;font-size:18px;font-weight:700;margin-bottom:22px}.infoRow{align-items:center;border-bottom:1px solid #ececec;display:flex;justify-content:space-between;padding:15px 0}.infoRow:last-child{border-bottom:none}.left{align-items:center;color:#666;display:flex;font-weight:600;gap:12px}.left svg{color:#6b63ff;font-size:18px}.right{color:#222;font-weight:600;text-align:right;word-break:break-word}.statusBadge{border-radius:30px;color:#fff;font-size:13px;font-weight:700;padding:7px 16px}.statusBadge.active{background:#20b15a}.statusBadge.inactive{background:#ef4444}.profileButtons{padding:0 28px 30px}.editBtn{align-items:center;background:linear-gradient(135deg,#675cff,#8d63ff);border:none;border-radius:14px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:700;gap:10px;justify-content:center;padding:15px;transition:.3s;width:100%}.editBtn:hover{box-shadow:0 15px 30px #675cff59;transform:translateY(-2px)}@keyframes popup{0%{opacity:0;transform:scale(.88)}to{opacity:1;transform:scale(1)}}.editPopup{animation:popup .28s ease;background:#fff;border-radius:24px;box-shadow:0 25px 70px #00000040;max-height:90vh;max-width:560px;overflow-y:auto;padding:28px;position:relative;width:100%}.editPopup::-webkit-scrollbar{width:6px}.editPopup::-webkit-scrollbar-thumb{background:#bdbdbd;border-radius:20px}.editPopup h2{color:#333;font-size:28px;font-weight:700;margin:0 0 24px;text-align:center}.popupClose{align-items:center;background:#f3f4f6;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;height:36px;justify-content:center;position:absolute;right:16px;top:16px;transition:.3s;width:36px}.popupClose:hover{background:#675cff;color:#fff}.inputGroup{margin-bottom:18px}.inputGroup label{align-items:center;color:#555;display:flex;font-size:14px;font-weight:600;gap:10px;margin-bottom:8px}.inputGroup label svg{color:#675cff;font-size:18px}.inputGroup input{background:#fafafa;border:1px solid #ddd;border-radius:12px;box-sizing:border-box;font-size:15px;height:48px;outline:none;padding:0 15px;transition:.25s;width:100%}.inputGroup input:focus{background:#fff;border-color:#675cff;box-shadow:0 0 0 4px #675cff1f}.readonlyBox{align-items:center;background:#f8f8ff;border:1px solid #e5e7ff;border-radius:14px;display:flex;justify-content:space-between;margin-top:10px;padding:14px 18px}.readonlyBox span{color:#666;font-weight:600}.readonlyBox strong{color:#675cff;font-size:15px}.profileDivider{border:none;border-top:1px solid #ececec;margin:28px 0}.passwordTitle{color:#333;font-size:20px;font-weight:700;margin:0 0 18px}.passwordTitle span{color:#777;font-size:13px;font-weight:500;margin-left:8px}.passwordField{position:relative}.passwordField input{padding-right:55px}.eyeBtn{align-items:center;background:none;border:none;color:#777;cursor:pointer;display:flex;height:36px;justify-content:center;position:absolute;right:12px;top:50%;transform:translateY(-50%);transition:.25s;width:36px}.eyeBtn:hover{color:#675cff}.popupButtons{display:flex;gap:14px;margin-top:30px}.cancelBtn{background:#ececec;border:none;border-radius:12px;color:#444;cursor:pointer;flex:1 1;font-size:15px;font-weight:700;height:50px;transition:.25s}.cancelBtn:hover{background:#d8d8d8}.saveBtn{background:linear-gradient(135deg,#675cff,#8b63ff);border:none;border-radius:12px;color:#fff;cursor:pointer;flex:1 1;font-size:15px;font-weight:700;height:50px;transition:.3s}.saveBtn:hover:not(:disabled){box-shadow:0 12px 24px #675cff47;transform:translateY(-2px)}.saveBtn:disabled{cursor:not-allowed;opacity:.7}input::placeholder{color:#b4b4b4}input:-webkit-autofill{-webkit-box-shadow:inset 0 0 0 1000px #fff}.editPopup *,.profileModal *{transition:.25s}.editPopup::-webkit-scrollbar,.profileModal::-webkit-scrollbar{width:6px}.editPopup::-webkit-scrollbar-thumb,.profileModal::-webkit-scrollbar-thumb{background:#bdbdbd;border-radius:20px}.editPopup::-webkit-scrollbar-track,.profileModal::-webkit-scrollbar-track{background:#0000}.profilePage{background:#f4f6fb;min-height:100vh;padding:25px;width:100%}.profilePageTop{justify-content:space-between;margin-bottom:25px}.backBtn,.profilePageTop{align-items:center;display:flex}.backBtn{background:#675cff;border-radius:10px;font-weight:600;gap:8px;padding:10px 18px}.backBtn:hover{background:#5849ff}@media (max-width:768px){.profilePage{padding:12px}.profilePageTop{margin-bottom:15px}.profilePageTop h2{font-size:22px}.backBtn{font-size:14px;padding:8px 14px}.profileModal{border-radius:18px;overflow:hidden;width:100%}.profileHeader{align-items:flex-start;border-radius:18px;display:flex;gap:15px;padding:18px}.profileAvatar{height:85px;margin:0;min-width:85px;width:85px}.profileContent{flex:1 1}.profileTopRow{align-items:flex-start;display:flex;gap:10px;justify-content:space-between}.profileTopRow h2{font-size:22px;line-height:1.2;margin:0}.roleBadge{font-size:12px;margin-top:8px;padding:5px 12px}.editHeaderBtn{border-radius:10px;font-size:12px;padding:8px 12px;white-space:nowrap}.profileContact{margin-top:12px}.profileContact p{align-items:center;display:flex;font-size:13px;gap:8px;margin:6px 0;word-break:break-word}.profileContact svg{min-width:16px}.profileBody{padding:15px}.sectionTitle{font-size:18px;margin-bottom:15px}.infoRow{border-bottom:1px solid #ececec;flex-direction:row;justify-content:space-between;padding:14px 0}.infoRow,.left{align-items:center;display:flex;gap:10px}.left{flex:1 1;font-size:14px;font-weight:600}.left svg{font-size:18px;min-width:18px}.right{flex:1 1;font-size:14px;font-weight:600;text-align:right;word-break:break-word}.statusBadge{font-size:12px;padding:5px 12px}.editPopup{border-radius:20px;max-height:90vh;padding:18px;width:100%}.editPopup h2{font-size:22px}.inputGroup{margin-bottom:15px}.inputGroup label{font-size:13px}.inputGroup input{font-size:14px;height:45px}.readonlyBox{padding:12px}.passwordTitle{font-size:18px}.popupButtons{display:flex;flex-direction:column;gap:10px}.cancelBtn,.saveBtn{height:46px;width:100%}}.tw-container{align-items:center;background:#0000;display:flex;flex-direction:column;font-family:Segoe UI,sans-serif;justify-content:center;min-height:80vh;padding:20px;text-align:center}.tw-date-box{background:#fff;border-radius:12px;box-shadow:0 6px 15px #0000001f;margin-bottom:25px;padding:12px 0;width:110px}.tw-month{background:#7c3aed;border-radius:12px 12px 0 0;color:#fff;font-size:14px;font-weight:600;padding:4px 0}.tw-date{color:#111;font-size:36px;font-weight:700;margin:6px 0}.tw-year{color:#555;font-size:13px}.tw-greeting{color:#1e293b;font-size:30px;margin-bottom:8px}.tw-subtext{color:#475569;font-size:16px;margin-bottom:30px}.tw-image-wrapper img{border-radius:14px;box-shadow:0 8px 18px #00000026;max-width:260px;width:100%}@media (max-width:768px){.tw-greeting{font-size:24px}.tw-date{font-size:30px}}.a-page{background:#f8fafc;color:#000;display:flex;justify-content:center;min-height:100vh;padding:2px}.a-card{background:#fff;border-radius:14px;box-shadow:0 8px 20px #00000014;padding:2px;width:100%}h2,h3{text-align:center}.date-box{margin-bottom:16px}.date-box input{border:1px solid #d1d5db;border-radius:6px;padding:8px}.a-table{border-collapse:collapse;margin-bottom:16px;width:100%}.a-table td,.a-table th{border-bottom:1px solid #e5e7eb;padding:12px;text-align:center}.a-table th{background:#f1f5f9;color:#000}.st-btns{display:flex;gap:8px;justify-content:center}.btn{border-radius:6px;cursor:pointer;padding:6px 14px}.present{background:#dcfce7;color:#166534}.present.active{background:#22c55e;color:#fff}.absent{background:#fee2e2;color:#7f1d1d}.absent.active{background:#ef4444;color:#fff}.remark-input{padding:6px;width:60%}.action-row{display:flex;gap:10px}.save-btn,.timing-btn{border:none;border-radius:10px;cursor:pointer;flex:1 1;font-size:15px;padding:12px}.save-btn{background:#2563eb;color:#fff}.timing-btn{background:#111827;color:#fff}.timing-panel{background:#f9fafb;border-radius:12px;margin-top:20px;padding:16px}.timing-panel select{margin-bottom:12px;padding:8px;width:100%}.history-table{border-collapse:collapse;width:100%}.history-table td,.history-table th{border-bottom:1px solid #e5e7eb;padding:10px;text-align:center}.present-t{color:#16a34a;font-weight:600}.absent-t{color:#dc2626;font-weight:600}.no-data{color:#6b7280;text-align:center}.edit-icon{color:#2563eb;cursor:pointer;font-size:18px}.modal-overlay{align-items:center;background:#0009;display:flex;inset:0;justify-content:center;position:fixed}.modal-box{background:#fff;border-radius:12px;padding:20px;width:320px}.modal-actions{display:flex;gap:10px;justify-content:flex-end}.table-wrap{overflow-x:auto;width:100%}.callender{display:none}@media (max-width:768px){.a-page{overflow-x:hidden}.a-card{padding:1px}.table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}.a-table{font-size:12px;min-width:750px}.a-table td,.a-table th{padding:8px;white-space:nowrap}.history-table{font-size:12px;min-width:600px}.history-table td,.history-table th{padding:8px;white-space:nowrap}.st-btns{flex-wrap:nowrap}.remark-input{width:80%}.action-row{flex-direction:column}}@media (max-width:768px){.table-wrap::-webkit-scrollbar{height:6px}.table-wrap::-webkit-scrollbar-thumb{background:#64748b99;border-radius:999px}.table-wrap::-webkit-scrollbar-track{background:#0000}}@media (max-width:768px){.a-page{padding:1px}.a-card{border-radius:20px;padding:5px}h2{font-size:22px}.date-box input{border-radius:12px;height:48px;width:100%}.table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}.a-table{font-size:12px;min-width:700px}.a-table td,.a-table th{padding:8px;white-space:nowrap}.btn{font-size:12px;padding:8px 12px}.remark-input{text-align:center;width:55px}.action-row{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr}.save-btn,.timing-btn{border-radius:12px;font-size:14px;height:48px}.save-btn{background:linear-gradient(135deg,#7c3aed,#4f46e5)}.timing-panel{border-radius:16px;margin-top:15px;padding:12px}.history-table{font-size:12px;min-width:550px}.history-table td,.history-table th{padding:8px;white-space:nowrap}.edit-icon{font-size:20px}.table-wrap{display:block!important;overflow-x:auto;width:100%}.a-table{display:table!important;min-width:700px!important;width:700px!important}.history-table{display:table!important;min-width:600px!important;width:600px!important}.st-btns{display:flex;flex-direction:row;gap:6px;justify-content:center}.a-table,.history-table{min-width:100%!important;table-layout:fixed;width:100%!important}.a-table td,.a-table th,.history-table td,.history-table th{font-size:11px;padding:6px 4px;white-space:normal;word-break:break-word}.st-btns{display:flex;flex-direction:column;gap:4px}.btn{font-size:10px;padding:6px}.remark-input{font-size:11px;width:45px}.table-wrap{overflow-x:hidden}}.mobile-text{display:none}@media (max-width:768px){.desktop-text{display:none}.mobile-text{display:inline}.st-btns{flex-direction:row;gap:4px}.btn{min-width:32px;padding:6px 8px}}.mobile-staff-select{display:none}@media (max-width:768px){.desktop-staff-select{display:none}.mobile-staff-select{display:block;margin-bottom:12px;position:relative}.mobile-select-header{align-items:center;cursor:pointer;display:flex;height:48px;justify-content:space-between;padding:0 12px}.mobile-select-header,.mobile-select-options{background:#fff;border:1px solid #d1d5db;border-radius:10px}.mobile-select-options{margin-top:5px;max-height:220px;overflow-y:auto}.mobile-option{border-bottom:1px solid #eee;cursor:pointer;padding:12px}.mobile-option:last-child{border-bottom:none}.a-table th,.callender,.history-table th{color:#4f46e5}.callender{display:block;font-size:larger;margin-left:50%}}.student_page{padding:20px}.student_header{align-items:center;background:#f5f5f5;border-radius:12px;display:flex;gap:15px;padding:15px}.student_header img{border-radius:50%;height:60px;width:60px}.summary_cards{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(4,1fr);margin:20px 0}.card{border-radius:12px;color:#333;padding:15px}.card h3{margin-top:8px}.purple{background:#eee6ff}.blue{background:#e6f0ff}.green{background:#e6fff0}.orange{background:#fff3e6}.transactions_box{background:#fff;border-radius:12px;overflow:hidden}.transactions_header{background:linear-gradient(90deg,#2b6cff,#3c8cff);color:#fff;display:flex;justify-content:space-between;padding:12px}.add_btn{background:orange;border:none;border-radius:6px;cursor:pointer;padding:6px 12px}table{border-collapse:collapse;width:100%}.st_na{color:#000}thead{background:#f0f0f0}td,th{color:#000;padding:10px;text-align:left}@media (max-width:768px){.student_page{padding:12px}.student_header{align-items:center;flex-direction:row;gap:12px;padding:12px}.student_header img{height:52px;width:52px}.student_header h2{font-size:16px;margin:0}.student_header p{font-size:12px;margin:2px 0 0}.summary_cards{gap:10px;grid-template-columns:repeat(2,1fr);margin:15px 0}.card{border-radius:12px;padding:12px}.card p{font-size:12px;margin:0}.card h3{font-size:16px;margin-top:6px}.transactions_header{align-items:flex-start;flex-direction:column;gap:8px;padding:10px}.transactions_header h3{font-size:14px}.add_btn{font-size:13px;padding:8px;width:100%}.transactions_box{overflow-x:auto}table{min-width:500px}td,th{font-size:12px;padding:8px}}.memberDetailsPage{background:#f3f6fb;min-height:100vh;padding:20px}.topBar{align-items:center;display:flex;gap:15px;margin-bottom:20px}.backBtn{background:#2563eb;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:20px;height:42px;width:42px}.topBar h2{color:#111827;margin:0}.profileCard{background:#fff;border-radius:24px;box-shadow:0 4px 20px #00000014;margin-bottom:20px;padding:25px;text-align:center}.profileAvatar{align-items:center;background:#2563eb;border-radius:50%;color:#fff;display:flex;font-size:34px;font-weight:700;height:90px;justify-content:center;margin:auto;width:90px}.profileCard h3{color:#111827;margin:15px 0 5px}.profileCard p{color:#6b7280}.detailsCard{background:#fff;border-radius:20px;box-shadow:0 4px 15px #00000014;margin-bottom:18px;padding:18px}.detailsCard h4{color:#111827;margin-bottom:15px}.detailRow{border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:12px 0}.detailRow:last-child{border-bottom:none}.detailRow span{color:#6b7280}.detailRow strong{color:#111827;text-align:right}@media(min-width:769px){.memberDetailsPage{display:none}}*{box-sizing:border-box;margin:0;padding:0}.auth-page{background:#f5f7fb;min-height:100vh;padding:0 1px 3px}.auth-page,.login-header{align-items:center;display:flex;flex-direction:column;width:100%}.login-header{margin-top:18px;max-width:470px;text-align:center}.login-top-image{height:50%;max-width:450px;object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%}.schoolname{color:#2d3748;font-size:30px;font-weight:800;letter-spacing:.3px;margin-top:6px}.school-subtitle{color:#7b8794;font-size:15px;font-weight:500;margin-top:6px}.school-features{align-items:center;color:#6b7280;display:flex;flex-wrap:wrap;font-size:13px;font-weight:500;gap:8px;justify-content:center;margin-top:14px}.school-features span{white-space:nowrap}.login-card{background:#fff;border-radius:28px;box-shadow:0 15px 40px #0f172a14,0 4px 12px #0f172a0d;margin-top:24px;max-width:470px;padding:30px;width:100%}.auth-form{display:flex;flex-direction:column}.form-title{margin-bottom:26px;text-align:center}.form-title h2{color:#1f2937;font-size:28px;font-weight:700}.form-title p{color:#8a94a6;font-size:15px;font-weight:400;margin-top:8px}.input-box{align-items:center;display:flex;margin-bottom:18px;position:relative}.input-icon{color:#8b95a5;left:18px;position:absolute;z-index:2}.input-box input{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;font-family:Outfit,sans-serif;font-size:15px;height:56px;outline:none;padding-left:52px;padding-right:54px;transition:.25s;width:100%}.input-box input::placeholder{color:#9ca3af}.input-box input:focus{background:#fff;border-color:#6366f1;box-shadow:0 0 0 4px #6366f11f}.eye-btn{align-items:center;background:#0000;border:none;color:#9ca3af;cursor:pointer;display:flex;height:36px;justify-content:center;position:absolute;right:16px;top:50%;transform:translateY(-50%);transition:.25s;width:36px}.eye-btn:hover{color:#6366f1}.form-error{background:#fef2f2;border:1px solid #fecaca;border-radius:14px;color:#dc2626;font-size:14px;font-weight:500;margin-bottom:14px;margin-top:-6px;padding:12px 14px}.row-between{justify-content:space-between;margin-bottom:22px;margin-top:2px}.checkbox,.row-between{align-items:center;display:flex}.checkbox{color:#64748b;cursor:pointer;font-size:14px;gap:8px;-webkit-user-select:none;user-select:none}.checkbox input{accent-color:#6366f1;cursor:pointer;height:18px;width:18px}.link{color:#6366f1;font-size:14px;font-weight:600;text-decoration:none;transition:.25s}.link:hover{color:#4338ca}.primary-btn{align-items:center;background:linear-gradient(135deg,#6366f1,#4f46e5);border:none;border-radius:16px;box-shadow:0 12px 30px #6366f14d;color:#fff;cursor:pointer;display:flex;font-family:Outfit,sans-serif;font-size:16px;font-weight:700;gap:12px;height:56px;justify-content:center;transition:.3s;width:100%}.primary-btn:hover{box-shadow:0 18px 40px #6366f159;transform:translateY(-2px)}.primary-btn:active{transform:scale(.98)}.primary-btn:disabled{cursor:not-allowed;opacity:.7}.install-btn{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:16px;color:#475569;cursor:pointer;display:flex;font-family:Outfit,sans-serif;font-size:15px;font-weight:600;gap:10px;height:56px;justify-content:center;margin-top:14px;transition:.25s;width:100%}.install-btn:hover{background:#f8faff;border-color:#6366f1;color:#6366f1}.install-note{color:#94a3b8;font-size:13px;line-height:1.6;margin-top:14px;text-align:center}.footer-note{align-items:center;display:flex;flex-wrap:wrap;font-size:14px;gap:6px;justify-content:center;margin-top:28px}.footer-text{color:#64748b}.footer-note a{color:#6366f1;font-weight:700;text-decoration:none;transition:.25s}.footer-note a:hover{color:#4338ca}.login-card{animation:fadeUp .45s ease}@keyframes fadeUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.auth-page{padding:0 16px 30px}.login-header{margin-top:12px;width:100%}.login-top-image{width:100%}.schoolname{font-size:28px}.school-subtitle{font-size:14px}.school-features{font-size:12px;gap:6px}.login-card{border-radius:24px;margin-top:20px;padding:26px}.form-title{margin-bottom:22px}.form-title h2{font-size:26px}.form-title p{font-size:14px}.input-box{margin-bottom:16px}.input-box input{font-size:14px;height:54px}.install-btn,.primary-btn{font-size:15px;height:54px}.install-note{font-size:12px}.footer-note{font-size:13px;margin-top:24px}}@media (max-width:480px){.auth-page{padding:0 14px 24px}.login-header{margin-top:10px}.login-top-image{width:100%}.schoolname{font-size:24px;line-height:1.3}.school-subtitle{font-size:13px;margin-top:4px}.school-features{font-size:11px;gap:5px;margin-top:10px}.login-card{border-radius:22px;box-shadow:0 10px 30px #0f172a14;margin-top:18px;padding:22px 18px;width:100%}.form-title{margin-bottom:18px}.form-title h2{font-size:24px}.form-title p{font-size:13px;margin-top:6px}.input-box{margin-bottom:14px}.input-box input{border-radius:14px;font-size:14px;height:52px;padding-left:48px;padding-right:48px}.input-icon{height:18px;left:15px;width:18px}.eye-btn{height:32px;right:12px;width:32px}.row-between{margin-bottom:18px;margin-top:4px}.checkbox,.link{font-size:12px}.primary-btn{font-size:15px;gap:10px}.install-btn,.primary-btn{border-radius:14px;height:52px}.install-btn{font-size:14px}.install-note{font-size:11px;margin-top:10px}.footer-note{font-size:12px;margin-top:22px;text-align:center}}@media (max-width:360px){.login-top-image{width:100%}.schoolname{font-size:21px}.school-subtitle{font-size:12px}.school-features{font-size:10px}.login-card{padding:18px 15px}.form-title h2{font-size:22px}.form-title p{font-size:12px}.input-box input{font-size:13px;height:48px}.primary-btn{font-size:14px;height:48px}.install-btn{font-size:13px;height:48px}.footer-note{flex-direction:column;gap:4px}}@media (min-width:992px){.auth-page{padding-bottom:40px}.login-header{max-width:520px}.login-top-image{max-width:420px}.schoolname{font-size:34px}.school-subtitle{font-size:16px}.school-features{font-size:14px}.login-card{max-width:500px;padding:34px}}input:-webkit-autofill,input:-webkit-autofill:focus,input:-webkit-autofill:hover{-webkit-text-fill-color:#1f2937;-webkit-box-shadow:inset 0 0 0 1000px #f8fafc;-webkit-transition:background-color 9999s ease-in-out 0s;transition:background-color 9999s ease-in-out 0s}::selection{background:#6366f1;color:#fff}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-thumb{background:#c7d2fe;border-radius:20px}::-webkit-scrollbar-thumb:hover{background:#818cf8}.login-top-image{animation:floatImage 5s ease-in-out infinite}@keyframes floatImage{0%{transform:translateY(0)}50%{transform:translateY(-8px)}to{transform:translateY(0)}}.install-btn,.primary-btn{overflow:hidden;position:relative}.install-btn:active,.primary-btn:active{transform:scale(.98)}button,input{-webkit-tap-highlight-color:transparent}a,button{outline:none}.auth-page{overflow-x:hidden}.forgot-container{align-items:center;display:flex;font-family:Poppins,sans-serif;height:100vh;justify-content:center}.forgot-box{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #06b6d459;border-radius:16px;box-shadow:0 8px 30px #00ffc826;padding:40px;text-align:center;width:350px}.forgot-box h2{color:#000;margin-bottom:10px;text-shadow:0 1px 2px #0006}.forgot-box p{color:#000;font-size:14px}.options{margin:20px 0;text-align:left}.options input{margin-left:100px}.options label{color:#000;cursor:pointer;display:block;font-size:14px;margin-bottom:10px}.input-field10{box-shadow:0 0 0 #06b6d400;margin:15px 0;outline:none;padding:12px}.input-field10:focus{box-shadow:0 0 12px #06b6d459}.submit-btn{box-shadow:0 4px 14px #06b6d459;font-size:16px;transition:.3s}.submit-btn:hover{background:linear-gradient(135deg,#0891b2,#06b6d4);box-shadow:0 8px 22px #06b6d473}@media (max-width:768px){.forgot-container{height:auto;min-height:100vh;padding:20px}.forgot-box{padding:28px;width:90vw}.forgot-box h2{font-size:18px}.forgot-box p,.input-field,.options label{font-size:13px}.input-field,.submit-btn{padding:10px}.submit-btn{font-size:14px}}@media (max-width:480px){.forgot-box{padding:22px;width:92vw}.forgot-box h2{font-size:17px}.forgot-box p,.options label{font-size:12px}.submit-btn{font-size:13px;padding:9px}}.reset-container{align-items:center;background:linear-gradient(135deg,#e0f2fe,#f0fdfa);display:flex;flex-direction:column;font-family:Segoe UI,sans-serif;justify-content:center;min-height:100vh}.logo{background:linear-gradient(135deg,#2563eb,#22c55e);border-radius:70px 1px 60px 1px;color:#fff;font-family:New Rocker,system-ui;font-size:1.4rem;font-weight:400;letter-spacing:1px;margin-bottom:20px;padding:10px 25px;width:fit-content}.logo,.reset-box{text-align:center}.reset-box{background:#fff;border-radius:15px;box-shadow:0 8px 24px #0000001a;max-width:380px;padding:35px 30px;width:100%}.reset-box h2{color:#1f2937;font-size:1.5rem;margin-bottom:20px}.reset-box input{border:1px solid #d1d5db;border-radius:8px;font-size:.95rem;margin-bottom:15px;outline:none;padding:12px 15px;transition:border .3s;width:100%}.reset-box input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb33}.reset-box button{background:linear-gradient(135deg,#2563eb,#22c55e);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;padding:12px;transition:transform .2s ease,opacity .2s ease;width:100%}.reset-box button:hover{opacity:.9;transform:translateY(-2px)}.popup-overlay{background:#00000080;inset:0;z-index:999}.popup-box{animation:fadeIn .3s ease;background:#fff;box-shadow:0 6px 20px #00000026;max-width:350px;padding:30px 25px;width:90%}.popup-box.success .popup-icon{background:#dcfce7;color:#22c55e}.popup-box.error .popup-icon{background:#fee2e2;color:#ef4444}.popup-icon{align-items:center;border-radius:50%;display:flex;font-size:2.5rem;height:70px;justify-content:center;margin:0 auto 15px;width:70px}.popup-box p{color:#374151;font-size:1rem;margin-bottom:20px}.popup-box button{background:linear-gradient(135deg,#2563eb,#22c55e);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;padding:10px 18px;transition:transform .2s ease,opacity .2s ease}.popup-box button:hover{opacity:.9;transform:translateY(-2px)}@keyframes fadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@media (max-width:768px){.reset-container{min-height:100vh;padding:20px}.logo{font-size:1.1rem;margin-bottom:16px;padding:8px 18px}.reset-box{border-radius:12px;max-width:92vw;padding:25px 20px}.reset-box h2{font-size:1.3rem;margin-bottom:16px}.reset-box input{font-size:.9rem;margin-bottom:12px;padding:10px 12px}.reset-box button{font-size:.95rem;padding:10px}.popup-box{border-radius:10px;padding:22px 18px;width:90vw}.popup-box p{font-size:.9rem}.popup-box button{font-size:.9rem;padding:9px 14px}.popup-icon{font-size:2rem;height:60px;margin-bottom:12px;width:60px}}@media (max-width:480px){.reset-container{padding:15px}.logo{font-size:1rem;padding:6px 14px}.reset-box{border-radius:10px;padding:20px 16px}.reset-box h2{font-size:1.15rem}.reset-box button,.reset-box input{font-size:.85rem;padding:9px}.popup-box{padding:18px 14px}.popup-box p{font-size:.85rem}.popup-icon{font-size:1.8rem;height:55px;width:55px}}.otp-container{align-items:center;background:radial-gradient(80% 80% at 20% 10%,#0f172a 0,#1e293b 60%,#334155 100%);display:flex;font-family:Poppins,sans-serif;height:100vh;justify-content:center}.otp-box{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#111827eb;border:1px solid #06b6d459;border-radius:12px;box-shadow:0 10px 30px #00ffc826;color:#e0faff;padding:40px 30px;text-align:center;width:360px}.otp-box h2{color:#22d3ee;font-size:24px;margin-bottom:15px;text-shadow:0 1px 2px #0006}.input-field10{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid #06b6d44d;border-radius:8px;color:#000;margin:10px 0;padding:12px 10px;transition:.25s ease;width:100%}.input-field10::placeholder{color:#64748b}.input-field10:focus{border-color:#06b6d4;box-shadow:0 0 12px #06b6d466;outline:none}.submit-btn{background:linear-gradient(135deg,#06b6d4,#0891b2);border:none;border-radius:8px;box-shadow:0 6px 18px #06b6d459;color:#fff;cursor:pointer;font-weight:600;margin-top:15px;padding:12px;transition:.3s ease;width:100%}.submit-btn:hover{box-shadow:0 10px 25px #06b6d480;transform:translateY(-1px)}.otp-message{font-size:14px;margin:5px 0}.otp-message.success{color:#34f5c5}.otp-message.error{color:#fb7171}.popup-overlay{align-items:center;background:#030712cc;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%}.popup-box{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#111827f2;border:1px solid #06b6d459;border-radius:12px;box-shadow:0 10px 30px #00ffc838;color:#e0faff;padding:25px 20px;text-align:center;width:300px}.popup-box.success{border-top:5px solid #06d6a0}.popup-box.error{border-top:5px solid #ef4444}.popup-icon{font-size:28px;margin-bottom:10px}@media (max-width:768px){.otp-container{height:auto;min-height:100vh;padding:20px}.otp-box{padding:28px 22px;width:90vw}.otp-box h2{font-size:20px}.input-field{font-size:13px;padding:10px 9px}.submit-btn{font-size:14px;padding:10px}.popup-box{padding:20px 16px;width:85vw}.popup-icon{font-size:24px}}@media (max-width:480px){.otp-container{padding:15px}.otp-box{padding:22px 16px;width:92vw}.otp-box h2{font-size:18px}.input-field{font-size:12px}.submit-btn{font-size:13px;padding:9px}.popup-box{padding:18px 14px;width:90vw}.popup-icon{font-size:22px}}
/*# sourceMappingURL=main.84cffd25.css.map*/