@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;500;600;700&family=Salsa&display=swap";:root{--primary: #7c3aed;--primary-hover: #6d28d9;--primary-focus: rgba(124, 58, 237, .12);--primary-light: #8b5cf6;--secondary: #3b82f6;--success: #10b981;--warning: #f59e0b;--danger: #ef4444;--primary-gradient: linear-gradient(135deg, #7c3aed 0%, #3b82f6 100%);--success-gradient: linear-gradient(135deg, #10b981 0%, #059669 100%);--waitlist-gradient: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);--shadow-primary: 0 10px 25px -5px rgba(124, 58, 237, .2);--shadow-success: 0 10px 25px -5px rgba(16, 185, 129, .2);--bg-dark: #f8fafc;--surface-card: rgba(255, 255, 255, .75);--border-color: rgba(15, 23, 42, .08);--input-border: rgba(15, 23, 42, .16);--border-focus: #7c3aed;--text-primary: #0f172a;--text-secondary: #334155;--text-muted: #64748b;--font-display: "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .02);--shadow-md: 0 10px 30px -10px rgba(124, 58, 237, .06), 0 1px 2px rgba(0, 0, 0, .02);--shadow-lg: 0 20px 40px -15px rgba(124, 58, 237, .12), 0 1px 4px rgba(0, 0, 0, .02);--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background-color:var(--bg-dark);color:var(--text-primary);min-height:100vh;overflow-x:hidden;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:relative}body:before{content:"";position:fixed;top:-10%;left:-10%;width:120%;height:120%;z-index:-2;background:radial-gradient(circle at 15% 15%,rgba(124,58,237,.06) 0%,transparent 45%),radial-gradient(circle at 85% 85%,rgba(59,130,246,.06) 0%,transparent 45%),radial-gradient(circle at 50% 50%,rgba(236,72,153,.04) 0%,transparent 50%);filter:blur(80px);animation:backgroundShift 20s ease-in-out infinite alternate}@keyframes backgroundShift{0%{transform:translate(0) scale(1)}to{transform:translate(2%,1%) scale(1.05)}}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:600;letter-spacing:-.01em;color:var(--text-primary)}.glass-panel{background:var(--surface-card);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-md);transition:all .3s cubic-bezier(.16,1,.3,1)}.glass-panel:hover{border-color:#7c3aed33;transform:translateY(-4px);box-shadow:var(--shadow-lg)}.app-container{min-height:100vh;display:flex;flex-direction:column}.btn{font-family:var(--font-display);font-weight:500;display:inline-flex;align-items:center;justify-content:center;padding:.85rem 1.5rem;border-radius:var(--radius-sm);border:none;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);text-decoration:none;font-size:1rem;position:relative;overflow:hidden}.btn:active:not(:disabled){transform:scale(.97)}.btn-primary{background:linear-gradient(135deg,var(--primary) 0%,#6366f1 100%);color:#fff;border:1px solid transparent}.btn-primary:hover:not(:disabled){filter:brightness(1.05);box-shadow:0 8px 20px -6px #7c3aed4d}.btn-secondary{background-color:#fff;color:var(--text-primary);border:1px solid var(--border-color);box-shadow:var(--shadow-sm)}.btn-secondary:hover:not(:disabled){background-color:#f8fafc;border-color:#7c3aed26;color:var(--text-primary)}.btn-success{background-color:var(--success);color:#fff;border:1px solid var(--success)}.btn-success:hover:not(:disabled){filter:brightness(1.05);box-shadow:0 8px 20px -6px #10b9814d}.btn-venmo{background-color:#008cff;color:#fff;border:1px solid #008cff}.btn-venmo:hover:not(:disabled){filter:brightness(1.05);box-shadow:0 8px 20px -6px #008cff4d}.btn-zelle{background-color:#7414ca;color:#fff;border:1px solid #7414ca}.btn-zelle:hover:not(:disabled){filter:brightness(1.05);box-shadow:0 8px 20px -6px #7414ca4d}.btn-danger{background-color:var(--danger);color:#fff;border:1px solid var(--danger)}.btn-danger:hover:not(:disabled){filter:brightness(1.05)}.btn-icon{padding:.6rem;border-radius:var(--radius-sm);background-color:#fff;border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all .2s cubic-bezier(.16,1,.3,1);font-size:1.1rem}.btn-icon:hover{background-color:#f8fafc;border-color:#7c3aed33;transform:scale(1.05)}.btn-icon:active{transform:scale(.95)}.btn:disabled,.btn-icon:disabled{opacity:.4;cursor:not-allowed;transform:none!important}.form-group{margin-bottom:1.5rem}.form-label{display:block;font-family:var(--font-display);font-size:.95rem;font-weight:500;margin-bottom:.5rem;color:var(--text-secondary)}.form-input,.form-select,.form-textarea{width:100%;padding:.85rem 1rem;background-color:#fff;border:1.5px solid var(--input-border);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-body);font-size:1rem;transition:all .15s ease-in-out}.form-input:hover,.form-select:hover,.form-textarea:hover{border-color:#0f172a52}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 4px var(--primary-focus);background-color:#fff}.form-checkbox{display:flex;align-items:center;gap:.75rem;cursor:pointer;font-size:1rem;color:var(--text-primary);transition:background-color .2s ease}.form-checkbox input{width:18px;height:18px;accent-color:var(--primary);cursor:pointer}.grid{display:grid;gap:1.5rem}.grid-cols-2{grid-template-columns:repeat(2,1fr)}@media (max-width: 768px){.grid-cols-2{grid-template-columns:1fr}}.table-container{overflow-x:auto;border-radius:var(--radius-sm);border:1px solid var(--border-color);background-color:var(--surface-card);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.data-table{width:100%;border-collapse:collapse;text-align:left;font-size:.95rem}.data-table th{background-color:#f8fafcb3;padding:.95rem 1.2rem;font-family:var(--font-display);font-weight:600;color:var(--text-muted);border-bottom:1px solid var(--border-color);white-space:nowrap}.data-table td{padding:1rem 1.2rem;border-bottom:1px solid var(--border-color);color:var(--text-secondary);vertical-align:middle;transition:background-color .15s ease}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background-color:#f1f5f9b3}.badge{display:inline-flex;align-items:center;padding:.35rem .85rem;border-radius:4px;font-size:.85rem;font-weight:600;text-transform:capitalize;border-style:solid;border-width:1px}.badge-paid{background-color:#10b98114;color:#065f46;border-color:#10b98133}.badge-unpaid{background-color:#f59e0b14;color:#b45309;border-color:#f59e0b40}.badge-waived{background-color:#3b82f614;color:#1e40af;border-color:#3b82f633}.badge-comp{background-color:#7c3aed14;color:#5b21b6;border-color:#7c3aed33}.badge-present{background-color:#10b98114;color:#065f46;border-color:#10b98133}.badge-absent{background-color:#f4f4f5;color:var(--text-muted);border-color:var(--border-color)}.toast-container{position:fixed;bottom:24px;right:24px;z-index:1000;display:flex;flex-direction:column;gap:12px}.toast{background-color:#fff;border:1px solid var(--border-color);border-left:4px solid var(--primary);color:var(--text-primary);padding:1rem 1.5rem;border-radius:var(--radius-sm);box-shadow:var(--shadow-lg);display:flex;align-items:center;justify-content:space-between;gap:1.5rem;animation:slideIn .3s cubic-bezier(.16,1,.3,1);min-width:320px;font-size:.95rem}.toast-success{border-left-color:var(--success)}.toast-danger{border-left-color:var(--danger)}.toast-undo{background:none;border:none;color:var(--primary);font-family:var(--font-display);font-weight:600;cursor:pointer;text-decoration:underline;padding:0;font-size:.95rem}@keyframes slideIn{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.animate-fade{animation:fadeIn .4s cubic-bezier(.16,1,.3,1)}@keyframes fadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.text-center{text-align:center}.flex{display:flex}.flex-col{flex-direction:column}.align-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-4{gap:1rem}.mt-4{margin-top:1rem}.mb-4{margin-bottom:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.w-full{width:100%}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background-color:var(--bg-dark)}::-webkit-scrollbar-thumb{background-color:#cbd5e1;border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background-color:#94a3b8}.switch{position:relative;display:inline-flex;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none}.switch-input{position:absolute;opacity:0;width:0;height:0}.switch-slider{position:relative;width:44px;height:24px;background-color:#cbd5e1;border-radius:12px;transition:background-color .2s cubic-bezier(.16,1,.3,1)}.switch-slider:before{content:"";position:absolute;height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;border-radius:50%;transition:transform .2s cubic-bezier(.16,1,.3,1);box-shadow:0 1px 3px #00000026}.switch-input:checked+.switch-slider{background-color:var(--primary)}.switch-input:checked+.switch-slider:before{transform:translate(20px)}@media (max-width: 992px){.table-container{border:none;background:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.data-table,.data-table thead,.data-table tbody,.data-table th,.data-table td,.data-table tr{display:block}.data-table thead{display:none}.data-table tr{margin-bottom:1.25rem;background:var(--surface-card);border:1px solid var(--border-color);border-radius:16px;padding:1.25rem;box-shadow:var(--shadow-sm);transition:transform .2s ease,box-shadow .2s ease}.data-table tr:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.data-table td{border-bottom:1px solid rgba(226,232,240,.5);padding:.75rem 0;display:flex;justify-content:space-between;align-items:center;font-size:1rem;text-align:right}.data-table td:last-child{border-bottom:none;padding-bottom:0}.data-table td:before{content:attr(data-label);font-weight:700;color:var(--text-muted);text-align:left;margin-right:1.5rem;font-size:.85rem;text-transform:uppercase;letter-spacing:.05em}.data-table td[data-label="Student Name"]{flex-direction:column;align-items:flex-start;text-align:left;border-bottom:2px solid var(--border-color);padding-bottom:.75rem}.data-table td[data-label="Student Name"]:before{display:none}.data-table td[data-label=Actions]{flex-direction:column;align-items:stretch;gap:.5rem}.data-table td[data-label=Actions]:before{text-align:center;margin-bottom:.5rem}.data-table td[data-label="Record Payment"]{flex-direction:column;align-items:stretch;gap:.5rem;border-bottom:none;padding-top:1rem}.data-table td[data-label="Record Payment"]:before{display:none}.data-table td[data-label="Due Amount"]{border-bottom:none;padding-top:.5rem;padding-bottom:.5rem}.data-table td[data-label="Due Amount"]:before{display:none}}@keyframes pulse{0%,to{transform:scale(1);box-shadow:0 10px 25px -5px #f59e0b33}50%{transform:scale(1.02);box-shadow:0 15px 30px -5px #f59e0b59}}.btn-payment{border-width:1px!important;border-style:solid!important;box-shadow:none!important;font-weight:600!important;transition:all .2s ease-in-out!important}.btn-payment-cash{background-color:#10b9811f!important;border-color:#10b98140!important;color:#065f46!important}.btn-payment-cash:hover{background-color:#10b98138!important;border-color:#10b98166!important}.btn-payment-card{background-color:#f43f5e1f!important;border-color:#f43f5e40!important;color:#be185d!important}.btn-payment-card:hover{background-color:#f43f5e38!important;border-color:#f43f5e66!important}.btn-payment-guest{background-color:#4755691f!important;border-color:#47556940!important;color:#334155!important}.btn-payment-guest:hover{background-color:#47556938!important;border-color:#47556966!important}.btn-payment-venmo{background-color:#3b82f61f!important;border-color:#3b82f640!important;color:#1e40af!important}.btn-payment-venmo:hover{background-color:#3b82f638!important;border-color:#3b82f666!important}.btn-payment-zelle{background-color:#8b5cf61f!important;border-color:#8b5cf640!important;color:#6d28d9!important}.btn-payment-zelle:hover{background-color:#8b5cf638!important;border-color:#8b5cf666!important}.btn-payment-other{background-color:#f59e0b1f!important;border-color:#f59e0b40!important;color:#b45309!important}.btn-payment-other:hover{background-color:#f59e0b38!important;border-color:#f59e0b66!important}@keyframes checkPop{0%{transform:scale(.6);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}@keyframes slideUpFade{0%{transform:translateY(12px);opacity:0}to{transform:translateY(0);opacity:1}}.animate-check-pop{animation:checkPop .35s cubic-bezier(.34,1.56,.64,1) forwards}.animate-slide-fade{animation:slideUpFade .35s ease forwards}.custom-scrollbar::-webkit-scrollbar{width:6px;height:6px}.custom-scrollbar::-webkit-scrollbar-track{background:transparent}.custom-scrollbar::-webkit-scrollbar-thumb{background:#7c3aed33;border-radius:4px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#7c3aed66}