@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";:root{font-family:Plus Jakarta Sans,system-ui,sans-serif;line-height:1.5;font-weight:400;color:#000;background-color:#fff}body{margin:0;padding:0;min-width:100%;min-height:100vh}#root{width:100%;min-height:100vh}:root{--primary-color: #4f46e5;--primary-hover: #4338ca;--secondary-color: #64748b;--background-color: #f8fafc;--card-bg-glass: rgba(255, 255, 255, .45);--input-bg-glass: rgba(255, 255, 255, .5);--text-primary: #000000;--text-secondary: #475569;--border-color: #e2e8f0;--input-focus-ring: rgba(79, 70, 229, .2);--error-color: #ef4444;--success-color: #10b981;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1)}*{box-sizing:border-box}body{font-family:Plus Jakarta Sans,sans-serif;color:var(--text-primary);margin:0;padding:0;min-height:100vh}.registration-page,.login-view{min-height:100vh;width:100vw;display:flex;justify-content:center;align-items:center;background-image:url(/bg.png);background-size:cover;background-position:center;background-attachment:fixed;background-repeat:no-repeat;overflow-x:hidden}.registration-page .registration-container,.login-view .login-card{background:var(--card-bg-glass);backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);width:100%;max-width:950px;padding:2rem 3rem;border-radius:20px;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a,inset 0 0 0 1px #fff3;margin:20px;position:relative;border:1px solid rgba(255,255,255,.1)}.login-container{max-width:450px}.form-header{text-align:center;margin-bottom:1.5rem;position:relative}.form-logo,.receipt-logo{height:60px;width:auto;margin-bottom:.5rem;filter:drop-shadow(0 4px 6px rgba(0,0,0,.1))}.admin-icon{position:absolute;top:0;right:0;font-size:1.5rem;text-decoration:none;background:#ffffff80;width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:12px;transition:all .3s cubic-bezier(.4,0,.2,1);color:#000;box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.admin-icon:hover{background:#fff;transform:translateY(-2px);box-shadow:var(--shadow-md)}h2{text-align:center;color:var(--text-primary);margin:0;font-size:1.6rem;font-weight:800;letter-spacing:-.025em}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:var(--text-secondary);font-size:.9rem;transition:color .2s}.registration-page .form-group input,.registration-page .form-group select,.login-view input{width:100%;padding:.875rem 1.25rem;border:1px solid var(--border-color)!important;border-radius:12px;font-size:1rem;font-family:inherit;transition:all .2s cubic-bezier(.4,0,.2,1);background-color:var(--input-bg-glass)!important;color:var(--text-primary)!important;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.registration-page input::placeholder,.login-view input::placeholder{color:#00000080!important}.form-group input:focus,.form-group select:focus,.search-bar:focus{outline:none;border-color:var(--primary-color)!important;box-shadow:0 0 0 4px var(--input-focus-ring);transform:translateZ(0)}.form-group input:hover,.form-group select:hover{border-color:#cbd5e1}button[type=submit],.submit-btn{width:100%;padding:1rem;background:linear-gradient(to right,var(--primary-color),#6366f1);color:#fff;border:none;border-radius:12px;font-size:1.125rem;font-weight:700;cursor:pointer;transition:all .3s ease;margin-top:1.5rem;box-shadow:0 4px 6px -1px #4f46e566}button[type=submit]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 15px -3px #4f46e566;background:linear-gradient(to right,var(--primary-hover),#4f46e5)}button[type=submit]:active:not(:disabled){transform:translateY(0)}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:1.25rem}.step-indicator{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-bottom:1rem}.step-dot{width:32px;height:32px;border-radius:50%;background:#e2e8f0;display:flex;align-items:center;justify-content:center;font-weight:700;color:#64748b;transition:all .3s ease;border:2px solid transparent}.step-dot.active{background:var(--primary-color);color:#fff;box-shadow:0 0 0 4px var(--input-focus-ring);transform:scale(1.1)}.step-line{flex-grow:1;max-width:60px;height:2px;background:#e2e8f0}.step-subtitle{color:var(--text-secondary);font-size:.9rem;margin-top:.25rem;max-width:500px;margin-left:auto;margin-right:auto;line-height:1.4}.step-content{animation:fadeIn .4s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.payment-container{display:flex;flex-direction:column;gap:1rem;padding:.5rem}.qr-wrapper{text-align:center}.qr-wrapper h3{margin-bottom:.5rem;color:var(--text-primary)}.qr-box{background:#ffffffe6;padding:1rem;border-radius:16px;display:inline-block;box-shadow:var(--shadow-md);margin:.75rem 0;border:1px solid var(--border-color)}.qr-image-large{width:250px;height:250px;display:block;object-fit:contain}.helper-text{font-size:.85rem;color:var(--secondary-color);margin-top:.5rem}.back-btn{background:#fff;color:var(--text-primary);border:2px solid var(--border-color);padding:1rem 2rem;border-radius:12px;font-weight:700;cursor:pointer;transition:all .2s;flex:1}.back-btn:hover{background:#f1f5f9;border-color:#cbd5e1}.payment-section{border:1px solid var(--border-color);border-radius:20px;padding:2.5rem;margin-bottom:2rem;background-color:#f8fafc;text-align:center;box-shadow:inset 0 2px 4px #0000000d}.pay-now-btn{background:#fff;color:var(--text-primary);border:2px solid var(--border-color);padding:.875rem 2rem;border-radius:12px;font-weight:700;cursor:pointer;margin-bottom:1.5rem;transition:all .2s;box-shadow:var(--shadow-sm)}.pay-now-btn:hover{background:#f1f5f9;border-color:#cbd5e1;transform:translateY(-1px)}.qr-container{background:#fff;padding:1.5rem;border:2px solid var(--border-color);border-radius:16px;margin:1.5rem auto;display:inline-block;box-shadow:var(--shadow-md)}.qr-image{width:200px;height:200px;display:block}.disabled-btn{opacity:.5;cursor:not-allowed!important;background:#94a3b8!important;box-shadow:none!important;transform:none!important}.receipt-view{max-width:750px}.receipt-header{text-align:center;margin-bottom:2rem;border-bottom:2px dashed var(--border-color);padding-bottom:2rem}.receipt-content{background:#f8fafc;border-radius:16px;padding:2.5rem;margin:2rem 0;border:1px solid var(--border-color)}.receipt-content p{margin:1rem 0;font-size:1.05rem;color:var(--text-secondary);display:flex;justify-content:space-between;border-bottom:1px solid #e2e8f0;padding-bottom:.75rem}.receipt-content p:last-child{border-bottom:none}.receipt-content p strong{color:var(--text-primary);font-weight:700}.button-group{display:flex;gap:1.5rem;justify-content:center}.download-btn,.reset-btn{padding:1rem 2rem;border-radius:12px;font-weight:700;cursor:pointer;border:none;transition:all .3s ease;font-size:1rem}.download-btn{background-color:var(--success-color);color:#fff;box-shadow:0 4px 6px -1px #10b98166}.download-btn:hover{background-color:#059669;transform:translateY(-2px);box-shadow:0 10px 15px -3px #10b98166}.reset-btn{background-color:#64748b;color:#fff}.reset-btn:hover{background-color:#475569}@media print{body{background:#fff!important}.registration-container{box-shadow:none!important;border:none!important;margin:0!important;padding:2rem!important;background:#fff!important;max-width:100%!important}.no-print{display:none!important}}.error-message,.success-message{padding:1rem 1.5rem;border-radius:12px;margin-bottom:2rem;font-weight:600;text-align:center;border:1px solid transparent}.error-message{background-color:#fef2f2;color:#991b1b;border-color:#fee2e2}.success-message{background-color:#f0fdf4;color:#166534;border-color:#dcfce7}@media(max-width:992px){.registration-page .registration-container{max-width:90%;padding:2rem}}@media(max-width:768px){.registration-page .registration-container{padding:1.5rem;margin:10px;border-radius:16px;max-width:calc(100% - 20px)}.form-grid{grid-template-columns:1fr;gap:1rem}h2{font-size:1.5rem}.form-logo{height:60px}}.admin-layout{display:flex;height:100vh;width:100vw;background-color:#f8fafc;position:fixed;top:0;left:0;overflow:hidden}.admin-sidebar{width:260px;background-color:#0f172a;color:#fff;display:flex;flex-direction:column;box-shadow:4px 0 15px #0003;flex-shrink:0;height:100vh;z-index:10}.sidebar-header{padding:2.5rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.05)}.sidebar-header h2{color:#fff!important;text-align:left;font-size:1.4rem;margin:0}.sidebar-nav{padding:1.5rem 0;flex-grow:1}.nav-item{width:100%;padding:1rem 1.75rem;color:#94a3b8!important;border:none;background:transparent;display:flex;align-items:center;gap:1rem;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s ease;text-align:left}.nav-item:hover{background-color:#1e293b;color:#fff!important}.nav-item.active{background-color:var(--primary-color);color:#fff!important;box-shadow:0 4px 12px #4f46e54d}.nav-icon{font-size:1.25rem}.sidebar-footer{padding:1.5rem;border-top:1px solid rgba(255,255,255,.05)}.logout-btn{width:100%;padding:.875rem;background:#ef44441a;color:#f87171!important;border:1px solid rgba(239,68,68,.2);border-radius:10px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .2s}.logout-btn:hover{background:#ef4444;color:#fff!important}.admin-layout .input-group input,.admin-layout .input-group select,.admin-layout .search-bar{background-color:#fff!important;color:#0f172a!important;border:1px solid #cbd5e1!important;-webkit-backdrop-filter:none;backdrop-filter:none;padding:.75rem 1.25rem!important;height:48px!important;font-size:1rem!important;box-shadow:inset 0 1px 2px #0000000d!important}.admin-layout .input-group input::placeholder,.admin-layout .search-bar::placeholder{color:#94a3b8!important}.mapping-inputs{display:flex;gap:1rem;width:100%}.mapping-inputs .input-group{flex:1}@media(max-width:640px){.mapping-inputs{flex-direction:column}}.admin-main{flex-grow:1;background-color:#f1f5f9;height:100vh;overflow-y:auto;padding:2.5rem;transition:padding .3s ease}@media(max-width:1024px){.admin-sidebar{width:80px}.nav-label,.sidebar-header h2,.sidebar-footer span:last-child{display:none}.nav-item{justify-content:center;padding:1rem}.admin-main{padding:1.5rem}}@media(max-width:768px){.admin-layout{flex-direction:column;overflow-y:auto;position:relative;height:auto;min-height:100vh}.admin-sidebar{width:100%;height:auto;flex-direction:row;overflow-x:auto}.sidebar-header{display:none}.sidebar-nav{flex-direction:row;padding:.5rem}.nav-item{padding:.75rem 1rem;white-space:nowrap}.admin-main{height:auto;padding:1rem}.dashboard-card{padding:1rem}.admin-table{display:block;overflow-x:auto}}.dashboard-card{background:#fff;border-radius:16px;padding:2rem;margin-bottom:2rem;box-shadow:0 4px 6px -1px #0000000d;border:1px solid #e2e8f0}.card-header{margin-bottom:1.5rem;border-bottom:1px solid #f1f5f9;padding-bottom:1rem}.card-header h3{margin:0;color:#1e293b;font-size:1.25rem;font-weight:700}.admin-table{width:100%;border-collapse:separate;border-spacing:0}.admin-table th{background-color:#f8fafc;padding:1rem;text-align:left;font-weight:600;color:#64748b;border-bottom:2px solid #e2e8f0;font-size:.875rem;text-transform:uppercase;letter-spacing:.05em}.admin-table td{padding:1rem;border-bottom:1px solid #f1f5f9;color:#334155;font-size:.95rem}.admin-table tr:hover td{background-color:#f8fafc}.del-btn{background-color:#fee2e2;color:#ef4444!important;border:1px solid #fecaca;padding:.5rem 1rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s}.del-btn:hover{background-color:#ef4444;color:#fff!important}.actions-cell{text-align:right;width:120px}.pagination{margin-top:2rem;display:flex;justify-content:center;align-items:center;gap:.5rem;padding:1rem 0}.pagination-btn{padding:.6rem 1.2rem;border:1px solid #e2e8f0;background:#fff!important;color:#1e293b!important;border-radius:10px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:var(--shadow-sm)}.pagination-btn:hover:not(:disabled){background:#f1f5f9!important;border-color:#cbd5e1;transform:translateY(-1px)}.pagination-btn.active{background:var(--primary-color)!important;color:#fff!important;border-color:var(--primary-color)!important;box-shadow:0 4px 12px #4f46e54d}.pagination-btn:disabled{opacity:.4;cursor:not-allowed;background:#f8fafc!important;box-shadow:none}