:root{--bg-primary:#0f172a;--bg-secondary:#1e293b;--bg-card:#1e293b;--bg-card-hover:#273548;--bg-input:#0f172a;--border:#334155;--border-focus:#10b981;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#64748b;--accent:#10b981;--accent-hover:#059669;--accent-glow:#10b98126;--danger:#ef4444;--danger-hover:#dc2626;--warning:#f59e0b;--info:#3b82f6;--whatsapp:#25d366;--call:#3b82f6;--radius:14px;--radius-sm:10px;--radius-xs:6px;--shadow:0 4px 24px #00000040;--shadow-sm:0 2px 8px #0003;--transition:.2s cubic-bezier(.4, 0, .2, 1);--font:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--nav-height:68px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;font-size:15px}body{font-family:var(--font);background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;min-height:100dvh;overflow-x:hidden}#app{max-width:480px;padding-bottom:calc(var(--nav-height) + 16px);min-height:100dvh;margin:0 auto}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}h1{letter-spacing:-.02em;font-size:1.5rem;font-weight:800}h2{letter-spacing:-.01em;font-size:1.2rem;font-weight:700}h3{font-size:1rem;font-weight:600}.page-header{z-index:50;background:linear-gradient(180deg, var(--bg-primary) 60%, transparent);-webkit-backdrop-filter:blur(12px);padding:20px 16px 12px;position:sticky;top:0}.page-header h1{align-items:center;gap:8px;display:flex}.page-header .subtitle{color:var(--text-secondary);margin-top:2px;font-size:.8rem}.bottom-nav{width:100%;max-width:480px;height:var(--nav-height);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--border);z-index:100;background:#0f172aeb;justify-content:space-around;align-items:center;padding:0 4px;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.nav-item{border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);color:var(--text-muted);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;flex-direction:column;align-items:center;gap:2px;min-width:52px;padding:6px 8px;font-size:.6rem;font-weight:500;text-decoration:none;display:flex}.nav-item .nav-icon{font-size:1.3rem;line-height:1}.nav-item.active{color:var(--accent)}.nav-item.active .nav-icon{transform:scale(1.15)}.nav-item:active{transform:scale(.92)}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);transition:var(--transition);margin:0 16px 10px;padding:14px}.card:active{transform:scale(.985)}.card-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.card-title{font-size:.95rem;font-weight:600}.stats-grid{grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:16px;padding:0 16px;display:grid}.stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);text-align:center;transition:var(--transition);padding:14px}.stat-card:active{transform:scale(.96)}.stat-icon{margin-bottom:4px;font-size:1.6rem}.stat-value{color:var(--accent);font-size:1.5rem;font-weight:800}.stat-label{color:var(--text-secondary);margin-top:2px;font-size:.7rem;font-weight:500}.form-group{margin-bottom:12px}.form-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px;font-size:.75rem;font-weight:600;display:block}.form-input,.form-select,.form-textarea{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);font-family:var(--font);transition:var(--transition);outline:none;padding:10px 12px;font-size:.9rem}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px var(--accent-glow)}.form-textarea{resize:vertical;min-height:80px}.form-select{cursor:pointer;appearance:none}.btn{border-radius:var(--radius-sm);font-family:var(--font);cursor:pointer;transition:var(--transition);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;border:none;justify-content:center;align-items:center;gap:6px;padding:10px 16px;font-size:.85rem;font-weight:600;display:inline-flex}.btn:active{transform:scale(.95)}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{background:var(--danger-hover)}.btn-outline{border:1px solid var(--border);color:var(--text-primary);background:0 0}.btn-outline:hover{border-color:var(--accent);color:var(--accent)}.btn-sm{border-radius:var(--radius-xs);padding:6px 10px;font-size:.75rem}.btn-icon{border-radius:50%;width:36px;height:36px;padding:0;font-size:1rem}.btn-whatsapp{background:var(--whatsapp);color:#fff}.btn-call{background:var(--call);color:#fff}.btn-block{width:100%}.btn-group{gap:8px;display:flex}.fab{bottom:calc(var(--nav-height) + 16px);background:var(--accent);color:#fff;cursor:pointer;z-index:90;width:52px;height:52px;transition:var(--transition);-webkit-tap-highlight-color:transparent;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:1.5rem;display:flex;position:fixed;right:max(16px,50vw - 224px);box-shadow:0 4px 20px #10b98166}.fab:active{transform:scale(.9)}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200;background:#0009;justify-content:center;align-items:flex-end;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.modal{background:var(--bg-secondary);border-radius:var(--radius) var(--radius) 0 0;width:100%;max-width:480px;max-height:85dvh;padding:20px 16px 32px;animation:.3s cubic-bezier(.32,.72,0,1) slideUp;overflow-y:auto}.modal-handle{background:var(--border);border-radius:2px;width:36px;height:4px;margin:0 auto 16px}.modal h2{margin-bottom:16px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.list-item{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);transition:var(--transition);align-items:center;gap:12px;margin:0 16px 8px;padding:12px 14px;display:flex}.list-item:active{background:var(--bg-card-hover)}.list-item-avatar{background:var(--accent-glow);width:40px;height:40px;color:var(--accent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.9rem;font-weight:700;display:flex}.list-item-content{flex:1;min-width:0}.list-item-title{white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;font-weight:600;overflow:hidden}.list-item-sub{color:var(--text-secondary);margin-top:1px;font-size:.75rem}.list-item-actions{flex-shrink:0;gap:6px;display:flex}.badge{text-transform:uppercase;letter-spacing:.03em;border-radius:20px;padding:2px 8px;font-size:.65rem;font-weight:600;display:inline-block}.badge-success{color:var(--accent);background:#10b98126}.badge-warning{color:var(--warning);background:#f59e0b26}.badge-danger{color:var(--danger);background:#ef444426}.badge-info{color:var(--info);background:#3b82f626}.timeline-item{gap:12px;margin-bottom:4px;padding:0 16px;display:flex}.timeline-dot{background:var(--accent);border-radius:50%;flex-shrink:0;width:12px;height:12px;margin-top:4px;position:relative}.timeline-dot:after{content:"";background:var(--border);width:2px;height:calc(100% + 12px);position:absolute;top:12px;left:5px}.timeline-item:last-child .timeline-dot:after{display:none}.timeline-content{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);flex:1;margin-bottom:8px;padding:10px 12px}.timeline-time{color:var(--accent);font-size:.7rem;font-weight:700}.timeline-title{margin-top:2px;font-size:.9rem;font-weight:600}.timeline-desc{color:var(--text-secondary);margin-top:2px;font-size:.8rem}.checkbox-wrap{cursor:pointer;align-items:center;gap:10px;display:flex}.checkbox-wrap input[type=checkbox]{display:none}.checkbox-custom{border:2px solid var(--border);width:22px;height:22px;transition:var(--transition);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;font-size:.7rem;display:flex}.checkbox-wrap input:checked+.checkbox-custom{background:var(--accent);border-color:var(--accent)}.checkbox-wrap input:checked+.checkbox-custom:after{content:"✓";color:#fff;font-weight:700}.empty-state{text-align:center;color:var(--text-muted);padding:40px 24px}.empty-state .empty-icon{opacity:.5;margin-bottom:8px;font-size:3rem}.empty-state p{font-size:.85rem}.section-header{justify-content:space-between;align-items:center;padding:12px 16px 6px;display:flex}.section-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:700}.swipe-container{overflow:hidden}.toast{background:var(--bg-card);border:1px solid var(--border);color:var(--text-primary);border-radius:var(--radius);z-index:1000;box-shadow:var(--shadow);max-width:90vw;padding:10px 20px;font-size:.85rem;font-weight:500;transition:transform .3s cubic-bezier(.32,.72,0,1);position:fixed;top:20px;left:50%;transform:translate(-50%)translateY(-100px)}.toast.show{transform:translate(-50%)translateY(0)}.toast-success{border-left:3px solid var(--accent)}.toast-error{border-left:3px solid var(--danger)}.page{animation:.25s fadeIn;display:none}.page.active{display:block}.chip{background:var(--accent-glow);color:var(--accent);border-radius:20px;align-items:center;gap:4px;padding:4px 10px;font-size:.72rem;font-weight:500;display:inline-flex}.quick-actions{-webkit-overflow-scrolling:touch;gap:8px;padding:0 16px 12px;display:flex;overflow-x:auto}.quick-actions::-webkit-scrollbar{display:none}.quick-action-btn{background:var(--bg-card);border:1px solid var(--border);color:var(--text-primary);font-family:var(--font);white-space:nowrap;cursor:pointer;transition:var(--transition);-webkit-tap-highlight-color:transparent;border-radius:24px;align-items:center;gap:6px;padding:8px 14px;font-size:.78rem;font-weight:500;display:flex}.quick-action-btn:active{background:var(--bg-card-hover);transform:scale(.94)}.tabs{-webkit-overflow-scrolling:touch;gap:4px;margin-bottom:12px;padding:0 16px;display:flex;overflow-x:auto}.tabs::-webkit-scrollbar{display:none}.tab{color:var(--text-secondary);cursor:pointer;transition:var(--transition);white-space:nowrap;font-size:.78rem;font-weight:600;font-family:var(--font);-webkit-tap-highlight-color:transparent;background:0 0;border:1px solid #0000;border-radius:20px;padding:7px 14px}.tab.active{background:var(--accent);color:#fff;border-color:var(--accent)}.tab:active{transform:scale(.94)}.search-bar{padding:0 16px 10px}.search-input{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);width:100%;color:var(--text-primary);font-family:var(--font);transition:var(--transition);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.3-4.3'/%3E%3C/svg%3E");background-position:10px;background-repeat:no-repeat;outline:none;padding:10px 12px 10px 36px;font-size:.85rem}.search-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.divider{background:var(--border);height:1px;margin:12px 16px}.spacer{height:16px}.text-accent{color:var(--accent)}.text-muted{color:var(--text-muted)}.text-sm{font-size:.8rem}.text-xs{font-size:.7rem}.fw-600{font-weight:600}.flex{display:flex}.flex-between{justify-content:space-between;align-items:center;display:flex}.gap-8{gap:8px}.mt-8{margin-top:8px}.mb-8{margin-bottom:8px}.px-16{padding-left:16px;padding-right:16px}.hidden{display:none!important}.car-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);margin:0 16px 10px;padding:14px}.car-header{align-items:center;gap:10px;margin-bottom:8px;display:flex}.car-icon{font-size:1.5rem}.car-name{font-weight:700}.car-driver{color:var(--text-secondary);font-size:.75rem}.passenger-list{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.followup-entry{border-bottom:1px solid var(--border);gap:10px;padding:8px 0;font-size:.82rem;display:flex}.followup-entry:last-child{border-bottom:none}.followup-type{flex-shrink:0;font-size:1rem}.followup-info{flex:1}.followup-time{color:var(--text-muted);font-size:.7rem}