*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:#f8fafc;color:#1e293b;padding-bottom:80px}.app{max-width:1200px;margin:0 auto}.header{background:#fff;border-bottom:1px solid #e2e8f0;position:sticky;top:0;z-index:100;box-shadow:0 1px 3px #0000000d}.header-content{padding:.5rem 1rem;display:flex;justify-content:space-between;align-items:center}.logo{display:flex;align-items:center;gap:.75rem}.logo h1{font-size:1.25rem;font-weight:700;color:#1e293b}.btn-primary{background:#d97706;color:#fff;border:none;padding:.625rem 1.25rem;border-radius:.5rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-primary:hover{background:#b45309;transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:#10b981;color:#fff;border:none;padding:.625rem 1.25rem;border-radius:.5rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-secondary:hover{background:#059669;transform:translateY(-1px)}.main-content{padding:.5rem;min-height:calc(100vh - 200px)}.view.active{display:block}.overview{display:flex;flex-direction:column;gap:1.5rem}.period-selector{display:flex;gap:.5rem;background:#fff;padding:.5rem;border-radius:.75rem;box-shadow:0 1px 3px #0000001a}.period-btn{flex:1;padding:.625rem 1rem;border:none;background:transparent;color:#64748b;border-radius:.5rem;font-weight:600;cursor:pointer;transition:all .2s}.period-btn.active{background:#d97706;color:#fff}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.stat-card{background:#fff;padding:1.5rem;border-radius:.75rem;box-shadow:0 1px 3px #0000001a;display:flex;gap:1rem;transition:transform .2s}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 6px #0000001a}.stat-icon{width:48px;height:48px;border-radius:.75rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-card.income .stat-icon{background:#dcfce7;color:#16a34a}.stat-card.expense .stat-icon{background:#fee2e2;color:#dc2626}.stat-card.profit .stat-icon{background:#dbeafe;color:#2563eb}.stat-card.profit.negative .stat-icon{background:#fef3c7;color:#d97706}.stat-content{flex:1}.stat-label{font-size:.875rem;color:#64748b;margin-bottom:.25rem}.stat-value{font-size:1.5rem;font-weight:700;color:#1e293b}.recent-section h2{font-size:1.25rem;margin-bottom:1rem;color:#1e293b}.transaction-list{background:#fff;border-radius:.75rem;overflow:hidden;box-shadow:0 1px 3px #0000001a}.transaction-item{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;border-bottom:1px solid #f1f5f9;transition:background .2s}.transaction-item:last-child{border-bottom:none}.transaction-item:hover{background:#f8fafc}.transaction-icon{width:40px;height:40px;border-radius:.5rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.transaction-icon.CREDIT{background:#dcfce7;color:#16a34a}.transaction-icon.DEBIT{background:#fee2e2;color:#dc2626}.transaction-details{flex:1;min-width:0}.transaction-desc{font-weight:600;color:#1e293b;margin-bottom:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.transaction-date,.transaction-meta{font-size:.875rem;color:#64748b}.transaction-amount{font-weight:700;font-size:1.125rem;white-space:nowrap}.transaction-amount.credit{color:#16a34a}.transaction-amount.expense{color:#dc2626}.transaction-right{display:flex;align-items:center;gap:1rem}.btn-delete{background:transparent;border:none;color:#94a3b8;cursor:pointer;padding:.5rem;border-radius:.375rem;transition:all .2s;flex-shrink:0}.btn-delete:hover{background:#fee2e2;color:#dc2626}.btn-edit{background:transparent;border:none;color:#94a3b8;cursor:pointer;padding:.5rem;border-radius:.375rem;transition:all .2s;flex-shrink:0}.btn-edit:hover{background:#dbeafe;color:#2563eb}.add-form{max-width:600px;margin:0 auto}.add-form h2{font-size:1.5rem;margin-bottom:1.5rem;color:#1e293b}#transaction-form,#contact-form{background:#fff;padding:2rem;border-radius:.75rem;box-shadow:0 1px 3px #0000001a}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:#1e293b}.form-group input,.form-group textarea,.form-group select{width:100%;padding:.75rem;border:2px solid #e2e8f0;border-radius:.5rem;font-size:1rem;transition:all .2s;font-family:inherit}.form-group textarea{resize:vertical;min-height:80px}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#d97706;box-shadow:0 0 0 3px #d977061a}.type-selector{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.type-btn{padding:1rem;border:2px solid #e2e8f0;background:#fff;border-radius:.5rem;display:flex;align-items:center;justify-content:center;gap:.5rem;font-weight:600;cursor:pointer;transition:all .2s}.type-btn:hover{border-color:#cbd5e1}.type-btn.active{border-color:#d97706;background:#fef3c7;color:#d97706}.btn-submit{width:100%;padding:.875rem;background:#d97706;color:#fff;border:none;border-radius:.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-submit:hover{background:#b45309;transform:translateY(-1px)}.btn-submit:active{transform:translateY(0)}.transactions-page,.contacts-page{max-width:800px;margin:0 auto}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.page-header h2{font-size:1.5rem;color:#1e293b}.transaction-count,.contact-count{color:#64748b;font-size:.875rem}.contact-card{background:#fff;padding:1.5rem;border-radius:.75rem;box-shadow:0 1px 3px #0000001a;margin-bottom:1rem;transition:transform .2s}.contact-card:hover{transform:translateY(-2px);box-shadow:0 4px 6px #0000001a}.contact-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.contact-info{flex:1}.contact-name{font-size:1.25rem;font-weight:700;color:#1e293b;margin-bottom:.25rem}.contact-type{display:inline-block;padding:.25rem .75rem;border-radius:.375rem;font-size:.75rem;font-weight:600;text-transform:uppercase;margin-bottom:.5rem}.contact-type.client{background:#dcfce7;color:#16a34a}.contact-type.vendor{background:#dbeafe;color:#2563eb}.contact-type.driver{background:#fef3c7;color:#d97706}.contact-type.other{background:#f3e8ff;color:#9333ea}.contact-actions{display:flex;gap:.5rem}.contact-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.contact-detail{display:flex;align-items:flex-start;gap:.5rem}.contact-detail svg{flex-shrink:0;margin-top:.25rem;color:#64748b}.contact-detail-content{flex:1}.contact-detail-label{font-size:.75rem;color:#64748b;text-transform:uppercase;margin-bottom:.25rem}.contact-detail-value{color:#1e293b;font-weight:500}.contact-notes{margin-top:1rem;padding-top:1rem;border-top:1px solid #f1f5f9}.contact-notes-label{font-size:.875rem;font-weight:600;color:#64748b;margin-bottom:.5rem}.contact-notes-text{color:#475569;line-height:1.6}.empty-state{text-align:center;padding:3rem 1rem;color:#64748b}.empty-state-large{text-align:center;padding:4rem 2rem;background:#fff;border-radius:.75rem;box-shadow:0 1px 3px #0000001a}.empty-state-large svg{margin-bottom:1rem;color:#cbd5e1}.empty-state-large p{font-size:1.125rem;color:#64748b;margin-bottom:1.5rem}.bottom-nav{position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid #e2e8f0;display:flex;justify-content:space-around;box-shadow:0 -2px 10px #0000000d}.nav-item{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.5rem 1rem;background:transparent;border:none;color:#64748b;cursor:pointer;transition:all .2s;border-radius:.5rem}.nav-item:hover{background:#f8fafc}.nav-item.active{color:#d97706}.nav-item span{font-size:.75rem;font-weight:600}.search-bar{margin-bottom:1.5rem}.search-bar input{width:100%;padding:.75rem 1rem .75rem 3rem;border:2px solid #e2e8f0;border-radius:.5rem;font-size:1rem;background:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cpath d='m21 21-4.35-4.35'%3E%3C/path%3E%3C/svg%3E");background-repeat:no-repeat;background-position:1rem center;transition:all .2s}.search-bar input:focus{outline:none;border-color:#d97706;box-shadow:0 0 0 3px #d977061a}.suggestions{list-style:none;margin:0;padding:4px 0;border:1px solid #e2e8f0;border-radius:8px;background:#fff;box-shadow:0 4px 12px #0000001a;max-height:200px;overflow-y:auto;position:absolute;width:100%;z-index:10}.suggestions li{padding:10px 14px;cursor:pointer;font-size:.9rem;color:#2d3748}.suggestions li:hover{background-color:#f7fafc}.form-group{position:relative}*{scrollbar-width:thin;scrollbar-color:transparent transparent;transition:scrollbar-color .3s ease}*{scrollbar-width:thin;scrollbar-color:transparent transparent}*:hover,*:focus-within{scrollbar-color:rgba(0,0,0,.15) transparent}*::-webkit-scrollbar{width:4px;height:4px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background-color:transparent;border-radius:10px}*:hover::-webkit-scrollbar-thumb,*:focus-within::-webkit-scrollbar-thumb{background-color:#00000026}*:hover::-webkit-scrollbar-thumb:hover{background-color:#0000004d}@media(max-width:768px){.stats-grid{grid-template-columns:1fr}.header-content{padding:1rem}.logo h1{font-size:1.125rem}#transaction-form,#contact-form{padding:1.5rem}.transaction-right{flex-direction:column;gap:.5rem;align-items:flex-end}.contact-details{grid-template-columns:1fr}.nav-item{padding:.5rem .75rem}}.hidden{display:none!important}:root{--border: rgba(0, 0, 0, .07);--text: #0f1117;--text-muted: #7c849a;--text-dim: #4b5263;--credit: #0a8f6e;--debit: #d93e35;--credit-bg: rgba(10, 143, 110, .08);--credit-border: rgba(10, 143, 110, .18);--debit-bg: rgba(217, 62, 53, .08);--debit-border: rgba(217, 62, 53, .18);--radius: 16px;--radius-sm: 10px}.view.svelte-hqmjbq{font-family:DM Sans,sans-serif;background:var(--bg);min-height:100vh;color:var(--text)}.transactions-page.svelte-hqmjbq{max-width:760px;margin:0 auto;padding:0 24px 80px}.page-header.svelte-hqmjbq{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:32px}h1.svelte-hqmjbq{font-family:Syne,sans-serif;font-size:32px;font-weight:800;margin:0;line-height:1;letter-spacing:-.02em}.header-badge.svelte-hqmjbq{font-size:13px;font-weight:500;color:var(--text-muted);background:var(--surface-2);border:1px solid var(--border);padding:6px 14px;border-radius:999px;margin-bottom:4px}.list-wrapper.svelte-hqmjbq{border-radius:var(--radius);max-height:60vh;overflow-y:auto;border:1px solid var(--border);background:var(--surface);box-shadow:0 2px 16px #0000000d}.transaction-list.svelte-hqmjbq{list-style:none;margin:0;padding:0}.transaction-item.svelte-hqmjbq{display:flex;align-items:center;gap:16px;padding:18px 24px;border-bottom:1px solid var(--border);cursor:default;transition:background .15s ease;animation:svelte-hqmjbq-fadeUp .3s ease both;position:relative}.transaction-item.svelte-hqmjbq:last-child{border-bottom:none}.transaction-item.svelte-hqmjbq:hover{background:var(--surface-2)}.transaction-item.svelte-hqmjbq:hover .t-delete:where(.svelte-hqmjbq){opacity:1;transform:translate(0)}@keyframes svelte-hqmjbq-fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.t-icon.svelte-hqmjbq{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.t-icon.credit.svelte-hqmjbq{background:var(--credit-bg);border:1px solid var(--credit-border);color:var(--credit)}.t-icon.debit.svelte-hqmjbq{background:var(--debit-bg);border:1px solid var(--debit-border);color:var(--debit)}.t-body.svelte-hqmjbq{flex:1;min-width:0}.t-purpose.svelte-hqmjbq{font-size:15px;font-weight:600;color:var(--text);margin:0 0 6px;white-space:nowrap;text-overflow:ellipsis;letter-spacing:-.01em}.t-meta.svelte-hqmjbq{font-size:12px;color:var(--text-muted);margin:0;display:flex;align-items:center;gap:5px;flex-wrap:wrap}.t-right.svelte-hqmjbq{display:flex;flex-direction:column;align-items:flex-end;gap:5px;flex-shrink:0}.t-amount.svelte-hqmjbq{font-family:Syne,sans-serif;font-size:15px;font-weight:700}.t-amount.credit.svelte-hqmjbq{color:var(--credit)}.t-amount.debit.svelte-hqmjbq{color:var(--debit)}.t-badge.svelte-hqmjbq{font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;padding:2px 8px;border-radius:999px}.t-badge.credit.svelte-hqmjbq{background:var(--credit-bg);color:var(--credit);border:1px solid var(--credit-border)}.t-badge.debit.svelte-hqmjbq{background:var(--debit-bg);color:var(--debit);border:1px solid var(--debit-border)}.t-delete.svelte-hqmjbq{background:none;border:none;cursor:pointer;color:var(--text-muted);padding:6px;border-radius:8px;display:flex;align-items:center;justify-content:center;opacity:0;transform:translate(4px);transition:all .15s ease;flex-shrink:0}.t-delete.svelte-hqmjbq:hover{background:var(--debit-bg);color:var(--debit)}.empty-state.svelte-hqmjbq{padding:64px 24px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px}.empty-icon.svelte-hqmjbq{width:64px;height:64px;background:var(--surface-2);border:1px solid var(--border);border-radius:18px;display:flex;align-items:center;justify-content:center;color:var(--text-muted);margin-bottom:8px}.empty-title.svelte-hqmjbq{font-family:Syne,sans-serif;font-size:18px;font-weight:700;margin:0;color:var(--text)}.empty-sub.svelte-hqmjbq{font-size:14px;color:var(--text-muted);margin:0 0 12px;max-width:280px;line-height:1.5}.btn-primary.svelte-hqmjbq{background:var(--text);color:var(--bg);border:none;padding:10px 22px;border-radius:var(--radius-sm);font-family:DM Sans,sans-serif;font-size:14px;font-weight:600;cursor:pointer;transition:opacity .15s}.btn-primary.svelte-hqmjbq:hover{opacity:.85}.skeleton-list.svelte-hqmjbq{padding:8px 0}.skeleton-item.svelte-hqmjbq{display:flex;align-items:center;gap:16px;padding:18px 24px;border-bottom:1px solid var(--border)}.skeleton-item.svelte-hqmjbq:last-child{border-bottom:none}.skeleton-icon.svelte-hqmjbq{width:40px;height:40px;border-radius:12px;background:var(--surface-2);animation:svelte-hqmjbq-shimmer 1.4s infinite;flex-shrink:0}.skeleton-lines.svelte-hqmjbq{flex:1;display:flex;flex-direction:column;gap:8px}.skeleton-line.svelte-hqmjbq{height:12px;border-radius:6px;background:var(--surface-2);animation:svelte-hqmjbq-shimmer 1.4s infinite}.skeleton-line.wide.svelte-hqmjbq{width:55%}.skeleton-line.narrow.svelte-hqmjbq{width:35%}.skeleton-amount.svelte-hqmjbq{width:80px;height:16px;border-radius:6px;background:var(--surface-2);animation:svelte-hqmjbq-shimmer 1.4s infinite}.meta-chip.svelte-hqmjbq{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:500;padding:3px 8px;border-radius:6px;white-space:nowrap;line-height:1}.meta-chip.time.svelte-hqmjbq{background:#4b526314;color:var(--text-dim);font-variant-numeric:tabular-nums}.meta-chip.date.svelte-hqmjbq{background:#4b526314;color:var(--text-dim)}.meta-chip.location.svelte-hqmjbq{background:#6366f114;color:#6366f1}.meta-chip.person.svelte-hqmjbq{background:#f59e0b14;color:#b45309;max-width:160px;overflow:hidden;text-overflow:ellipsis}@keyframes svelte-hqmjbq-shimmer{0%,to{opacity:.4}50%{opacity:.8}}@media(max-width:540px){.transactions-page.svelte-hqmjbq{padding:5px 16px 60px}h1.svelte-hqmjbq{font-size:24px}.transaction-item.svelte-hqmjbq{padding:14px 16px}.t-delete.svelte-hqmjbq{opacity:1;transform:none}}.contacts-list.svelte-23hpv2{max-height:65vh;overflow-y:auto}.contact-card.svelte-23hpv2{background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000000f;margin-bottom:1rem;overflow:hidden;transition:transform .2s,box-shadow .2s;border:1px solid #f1f5f9;position:relative}.contact-card.svelte-23hpv2:hover{transform:translateY(-3px);box-shadow:0 8px 24px #0000001a}.card-accent.svelte-23hpv2{height:4px;width:100%}.card-accent.client.svelte-23hpv2{background:linear-gradient(90deg,#10b981,#34d399)}.card-accent.vendor.svelte-23hpv2{background:linear-gradient(90deg,#3b82f6,#60a5fa)}.card-accent.driver.svelte-23hpv2{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.card-accent.other.svelte-23hpv2{background:linear-gradient(90deg,#8b5cf6,#a78bfa)}.contact-header.svelte-23hpv2{display:flex;align-items:center;gap:.875rem;padding:1rem 1.25rem .75rem}.avatar.svelte-23hpv2{width:46px;height:46px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem;font-weight:800;flex-shrink:0;letter-spacing:-.5px;box-shadow:0 4px 10px #00000026;position:relative;overflow:hidden}.avatar.svelte-23hpv2:after{content:"";position:absolute;top:-40%;left:-40%;width:80%;height:70%;background:#ffffff59;border-radius:50%;transform:rotate(-30deg);pointer-events:none}.avatar.client.svelte-23hpv2{background:linear-gradient(135deg,#10b981,#059669);color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.2)}.avatar.vendor.svelte-23hpv2{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.2)}.avatar.driver.svelte-23hpv2{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.2)}.avatar.other.svelte-23hpv2{background:linear-gradient(135deg,#8b5cf6,#6d28d9);color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.2)}.contact-info.svelte-23hpv2{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:.25rem}.contact-name.svelte-23hpv2{font-size:1.05rem;font-weight:700;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:0}.contact-type-badge.svelte-23hpv2{display:inline-block;padding:.15rem 0rem;border-radius:999px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.contact-type-badge.client.svelte-23hpv2{background:#dcfce7;color:#059669}.contact-type-badge.vendor.svelte-23hpv2{background:#dbeafe;color:#2563eb}.contact-type-badge.driver.svelte-23hpv2{background:#fef3c7;color:#d97706}.contact-type-badge.other.svelte-23hpv2{background:#ede9fe;color:#7c3aed}.contact-actions.svelte-23hpv2{display:flex;gap:.375rem}.btn-edit.svelte-23hpv2,.btn-delete.svelte-23hpv2{width:32px;height:32px;border-radius:8px;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .18s}.btn-edit.svelte-23hpv2{background:#f0f9ff;color:#3b82f6}.btn-delete.svelte-23hpv2{background:#fff1f2;color:#f43f5e}.btn-edit.svelte-23hpv2:hover{background:#dbeafe;color:#1d4ed8;transform:scale(1.1)}.btn-delete.svelte-23hpv2:hover{background:#ffe4e6;color:#e11d48;transform:scale(1.1)}.contact-details.svelte-23hpv2{display:flex;flex-wrap:wrap;gap:.5rem;padding:.25rem 1.25rem 1rem}.phone-chip.svelte-23hpv2{cursor:pointer;transition:all .18s;-webkit-user-select:none;user-select:none}.phone-chip.svelte-23hpv2:hover{background:#eff6ff;border-color:#3b82f6;color:#2563eb}.phone-chip.svelte-23hpv2:active{transform:scale(.96)}.detail-chip.svelte-23hpv2{display:flex;align-items:center;gap:.375rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:999px;padding:.3rem .75rem;font-size:.8rem;color:#475569;font-weight:500}.detail-chip.svelte-23hpv2 svg:where(.svelte-23hpv2){color:#94a3b8;flex-shrink:0}.contact-notes.svelte-23hpv2{margin:0 1.25rem 1rem;padding:.625rem .875rem;background:#fffbeb;border-left:3px solid #fbbf24;border-radius:0 8px 8px 0;font-size:.82rem;color:#78350f;display:flex;gap:.5rem;align-items:flex-start;line-height:1.5}.notes-icon.svelte-23hpv2{flex-shrink:0;font-size:.9rem}.add-form.svelte-dwzm5q{height:calc(100vh - 200px);overflow-y:auto;padding:16px 16px 32px}.add-form.svelte-dwzm5q::-webkit-scrollbar{width:4px}.add-form.svelte-dwzm5q::-webkit-scrollbar-track{background:transparent}.add-form.svelte-dwzm5q::-webkit-scrollbar-thumb{background-color:#00000026;border-radius:10px}.add-form.svelte-dwzm5q::-webkit-scrollbar-thumb:hover{background-color:#0000004d}.view.svelte-12fuemi{max-height:80vh;overflow-y:auto}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow:hidden;font-family:Nunito,sans-serif;background:#f0e8df}.screen.svelte-3z0wmw{height:100dvh;overflow-y:auto;display:flex;align-items:center;justify-content:center;background:#f0e8df}.card.svelte-3z0wmw{background:#fff;border-radius:36px;width:100%;max-width:360px;overflow:hidden;box-shadow:0 2px #fff9 inset,0 16px 48px #0000001f;animation:svelte-3z0wmw-fadeUp .4s ease both;margin:16px}@media(max-height:640px){.screen.svelte-3z0wmw{align-items:flex-start;padding:16px 0}}@media(max-width:400px){.card.svelte-3z0wmw{margin:0;border-radius:0;min-height:100dvh;display:flex;flex-direction:column;box-shadow:none}.form-body.svelte-3z0wmw{flex:1}}.header.svelte-3z0wmw{background:#c17f4e;padding:44px 32px 36px;display:flex;flex-direction:column;align-items:center;gap:20px;position:relative;overflow:hidden}.header.svelte-3z0wmw:before{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(-45deg,transparent,transparent 18px,rgba(255,255,255,.04) 18px,rgba(255,255,255,.04) 19px);pointer-events:none}.header.svelte-3z0wmw:after{content:"";position:absolute;bottom:-24px;left:0;right:0;height:48px;background:#c17f4e;border-radius:0 0 50% 50%/0 0 100% 100%;transform:scaleX(1.1)}.logo-badge.svelte-3z0wmw{position:relative;z-index:1;animation:svelte-3z0wmw-fadeUp .4s .06s ease both}.badge-hex.svelte-3z0wmw{width:120px;height:120px;filter:drop-shadow(0 8px 24px rgba(0,0,0,.35))}.ping-dot.svelte-3z0wmw{position:absolute;top:6px;right:6px;width:13px;height:13px;border-radius:50%;background:#f0a050;border:2px solid #c17f4e}.ping-dot.svelte-3z0wmw:after{content:"";position:absolute;inset:-4px;border-radius:50%;border:2px solid #f0a050;opacity:0;animation:svelte-3z0wmw-pingRing 2s ease-out infinite}@keyframes svelte-3z0wmw-pingRing{0%{transform:scale(.8);opacity:.7}to{transform:scale(1.8);opacity:0}}.title-block.svelte-3z0wmw{text-align:center;position:relative;z-index:1;animation:svelte-3z0wmw-fadeUp .4s .1s ease both}.app-title.svelte-3z0wmw{font-size:30px;font-weight:900;letter-spacing:-.5px;line-height:1;margin-bottom:6px}.word-transport.svelte-3z0wmw{color:#fff}.word-tracker.svelte-3z0wmw{color:#f0a050}.app-sub.svelte-3z0wmw{font-size:12px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:#ffffff59}.form-body.svelte-3z0wmw{background:#fff;padding:48px 32px 36px;margin-top:12px}.form.svelte-3z0wmw{display:flex;flex-direction:column;gap:18px}.auth-error.svelte-3z0wmw{background:#fde8e8;color:#b83232;border-radius:12px;padding:11px 16px;font-size:13px;font-weight:700;text-align:center;animation:svelte-3z0wmw-shake .35s ease}@keyframes svelte-3z0wmw-shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.field-group.svelte-3z0wmw{display:flex;flex-direction:column;gap:8px;animation:svelte-3z0wmw-fadeUp .4s ease both}.field-group.svelte-3z0wmw:nth-of-type(1){animation-delay:.16s}.field-group.svelte-3z0wmw:nth-of-type(2){animation-delay:.21s}label.svelte-3z0wmw{font-size:14px;font-weight:800;color:#2a2a2a;padding-left:2px}.input-box.svelte-3z0wmw{background:#faf3ec;border-radius:14px;border:2px solid transparent;display:flex;align-items:center;transition:border-color .18s,box-shadow .18s}.input-box.svelte-3z0wmw:focus-within{border-color:#c17f4e;background:#fdf0e4;box-shadow:0 0 0 3px #c17f4e26}.input-box.has-error.svelte-3z0wmw{border-color:#e07878;background:#fdf0f0}input.svelte-3z0wmw{flex:1;background:transparent;border:none;outline:none;padding:14px 16px;font-family:Nunito,sans-serif;font-size:15px;font-weight:600;color:#1e1e1e;min-width:0}input.svelte-3z0wmw::placeholder{color:#b8a898}.eye-btn.svelte-3z0wmw{background:none;border:none;cursor:pointer;padding:0 14px 0 0;color:#a89080;display:flex;align-items:center;flex-shrink:0;transition:color .18s}.eye-btn.svelte-3z0wmw:hover{color:#c4763a}.field-err.svelte-3z0wmw{font-size:12px;font-weight:700;color:#b83232;padding-left:4px}.btn-login.svelte-3z0wmw{margin-top:4px;width:100%;padding:16px;background:#c17f4e;border:none;border-radius:16px;font-family:Nunito,sans-serif;font-size:16px;font-weight:800;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;letter-spacing:.1px;transition:background .18s,transform .12s,box-shadow .18s;animation:svelte-3z0wmw-fadeUp .4s .26s ease both}.btn-login.svelte-3z0wmw:hover:not(:disabled){background:#d4956a;transform:translateY(-1px);box-shadow:0 6px 24px #3d2b1f47}.btn-login.svelte-3z0wmw:active:not(:disabled){transform:translateY(0)}.btn-login.svelte-3z0wmw:disabled{opacity:.55;cursor:not-allowed}@keyframes svelte-3z0wmw-spin{to{transform:rotate(360deg)}}.spin.svelte-3z0wmw{animation:svelte-3z0wmw-spin .7s linear infinite}.btn-forgot.svelte-3z0wmw{background:none;border:none;cursor:pointer;font-family:Nunito,sans-serif;font-size:14px;font-weight:700;color:#9a9288;text-align:center;padding:4px;transition:color .18s;animation:svelte-3z0wmw-fadeUp .4s .3s ease both}.btn-forgot.svelte-3z0wmw:hover{color:#e0aa80}@keyframes svelte-3z0wmw-fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.map-wrapper.svelte-1clq0rc{display:flex;flex-direction:column;font-family:Segoe UI,system-ui,sans-serif;background:#fff;width:100%;height:100vh;overflow:hidden}.map-header.svelte-1clq0rc{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;background:#fff;border-bottom:1px solid #f0f2f5;flex-shrink:0}.header-left.svelte-1clq0rc{display:flex;align-items:center;gap:12px}.header-right.svelte-1clq0rc{display:flex;align-items:center;gap:10px}.pin-badge.svelte-1clq0rc{width:38px;height:38px;background:#eff6ff;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px;border:1px solid #dbeafe}.header-text.svelte-1clq0rc{display:flex;flex-direction:column;gap:2px}.location-label.svelte-1clq0rc{font-size:15px;font-weight:700;color:#1e293b;letter-spacing:-.2px}.coords-inline.svelte-1clq0rc{font-size:12px;color:#94a3b8;font-weight:400;font-variant-numeric:tabular-nums}.zoom-badge.svelte-1clq0rc{background:#f1f5f9;color:#64748b;font-size:12px;font-weight:600;padding:5px 12px;border-radius:20px;border:1px solid #e2e8f0}.directions-btn.svelte-1clq0rc{background:#2563eb;color:#fff;font-size:13px;font-weight:600;padding:7px 16px;border-radius:20px;border:none;cursor:pointer;transition:background .2s}.directions-btn.svelte-1clq0rc:hover{background:#1d4ed8}.map-body.svelte-1clq0rc{display:flex;flex:1;min-height:0;position:relative}.directions-panel.svelte-1clq0rc{width:320px;flex-shrink:0;background:#fff;border-right:1px solid #e8ecf0;padding:20px 16px;overflow-y:auto;display:flex;flex-direction:column;gap:12px;box-shadow:2px 0 8px #0000000f;z-index:10}.panel-title.svelte-1clq0rc{font-size:16px;font-weight:700;color:#1e293b;margin:0 0 4px}.mode-tabs.svelte-1clq0rc{display:flex;gap:6px;flex-wrap:wrap}.mode-tab.svelte-1clq0rc{flex:1;padding:6px 4px;font-size:11px;font-weight:600;border:1.5px solid #e2e8f0;border-radius:10px;background:#f8fafc;color:#64748b;cursor:pointer;transition:all .15s;white-space:nowrap}.mode-tab.active.svelte-1clq0rc{background:#eff6ff;border-color:#2563eb;color:#2563eb}.mode-tab.svelte-1clq0rc:hover:not(.active){border-color:#94a3b8;color:#334155}.input-group.svelte-1clq0rc{display:flex;flex-direction:column;gap:5px}.input-label.svelte-1clq0rc{font-size:11px;font-weight:700;color:#94a3b8;letter-spacing:.8px;text-transform:uppercase}.input-wrap.svelte-1clq0rc{display:flex;align-items:center;gap:8px;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:12px;padding:8px 12px;transition:border-color .15s}.input-wrap.svelte-1clq0rc:focus-within{border-color:#2563eb;background:#fff}.input-icon.svelte-1clq0rc{font-size:12px;flex-shrink:0}.route-input.svelte-1clq0rc{flex:1;border:none;background:transparent;font-size:13px;color:#1e293b;outline:none;font-family:inherit}.route-input.svelte-1clq0rc::placeholder{color:#cbd5e1}.swap-row.svelte-1clq0rc{display:flex;justify-content:center}.swap-btn.svelte-1clq0rc{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;padding:4px 14px;font-size:12px;font-weight:600;color:#64748b;cursor:pointer;transition:background .15s}.swap-btn.svelte-1clq0rc:hover{background:#e2e8f0}.action-row.svelte-1clq0rc{display:flex;gap:8px}.search-btn.svelte-1clq0rc{flex:1;background:#2563eb;color:#fff;font-size:13px;font-weight:700;padding:10px;border:none;border-radius:12px;cursor:pointer;transition:background .2s}.search-btn.svelte-1clq0rc:hover:not(:disabled){background:#1d4ed8}.search-btn.svelte-1clq0rc:disabled{opacity:.6;cursor:not-allowed}.clear-btn.svelte-1clq0rc{background:#fee2e2;color:#dc2626;font-size:13px;font-weight:600;padding:10px 14px;border:none;border-radius:12px;cursor:pointer;transition:background .2s}.clear-btn.svelte-1clq0rc:hover{background:#fecaca}.route-error.svelte-1clq0rc{font-size:12px;color:#dc2626;background:#fff1f1;border:1px solid #fecaca;border-radius:10px;padding:8px 12px}.route-result.svelte-1clq0rc{display:flex;align-items:center;background:#f0f9ff;border:1.5px solid #bae6fd;border-radius:14px;padding:14px;gap:12px}.route-stat.svelte-1clq0rc{flex:1;display:flex;align-items:center;gap:10px}.stat-icon.svelte-1clq0rc{font-size:20px}.stat-label.svelte-1clq0rc{font-size:11px;color:#64748b;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.stat-value.svelte-1clq0rc{font-size:15px;font-weight:700;color:#0369a1}.route-divider.svelte-1clq0rc{width:1px;height:36px;background:#bae6fd}.map-container.svelte-1clq0rc{flex:1;min-width:0;height:100%}.map-footer.svelte-1clq0rc{padding:10px 20px;background:#f8fafc;border-top:1px solid #f0f2f5;text-align:center;flex-shrink:0}.footer-hint.svelte-1clq0rc{font-size:12px;color:#94a3b8;letter-spacing:.2px}html,body{margin:0;padding:0;height:100%}.map-wrapper.svelte-1l59rm1{display:flex;flex-direction:column;font-family:Segoe UI,system-ui,sans-serif;background:#fff;width:100%;height:100vh;overflow:hidden;position:relative}.nav-hud.svelte-1l59rm1{position:absolute;top:16px;left:50%;transform:translate(-50%);z-index:100;background:#1e40af;color:#fff;border-radius:18px;padding:14px 22px;min-width:300px;max-width:480px;box-shadow:0 8px 32px #0000004d;display:flex;flex-direction:column;gap:6px}.nav-step.svelte-1l59rm1{display:flex;align-items:center;gap:14px}.nav-arrow.svelte-1l59rm1{font-size:34px;line-height:1;flex-shrink:0}.nav-text.svelte-1l59rm1{flex:1}.nav-instruction.svelte-1l59rm1{font-size:16px;font-weight:700;line-height:1.3}.nav-dist.svelte-1l59rm1{font-size:13px;opacity:.85;font-weight:500;margin-top:2px}.nav-next.svelte-1l59rm1{font-size:12px;opacity:.72;padding-left:48px;font-style:italic}.off-route-banner.svelte-1l59rm1{position:absolute;top:130px;left:50%;transform:translate(-50%);z-index:100;background:#dc2626;color:#fff;padding:8px 22px;border-radius:22px;font-size:13px;font-weight:600;box-shadow:0 2px 12px #0003;animation:svelte-1l59rm1-pulse 1.5s infinite}@keyframes svelte-1l59rm1-pulse{0%,to{opacity:1}50%{opacity:.7}}.map-header.svelte-1l59rm1{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;background:#fff;border-bottom:1px solid #f0f2f5;flex-shrink:0;z-index:50}.night.svelte-1l59rm1 .map-header:where(.svelte-1l59rm1){background:#1a1a2e;border-color:#2d2d44}.header-left.svelte-1l59rm1{display:flex;align-items:center;gap:12px}.header-right.svelte-1l59rm1{display:flex;align-items:center;gap:10px}.pin-badge.svelte-1l59rm1{width:38px;height:38px;background:#eff6ff;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px;border:1px solid #dbeafe}.header-text.svelte-1l59rm1{display:flex;flex-direction:column;gap:2px}.location-label.svelte-1l59rm1{font-size:15px;font-weight:700;color:#1e293b}.coords-inline.svelte-1l59rm1{font-size:12px;color:#94a3b8;font-variant-numeric:tabular-nums}.night.svelte-1l59rm1 .location-label:where(.svelte-1l59rm1){color:#e2e8f0}.icon-btn.svelte-1l59rm1{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:10px;padding:7px 10px;font-size:16px;cursor:pointer;transition:background .15s}.icon-btn.svelte-1l59rm1:hover{background:#e2e8f0}.night.svelte-1l59rm1 .icon-btn:where(.svelte-1l59rm1){background:#2d2d44;border-color:#3d3d5c}.directions-btn.svelte-1l59rm1{background:#2563eb;color:#fff;font-size:13px;font-weight:600;padding:7px 16px;border-radius:20px;border:none;cursor:pointer;transition:background .2s}.directions-btn.svelte-1l59rm1:hover{background:#1d4ed8}.map-body.svelte-1l59rm1{display:flex;flex:1;min-height:0;position:relative}.directions-panel.svelte-1l59rm1{width:320px;flex-shrink:0;background:#fff;border-right:1px solid #e8ecf0;padding:20px 16px;overflow-y:auto;display:flex;flex-direction:column;gap:12px;box-shadow:2px 0 8px #0000000f;z-index:10}.directions-panel.night.svelte-1l59rm1{background:#1e1e35;border-color:#2d2d44}.panel-title.svelte-1l59rm1{font-size:16px;font-weight:700;color:#1e293b;margin:0 0 4px}.night.svelte-1l59rm1 .panel-title:where(.svelte-1l59rm1){color:#e2e8f0}.mode-tabs.svelte-1l59rm1{display:flex;gap:6px}.mode-tab.svelte-1l59rm1{flex:1;padding:6px 4px;font-size:11px;font-weight:600;border:1.5px solid #e2e8f0;border-radius:10px;background:#f8fafc;color:#64748b;cursor:pointer;transition:all .15s}.mode-tab.active.svelte-1l59rm1{background:#eff6ff;border-color:#2563eb;color:#2563eb}.input-group.svelte-1l59rm1{display:flex;flex-direction:column;gap:5px}.input-label.svelte-1l59rm1{font-size:11px;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.8px}.input-wrap.svelte-1l59rm1{display:flex;align-items:center;gap:8px;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:12px;padding:8px 12px;transition:border-color .15s}.input-wrap.svelte-1l59rm1:focus-within{border-color:#2563eb;background:#fff}.input-icon.svelte-1l59rm1{font-size:12px;flex-shrink:0}.route-input.svelte-1l59rm1{flex:1;border:none;background:transparent;font-size:13px;color:#1e293b;outline:none;font-family:inherit}.route-input.svelte-1l59rm1::placeholder{color:#cbd5e1}.swap-row.svelte-1l59rm1{display:flex;justify-content:center}.swap-btn.svelte-1l59rm1{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;padding:4px 14px;font-size:12px;font-weight:600;color:#64748b;cursor:pointer}.swap-btn.svelte-1l59rm1:hover{background:#e2e8f0}.action-row.svelte-1l59rm1{display:flex;gap:8px}.search-btn.svelte-1l59rm1{flex:1;background:#2563eb;color:#fff;font-size:13px;font-weight:700;padding:10px;border:none;border-radius:12px;cursor:pointer}.search-btn.svelte-1l59rm1:hover:not(:disabled){background:#1d4ed8}.search-btn.svelte-1l59rm1:disabled{opacity:.6;cursor:not-allowed}.clear-btn.svelte-1l59rm1{background:#fee2e2;color:#dc2626;font-size:13px;font-weight:600;padding:10px 14px;border:none;border-radius:12px;cursor:pointer}.clear-btn.svelte-1l59rm1:hover{background:#fecaca}.route-error.svelte-1l59rm1{font-size:12px;color:#dc2626;background:#fff1f1;border:1px solid #fecaca;border-radius:10px;padding:8px 12px}.route-result.svelte-1l59rm1{display:flex;align-items:center;background:#f0f9ff;border:1.5px solid #bae6fd;border-radius:14px;padding:14px;gap:12px}.route-stat.svelte-1l59rm1{flex:1;display:flex;align-items:center;gap:10px}.stat-icon.svelte-1l59rm1{font-size:20px}.stat-label.svelte-1l59rm1{font-size:11px;color:#64748b;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.stat-value.svelte-1l59rm1{font-size:15px;font-weight:700;color:#0369a1}.route-divider.svelte-1l59rm1{width:1px;height:36px;background:#bae6fd}.map-container.svelte-1l59rm1{flex:1;min-width:0;height:100%}.nav-bar.svelte-1l59rm1{display:flex;align-items:center;padding:12px 20px;background:#fff;border-top:1px solid #e2e8f0;flex-shrink:0;z-index:50;box-shadow:0 -4px 16px #0000001a}.nav-bar.night.svelte-1l59rm1{background:#1a1a2e;border-color:#2d2d44}.nav-stat.svelte-1l59rm1{flex:1;text-align:center}.nav-stat-value.svelte-1l59rm1{font-size:20px;font-weight:800;color:#1e293b;line-height:1}.nav-bar.night.svelte-1l59rm1 .nav-stat-value:where(.svelte-1l59rm1){color:#e2e8f0}.nav-stat-value.speed.svelte-1l59rm1 span:where(.svelte-1l59rm1){font-size:12px;font-weight:500;color:#64748b}.nav-stat-label.svelte-1l59rm1{font-size:11px;color:#94a3b8;font-weight:600;text-transform:uppercase;margin-top:3px}.nav-divider.svelte-1l59rm1{width:1px;height:36px;background:#e2e8f0;margin:0 4px}.nav-bar.night.svelte-1l59rm1 .nav-divider:where(.svelte-1l59rm1){background:#2d2d44}.nav-actions.svelte-1l59rm1{display:flex;align-items:center;gap:8px;margin-left:12px}.exit-nav-btn.svelte-1l59rm1{background:#fee2e2;color:#dc2626;font-size:12px;font-weight:700;padding:8px 14px;border:none;border-radius:10px;cursor:pointer;white-space:nowrap}.exit-nav-btn.svelte-1l59rm1:hover{background:#fecaca}.map-footer.svelte-1l59rm1{padding:10px 20px;background:#f8fafc;border-top:1px solid #f0f2f5;text-align:center;flex-shrink:0}.footer-hint.svelte-1l59rm1{font-size:12px;color:#94a3b8}