@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&display=swap);@import url(https://fonts.googleapis.com/css2?family=New+Rocker&family=Saira+Stencil+One&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}@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:768px){.dashboard-container{padding:12px}.cards,.dashboard-container{flex-direction:column}.card{width:100%}.chart-second{flex-direction:column;gap:20px}.group-list,.head{flex-direction:column;gap:12px}.head{align-items:flex-start}}@media (max-width:480px){.card{padding:16px}.card h3{font-size:1.2rem}.progress-text{font-size:12px}.icon{height:36px;width:36px}}.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}.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}.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}}.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:80%}.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{animation:membersFadeUp .5s ease-out forwards;display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-start;width:100%}.saaragkaMembers_controls button{background-color:#8a2be2;border:1px solid #8a2be2;border-radius:5px;color:#fff;margin-left:850px;padding-bottom:10px;padding-top:10px}.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;display:grid;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 10px 500px;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)}@media (max-width:640px){.saaragkaMembers_modalGrid{grid-template-columns:1fr}}@media (max-width:480px){.saaragkaMembers_controls{flex-direction:column}.saaragkaMembers_table{font-size:12px}}@media (max-width:640px){.saaragkaMembers_table{font-size:12px}.saaragkaMembers_table td,.saaragkaMembers_table th{padding:8px 10px;white-space:nowrap}.saaragkaMembers_dateCell{font-size:11px}.saaragkaMembers_actions button{transform:scale(.9)}}@media (max-width:480px){.saaragkaMembers_header h3{font-size:16px}.saaragkaMembers_controls{flex-direction:column;width:100%}.saaragkaMembers_filter,.saaragkaMembers_search{width:100%}.saaragkaMembers_table{font-size:11px;min-width:100%}.saaragkaMembers_table td,.saaragkaMembers_table th{padding:6px 8px}.saaragkaMembers_actionBtn{padding:4px}}.saaragkaMembers_modalOverlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000b3;justify-content:center}.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:flex-end;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}.tr-card{animation:fadeUp .4s ease-out forwards;border:1px solid #00ffb473;box-shadow:0 0 22px #00ffc826;color:#e9f2ff;padding:20px;transition:transform .25s ease,box-shadow .25s ease}.tr-card:hover{box-shadow:0 0 28px #00ffc859}.tr-title{color:#00f7a1;font-size:20px;font-weight:600;margin-bottom:14px;text-shadow:0 0 10px #00ffc899}.tr-tableWrap{padding-bottom:8px}.tr-table{border-radius:1px}.tr-table td{background-color:#fff;border-bottom:1px solid #00ffc81f;color:#dce7ff;height:48px;position:relative!important}.tr-table tbody tr,.tr-table td{overflow:visible!important}.tr-table tbody tr:nth-child(odd){background:#0a1023fa}.tr-table tbody tr:nth-child(2n){background:#0c142dfa}.tr-table tbody tr:hover{background:#00ffc81a;box-shadow:0 0 14px #00ffc833}.tr-amount{font-weight:600}.tr-status{border-radius:6px;gap:4px;height:28px;min-width:85px;padding:4px 12px}.tr-status.pending{border:1px solid #facc1559;color:#fef08a}.tr-status.paid{border:1px solid #10b98166;text-shadow:0 0 4px #00ffb44d}.tr-status.failed{background:#f43f5e33;border:1px solid #ff3c5066;color:#fecaca}.qp_action_btn{color:#dce7ff;transition:.2s ease}.qp_action_btn:hover{background:#0a1023cc;box-shadow:0 0 10px #00ffb433}.qp_first_dropdown{animation:fadeUp .2s ease-out forwards;background:#040a19f5;top:32px;z-index:510}.qp_first_dropdown button{color:#e2f8ff;font-size:13px;padding:8px 12px;transition:background .2s ease}.qp_first_dropdown button:hover{background:#0ea5e940}.qp_status_select_dropdown{animation:fadeUp .2s ease-out forwards;background:#0f172afa;border-radius:6px;min-width:120px;right:150px;z-index:20}.qp_status_select_dropdown button{color:#e2f8ff}.qp_status_select_dropdown button:hover{background:#0ea5e940}.qp_first_dropdown,.qp_status_select_dropdown{position:absolute!important;z-index:9999!important}.qp_modal_overlay{animation:fadeUp .3s ease-out forwards;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100}.qp_modal_box{background:#040a19fa;border:1px solid #00ffc859;box-shadow:0 0 20px #00ffc833;display:flex;flex-direction:column;gap:12px;width:460px!important}.qp_modal_box input{background:#0a142de6;border:1px solid #00ffc840;border-radius:6px;color:#e0faff;justify-content:center;padding:10px}.qp_confirm_btn{background:linear-gradient(135deg,#00f7a1,#00dd95);font-weight:600;padding:10px 16px;transition:.2s}.qp_confirm_btn:hover{box-shadow:0 0 15px #00ffc859}.qp_cancel_btn{color:#1f2937;font-weight:600}.sgAtt_card{border:1px solid #38bdf873;border-radius:14px;box-shadow:0 12px 30px #000000b3;color:#e9f2ff;padding:16px}.sgAtt_topbar{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:14px}.sgAtt_date{border:1px solid #38bdf880;border-radius:8px;color:#000;padding:8px 12px;width:fit-content}.sgAtt_addBtn{background:linear-gradient(135deg,#22c55e,#16a34a);border:none;border-radius:8px;color:#022c22;cursor:pointer;font-weight:600;padding:8px 14px}.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:#0f172afa;border-bottom:1px solid #1e40af99}.sgAtt_present{color:#34d399;font-weight:700}.sgAtt_absent{color:#fb7185;font-weight:700}.sgAtt_modalOverlay{background-color:#fdf4ff;display:grid;inset:0;place-items:center;position:fixed}.sgAtt_modal{background-color:#fdf4ff;border:1px solid #38bdf899;border-radius:14px;padding:16px;width:min(720px,90vw)}.sgAtt_modal h3{color:#000}.sgAtt_studentList{margin-top:10px;max-height:60vh;overflow:auto}.sgAtt_studentRow{grid-gap:12px;align-items:center;border-bottom:1px solid #1e40af80;display:grid;gap:12px;grid-template-columns:46px 1fr 160px;padding:10px}.sgAtt_studentRow img{border-radius:50%;height:36px;width:36px}.sgAtt_radioGroup{display:flex;gap:20px;justify-content:center}.sgAtt_radio{align-items:center;cursor:pointer;display:flex;font-weight:700;gap:6px}.sgAtt_radio input{accent-color:#38bdf8;height:16px;width:16px}.sgAtt_radioP{color:#34d399}.sgAtt_radioA{color:#fb7185}.sgAtt_modalActions{display:flex;gap:10px;justify-content:flex-end;margin-top:14px}.sgAtt_btnPrimary{background:linear-gradient(135deg,#34d399,#22c55e);font-weight:600}.sgAtt_btnPrimary,.sgAtt_btnSecondary{border:none;border-radius:8px;padding:8px 14px}.sgAtt_btnSecondary{background:#0f172af2;color:#e5e7eb}@media (max-width:480px){.sgAtt_studentRow{grid-template-columns:40px 1fr 120px}}.sgAtten_card{background-color:#e9f2ff;border:1px solid #38bdf873;border-radius:14px;box-shadow:0 12px 30px #000000b3;color:#e9f2ff;padding:16px}.sgAtten_topbar{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:14px}.filter-row input{background-color:#fff}.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:#0f172afa;border-bottom:1px solid #1e40af99}.sgAtten_present{color:#34d399;font-weight:700}.sgAtten_absent{color:#fb7185;font-weight:700}.sgAtten_modalOverlay{display:grid;inset:0;place-items:center;position:fixed}.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_radioGroup{display:flex;gap:22px;justify-content:center}.sgAtten_radio{align-items:center;cursor:pointer;display:flex;font-weight:700;gap:6px}.sgAtten_radio input{accent-color:#38bdf8;height:16px;width:16px}.sgAtten_radioP{color:#34d399}.sgAtten_radioA{color:#fb7185}.sgAtten_modalActions{display:flex;gap:10px;justify-content:flex-end;margin-top:14px}@media (max-width:480px){.sgAtten_studentRow{grid-template-columns:40px 1fr 120px}}.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-color:#fff;border:1px solid #ccc;border-radius:8px;cursor:pointer;font-size:16px;outline:none;padding:12px 50px 12px 12px;width:100%}.sgAtten_date:focus{border-color:#4a90e2;box-shadow:0 0 5px #4a90e24d}.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%)}: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 #38bdf873;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-container{flex-direction:column;min-height:auto;padding:10px}.groups-main{padding:12px 14px}.groups-header{align-items:flex-start;flex-direction:column;gap:12px}.groups-actions{align-items:stretch;flex-direction:column;gap:10px;width:100%}.groups-actions input,.groups-actions select,.new-group-btn{width:100%}.groups-grid{gap:12px;grid-template-columns:1fr 1fr}.group-card{padding:14px}.group-header h4{font-size:.95rem}.group-icon{height:36px;width:36px}.modal-group{padding:18px 16px;width:95%}.modal-group input{font-size:.85rem;padding:8px 12px}.time-inputs{align-items:stretch;flex-direction:column;gap:6px}.time-inputs input{width:100%}.modal-actions{flex-direction:column;width:100%}.cancel-btn,.ok-btn{font-size:.9rem;padding:9px 0;width:100%}}@media (max-width:480px){.groups-grid{grid-template-columns:1fr}}.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:15px 30px 15px 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:10px 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:radial-gradient(circle at top,#34d399 0,#059669 40%,#022c22 100%);transform:translateX(-100%);transition:transform .3s ease;width:250px;z-index:1000}.sidebardata.mobile-open{transform:translateX(0)}.sidebardata.mobile-hidden{display:none!important}.toggle-btn{background:#0f172ae6;border-radius:6px;color:#ecfdf5;font-size:1.4rem;left:10px;padding:8px;position:fixed;top:10px;z-index:1100}.sidebardata ul li a,.sidebardata ul li div{font-size:1rem;justify-content:flex-start}.sidebardata.collapsed ul li a,.sidebardata.collapsed ul li div{justify-content:center}.sidebar-title{font-size:1rem}}.organazation-container{align-items:center;background:#022c22f5;border:1px solid #34d399cc;border-radius:22px;box-shadow:0 4px 14px #065f46d9;display:flex;gap:8px;justify-content:space-between;margin-bottom:10px;padding:10px;transition:box-shadow .3s ease,transform .15s ease;width:100%}.organazation-container:hover{box-shadow:0 0 16px #34d399f2;transform:translateY(-1px)}.organazation-image{border-radius:30px;box-shadow:0 0 8px #34d399e6;height:100px;width:100px}.organazation-name{color:#ecfdf5;flex:1 1;font-weight:500;margin-left:8px}.organazation-edit{background:#0000;border:none;color:#a7f3d0;cursor:pointer;font-size:16px;transition:color .2s ease,transform .15s ease}.organazation-edit:hover{color:#22c55e;transform:translateY(-1px)}.popup-overlay{background:#0f172a99;z-index:2000}.popup-container{animation:fadeIn .3s ease-in-out;background:#022c22;border:1px solid #34d399e6;border-radius:12px;box-shadow:0 20px 50px #000000e6;color:#ecfdf5;padding:20px 30px;width:400px}.popup-container h3{color:#bbf7d0;font-weight:600;margin-bottom:15px;text-align:center}.popup-content label{color:#d1fae5;display:block;font-weight:500;margin-top:10px}.popup-content input[type=file],.popup-content input[type=text]{background:#022c22;border:1px solid #a3e6d5e6;border-radius:8px;color:#ecfdf5;margin-top:5px;outline:none;padding:8px;width:100%}.popup-buttons{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.btn-cancel,.btn-save{border:none;border-radius:8px;cursor:pointer;font-weight:600;padding:8px 14px;transition:background .2s ease,transform .15s ease,box-shadow .2s ease}.btn-cancel{background:#e5e7eb;color:#111827}.btn-cancel:hover{background:#d1d5db;transform:translateY(-1px)}.btn-save{background:linear-gradient(135deg,#34d399,#22c55e);color:#022c22}.btn-save:hover{box-shadow:0 0 16px #34d399f2;transform:translateY(-1px)}: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}@media (max-width:900px){.qp_table{font-size:13px;min-width:780px}.qp_status_select_dropdown{right:156px}}@media (max-width:650px){.qp_container{padding:14px}.qp_table{font-size:12px;min-width:640px}.qp_title{font-size:1.12rem}.qp_first_dropdown{right:4px;top:40px}.qp_status_select_dropdown{right:170px;top:40px}.qp_action_btn{font-size:16px;padding:4px}}@media (max-width:420px){.qp_table{font-size:11px;min-width:560px}.qp_first_dropdown{min-width:140px;right:4px}.qp_status_select_dropdown{min-width:120px;right:146px}}: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%}@media(max-width:680px){.qp_table{font-size:12px;min-width:650px}}: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}.tabs{-webkit-overflow-scrolling:touch;gap:10px;margin-bottom:12px;overflow-x:auto}.tabs button{background:#0000;border:none;border-bottom:2px solid #0000;border-radius:8px;font-size:14px;padding:8px 16px;transition:color .18s ease,border-color .18s ease,transform .16s ease;white-space:nowrap}.tabs button.active{animation:tabActive ease-out .25;color:#000}@keyframes tabActive{0%{opacity:.4;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}.tabs button:hover{transform:translateY(-2px)}.tabs .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}.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:#e5e7eb;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:#86efac;text-shadow:0 0 6px #00ffb41f}.tr-status.unpaid{background:#ef44442e;border:1px solid #ef444452;color:#fecaca}.tr-status.pending{background:#facc152e;border:1px solid #facc1547;color:#fde68a}.qp_action_btn{background:#0000;border:none;border-radius:6px;color:#e5e7eb;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)}}@media (max-width:768px){.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}.tabs button{font-size:12px;padding:6px 12px}.filter-row{flex-direction:column;gap:8px}.qp_first_dropdown,.qp_status_select_dropdown{min-width:120px;right:-6px}}@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}}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.center{align-items:center;display:flex;justify-content:center}.hidden{display:none!important}.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:membersFadeUp0.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 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){background:#0f172af5}.students_table tbody tr:nth-child(odd){background:#111827f5}.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}}@media (max-width:768px){.members_container{margin:20px 12px;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:20px 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-input-cab{border:1px solid #000;border-radius:8px;margin-bottom:20px;outline:none;padding:10px 15px;width:100%}table{border-collapse:collapse;border-radius:8px;color:#fff;overflow:hidden;width:100%}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}@media (max-width:768px){.cab-container{overflow-x:hidden;padding:16px}.cab-table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}.cab-table{font-size:12px;min-width:720px}.cab-table td,.cab-table th{padding:8px;white-space:nowrap}}@media (max-width:768px){.cab-table-wrap::-webkit-scrollbar{height:6px}.cab-table-wrap::-webkit-scrollbar-thumb{background:#fff9;border-radius:999px}.cab-table-wrap::-webkit-scrollbar-track{background:#0000}}*{box-sizing:border-box;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 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}@media (max-width:768px){.expense-wrapper{margin:8px;overflow-x:hidden;padding:14px}.title{font-size:18px;margin-bottom:14px}.form-row{align-items:flex-start;flex-direction:column;gap:6px}.form-grid{gap:12px;grid-template-columns:1fr}label{font-size:12px}input,select{font-size:13px;padding:9px}.add-btn{font-size:14px;padding:12px}.expense-table{-webkit-overflow-scrolling:touch;display:block;font-size:12px;min-width:720px;overflow-x:auto;white-space:nowrap}.expense-table td,.expense-table th{padding:8px;white-space:nowrap}.actions{gap:6px;justify-content:center}.delete-btn,.edit-btn{font-size:12px;padding:5px 8px}.total{font-size:13px;margin-top:12px;text-align:center}}@media (max-width:768px){.expense-table::-webkit-scrollbar{height:6px}.expense-table::-webkit-scrollbar-thumb{background:#94a3b8b3;border-radius:999px}.expense-table::-webkit-scrollbar-track{background:#0000}}.expense-table-wrap{overflow-x:auto;width:100%}.expense-table{border-collapse:collapse;width:100%}@media (max-width:768px){.expense-wrapper{margin:8px;overflow-x:hidden;padding:14px}.expense-table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}.expense-table{font-size:12px;min-width:720px}.expense-table td,.expense-table th{padding:8px;white-space:nowrap}.actions{gap:6px;justify-content:center}.delete-btn,.edit-btn{font-size:12px;padding:5px 8px}.total{font-size:13px;margin-top:12px;text-align:center}}.expense-table-wrap{position:relative}.expense-table-wrap:after{color:#64748b;content:"⇠ Swipe ⇢";display:block;font-size:11px;margin-top:6px;text-align:center}.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}}.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{font-size:13px}}.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}@media (max-width:768px){.stu-att-report{margin:10px;overflow-x:hidden;padding:14px}.att-table{font-size:12px}}.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}.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:20px}.a-card{background:#fff;border-radius:14px;box-shadow:0 8px 20px #00000014;max-width:1000px;padding:20px;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%}@media (max-width:768px){.a-page{overflow-x:hidden}.a-card{padding:14px}.table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}.a-table{font-size:12px;min-width:720px}.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}}.auth-page{display:grid;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;min-height:100vh;place-items:center}.auth-card{animation:floatIn .35s ease-out both;border:1px solid #06b6d44d;border-radius:18px;box-shadow:0 12px 40px #0000004d,0 0 0 1px #06b6d433;max-width:92vw;padding:40px;width:480px}@keyframes floatIn{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.brand{margin-bottom:18px;text-align:center}.logo1{color:#000;display:grid;font-family:New Rocker,system-ui;font-size:larger;font-style:normal;font-weight:400;height:22px;letter-spacing:.5px;margin:0 auto 10px;padding:10px 20px;place-items:center;width:fit-content}.brand h1{color:#000;font-size:22px;margin:0 0 4px;text-shadow:0 1px 2px #0000004d}.subtitle{color:#94a3b8;font-size:14px}.auth-form{grid-gap:10px;display:grid;gap:10px;justify-items:center;margin-top:10px}.auth-form label{color:#000;font-size:13px;font-weight:600}.auth-form input[type=email],.auth-form input[type=password],.auth-form input[type=text]{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #374151;border-radius:10px;box-sizing:border-box;color:#000;font-size:14px;outline:none;padding:12px 14px;transition:all .2s ease;width:100%}.auth-form input:focus{border-color:#06b6d4;box-shadow:0 0 0 4px #06b6d426,0 0 20px #06b6d41a}.auth-form input::placeholder{color:#6b7280}.auth-form input{box-sizing:border-box}.pwd-wrap{position:relative;width:100%}.pwd-wrap input{padding-right:72px}.pwd-toggle{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#374151cc;border:none;border-radius:8px;color:#cbd5e1;cursor:pointer;font-size:12px;padding:6px 10px;position:absolute;right:8px;top:50%;transform:translateY(-50%)}.pwd-toggle:hover{background:#06b6d433;box-shadow:0 0 10px #06b6d44d;color:#06b6d4}.row-between{align-items:center;display:flex;gap:150px;justify-content:space-between;margin-top:2px}.checkbox{align-items:center;color:#cbd5e1;display:inline-flex;font-size:13px;gap:-10px}.checkbox input{accent-color:#06b6d4}.primary-btn{background:linear-gradient(135deg,#06b6d4,#0891b2);border:none;border-radius:12px;box-shadow:0 4px 14px #06b6d44d;color:#fff;cursor:pointer;font-weight:700;margin-top:6px;overflow:hidden;padding:12px 16px;position:relative;transition:all .2s ease;width:100%}.primary-btn:hover{box-shadow:0 8px 25px #06b6d466;transform:translateY(-1px)}.primary-btn:disabled{box-shadow:0 2px 8px #06b6d433;cursor:not-allowed;opacity:.7}.footer-note a,.link{color:#22d3ee;font-weight:500;text-decoration:none}.footer-note a:hover,.link:hover{color:#06b6d4;text-decoration:underline}.form-error{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ef444426;border:1px solid #ef44444d;border-radius:10px;color:#fca5a5;font-size:13px;padding:8px 10px}.footer-note{color:#94a3b8;font-size:13px;margin-top:14px;text-align:center}@media (max-width:768px){.auth-card{border-radius:14px;box-shadow:0 8px 25px #0006,0 0 0 1px #06b6d433;padding:20px;width:94vw}.brand h1{font-size:18px}.subtitle{font-size:13px}.logo{font-size:1rem;height:20px;padding:8px 16px}.auth-form label{font-size:12px}.auth-form input[type=email],.auth-form input[type=password],.auth-form input[type=text]{font-size:13px;padding:10px 12px}.pwd-toggle{font-size:11px;padding:5px 8px}.primary-btn{font-size:14px;padding:10px 14px}.checkbox{font-size:12px;gap:6px}.form-error{font-size:12px;padding:7px 8px}.footer-note{font-size:12px;margin-top:12px}@media (max-width:480px){.auth-card{padding:16px;width:90vw}.brand h1{font-size:17px}.logo{font-size:.95rem;padding:6px 14px}.primary-btn{font-size:13px;padding:9px 12px}}}.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.6a670fb9.css.map*/