:root{--color-bg:#0f172a;--color-surface:#1e293b;--color-surface-2:#273549;--color-border:#334155;--color-primary:#6366f1;--color-primary-hover:#4f46e5;--color-primary-light:#818cf8;--color-success:#22c55e;--color-warning:#f59e0b;--color-danger:#ef4444;--color-text:#f1f5f9;--color-text-muted:#94a3b8;--color-text-dim:#64748b;--font:"Inter",-apple-system,BlinkMacSystemFont,sans-serif;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--radius-sm:0.375rem;--radius:0.75rem;--radius-lg:1rem;--radius-xl:1.5rem;--radius-full:9999px;--shadow:0 4px 20px #0006;--shadow-sm:0 2px 8px #0000004d;--shadow-lg:0 8px 40px #00000080;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}#root,body,html{height:100%;overflow-x:hidden;width:100%}body{-webkit-font-smoothing:antialiased;background:#0f172a;background:var(--color-bg);color:#f1f5f9;color:var(--color-text);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font);font-size:1rem;font-size:var(--text-base);line-height:1.6;overscroll-behavior:none}.app-shell{display:flex;flex-direction:column;margin:0 auto;max-width:480px;min-height:100%;position:relative}.page{flex:1 1;padding:1rem;padding:var(--space-4);padding-bottom:calc(env(safe-area-inset-bottom, 0px) + 80px);padding-bottom:calc(var(--safe-bottom) + 80px);padding-top:calc(env(safe-area-inset-top, 0px) + 1rem);padding-top:calc(var(--safe-top) + var(--space-4))}.topbar{align-items:center;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#0f172aeb;border-bottom:1px solid #334155;border-bottom:1px solid var(--color-border);display:flex;gap:.75rem;gap:var(--space-3);padding:1rem;padding:var(--space-4);padding-top:calc(env(safe-area-inset-top, 0px) + 1rem);padding-top:calc(var(--safe-top) + var(--space-4));position:-webkit-sticky;position:sticky;top:0;z-index:100}.topbar h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#6366f1,#a78bfa);-webkit-background-clip:text;background-clip:text;flex:1 1;font-size:1.25rem;font-size:var(--text-xl);font-weight:700}.bottom-nav{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#1e293bf2;border-top:1px solid #334155;border-top:1px solid var(--color-border);bottom:0;display:flex;left:50%;max-width:480px;padding-bottom:env(safe-area-inset-bottom,0);padding-bottom:var(--safe-bottom);position:fixed;transform:translateX(-50%);width:100%;z-index:100}.nav-btn{align-items:center;background:none;border:none;color:#64748b;color:var(--color-text-dim);cursor:pointer;display:flex;flex:1 1;flex-direction:column;font-size:.75rem;font-size:var(--text-xs);font-weight:500;gap:.25rem;gap:var(--space-1);padding:.75rem .5rem;padding:var(--space-3) var(--space-2);text-decoration:none;transition:color .2s}.nav-btn.active,.nav-btn:hover{color:#818cf8;color:var(--color-primary-light)}.nav-btn span{font-size:1.4rem}.card{background:#1e293b;background:var(--color-surface);border:1px solid #334155;border:1px solid var(--color-border);border-radius:1rem;border-radius:var(--radius-lg);margin-bottom:.75rem;margin-bottom:var(--space-3);padding:1rem;padding:var(--space-4);transition:transform .15s,box-shadow .15s}.card:active{transform:scale(.98)}.card-row{gap:.75rem;gap:var(--space-3)}.card-icon,.card-row{align-items:center;display:flex}.card-icon{background:#273549;background:var(--color-surface-2);border-radius:.75rem;border-radius:var(--radius);flex-shrink:0;font-size:1.6rem;height:44px;justify-content:center;width:44px}.card-info{flex:1 1;min-width:0}.card-title{font-size:1rem;font-size:var(--text-base);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-sub{color:#94a3b8;color:var(--color-text-muted);font-size:.875rem;font-size:var(--text-sm);margin-top:2px}.card-amount{color:#818cf8;color:var(--color-primary-light);font-size:1.125rem;font-size:var(--text-lg);font-weight:700;white-space:nowrap}.badge{align-items:center;border-radius:9999px;border-radius:var(--radius-full);display:inline-flex;font-size:.75rem;font-size:var(--text-xs);font-weight:600;gap:4px;letter-spacing:.06em;padding:3px 10px;text-transform:uppercase}.badge-draft{background:#64748b33;color:#94a3b8}.badge-submitted{background:#f59e0b33;color:#fbbf24}.badge-approved{background:#22c55e33;color:#4ade80}.badge-rejected{background:#ef444433;color:#f87171}.btn{align-items:center;border:none;border-radius:.75rem;border-radius:var(--radius);cursor:pointer;display:inline-flex;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font);font-size:1rem;font-size:var(--text-base);font-weight:600;gap:.5rem;gap:var(--space-2);justify-content:center;padding:.75rem 1.25rem;padding:var(--space-3) var(--space-5);text-decoration:none;transition:all .2s;white-space:nowrap}.btn-primary{background:linear-gradient(135deg,#6366f1,#4f46e5);box-shadow:0 4px 15px #6366f166;color:#fff}.btn-primary:hover{box-shadow:0 6px 20px #6366f180;transform:translateY(-1px)}.btn-secondary{background:#273549;background:var(--color-surface-2);border:1px solid #334155;border:1px solid var(--color-border);color:#f1f5f9;color:var(--color-text)}.btn-danger{background:#ef444426;border:1px solid #ef44444d;color:#f87171}.btn-success{background:#22c55e26;border:1px solid #22c55e4d;color:#4ade80}.btn-full{width:100%}.btn:disabled{cursor:not-allowed;opacity:.5;transform:none!important}.fab{align-items:center;background:linear-gradient(135deg,#6366f1,#4f46e5);border:none;border-radius:9999px;border-radius:var(--radius-full);bottom:calc(env(safe-area-inset-bottom, 0px) + 80px);bottom:calc(var(--safe-bottom) + 80px);box-shadow:0 6px 25px #6366f180;color:#fff;cursor:pointer;display:flex;font-size:1.6rem;height:58px;justify-content:center;position:fixed;right:max(1.25rem,calc(50vw - 240px + 1.25rem));right:max(var(--space-5),calc(50vw - 240px + var(--space-5)));transition:transform .2s,box-shadow .2s;width:58px;z-index:90}.fab:active,.fab:hover{transform:scale(1.1)}.form-group{margin-bottom:1rem;margin-bottom:var(--space-4)}.form-label{color:#94a3b8;color:var(--color-text-muted);display:block;font-size:.875rem;font-size:var(--text-sm);font-weight:500;margin-bottom:.5rem;margin-bottom:var(--space-2)}.form-input,.form-select,.form-textarea{-webkit-appearance:none;background:#273549;background:var(--color-surface-2);border:1px solid #334155;border:1px solid var(--color-border);border-radius:.75rem;border-radius:var(--radius);color:#f1f5f9;color:var(--color-text);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font);font-size:1rem;font-size:var(--text-base);outline:none;padding:.75rem 1rem;padding:var(--space-3) var(--space-4);transition:border-color .2s,box-shadow .2s;width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#6366f1;border-color:var(--color-primary);box-shadow:0 0 0 3px #6366f133}.form-textarea{min-height:80px;resize:vertical}.form-select option{background:#1e293b;background:var(--color-surface)}.pin-display{display:flex;gap:1rem;gap:var(--space-4);justify-content:center;margin:1.5rem 0;margin:var(--space-6) 0}.pin-dot{background:#334155;background:var(--color-border);border-radius:50%;height:18px;transition:background .2s;width:18px}.pin-dot.filled{background:#6366f1;background:var(--color-primary)}.pin-grid{grid-gap:.75rem;grid-gap:var(--space-3);display:grid;gap:.75rem;gap:var(--space-3);grid-template-columns:repeat(3,1fr);margin:0 auto;max-width:280px}.pin-key{align-items:center;aspect-ratio:1;background:#273549;background:var(--color-surface-2);border:1px solid #334155;border:1px solid var(--color-border);border-radius:1rem;border-radius:var(--radius-lg);color:#f1f5f9;color:var(--color-text);cursor:pointer;display:flex;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font);font-size:1.25rem;font-size:var(--text-xl);font-weight:600;justify-content:center;transition:all .12s}.pin-key:active{background:#6366f1;background:var(--color-primary);transform:scale(.94)}.photo-preview{aspect-ratio:4/3;border:2px solid #334155;border:2px solid var(--color-border);border-radius:1rem;border-radius:var(--radius-lg);object-fit:cover;width:100%}.photo-placeholder{align-items:center;aspect-ratio:4/3;border:2px dashed #334155;border:2px dashed var(--color-border);border-radius:1rem;border-radius:var(--radius-lg);color:#64748b;color:var(--color-text-dim);cursor:pointer;display:flex;flex-direction:column;gap:.5rem;gap:var(--space-2);justify-content:center;transition:border-color .2s;width:100%}.photo-placeholder:hover{border-color:#6366f1;border-color:var(--color-primary);color:#818cf8;color:var(--color-primary-light)}.photo-placeholder span{font-size:2.5rem}.skeleton{animation:shimmer 1.4s infinite;background:linear-gradient(90deg,#1e293b 25%,#273549 50%,#1e293b 75%);background:linear-gradient(90deg,var(--color-surface) 25%,var(--color-surface-2) 50%,var(--color-surface) 75%);background-size:200% 100%;border-radius:.75rem;border-radius:var(--radius);height:16px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.toast{animation:slideDown .3s ease;background:#273549;background:var(--color-surface-2);border:1px solid #334155;border:1px solid var(--color-border);border-radius:.75rem;border-radius:var(--radius);box-shadow:0 8px 40px #00000080;box-shadow:var(--shadow-lg);font-size:.875rem;font-size:var(--text-sm);font-weight:500;left:50%;padding:.75rem 1.25rem;padding:var(--space-3) var(--space-5);position:fixed;top:calc(env(safe-area-inset-top, 0px) + 70px);top:calc(var(--safe-top) + 70px);transform:translateX(-50%);white-space:nowrap;z-index:999}.toast.success{border-color:#22c55e;border-color:var(--color-success);color:#4ade80}.toast.error{border-color:#ef4444;border-color:var(--color-danger);color:#f87171}@keyframes slideDown{0%{opacity:0;transform:translateX(-50%) translateY(-10px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.section-title{color:#64748b;color:var(--color-text-dim);font-size:.875rem;font-size:var(--text-sm);font-weight:600;letter-spacing:.08em;margin-bottom:.75rem;margin-bottom:var(--space-3);margin-top:1.25rem;margin-top:var(--space-5);text-transform:uppercase}.empty-state{color:#94a3b8;color:var(--color-text-muted);padding:2rem 1rem;padding:var(--space-8) var(--space-4);text-align:center}.empty-state .icon{font-size:3rem;margin-bottom:.75rem;margin-bottom:var(--space-3)}.empty-state h3{color:#f1f5f9;color:var(--color-text);font-size:1.125rem;font-size:var(--text-lg);margin-bottom:.5rem;margin-bottom:var(--space-2)}.ai-banner,.empty-state p{font-size:.875rem;font-size:var(--text-sm)}.ai-banner{background:linear-gradient(135deg,#6366f126,#a88bfa1a);border:1px solid #6366f14d;border-radius:1rem;border-radius:var(--radius-lg);margin-bottom:1rem;margin-bottom:var(--space-4);padding:1rem;padding:var(--space-4)}.ai-banner-header{align-items:center;color:#818cf8;color:var(--color-primary-light);display:flex;font-weight:600;gap:.5rem;gap:var(--space-2);margin-bottom:.5rem;margin-bottom:var(--space-2)}.divider{background:#334155;background:var(--color-border);height:1px;margin:1rem 0;margin:var(--space-4) 0}.scroll-list{overflow-y:auto}.amount-large{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#6366f1,#a78bfa);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:700}@media (min-width:600px){.app-shell{border-left:1px solid #334155;border-left:1px solid var(--color-border);border-right:1px solid #334155;border-right:1px solid var(--color-border)}}
/*# sourceMappingURL=main.5f2f1c58.css.map*/