*{box-sizing:border-box;margin:0;padding:0}
:root{--bg:#f2f4f7;--card:#fff;--text:#101828;--muted:#7a8699;--blue:#123a7a;--blue-soft:#e8eefb;--border:#e6eaf0;--green:#00a651;--orange:#f59e0b;--red:#ef4444;--r:16px}
body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Arial,sans-serif;background:var(--bg);color:var(--text);padding-bottom:95px;overflow-x:hidden}
a{text-decoration:none;color:inherit}
.container{max-width:640px;margin:0 auto;padding:14px}
.header{display:flex;justify-content:space-between;align-items:center;padding:6px 2px 14px}
.logo{font-size:22px;font-weight:800;color:var(--blue);display:flex;align-items:center;gap:8px}
.logo svg{width:26px;height:26px;stroke:var(--blue);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.avatar{width:40px;height:40px;border-radius:50%;background:var(--blue);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700}
.welcome-card{background:var(--card);border-radius:var(--r);padding:16px;margin-bottom:16px;box-shadow:0 1px 3px rgba(16,24,64,.08)}
.welcome-card h2{font-size:17px;margin-bottom:2px}
.welcome-card p{font-size:12px;color:var(--muted)}
.quick-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:16px}
.quick-action{background:var(--card);border-radius:var(--r);padding:12px 4px;display:flex;flex-direction:column;align-items:center;gap:8px;box-shadow:0 1px 3px rgba(16,24,64,.08)}
.quick-action-icon{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center}
.quick-action-icon svg{width:22px;height:22px;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.qa1{background:var(--blue-soft)}.qa1 svg{stroke:var(--blue)}
.qa2{background:#eaf7f0}.qa2 svg{stroke:var(--green)}
.qa3{background:#fdf3e3}.qa3 svg{stroke:var(--orange)}
.qa4{background:#fdeaea}.qa4 svg{stroke:var(--red)}
.quick-action-label{font-size:10px;color:var(--muted);text-align:center}
.search-bar{display:flex;gap:8px;margin-bottom:16px}
.search-bar input{flex:1;min-width:0;background:var(--card);border:1px solid var(--border);border-radius:14px;padding:12px 14px;font-size:14px;outline:none}
.search-bar input:focus{border-color:var(--blue)}
.search-bar button{flex:0 0 46px;width:46px;height:46px;border:none;border-radius:14px;background:var(--blue);display:flex;align-items:center;justify-content:center;cursor:pointer}
.search-bar button svg{width:20px;height:20px;stroke:#fff;stroke-width:2;fill:none;stroke-linecap:round}
.section-title{font-size:12px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px}
.listing-card{background:var(--card);border-radius:var(--r);padding:16px;margin-bottom:12px;box-shadow:0 1px 3px rgba(16,24,64,.08)}
.listing-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}
.badges{display:flex;gap:6px}
.badge{padding:3px 10px;border-radius:999px;font-size:10px;font-weight:700}
.badge-vip{background:#ffd700;color:#333}
.badge-pending{background:var(--orange);color:#fff}
.user-name{font-size:12px;color:var(--muted)}
.route-row{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px}
.route{font-size:16px;font-weight:800}
.route .arrow{color:var(--blue);margin:0 4px}
.price{font-size:15px;font-weight:800;color:var(--blue);white-space:nowrap}
.details{display:grid;grid-template-columns:1fr 1fr;gap:8px;background:var(--bg);border-radius:12px;padding:10px 12px;margin-bottom:12px}
.detail{font-size:11px;color:var(--muted)}
.detail strong{display:block;font-size:12px;color:var(--text);margin-top:1px}
.listing-actions{display:flex;gap:8px}
.btn{flex:1;padding:12px;border:none;border-radius:12px;font-size:13px;font-weight:700;cursor:pointer;text-align:center}
.btn-primary{background:var(--blue);color:#fff}
.btn-outline{background:#fff;color:var(--muted);border:1px solid var(--border)}
.empty{text-align:center;padding:50px 0;color:var(--muted);font-size:13px}
.empty-icon{font-size:40px;margin-bottom:10px;opacity:.5}
.bottom-nav{position:fixed;left:0;right:0;bottom:0;background:#fff;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-around;padding:8px 6px calc(8px + env(safe-area-inset-bottom));z-index:100}
.nav-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;font-size:10px;color:var(--muted)}
.nav-item svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.nav-item.active{color:var(--blue);font-weight:700}
.nav-add{width:48px;height:48px;margin-top:-22px;border-radius:50%;background:var(--blue);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px rgba(18,58,122,.35)}
.nav-add svg{width:22px;height:22px;stroke:#fff;stroke-width:2.2}