:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;--safe-area-bottom:max(0px, env(safe-area-inset-bottom));--safe-area-top:max(0px, env(safe-area-inset-top))}html,body,#root{box-sizing:border-box;height:100%;margin:0;padding:0}html,body{overscroll-behavior-x:none;overscroll-behavior-y:none;font-size:16px;overflow:hidden}body{-webkit-user-select:none;user-select:none;min-height:100%;cursor:auto!important}a{-webkit-text-decoration:inherit;text-decoration:inherit}.scrollbox{background: linear-gradient(white 30%, #fff0), linear-gradient(#fff0, white 70%) 0 100%,  radial-gradient(50% 0, farthest-side, #0000001a, #0000), radial-gradient(50% 100%, farthest-side, #0000001a, #0000) 0 100%;background-color:#fff;background-image:linear-gradient(#fff 30%,#fff0),linear-gradient(#fff0,#fff 70%),radial-gradient(farthest-side at 50% 0,#0000001a,#0000),radial-gradient(farthest-side at 50% 100%,#0000001a,#0000);background-position:0 0,0 100%,0 0,0 100%;background-repeat:no-repeat;background-size:100% 40px,100% 40px,100% 14px,100% 14px;background-attachment:local,local,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box}@media print{#bottom-nav{display:none}header{display:none!important}}#qr-scanner-root .scan-region-highlight-svg{stroke:#3487c5!important;stroke-width:10px!important;display:block!important;overflow:hidden!important}#qr-scanner-root .code-outline-highlight{stroke:#ffffff80!important;stroke-width:15px!important;stroke-dasharray:none!important}.app-container{background:var(--bg);flex-direction:column;width:100%;min-height:100svh;display:flex}.app-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);z-index:100;box-sizing:border-box;background:#fffc;justify-content:space-between;align-items:center;padding:14px 24px;display:flex;position:sticky;top:0}@media (prefers-color-scheme:dark){.app-header{background:#16171dcc}}.header-logo{align-items:center;gap:12px;display:flex}.logo-icon{font-size:24px}.logo-text{color:var(--text-h);letter-spacing:-.5px;font-family:Outfit,sans-serif;font-size:20px;font-weight:700}.logo-web{background:linear-gradient(135deg,#1e5586,#37527a);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-weight:800}.sync-badge{color:var(--accent);background:var(--accent-bg);border:1px solid var(--accent-border);border-radius:20px;padding:4px 8px;font-size:11px;font-weight:600;animation:2s ease-in-out infinite pulse}.sync-badge.warning{color:#d97706;background:#d977061a;border-color:#d977064d}.header-actions{align-items:center;gap:12px;display:flex}.empresa-badge{color:#10b981;background:#10b9811a;border:1px solid #10b98133;border-radius:20px;padding:6px 12px;font-size:13px;font-weight:600}.user-badge{color:var(--text);background:var(--code-bg);border:1px solid var(--border);text-transform:capitalize;border-radius:20px;padding:6px 12px;font-size:13px;font-weight:600}.btn-logout{border:1px solid var(--border);color:var(--text);cursor:pointer;background:0 0;border-radius:20px;padding:6px 12px;font-size:13px;font-weight:600;transition:all .2s}.btn-logout:hover{color:#ef4444;background:#ef44441a;border-color:#ef444433}.app-main{flex-direction:column;flex:1;display:flex}.loading-container{background:var(--bg);flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:100svh;display:flex}.spinner{border:4px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.nav-tabs{background:var(--bg);border-bottom:1px solid var(--border);gap:12px;padding:12px 20px;display:flex;box-shadow:0 2px 4px #00000005}.tab-item{border:1px solid var(--border);background:var(--code-bg);color:var(--text);cursor:pointer;border-radius:20px;outline:none;padding:8px 16px;font-size:14px;font-weight:600;transition:all .2s}.tab-item:hover{background:var(--border)}.tab-item.active{background:var(--accent);color:#fff;border-color:#0000}