@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap";:root{--bg-deep:#090d16;--bg-card:#121826;--bg-elevated:#1a2235;--bg-surface:#222d44;--bg-hover:#2a3754;--cyan:#06b6d4;--cyan-light:#22d3ee;--cyan-dim:#06b6d426;--blue:#3b82f6;--blue-light:#60a5fa;--blue-dim:#3b82f626;--purple:#8b5cf6;--purple-light:#a78bfa;--purple-dim:#8b5cf626;--emerald:#10b981;--emerald-dim:#10b9811f;--amber:#f59e0b;--amber-dim:#f59e0b1f;--rose:#f43f5e;--rose-dim:#f43f5e1f;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--text-dim:#475569;--glass-bg:#121826cc;--glass-border:#ffffff14;--glass-border-hover:#ffffff26;--glass-blur:16px;--radius-xl:20px;--radius-lg:16px;--radius-md:12px;--radius-sm:8px;--radius-full:9999px;--shadow-sm:0 2px 8px #0003;--shadow-md:0 8px 24px #00000059;--shadow-lg:0 12px 36px #00000080;--glow-cyan:0 0 15px #06b6d440;--glow-blue:0 0 15px #3b82f640;--glow-purple:0 0 15px #8b5cf640;--transition:all .3s cubic-bezier(.4, 0, .2, 1);--transition-bounce:all .4s cubic-bezier(.175, .885, .32, 1.275)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-deep);color:var(--text-primary);background-image:radial-gradient(circle at 10% 20%,#06b6d414 0%,#0000 40%),radial-gradient(circle at 90% 80%,#8b5cf614 0%,#0000 40%);justify-content:center;align-items:center;min-height:100vh;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5;display:flex;overflow-x:hidden}#root{justify-content:center;align-items:center;width:100%;min-height:100vh;display:flex}.phone-simulator-container{flex-direction:row;justify-content:center;align-items:flex-start;gap:32px;width:100%;max-width:1100px;padding:24px;display:flex}.phone-frame{background:var(--bg-deep);width:100%;max-width:412px;height:840px;box-shadow:0 0 0 2px #ffffff0d, var(--shadow-lg);border:10px solid #273549;border-radius:40px;flex-direction:column;display:flex;position:relative;overflow:hidden}.phone-notch{z-index:1000;background:#273549;border-bottom-right-radius:16px;border-bottom-left-radius:16px;justify-content:center;align-items:center;width:130px;height:24px;display:flex;position:absolute;top:0;left:50%;transform:translate(-50%)}.phone-notch-camera{background:#090d16;border-radius:50%;width:8px;height:8px;margin-right:8px}.phone-notch-speaker{background:#090d16;border-radius:2px;width:40px;height:4px}.app-container{flex-direction:column;flex:1;height:100%;padding-top:24px;display:flex;position:relative}.info-panel{background:var(--glass-bg);max-width:600px;-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);flex-direction:column;flex:1;align-self:stretch;gap:20px;padding:30px;display:flex}@media (width<=900px){.phone-simulator-container{padding:0}.phone-frame{border:none;border-radius:0;max-width:100%;height:100vh}.phone-notch{display:none}.app-container{padding-top:0}.info-panel{display:none}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#0000001a}::-webkit-scrollbar-thumb{border-radius:var(--radius-full);background:#ffffff1a}::-webkit-scrollbar-thumb:hover{background:#fff3}h1,h2,h3,h4,h5{color:var(--text-primary);letter-spacing:-.02em;font-weight:700}p{color:var(--text-secondary)}.view-wrapper{flex-direction:column;flex:1;padding:20px 16px 80px;display:flex;overflow-y:auto}.view-header{margin-bottom:20px;animation:.4s fadeIn}.view-title-gradient{background:linear-gradient(135deg, var(--cyan-light), var(--blue-light));-webkit-text-fill-color:transparent;letter-spacing:-.03em;-webkit-background-clip:text;background-clip:text;font-size:1.8rem;font-weight:800}.mobile-nav-bar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid var(--glass-border);z-index:900;background:#121826eb;justify-content:space-around;align-items:center;height:68px;display:flex;position:absolute;bottom:0;left:0;right:0}.mobile-nav-item{color:var(--text-muted);cursor:pointer;transition:var(--transition);border-radius:var(--radius-md);flex-direction:column;flex:1;justify-content:center;align-items:center;padding:8px 12px;font-size:.72rem;font-weight:600;text-decoration:none;display:flex;position:relative}.mobile-nav-item:hover{color:var(--text-primary)}.mobile-nav-item.active{color:var(--cyan)}.mobile-nav-item .nav-icon{width:22px;height:22px;transition:var(--transition-bounce);margin-bottom:4px}.mobile-nav-item.active .nav-icon{color:var(--cyan);transform:translateY(-2px)scale(1.1)}.glass-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:var(--transition);margin-bottom:16px;padding:18px;position:relative;overflow:hidden}.glass-card:hover{border-color:var(--glass-border-hover);box-shadow:var(--shadow-md)}.glass-card-glow-cyan:before{content:"";background:linear-gradient(90deg, var(--cyan), var(--blue));width:100%;height:4px;position:absolute;top:0;left:0}.glass-card-glow-purple:before{content:"";background:linear-gradient(90deg, var(--purple), var(--rose));width:100%;height:4px;position:absolute;top:0;left:0}.form-group{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.form-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.8rem;font-weight:600}.input-field{border:1px solid var(--glass-border);border-radius:var(--radius-md);width:100%;color:var(--text-primary);transition:var(--transition);background:#ffffff0a;outline:none;padding:12px 14px;font-family:inherit;font-size:.95rem}.input-field:focus{border-color:var(--cyan);box-shadow:var(--glow-cyan);background:#ffffff14}.input-field::placeholder{color:var(--text-muted)}.segmented-control{border:1px solid var(--glass-border);border-radius:var(--radius-md);background:#ffffff0a;margin-bottom:16px;padding:4px;display:flex}.segmented-btn{color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);background:0 0;border:none;flex:1;padding:8px;font-size:.85rem;font-weight:600}.segmented-btn.active{background:var(--bg-elevated);color:var(--text-primary);box-shadow:var(--shadow-sm)}.btn{border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-bounce);text-align:center;border:none;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px 20px;font-family:inherit;font-size:.92rem;font-weight:600;display:inline-flex}.btn:active{transform:scale(.97)}.btn-cyan{background:linear-gradient(135deg, var(--cyan), var(--blue));color:#fff;box-shadow:var(--shadow-sm)}.btn-cyan:hover{box-shadow:var(--glow-cyan);opacity:.95}.btn-purple{background:linear-gradient(135deg, var(--purple), #6366f1);color:#fff;box-shadow:var(--shadow-sm)}.btn-purple:hover{box-shadow:var(--glow-purple);opacity:.95}.btn-secondary{border:1px solid var(--glass-border);color:var(--text-primary);background:#ffffff0f}.btn-secondary:hover{border-color:var(--glass-border-hover);background:#ffffff1a}.btn-small{border-radius:var(--radius-sm);padding:6px 12px;font-size:.78rem}.badge{border-radius:var(--radius-badge);text-transform:uppercase;letter-spacing:.05em;align-items:center;width:fit-content;padding:3px 8px;font-size:.7rem;font-weight:700;display:inline-flex}.badge-pending{background:var(--amber-dim);color:var(--amber);border:1px solid #f59e0b33}.badge-active{background:var(--emerald-dim);color:var(--emerald);border:1px solid #10b98133}.badge-blue{background:var(--blue-dim);color:var(--blue-light);border:1px solid #3b82f633}.badge-rose{background:var(--rose-dim);color:var(--rose);border:1px solid #f43f5e33}.map-canvas-mock{border-radius:var(--radius-md);border:1px solid var(--glass-border);background-color:#0e1423;width:100%;height:180px;position:relative;overflow:hidden}.map-grid-bg{background-image:linear-gradient(90deg,#ffffff05 1px,#0000 1px),linear-gradient(#ffffff05 1px,#0000 1px);background-size:20px 20px;width:100%;height:100%;position:absolute}.map-road{background:#ffffff0d;border-radius:4px;position:absolute}.map-pin{cursor:pointer;z-index:10;justify-content:center;align-items:center;width:28px;height:28px;transition:transform .2s;display:flex;position:absolute;transform:translate(-50%,-100%)}.map-pin:hover{transform:translate(-50%,-105%)scale(1.1)}.map-pin-inner{background:var(--cyan);border-radius:50% 50% 50% 0;justify-content:center;align-items:center;width:16px;height:16px;display:flex;transform:rotate(-45deg);box-shadow:0 0 10px #06b6d499}.map-pin-dot{background:#fff;border-radius:50%;width:6px;height:6px}.map-pin.vendor-pin .map-pin-inner{background:var(--purple);box-shadow:0 0 10px #8b5cf699}.map-pin.active-pin{z-index:20;animation:1s infinite alternate pulseScale}.map-pin.active-pin .map-pin-inner{background:var(--cyan);box-shadow:var(--glow-cyan)}.map-pin.user-pin{z-index:30}.map-pin.user-pin .map-pin-inner{background:var(--rose);box-shadow:0 0 10px #f43f5e99}.whatsapp-sim-header{color:#fff;border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg);background:#075e54;align-items:center;gap:10px;padding:12px;display:flex}.whatsapp-sim-avatar{background:#128c7e;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:.8rem;font-weight:700;display:flex}.whatsapp-sim-body{background:#ece5dd radial-gradient(#0000000a 15%,#0000 16%) 0 0/16px 16px;flex-direction:column;gap:8px;height:250px;padding:12px;display:flex;overflow-y:auto}.whatsapp-msg{border-radius:8px;max-width:80%;padding:8px 12px;font-size:.82rem;line-height:1.4;position:relative;box-shadow:0 1px 2px #0000001a}.whatsapp-msg.incoming{color:#303030;background:#fff;border-top-left-radius:0;align-self:flex-start}.whatsapp-msg.outgoing{color:#303030;background:#dcf8c6;border-top-right-radius:0;align-self:flex-end}.whatsapp-msg-time{color:#00000073;text-align:right;margin-top:4px;font-size:.62rem}.whatsapp-sim-footer{border-bottom-left-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-lg);background:#f0f0f0;gap:6px;padding:8px;display:flex}.whatsapp-sim-input{color:#303030;background:#fff;border:none;border-radius:20px;outline:none;flex:1;padding:6px 12px;font-size:.82rem}.whatsapp-sim-send-btn{color:#fff;cursor:pointer;background:#128c7e;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.booking-item{border-left:3px solid var(--text-muted);margin-bottom:12px;padding-left:12px}.booking-item.pending{border-left-color:var(--amber)}.booking-item.accepted{border-left-color:var(--blue)}.booking-item.in_progress{border-left-color:var(--cyan)}.booking-item.completed{border-left-color:var(--emerald)}.clickable-row{cursor:pointer;transition:var(--transition-fast)}.clickable-row:hover{background:#ffffff08}.webhook-pill-btn{border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:var(--transition-fast);background:#ffffff0d;padding:6px 10px;font-size:.72rem;font-weight:600}.webhook-pill-btn:hover{background:var(--cyan-dim);border-color:var(--cyan);color:var(--cyan-light)}pre.json-viewer{border:1px solid var(--glass-border);border-radius:var(--radius-sm);color:#22c55e;background:#060911;max-height:150px;margin-top:10px;padding:10px;font-family:Courier New,Courier,monospace;font-size:.72rem;overflow-x:auto}