@import url(https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap);:root{--bg-top:#f4faf9;--bg-bottom:#eef5fb;--ink-900:#0f172a;--ink-700:#334155;--ink-500:#64748b;--card-border:#94a3b833;--accent-1:#0f766e;--accent-2:#0ea5a5;--accent-soft:#14b8a624;color-scheme:light;font-family:Manrope,Segoe UI,sans-serif}*{box-sizing:border-box}#root,body,html{min-height:100%}body{background:radial-gradient(circle at 6% 8%,#14b8a633 0,#14b8a600 34%),radial-gradient(circle at 92% 14%,#0e749029 0,#0e749000 28%),linear-gradient(180deg,#f4faf9,#eef5fb);background:radial-gradient(circle at 6% 8%,#14b8a633 0,#14b8a600 34%),radial-gradient(circle at 92% 14%,#0e749029 0,#0e749000 28%),linear-gradient(180deg,var(--bg-top) 0,var(--bg-bottom) 100%);color:#0f172a;color:var(--ink-900);margin:0}.app-shell{animation:fadeUp .5s ease both;margin:32px auto 48px;width:min(1120px,calc(100% - 32px))}.brand-bar{align-items:center;display:flex;gap:18px;justify-content:space-between;margin-bottom:32px}.brand-bar h1{color:#042f2e;font-size:clamp(2rem,2.8vw,2.9rem);letter-spacing:-.04em;margin:0}.brand-bar p{color:#334155;color:var(--ink-700);line-height:1.7;margin:8px 0 0;max-width:640px}.brand-icon{color:#0f766e;color:var(--accent-1);flex-shrink:0;height:48px;width:48px}.content-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1.3fr 1fr}.card{background:#fffffff0;border:1px solid #94a3b833;border:1px solid var(--card-border);border-radius:24px;box-shadow:0 20px 60px #0f172a14;padding:30px}.card h2{align-items:center;color:#0b3d3a;display:flex;font-size:1.5rem;gap:10px;margin-bottom:16px;margin-top:0}.form-grid{grid-gap:16px;display:grid;gap:16px}.input-group{grid-gap:8px;display:grid;gap:8px}.input-group label{color:#334155;color:var(--ink-700);font-size:.95rem;font-weight:700}.input-group input{background:#f8fcff;border:1px solid #bfdbfe;border-radius:16px;color:#0f172a;color:var(--ink-900);font-size:1rem;outline:none;padding:14px 16px;transition:border-color .16s ease,box-shadow .16s ease;width:100%}.input-group input:focus{border-color:#0ea5a5;border-color:var(--accent-2);box-shadow:0 0 0 4px #0ea5a529}.primary-button{background:linear-gradient(135deg,#0f766e,#0ea5a5);background:linear-gradient(135deg,var(--accent-1),var(--accent-2));border:none;border-radius:16px;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;padding:16px 22px;transition:transform .16s ease,box-shadow .16s ease}.primary-button:hover:not(:disabled){box-shadow:0 16px 30px #0f766e47;transform:translateY(-1px)}.primary-button:disabled{cursor:not-allowed;opacity:.72}.payment-summary{grid-gap:12px;background:linear-gradient(140deg,#f0fdfa,#eff6ff);border:1px solid #bae6fd;border-radius:20px;display:grid;gap:12px;margin-top:24px;padding:20px}.summary-header{align-items:center;display:flex;gap:12px;justify-content:space-between}.summary-header h3{color:#0b3d3a;margin:0}.status-chip{align-items:center;border-radius:999px;display:inline-flex;font-size:.95rem;font-weight:700;gap:8px;padding:8px 12px}.status-pending{background:#fbbf2429;color:#92400e}.status-paid{background:#10b98129;color:#065f46}.result-row{grid-gap:10px;align-items:center;display:grid;gap:10px;grid-template-columns:auto 1fr}.result-row strong{color:#0f172a;color:var(--ink-900)}.admin-panel{grid-gap:20px;display:grid;gap:20px}.table-wrap{overflow-x:auto}.table-grid{border-collapse:collapse;min-width:420px;width:100%}.table-grid td,.table-grid th{padding:16px 14px;text-align:left}.table-grid thead th{border-bottom:2px solid #e2e8f0;color:#334155;color:var(--ink-700);font-size:.95rem}.table-grid tbody tr{border-bottom:1px solid #e2e8f0}.table-grid tbody tr:last-child{border-bottom:none}.table-grid td{color:#334155;color:var(--ink-700)}.cell-with-icon,.payment-chip{align-items:center;display:inline-flex;gap:8px}.payment-chip{border-radius:999px;font-size:.9rem;font-weight:700;padding:8px 12px}.payment-chip.pending{background:#3b82f61f;color:#1d4ed8}.payment-chip.paid{background:#10b98129;color:#047857}.small-note{color:#64748b;color:var(--ink-500);font-size:.95rem;margin:0}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.qr-wrap{align-items:center;background:#fff;border:1px solid #a7f3d0;border-radius:16px;display:flex;flex-direction:column;gap:10px;padding:16px}.qr-label{color:#0f766e;color:var(--accent-1);font-size:.85rem;font-weight:700;margin:0}.paid-banner{align-items:flex-start;animation:fadeUp .4s ease both;background:linear-gradient(135deg,#10b98126,#0596691a);border:1px solid #10b98159;border-radius:16px;color:#065f46;display:flex;gap:12px;margin-bottom:4px;padding:16px}.paid-banner svg{color:#10b981;flex-shrink:0;margin-top:2px}.paid-banner strong{display:block;font-size:1rem;margin-bottom:2px}.paid-banner p{font-size:.875rem;margin:0;opacity:.85}.verify-btn{align-items:center;background:#0000;border:1.5px solid #0ea5a5;border:1.5px solid var(--accent-2);border-radius:12px;color:#0f766e;color:var(--accent-1);cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:700;gap:8px;justify-content:center;padding:10px 18px;transition:background .16s ease,color .16s ease;width:100%}.verify-btn:hover{background:#14b8a624;background:var(--accent-soft)}.admin-badge{align-items:center;background:linear-gradient(135deg,#0f766e,#0ea5a5);background:linear-gradient(135deg,var(--accent-1),var(--accent-2));border-radius:999px;color:#fff;display:inline-flex;font-size:.65rem;font-weight:800;letter-spacing:.08em;margin-left:12px;padding:3px 10px;text-transform:uppercase;vertical-align:middle}.icon-btn{align-items:center;background:none;border:none;border-radius:8px;color:#64748b;color:var(--ink-500);cursor:pointer;display:flex;padding:6px;transition:color .16s ease,background .16s ease}.icon-btn:hover{background:#14b8a624;background:var(--accent-soft);color:#0f766e;color:var(--accent-1)}.share-block{grid-gap:10px;background:#fff9;border:1px dashed #6ee7b7;border-radius:16px;display:grid;gap:10px;padding:16px}.share-label{color:#0f766e;color:var(--accent-1);font-size:.875rem;font-weight:700;gap:8px;margin:0}.share-code-wrap,.share-label{align-items:center;display:flex}.share-code-wrap{gap:10px}.share-code{background:#f0fdfa;border:1px solid #a7f3d0;border-radius:12px;color:#065f46;display:block;flex:1 1;font-size:.78rem;max-height:72px;overflow:hidden;overflow-y:auto;padding:10px 14px;word-break:break-all}.copy-btn{align-items:center;background:linear-gradient(135deg,#0f766e,#0ea5a5);background:linear-gradient(135deg,var(--accent-1),var(--accent-2));border:none;border-radius:12px;color:#fff;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:700;gap:6px;padding:10px 16px;transition:transform .16s ease,box-shadow .16s ease;white-space:nowrap}.copy-btn:hover{box-shadow:0 8px 20px #0f766e4d;transform:translateY(-1px)}.empty-row{color:#64748b;color:var(--ink-500);font-style:italic;padding:32px 0!important;text-align:center}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a73;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:999}.modal-card{animation:fadeUp .25s ease both;background:#fff;border-radius:24px;box-shadow:0 32px 80px #0f172a29;padding:32px;width:min(460px,100%)}.modal-header{justify-content:space-between;margin-bottom:24px}.modal-header,.modal-header h2{align-items:center;display:flex}.modal-header h2{color:#0f172a;color:var(--ink-900);font-size:1.35rem;gap:10px;margin:0}.modal-close{align-items:center;background:none;border:none;border-radius:8px;color:#64748b;color:var(--ink-500);cursor:pointer;display:flex;padding:6px;transition:color .16s ease,background .16s ease}.modal-close:hover{background:#ef44441a;color:#b91c1c}.auth-success{background:#10b9811f;border:1px solid #10b9814d;border-radius:12px;color:#065f46;font-size:.9rem;margin:0;padding:12px 16px}.admin-tabs{background:#fff9;border:1px solid #94a3b833;border:1px solid var(--card-border);border-radius:16px;display:flex;gap:4px;margin-bottom:24px;padding:6px}.tab-btn{align-items:center;background:#0000;border:none;border-radius:12px;color:#64748b;color:var(--ink-500);cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:600;gap:8px;padding:10px 20px;transition:background .16s ease,color .16s ease}.tab-btn:hover{background:#14b8a624;background:var(--accent-soft);color:#0f766e;color:var(--accent-1)}.tab-btn.active{background:linear-gradient(135deg,#0f766e,#0ea5a5);background:linear-gradient(135deg,var(--accent-1),var(--accent-2));color:#fff}.tab-count{align-items:center;background:#ffffff40;border-radius:999px;display:inline-flex;font-size:.75rem;font-weight:800;height:20px;justify-content:center;min-width:20px;padding:0 6px}.tab-btn:not(.active) .tab-count{background:#14b8a624;background:var(--accent-soft);color:#0f766e;color:var(--accent-1)}.user-badge{align-items:center;border-radius:999px;display:inline-flex;font-size:.8rem;font-weight:700;padding:4px 10px}.badge-approved{background:#10b98124;color:#047857}.badge-pending{background:#fbbf2429;color:#92400e}.badge-rejected{background:#ef44441f;color:#b91c1c}.action-btns{display:flex;gap:6px}.action-btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:inline-flex;font-size:.8rem;font-weight:700;gap:4px;padding:6px 12px;transition:opacity .16s ease,transform .16s ease}.action-btn:hover{opacity:.85;transform:translateY(-1px)}.action-btn.approve{background:#10b98124;color:#047857}.action-btn.reject{background:#ef44441a;color:#b91c1c}.history-btn{align-items:center;background:#0000;border:1px solid #bfdbfe;border-radius:10px;color:#0f766e;color:var(--accent-1);cursor:pointer;display:inline-flex;font-size:.85rem;font-weight:700;gap:6px;padding:6px 12px;transition:background .16s ease}.history-btn:hover{background:#14b8a624;background:var(--accent-soft)}.date-cell{color:#64748b;color:var(--ink-500);font-size:.85rem}.styled-select{background:#f8fcff;border:1px solid #bfdbfe;border-radius:16px;color:#0f172a;color:var(--ink-900);cursor:pointer;font-size:1rem;outline:none;padding:14px 16px;transition:border-color .16s ease,box-shadow .16s ease;width:100%}.styled-select:focus{border-color:#0ea5a5;border-color:var(--accent-2);box-shadow:0 0 0 4px #0ea5a529}.stepper{gap:0;justify-content:center;margin:0 auto 28px}.stepper,.stepper-step{align-items:center;display:flex}.stepper-step{flex-direction:column;gap:8px}.step-circle{align-items:center;background:#fff;border:2px solid #cbd5e1;border-radius:50%;color:#94a3b8;display:flex;font-size:1.1rem;height:44px;justify-content:center;transition:all .3s ease;width:44px}.stepper-step.done .step-circle{background:#0f766e;background:var(--accent-1);border-color:#0f766e;border-color:var(--accent-1);color:#fff}.stepper-step.active .step-circle{animation:pulse-step 2s ease infinite;border-color:#0ea5a5;border-color:var(--accent-2);box-shadow:0 0 0 6px #0ea5a524;color:#0ea5a5;color:var(--accent-2)}@keyframes pulse-step{0%,to{box-shadow:0 0 0 6px #0ea5a524}50%{box-shadow:0 0 0 10px #0ea5a50f}}.step-label{color:#64748b;color:var(--ink-500);font-size:.78rem;font-weight:700;text-align:center}.stepper-step.done .step-label{color:#0f766e;color:var(--accent-1)}.stepper-step.active .step-label{color:#0ea5a5;color:var(--accent-2)}.stepper-line{background:#e2e8f0;flex:1 1;height:2px;margin-bottom:26px;max-width:60px;min-width:40px}.stepper-line.done{background:#0f766e;background:var(--accent-1)}.pending-box{background:linear-gradient(140deg,#f0fdfa,#eff6ff);border:1px solid #bae6fd;border-radius:16px;margin-bottom:20px;padding:20px;text-align:center}.pending-box h2{color:#0f766e;color:var(--accent-1);margin:0 0 10px}.pending-box p{color:#334155;color:var(--ink-700);font-size:.95rem;line-height:1.6;margin:6px 0 0}.status-notice{align-items:flex-start;border-radius:14px;display:flex;font-size:.9rem;gap:12px;padding:14px 16px}.status-notice svg{flex-shrink:0;margin-top:2px}.status-notice strong{display:block;margin-bottom:4px}.status-notice p{margin:0}.pending-notice{background:#fbbf241a;border:1px solid #fbbf244d;color:#92400e}.rejected-notice{background:#ef444414;border:1px solid #ef444433;color:#b91c1c}.login-mobile-img{display:block;height:100%;object-fit:cover;object-position:center 20%;width:100%}.login-mobile-hero{flex-shrink:0;height:52vh;overflow:hidden;position:relative}.login-mobile-overlay{background:linear-gradient(180deg,#042f2eb3,#0f766e33 55%,#fffffff2);display:flex;flex-direction:column;inset:0;justify-content:space-between;padding:28px 24px 52px;position:absolute}.login-mobile-tagline{color:#ffffffe6;font-size:.95rem;font-weight:500;margin:0;text-shadow:0 1px 4px #0000004d}.sheet-handle{background:#e2e8f0;border-radius:999px;height:4px;margin:0 auto 24px;width:40px}@media (min-width:768px){.login-mobile-hero,.login-mobile-img,.login-mobile-tagline,.sheet-handle{display:none}}.login-split{display:flex;min-height:100vh}.login-hero{display:none;flex:1 1;min-width:0;overflow:hidden;position:relative}@media (min-width:768px){.login-hero{display:block}}.login-hero-img{height:100%;object-fit:cover;object-position:center;width:100%}.login-hero-overlay{background:linear-gradient(160deg,#042f2eb8,#0f766e73 50%,#0003);display:flex;flex-direction:column;inset:0;justify-content:space-between;padding:36px 40px;position:absolute}.login-hero-brand{align-items:center;color:#fff;display:flex;font-size:1.5rem;font-weight:800;gap:12px;letter-spacing:-.03em}.login-hero-tagline{color:#ffffffd1;font-size:1.1rem;font-weight:500;line-height:1.6;max-width:320px}.login-form-side{align-items:center;background:#fff;display:flex;flex-direction:column;justify-content:center;max-width:480px;width:100%}.login-mobile-hero,.login-mobile-img,.login-mobile-overlay,.login-mobile-tagline{display:none!important}.login-mobile-top{display:none}@media (max-width:767px){.login-split{background-image:linear-gradient(180deg,#00000073 0,#0003 45%,#000000a6 100%),var(--hero-bg);background-position:50%;background-size:cover;flex-direction:column;justify-content:flex-end;min-height:100svh;position:relative}.login-form-side{background:#0000;border-radius:0;box-shadow:none;flex:initial;max-width:100%;padding:0 20px 44px;position:relative;width:100%;z-index:1}.login-form-box{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#042f2e8c;border:1px solid #ffffff1f;border-radius:28px;padding:24px 20px 28px}.login-form-box h2{display:none}.login-form-sub{color:#ffffffb8;margin-bottom:20px}.login-form-box .input-group label{color:#ffffffd9}.login-form-box .input-group input{background:#ffffff1f;border-color:#fff3;color:#fff;padding:15px 16px 15px 40px}.login-form-box .input-group input::placeholder{color:#ffffff73}.login-form-box .input-group input:focus{background:#ffffff2e;border-color:#ffffff80;box-shadow:0 0 0 4px #ffffff14}.login-form-box .eye-btn,.login-form-box .input-icon{color:#ffffff8c}.sheet-handle{background:#ffffff40;margin-bottom:20px}.auth-footer{color:#ffffffa6;margin-top:16px}.auth-footer a{color:#5eead4}.primary-button{border-radius:18px;font-size:1.05rem;padding:17px}.login-hero{display:none}}@media (min-width:768px){.login-form-side{min-height:100vh;padding:48px 32px}}.login-form-box{width:100%}.login-form-box h2{color:#0f172a;color:var(--ink-900);font-size:1.9rem;letter-spacing:-.04em;margin:0 0 6px}.login-form-sub{color:#64748b;color:var(--ink-500);font-size:.95rem;margin:0 0 28px}.auth-shell{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:24px 16px}.auth-card{background:#fffffff5;border:1px solid #94a3b833;border:1px solid var(--card-border);border-radius:28px;box-shadow:0 24px 80px #0f172a1a;padding:40px 36px;width:min(440px,100%)}.auth-brand{align-items:center;display:flex;gap:14px;margin-bottom:28px}.auth-brand h1{color:#042f2e;font-size:1.75rem;letter-spacing:-.03em;margin:0}.auth-brand-icon{color:#0f766e;color:var(--accent-1);flex-shrink:0;height:36px;width:36px}.auth-card h2{color:#0f172a;color:var(--ink-900);font-size:1.35rem;margin:0 0 24px}.input-icon-wrap{align-items:center;display:flex;position:relative}.input-icon-wrap .input-icon{color:#64748b;color:var(--ink-500);flex-shrink:0;left:14px;pointer-events:none;position:absolute}.input-icon-wrap input{padding-left:40px!important}.eye-btn{align-items:center;background:none;border:none;border-radius:6px;color:#64748b;color:var(--ink-500);cursor:pointer;display:flex;padding:4px;position:absolute;right:12px;transition:color .16s ease}.eye-btn:hover{color:#0f766e;color:var(--accent-1)}.auth-error{background:#ef44441a;border:1px solid #ef444440;border-radius:12px;color:#b91c1c;font-size:.9rem;margin:0;padding:12px 16px}.auth-footer{color:#64748b;color:var(--ink-500);font-size:.95rem;margin:20px 0 0;text-align:center}.auth-footer a{color:#0f766e;color:var(--accent-1);font-weight:700;text-decoration:none}.auth-footer a:hover{text-decoration:underline}.brand-right{align-items:flex-end;display:flex;flex-direction:column;gap:8px}.user-info{display:flex;font-size:.9rem;gap:8px}.logout-btn,.user-info{align-items:center;color:#334155;color:var(--ink-700)}.logout-btn{background:#0000;border:1px solid #bfdbfe;border-radius:999px;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:600;gap:6px;padding:6px 14px;transition:background .16s ease,color .16s ease}.logout-btn:hover{background:#ef44441a;border-color:#ef44444d;color:#b91c1c}@media (max-width:900px){.content-grid{grid-template-columns:1fr}.brand-bar{align-items:flex-start}.brand-icon{height:40px;width:40px}.auth-card{padding:28px 20px}}
/*# sourceMappingURL=main.58ba8a5f.css.map*/