:root{--bg: #0B0F19;--card: #151C2C;--border: #1E2638;--primary: #0EA5E9;--primary-dark: #04121C;--warning: #F59E0B;--warning-bg: #2A2210;--success: #10B981;--success-bg: #0E2A20;--danger: #EF4444;--danger-bg: #2A1212;--text: #F1F5F9;--text-muted: #7C8AA5;--radius: 12px}*{margin:0;padding:0;box-sizing:border-box}body{background:var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif;font-size:16px;-webkit-font-smoothing:antialiased;min-height:100dvh}.mono{font-family:JetBrains Mono,monospace}.page{padding:16px;padding-bottom:calc(76px + env(safe-area-inset-bottom));max-width:480px;margin:0 auto}.topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:#0b0f19eb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border)}.logo{display:flex;align-items:center;gap:8px;font-weight:600;font-size:15px}.logo-icon{width:30px;height:30px;border-radius:8px;background:var(--primary);color:var(--primary-dark);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px}.logo .accent{color:var(--primary)}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:14px;margin-bottom:10px}.card.status-pendente{border-left:3px solid var(--warning);border-radius:0 var(--radius) var(--radius) 0}.card.status-concluido{border-left:3px solid var(--success);border-radius:0 var(--radius) var(--radius) 0}.card.status-atrasado{border-left:3px solid var(--danger);border-radius:0 var(--radius) var(--radius) 0}.stats{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:14px}.stat{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:12px 14px}.stat .label{color:var(--text-muted);font-size:12px;margin-bottom:4px}.stat .value{font-size:24px;font-weight:600;font-family:JetBrains Mono,monospace}.stat .value.cyan{color:var(--primary)}.stat .value.amber{color:var(--warning)}.stat .value.green{color:var(--success)}.badge{font-size:11px;padding:4px 10px;border-radius:999px;font-weight:500;white-space:nowrap}.badge.agendado,.badge.pendente{background:var(--warning-bg);color:var(--warning)}.badge.entregue,.badge.pago,.badge.retirado,.badge.conectado{background:var(--success-bg);color:var(--success)}.badge.atrasado,.badge.cancelado,.badge.desconectado{background:var(--danger-bg);color:var(--danger)}button,.btn{min-height:48px;padding:12px 18px;border-radius:10px;border:1px solid var(--border);background:var(--card);color:var(--text);font-family:inherit;font-size:15px;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;transition:opacity .15s,transform .1s}button:active,.btn:active{transform:scale(.98)}.btn-primary{background:var(--primary);border-color:var(--primary);color:var(--primary-dark)}.btn-outline{background:transparent;border-color:var(--primary);color:var(--primary)}.btn-danger{background:transparent;border-color:var(--danger);color:var(--danger)}.btn-block{width:100%}.btn-row{display:flex;gap:8px;margin-top:10px}.btn-row>*{flex:1}input,select,textarea{width:100%;min-height:48px;padding:12px 14px;border-radius:10px;border:1px solid var(--border);background:var(--bg);color:var(--text);font-family:inherit;font-size:16px;margin-bottom:10px}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #0ea5e926}label{display:block;color:var(--text-muted);font-size:13px;margin-bottom:6px}.bottomnav{position:fixed;bottom:0;left:0;right:0;z-index:20;display:flex;justify-content:space-around;background:#0b0f19f5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top:1px solid var(--border);padding:8px 4px calc(8px + env(safe-area-inset-bottom))}.bottomnav a{display:flex;flex-direction:column;align-items:center;gap:3px;color:var(--text-muted);text-decoration:none;font-size:10px;min-width:64px;min-height:48px;justify-content:center;border-radius:10px}.bottomnav a.active{color:var(--primary)}.bottomnav svg{width:22px;height:22px}.section-title{color:var(--text-muted);font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;margin:16px 0 8px}.card-head{display:flex;justify-content:space-between;align-items:center;gap:8px}.card-title{font-size:14px;font-weight:600}.card-sub{color:var(--text-muted);font-size:13px;margin-top:3px}.dot{width:8px;height:8px;border-radius:50%;display:inline-block}.dot.on{background:var(--success);box-shadow:0 0 6px var(--success)}.dot.off{background:var(--danger)}.pill{display:inline-flex;align-items:center;gap:6px;background:var(--card);border:1px solid var(--border);border-radius:999px;padding:5px 12px;font-size:12px}.empty{text-align:center;color:var(--text-muted);padding:40px 16px;font-size:14px}.login-wrap{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px}.login-card{width:100%;max-width:380px}.login-tabs{display:flex;gap:8px;margin-bottom:18px}.login-tabs button{flex:1}.login-tabs button.active{background:var(--primary);border-color:var(--primary);color:var(--primary-dark)}.scanner-box{border-radius:var(--radius);overflow:hidden;border:2px solid var(--primary)}#qr-reader video{width:100%!important;border-radius:10px}.qr-connect{display:flex;flex-direction:column;align-items:center;gap:14px;padding:20px}.qr-connect img{width:240px;height:240px;border-radius:10px;background:#fff;padding:8px}@media (min-width: 768px){.page{max-width:720px}.stats{grid-template-columns:repeat(4,1fr)}}@media (min-width: 1024px){.page{max-width:100%;padding:88px 24px 24px 244px;margin:0}.topbar{position:fixed;top:0;left:220px;right:0;z-index:10}.bottomnav{position:fixed;top:0;left:0;bottom:0;flex-direction:column;justify-content:flex-start;height:100vh;width:220px;border-top:none;border-right:1px solid var(--border);padding:20px 12px;gap:4px;z-index:20;background:#0b0f19}.bottomnav a{flex-direction:row;justify-content:flex-start;width:100%;gap:12px;font-size:14px;padding:0 14px}.bottomnav a.active{background:var(--card)}}.bottomnav-motorista{position:fixed!important;bottom:0!important;left:0!important;right:0!important;top:auto!important;width:100%!important;height:60px!important;flex-direction:row!important;justify-content:space-around!important;background:#0b0f19f5!important;-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important;border-top:1px solid var(--border)!important;border-right:none!important;padding:8px 4px calc(8px + env(safe-area-inset-bottom))!important;z-index:999!important;gap:0!important}.bottomnav-motorista a{flex-direction:column!important;justify-content:center!important;width:auto!important;min-width:64px!important;min-height:48px!important;font-size:10px!important;padding:0!important;background:transparent!important}.bottomnav-motorista a.active{color:var(--primary)!important;background:transparent!important}.bottomnav-motorista svg{width:22px!important;height:22px!important}@media (min-width: 1024px){.page-motorista{padding-left:24px!important;max-width:720px!important;margin:0 auto!important}}@media (prefers-reduced-motion: reduce){*{transition:none!important;animation:none!important}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0b0f19d9;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px}.modal-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);width:100%;max-width:400px;padding:20px;box-shadow:0 20px 25px -5px #00000080,0 10px 10px -5px #0006;animation:modalEnter .2s cubic-bezier(.16,1,.3,1)}@keyframes modalEnter{0%{opacity:0;transform:scale(.95) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-header{margin-bottom:16px;text-align:center}.modal-title{font-size:18px;font-weight:700;color:var(--text)}.modal-sub{color:var(--text-muted);font-size:14px;margin-top:4px}.modal-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px}.modal-btn-option{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:14px;background:var(--bg);border:1px solid var(--border);border-radius:10px;cursor:pointer;gap:6px;transition:all .15s ease}.modal-btn-option:hover{border-color:var(--primary);background:#0ea5e90d}.modal-btn-option .icon{font-size:24px}.modal-btn-option .label{font-size:13px;font-weight:600;color:var(--text)}.modal-actions{display:flex;flex-direction:column;gap:8px}