:root{--bg: #0f172a;--surface: #1e293b;--surface-2: #334155;--border: rgba(148,163,184,.08);--border-strong: rgba(148,163,184,.15);--text: #f1f5f9;--text-dim: #94a3b8;--text-muted: #64748b;--accent: #6366f1;--accent-light: #818cf8;--accent-glow: rgba(99,102,241,.15);--ok: #34d399;--fail: #f87171;--na: #64748b;--pending: #fbbf24;--synced: #34d399;--error: #f87171;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px)}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{height:100dvh;overflow:hidden}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);height:100dvh;overflow:hidden}#root{height:100dvh;display:flex;flex-direction:column}.loading{display:flex;justify-content:center;align-items:center;height:100dvh;color:var(--text-dim)}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:4px}.login-page{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100dvh;padding:max(24px,var(--safe-top)) 24px max(24px,var(--safe-bottom));background:radial-gradient(ellipse at top,var(--accent-glow) 0%,transparent 50%),var(--bg)}.login-card{background:#1e293bb3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-strong);border-radius:20px;padding:40px 32px;width:100%;max-width:360px;text-align:center;box-shadow:0 8px 32px #0000004d}.login-logo{width:56px;height:56px;margin:0 auto 16px;background:linear-gradient(135deg,var(--accent) 0%,var(--accent-light) 100%);border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.4rem;font-weight:800;color:#fff;letter-spacing:1px;box-shadow:0 4px 16px var(--accent-glow)}.login-card h1{font-size:1.6rem;letter-spacing:3px;margin-bottom:4px;font-weight:700}.login-card .subtitle{color:var(--text-dim);margin-bottom:32px;font-size:.9rem}.login-card input{width:100%;padding:14px 16px;margin-bottom:12px;background:#0f172a99;border:1px solid var(--border-strong);border-radius:12px;color:var(--text);font-size:16px;transition:border-color .2s,box-shadow .2s}.login-card input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.login-card button{width:100%;padding:14px;background:linear-gradient(135deg,var(--accent) 0%,var(--accent-light) 100%);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:transform .15s,box-shadow .2s;box-shadow:0 4px 16px var(--accent-glow)}.login-card button:active{transform:scale(.97)}.login-card button:disabled{opacity:.5}.login-card .error{color:var(--fail);margin-bottom:12px;font-size:14px}.demo-hint{margin-top:24px;color:var(--text-muted);font-size:.8rem}.app-topbar{padding:max(14px,var(--safe-top)) 20px 14px;background:linear-gradient(180deg,#1e293bf2,#1e293bd9);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border);flex-shrink:0;z-index:100;padding-left:max(20px,var(--safe-left));padding-right:max(20px,var(--safe-right))}.topbar-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.topbar-left{display:flex;align-items:center;gap:10px;min-width:0}.topbar-brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:inherit;cursor:pointer}.topbar-logo{width:32px;height:32px;border-radius:8px;background:linear-gradient(135deg,var(--accent) 0%,var(--accent-light) 100%);display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:800;color:#fff;flex-shrink:0;box-shadow:0 2px 8px var(--accent-glow)}.topbar-title{font-size:1.1rem;font-weight:700;white-space:nowrap}.topbar-right{display:flex;align-items:center;gap:10px}.net-badge{display:inline-flex;align-items:center;gap:5px;font-size:.75rem;padding:4px 10px;border-radius:20px;font-weight:600;transition:all .3s}.net-badge:before{content:"";width:7px;height:7px;border-radius:50%}.net-badge.online{background:#34d3991f;color:var(--ok)}.net-badge.online:before{background:var(--ok);box-shadow:0 0 6px var(--ok);animation:pulse 2s infinite}.net-badge.offline{background:#f871711f;color:var(--fail)}.net-badge.offline:before{background:var(--fail)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.btn-logout:active{background:var(--surface-2)}.app-body{flex:1;overflow-y:auto;overflow-x:hidden;padding-left:max(0px,var(--safe-left));padding-right:max(0px,var(--safe-right))}.sync-bar{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;background:#1e293b80;border-bottom:1px solid var(--border);flex-shrink:0}.sync-stats{display:flex;gap:14px}.stat{font-size:.8rem;font-weight:500}.stat.pending{color:var(--pending)}.stat.synced{color:var(--synced)}.stat.error{color:var(--error)}.sync-actions{display:flex;align-items:center;gap:10px}.sync-msg{font-size:.8rem;color:var(--text-dim)}.btn-sync{background:#6366f126;color:var(--accent-light);border:1px solid rgba(99,102,241,.2);padding:7px 16px;border-radius:8px;cursor:pointer;font-size:.8rem;font-weight:600;transition:all .2s}.btn-sync:active{transform:scale(.96)}.btn-sync:disabled{opacity:.3;cursor:not-allowed}.content{padding:16px 20px 8px}.insp-list{display:flex;flex-direction:column;gap:8px}.empty{text-align:center;color:var(--text-muted);padding:60px 20px;font-size:.9rem}.insp-card{display:flex;align-items:center;gap:14px;background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:16px;cursor:pointer;transition:all .2s}.insp-card:active{transform:scale(.98);border-color:var(--border-strong)}.insp-plate{font-size:1.2rem;font-weight:700;min-width:80px;letter-spacing:1px}.insp-info{flex:1;min-width:0}.insp-date{font-size:.78rem;color:var(--text-dim)}.insp-seal{font-size:.78rem;color:var(--text-muted);margin-top:2px}.insp-status{font-size:.72rem;padding:4px 10px;border-radius:20px;white-space:nowrap;font-weight:600}.insp-status.pending{background:#fbbf241f;color:var(--pending)}.insp-status.synced{background:#34d3991f;color:var(--synced)}.insp-status.error{background:#f871711f;color:var(--error)}.app-footer{flex-shrink:0;background:linear-gradient(0deg,#1e293bf2,#1e293bd9);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--border);padding:12px 20px max(12px,var(--safe-bottom));padding-left:max(20px,var(--safe-left));padding-right:max(20px,var(--safe-right));z-index:100}.btn-new{width:100%;padding:16px;border:none;border-radius:14px;background:linear-gradient(135deg,var(--accent) 0%,var(--accent-light) 100%);color:#fff;font-size:1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 4px 16px var(--accent-glow);transition:transform .15s}.btn-new:active{transform:scale(.97)}.form-page{display:flex;flex-direction:column;height:100dvh}.form-body{flex:1;overflow-y:auto;padding:16px 20px}.insp-form{max-width:600px;margin:0 auto}.form-row{display:flex;gap:12px;margin-bottom:16px}.form-group{flex:1;margin-bottom:16px}.form-group label{display:block;font-size:.8rem;color:var(--text-dim);margin-bottom:7px;font-weight:500}.form-group input,.form-group textarea{width:100%;padding:12px 14px;background:#0f172a99;border:1px solid var(--border-strong);border-radius:10px;color:var(--text);font-size:16px;transition:all .2s}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.puntos-summary{display:flex;gap:18px;padding:12px 16px;background:var(--surface);border:1px solid var(--border);border-radius:12px;margin-bottom:16px;font-size:.85rem;font-weight:600}.ok-count{color:var(--ok)}.fail-count{color:var(--fail)}.na-count{color:var(--text-muted)}.puntos-grid{margin-bottom:20px}.punto-row{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;background:var(--surface);border:1px solid var(--border);border-radius:12px;margin-bottom:6px;transition:border-color .2s}.punto-row:active{border-color:var(--border-strong)}.punto-label{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.punto-num{background:var(--surface-2);color:var(--text-dim);width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.72rem;font-weight:700;flex-shrink:0}.punto-name{font-size:.88rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.punto-zone{font-size:.68rem;color:var(--text-muted);margin-left:4px}.punto-toggles{display:flex;gap:6px;flex-shrink:0}.toggle{width:38px;height:34px;border:1px solid var(--border-strong);border-radius:8px;background:#0f172a66;color:var(--text-muted);cursor:pointer;font-size:.9rem;font-weight:700;transition:all .15s}.toggle:active{transform:scale(.92)}.toggle.ok.active{background:var(--ok);color:#0f172a;border-color:var(--ok)}.toggle.fail.active{background:var(--fail);color:#0f172a;border-color:var(--fail)}.toggle.na.active{background:var(--surface-2);color:var(--text);border-color:var(--surface-2)}.form-footer{flex-shrink:0;background:linear-gradient(0deg,#1e293bf2,#1e293bd9);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--border);padding:12px 20px max(12px,var(--safe-bottom));padding-left:max(20px,var(--safe-left));padding-right:max(20px,var(--safe-right));display:flex;gap:12px;z-index:100}.btn-back{background:none;border:1px solid var(--border-strong);color:var(--text-dim);padding:8px 16px;border-radius:8px;cursor:pointer;font-size:.85rem;transition:all .2s}.btn-back:active{background:var(--surface-2)}.btn-cancel{flex:1;padding:14px;background:var(--surface-2);color:var(--text);border:none;border-radius:12px;cursor:pointer;font-size:1rem;font-weight:500;transition:transform .15s}.btn-cancel:active{transform:scale(.97)}.btn-save{flex:1;padding:14px;background:linear-gradient(135deg,var(--ok) 0%,#2dd4bf 100%);color:#0f172a;border:none;border-radius:12px;cursor:pointer;font-size:1rem;font-weight:700;transition:transform .15s;box-shadow:0 4px 16px #34d39926}.btn-save:active{transform:scale(.97)}.btn-back-top{background:#6366f11f;border:1px solid rgba(99,102,241,.2);color:var(--accent-light);padding:7px 14px;border-radius:8px;cursor:pointer;font-size:.85rem;transition:all .2s}.btn-back-top:active{transform:scale(.95)}.user-menu{position:relative}.user-trigger{display:flex;align-items:center;gap:8px;background:none;border:1px solid var(--border);border-radius:20px;padding:4px 12px 4px 4px;cursor:pointer;transition:all .2s}.user-trigger:active{transform:scale(.96)}.user-avatar{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,var(--accent) 0%,var(--accent-light) 100%);display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;color:#fff;flex-shrink:0}.user-avatar.lg{width:40px;height:40px;font-size:1.1rem}.user-name{font-size:.85rem;color:var(--text);white-space:nowrap;font-weight:500}.menu-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:99;background:transparent}.user-dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:220px;z-index:100;background:#1e293bf2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-strong);border-radius:14px;padding:8px;box-shadow:0 8px 32px #0006;animation:dropdownIn .15s ease-out}@keyframes dropdownIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.dropdown-header{display:flex;align-items:center;gap:12px;padding:10px 8px 12px;border-bottom:1px solid var(--border);margin-bottom:4px}.dropdown-name{font-size:.9rem;font-weight:600;color:var(--text)}.dropdown-role{font-size:.75rem;color:var(--text-muted);text-transform:capitalize}.dropdown-item{width:100%;text-align:left;padding:10px 12px;background:none;border:none;border-radius:8px;color:var(--text);font-size:.88rem;cursor:pointer;transition:background .15s}.dropdown-item:active{background:var(--surface-2)}.dropdown-item.logout{color:var(--fail)}.seg-group{margin-bottom:16px}.seg-label{display:block;font-size:.8rem;color:var(--text-dim);margin-bottom:7px;font-weight:500}.seg-toggle{display:flex;gap:0;background:#0f172a99;border:1px solid var(--border-strong);border-radius:10px;padding:3px}.seg-btn{flex:1;padding:10px 8px;border:none;background:none;color:var(--text-muted);font-size:.85rem;font-weight:600;border-radius:8px;cursor:pointer;transition:all .15s}.seg-btn.active{background:linear-gradient(135deg,var(--accent) 0%,var(--accent-light) 100%);color:#fff;box-shadow:0 2px 8px var(--accent-glow)}.seg-btn:active{transform:scale(.97)}.insp-tags{display:flex;gap:6px;margin-bottom:4px}.tag{font-size:.68rem;padding:2px 8px;border-radius:6px;font-weight:600;text-transform:capitalize}.tag.dir-entrada{background:#6366f126;color:var(--accent-light)}.tag.dir-salida{background:#fbbf241f;color:var(--pending)}.tag.load-cargado{background:#34d3991f;color:var(--ok)}.tag.load-vacio{background:#94a3b81f;color:var(--text-dim)}.tag.load-botado{background:#f871711f;color:var(--fail)}.wizard-step{max-width:600px;margin:0 auto;padding:8px 0 20px;animation:wizardIn .25s ease-out}@keyframes wizardIn{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:translate(0)}}.wizard-title{font-size:1.3rem;font-weight:700;margin-bottom:4px}.wizard-subtitle{font-size:.9rem;color:var(--text-dim);margin-bottom:24px}.wizard-options{display:flex;gap:12px}.wizard-options.two{flex-direction:row}.wizard-options.three{flex-direction:column}.wizard-card{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;padding:28px 16px;background:var(--surface);border:2px solid var(--border);border-radius:16px;cursor:pointer;transition:all .2s;text-align:center;min-height:140px;justify-content:center}.wizard-card:active{transform:scale(.97)}.wizard-card.selected{border-color:var(--accent);background:#6366f114;box-shadow:0 0 0 3px var(--accent-glow)}.wizard-card .card-icon{font-size:2rem;margin-bottom:4px}.wizard-card .card-label{font-size:1.1rem;font-weight:700}.wizard-card .card-desc{font-size:.78rem;color:var(--text-dim)}.progress-bar{height:3px;background:var(--border);margin-top:10px;border-radius:2px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--accent) 0%,var(--accent-light) 100%);transition:width .3s ease;border-radius:2px}.wizard-summary{display:flex;gap:8px;margin-top:16px}.review-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:4px 16px}.review-row{display:flex;justify-content:space-between;align-items:center;padding:14px 0;border-bottom:1px solid var(--border)}.review-row:last-child{border-bottom:none}.review-label{font-size:.88rem;color:var(--text-dim);font-weight:500}.review-value{font-size:.9rem;font-weight:600}.review-value.ok{color:var(--ok)}.review-value.fail{color:var(--fail)}.tag.equip-caja{background:#6366f11f;color:var(--accent-light)}.tag.equip-contenedor{background:#34d3991f;color:var(--ok)}.tag.equip-plataforma{background:#fbbf241f;color:var(--pending)}.tag.equip-rabon{background:#f871711f;color:var(--fail)}.wizard-options.two{flex-wrap:wrap}.tag.equip-otros{background:#94a3b81f;color:var(--text-dim)}.tag.box-size{background:#818cf826;color:var(--accent-light);font-weight:700}.tag.truck-num{background:#fbbf241f;color:var(--pending);font-weight:700}.tag.own-propio{background:#6366f11f;color:var(--accent-light)}.tag.own-cliente{background:#34d3991f;color:var(--ok)}.tag.seal-type{background:#f472b61f;color:#f472b6;font-weight:700}.tag.box-num{background:#22d3ee1f;color:#22d3ee;font-weight:700}