@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";html:has(.vb),html:has(.vb) body,html:has(.vb) #root{height:auto!important;overflow:visible!important}html:has(.vb){overflow-x:clip!important}.vb{--bg: var(--vb-bg);--navy: var(--vb-navy);--navy-lt: var(--vb-navy-light);--coral: var(--vb-coral);--text: var(--vb-text);--text-2: var(--vb-text-secondary);--text-3: var(--vb-text-tertiary);--border: var(--vb-border);--font: var(--font-sans)}.vb{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;line-height:1.6}.vb *,.vb *:before,.vb *:after{box-sizing:border-box;margin:0;padding:0}.vb img{display:block;max-width:100%}.vb a{text-decoration:none;color:inherit}.sr{opacity:0;transform:translateY(32px);transition:opacity 1s cubic-bezier(.16,1,.3,1),transform 1s cubic-bezier(.16,1,.3,1)}.sr.in{opacity:1;transform:none}.vb-nav{position:fixed;top:0;left:0;right:0;z-index:100;height:60px;pointer-events:none;background:#faf8f5cc;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid rgba(0,0,0,.06);transition:opacity .4s ease}.vb-nav-w{max-width:1400px;margin:0 auto;padding:0 40px;height:100%;display:flex;align-items:center;justify-content:space-between;pointer-events:auto}.vb-nav-logo img{height:20px}.vb-nav-right{display:flex;align-items:center;gap:14px}.vb-nav-sign{font-size:13px;font-weight:500;color:var(--text-3);transition:color .2s}.vb-nav-sign:hover{color:var(--navy)}.vb-nav-admin{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:500;color:var(--text-3);text-transform:uppercase;letter-spacing:.08em;transition:color .2s}.vb-nav-admin:hover{color:var(--navy)}.vb-nav-admin svg{opacity:.7}.vb-nav-admin:hover svg{opacity:1}.vb-btn{display:inline-flex;align-items:center;gap:8px;font-family:var(--font);font-size:13px;font-weight:600;padding:10px 22px;border-radius:6px;border:none;cursor:pointer;white-space:nowrap;transition:all .2s ease}.vb-btn--sm{padding:7px 16px;font-size:12px}.vb-btn--dark{background:var(--coral);color:#fff!important}.vb-btn--dark:hover{background:var(--vb-coral-hover)}.vb-btn--white{background:#fff;color:var(--navy);font-weight:700;box-shadow:0 2px 8px #0000001a}.vb-btn--white:hover{background:#ffffffeb}.vb-hero{position:fixed;z-index:50;left:0;top:0;width:100vw;height:100vh;background:var(--bg);overflow:hidden;transform-origin:top left;will-change:transform,opacity}.vb-hero-particles{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden}.vb-particle{position:absolute;border-radius:50%;background:var(--coral);opacity:0;will-change:transform,opacity}.vb-hero-coral{position:absolute;inset:0;background:var(--coral);opacity:var(--bg-t, 0);pointer-events:none;border-radius:inherit}.vb-hero-grid{position:absolute;inset:0;opacity:var(--gl-op, 1);pointer-events:none}.vb-gl-v{position:absolute;width:1px;top:0;bottom:0;background:#1f20340f;transform:scaleY(0);transform-origin:top;transition:transform 1.5s cubic-bezier(.16,1,.3,1) var(--d, 0s)}.vb-gl-h{position:absolute;height:1px;left:0;right:0;background:#1f20340f;transform:scaleX(0);transform-origin:left;transition:transform 1.5s cubic-bezier(.16,1,.3,1) var(--d, 0s)}.vb--loaded .vb-gl-v{transform:scaleY(1)}.vb--loaded .vb-gl-h{transform:scaleX(1)}.vb-hero-ct{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;justify-content:center;padding:0 8vw;opacity:var(--ct-op, 1)}.vb-hero-label{font-size:12px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);margin-bottom:28px;opacity:0;transition:opacity .6s ease .3s}.vb--loaded .vb-hero-label{opacity:1}.vb-hero-heading{font-size:clamp(28px,4.8vw,64px);font-weight:700;line-height:1.2;letter-spacing:-.035em;color:var(--navy);max-width:820px}.vb-hw{display:inline-block;opacity:0;transform:translateY(14px);transition:opacity .7s cubic-bezier(.16,1,.3,1) calc(.5s + var(--wi, 0) * .12s),transform .7s cubic-bezier(.16,1,.3,1) calc(.5s + var(--wi, 0) * .12s);white-space:pre-wrap}.vb--loaded .vb-hw{opacity:1;transform:none}.vb-hw--hr,.vb-hw--mk,.vb-hw--ti,.vb-hw--rd{color:var(--coral);font-weight:900;position:relative}.vb-hw--hr:after,.vb-hw--mk:after,.vb-hw--ti:after,.vb-hw--rd:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:currentColor;opacity:.3;transform:scaleX(0);transform-origin:left;transition:transform .6s cubic-bezier(.16,1,.3,1) calc(.9s + var(--wi, 0) * .1s)}.vb--loaded .vb-hw--hr:after,.vb--loaded .vb-hw--mk:after,.vb--loaded .vb-hw--ti:after,.vb--loaded .vb-hw--rd:after{transform:scaleX(1)}.vb-hero-sub{font-size:clamp(15px,1.6vw,20px);font-weight:400;line-height:1.6;color:var(--text-2);max-width:520px;margin-top:24px;opacity:0;transform:translateY(10px);transition:opacity .8s ease 1.3s,transform .8s cubic-bezier(.16,1,.3,1) 1.3s}.vb--loaded .vb-hero-sub{opacity:1;transform:none}.vb-hero-foot{position:absolute;bottom:32px;left:8vw}.vb-hero-logo-sm{height:15px;opacity:.35}.vb-hero-chev{position:absolute;bottom:32px;right:8vw;display:flex;flex-direction:column;gap:0;color:var(--text-3);opacity:var(--ct-op, 1);animation:fadeIn .5s ease 2.2s both}.vb-hero-chev svg:nth-child(1){animation:chevPulse 2.5s ease infinite}.vb-hero-chev svg:nth-child(2){animation:chevPulse 2.5s ease infinite .1s}@keyframes chevPulse{0%,to{opacity:.3;transform:translateY(0)}50%{opacity:1;transform:translateY(4px)}}.vb-stage{height:400vh;position:relative}.vb-stage-pin{position:sticky;top:0;height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;background:var(--bg);transition:background .4s ease}.vb-tiles{--tp: 0;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(3,1fr);gap:8px;width:100%;height:100%;padding:8px}.vb-tile{--s: calc(1 - var(--tp, 0));position:relative;display:flex;flex-direction:column;justify-content:flex-end;padding:40px;overflow:hidden;border-radius:0;cursor:pointer;color:#fff;will-change:transform,opacity;transform:translate(calc((100% + 8px) * var(--ocx, 0) * var(--s)),calc((100% + 8px) * var(--ocy, 0) * var(--s))) scale(calc(1 + var(--s) * .6));opacity:var(--tp, 0);transition:box-shadow .35s cubic-bezier(.16,1,.3,1),z-index 0s}.vb-tile:hover{z-index:2;box-shadow:0 12px 40px #0000002e}.vb-tile:hover .vb-tile-img img{transform:scale(1.05)}.vb-tile:hover .vb-tile-overlay{background:linear-gradient(to right,#000c,#0006,#0000001a)}.vb-tile:hover .vb-tile-cta{opacity:1;transform:translateY(0)}.vb-tile-overlay{position:absolute;inset:0;background:linear-gradient(to right,#000000b3,#0000004d,#0000);z-index:2;pointer-events:none;transition:background .35s ease}.vb-tile-hd{position:relative;z-index:3;text-align:left}.vb-tile-tag{display:block;font-size:12px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:#ffffffb3;margin-bottom:6px}.vb-tile-name{font-size:clamp(22px,2.4vw,36px);font-weight:800;letter-spacing:-.02em;line-height:1.1;color:#fff}.vb-tile-sub{font-size:clamp(13px,1.2vw,17px);font-weight:400;line-height:1.4;color:#ffffffe6;margin-top:6px;max-width:80%}.vb-tile-cta{position:relative;z-index:3;display:inline-block;margin-top:14px;font-size:14px;font-weight:600;color:#fff;opacity:0;transform:translateY(8px);transition:opacity .3s ease,transform .3s ease;pointer-events:none}.vb-tile-img{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:1}.vb-tile-img img{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .5s cubic-bezier(.16,1,.3,1)}.vb-tile-icon{position:absolute;inset:0;z-index:1;pointer-events:none;display:flex;align-items:center;justify-content:center}.vb-tile-icon i{font-size:64px;opacity:.15;color:#ffffff80}.vb-tile--agrotrace .vb-tile-overlay,.vb-tile--whatsapp .vb-tile-overlay{background:linear-gradient(to right,#000000bf,#00000059,#0000)}.vb-tile--agrotrace:hover .vb-tile-overlay,.vb-tile--whatsapp:hover .vb-tile-overlay{background:linear-gradient(to right,#000000d9,#00000073,#0000001a)}.vb-tile--custom{background:linear-gradient(135deg,#3d2e4a,#2e2040)!important}.vb-tile--custom .vb-tile-overlay{background:none}.vb-tile--wide .vb-tile-name{font-size:clamp(28px,3vw,42px)}.vb-tile--wide .vb-tile-tag{font-size:14px}.vb-tile--wide .vb-tile-sub{font-size:clamp(14px,1.4vw,18px);max-width:60%}.vb-tile--brand{background:#141524;color:#fff;cursor:default;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;padding:32px}.vb-tile--brand:hover{box-shadow:0 4px 20px #0000001f}.vb-tile--brand:before{display:none}.vb-brand-logo{height:56px;margin-bottom:18px;filter:brightness(0) invert(1);position:relative;z-index:1}.vb-brand-title{font-size:clamp(28px,3vw,44px);font-weight:800;line-height:1.05;letter-spacing:-.03em;color:#ffffff73;margin:0;position:relative;z-index:1}.vb-tile--brand:after{content:"";position:absolute;top:20%;left:10%;width:80%;height:60%;background:radial-gradient(ellipse at 30% 40%,rgba(229,98,72,.25) 0%,transparent 60%),radial-gradient(ellipse at 70% 60%,rgba(61,46,74,.3) 0%,transparent 55%),radial-gradient(ellipse at 50% 30%,rgba(26,74,50,.2) 0%,transparent 50%);filter:blur(32px);z-index:0;pointer-events:none}.vb-tile--brand{border-radius:14px 0 0 14px}.vb-tile--agrotrace{border-radius:0}.vb-tile--botica{border-radius:0 14px 0 0}.vb-tile--gym,.vb-tile--bodega,.vb-tile--ferreteria{border-radius:0}.vb-tile--autopartes{border-radius:0 0 0 14px}.vb-tile--whatsapp{border-radius:0}.vb-tile--custom{border-radius:0 0 14px}.vb-hero-team{position:absolute;inset:0;z-index:3;display:flex;justify-content:center;align-items:center;padding:0 clamp(24px,5vw,80px);opacity:0;pointer-events:none;transform-origin:top left;will-change:opacity,transform}.vb-team-split{display:flex;align-items:center;gap:clamp(48px,6vw,100px);width:100%;max-width:1000px}.vb-team-left{flex:0 0 44%;max-width:440px}.vb-team-q{margin:0 0 40px;line-height:.92}.vb-team-q1{display:block;font-size:clamp(15px,1.5vw,19px);font-weight:500;color:var(--text-3);letter-spacing:.01em;margin-bottom:8px}.vb-team-q2{display:block;font-size:clamp(42px,5vw,64px);font-weight:900;color:var(--navy);letter-spacing:-.05em}.vb-receipt{list-style:none;margin:0;padding:0}.vb-receipt li{display:flex;justify-content:space-between;align-items:baseline;padding:9px 0;border-bottom:1px solid rgba(0,0,0,.05);font-size:15px;color:var(--text-2);opacity:0;transform:translate(-24px)}.vb-receipt li span:last-child{font-weight:700;font-variant-numeric:tabular-nums;color:var(--text-3);font-size:14px;letter-spacing:-.01em}.vb-receipt-total{display:flex;justify-content:space-between;align-items:baseline;padding:16px 0 0;margin-top:4px;border-top:2px solid var(--navy);opacity:0}.vb-receipt-total>span:first-child{font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-3)}.vb-receipt-total-num{font-size:clamp(28px,3vw,38px);font-weight:900;color:var(--text-3);letter-spacing:-.03em;opacity:.4;text-decoration:line-through;text-decoration-thickness:3px;text-decoration-color:var(--coral)}.vb-receipt-annual{font-size:13px;color:var(--coral);font-weight:600;margin:8px 0 0;text-align:right;opacity:0}.vb-team-right{flex:1;display:flex;flex-direction:column;align-items:center;position:relative}.vb-team-or{position:absolute;left:-32px;top:50%;transform:translate(-50%,-50%);width:40px;height:40px;border-radius:50%;background:#f5f3f0;border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;color:var(--text-3);z-index:3;opacity:0}.vb-team-circle{width:clamp(240px,28vw,340px);height:clamp(240px,28vw,340px);border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;opacity:0;transform:scale(.5)}.vb-team-circle-orbit{position:absolute;inset:-20px;border-radius:50%;border:1px dashed rgba(31,32,52,.06);animation:vb-orbit-spin 50s linear infinite}.vb-team-circle-orbit:before{content:"";position:absolute;top:-3px;left:50%;width:5px;height:5px;border-radius:50%;background:var(--coral);opacity:.4}@keyframes vb-orbit-spin{to{transform:rotate(360deg)}}.vb-team-circle-inner{width:100%;height:100%;border-radius:50%;background:var(--navy);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;box-shadow:0 32px 80px #1f20344d,0 0 0 1px #ffffff0a inset;position:relative;overflow:hidden}.vb-team-circle-inner:before{content:"";position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.07),transparent 55%)}.vb-team-circle-logo{height:22px;filter:brightness(0) invert(1);opacity:.6;margin-bottom:2px}.vb-team-circle-desde{font-size:12px;font-weight:500;color:#fff6;letter-spacing:.06em;text-transform:uppercase;opacity:0}.vb-team-circle-price{font-size:clamp(32px,4vw,48px);font-weight:900;color:#fff;letter-spacing:-.04em;line-height:1;position:relative;z-index:1}.vb-team-circle-unit{font-size:13px;font-weight:500;color:#ffffff4d;letter-spacing:.02em;opacity:0}.vb-team-circle-badge{margin-top:18px;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--coral);text-align:center;opacity:0}.vb-team-circle-sub{margin-top:6px;font-size:14px;color:var(--text-3);text-align:center;line-height:1.6;opacity:0}.vb-orbit-dot{position:absolute;width:5px;height:5px;border-radius:50%;background:var(--coral);opacity:0;transform:scale(0)}.vb-orbit-dot:nth-child(1){top:-3px;left:25%}.vb-orbit-dot:nth-child(2){bottom:12%;right:-3px}.vb-orbit-dot:nth-child(3){bottom:-3px;left:40%}.vb-cta{background:var(--coral);padding:120px 0;position:relative;overflow:hidden}.vb-cta-w{max-width:500px;margin:0 auto;padding:0 48px;text-align:center;position:relative}.vb-cta-w h2{font-size:clamp(24px,3vw,40px);font-weight:800;color:#fff;line-height:1.1;letter-spacing:-.03em;margin-bottom:14px;text-shadow:0 1px 2px rgba(0,0,0,.1);opacity:0}.vb-cta-w>p{font-size:15px;color:#ffffffd9;line-height:1.7;margin-bottom:32px;opacity:0}.vb-cta-btns{display:flex;justify-content:center;gap:12px}.vb-cta-btns .vb-btn{opacity:0}.vb-footer{background:#f5f3f0;padding:48px 0 0;border-top:1px solid var(--border)}.vb-footer-w{max-width:1100px;margin:0 auto;padding:0 40px}.vb-footer-top{display:flex;justify-content:space-between;gap:40px;padding-bottom:36px}.vb-footer-brand{max-width:220px}.vb-footer-logo{height:16px;margin-bottom:8px;opacity:.5}.vb-footer-brand p{font-size:13px;color:var(--text-2);line-height:1.6}.vb-footer-cols{display:flex;gap:48px}.vb-footer-cols h5{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:var(--text-3);margin-bottom:12px}.vb-footer-cols a{display:block;font-size:13px;color:var(--text-2);margin-bottom:7px;transition:color .2s}.vb-footer-cols a:hover{color:var(--navy)}.vb-footer-bot{border-top:1px solid var(--border);padding:14px 0}.vb-footer-bot span{font-size:11px;color:var(--text-3)}@media(max-width:1024px){.vb-tile{padding:28px}.vb-tile-name{font-size:clamp(16px,2.2vw,24px)}.vb-tile-sub{font-size:13px}}@media(max-width:768px){.vb-nav-w{padding:0 20px}.vb-nav-sign{display:none}.vb-tile-icon i{font-size:36px}.vb-tiles{grid-template-columns:repeat(2,1fr);grid-template-rows:auto;gap:4px;padding:4px}.vb-tile{grid-column:auto!important;grid-row:auto!important}.vb-tile:nth-child(1){--ocx: .5 !important;--ocy: 1 !important}.vb-tile:nth-child(2){--ocx: -.5 !important;--ocy: 1 !important}.vb-tile:nth-child(3){--ocx: .5 !important;--ocy: .5 !important}.vb-tile:nth-child(4){--ocx: -.5 !important;--ocy: .5 !important}.vb-tile:nth-child(5){--ocx: .5 !important;--ocy: 0 !important}.vb-tile:nth-child(6){--ocx: -.5 !important;--ocy: 0 !important}.vb-tile:nth-child(7){--ocx: .5 !important;--ocy: -.5 !important}.vb-tile:nth-child(8){--ocx: -.5 !important;--ocy: -.5 !important}.vb-tile--brand{--ocx: 0 !important;--ocy: 1.5 !important;grid-column:1 / -1!important;grid-row:auto!important}.vb-tile--brand{flex-direction:row;align-items:center;gap:12px;padding:20px 24px;border-radius:10px 10px 0 0}.vb-brand-logo{height:28px;margin-bottom:0}.vb-brand-title{font-size:18px}.vb-tile--brand:after{top:0;left:0;width:100%;height:100%;filter:blur(20px)}.vb-tile--agrotrace,.vb-tile--botica,.vb-tile--gym,.vb-tile--bodega,.vb-tile--ferreteria,.vb-tile--whatsapp,.vb-tile--autopartes{border-radius:0!important}.vb-tile--custom{border-radius:0 0 10px 10px!important}.vb-tile{transform:translate(calc((100% + 4px) * var(--ocx, 0) * var(--s)),calc((100% + 4px) * var(--ocy, 0) * var(--s))) scale(calc(1 + var(--s) * .5));border-radius:0;padding:20px}.vb-tile-name{font-size:16px}.vb-tile-tag{font-size:10px;letter-spacing:1px}.vb-tile-sub{font-size:12px;max-width:100%}.vb-tile--wide .vb-tile-name{font-size:18px}.vb-tile--wide .vb-tile-tag{font-size:11px}.vb-tile--wide .vb-tile-sub{max-width:80%}.vb-hero-heading{font-size:clamp(24px,7vw,40px)}.vb-hero-ct,.vb-hero-team{padding:0 24px}.vb-team-grid{grid-template-columns:repeat(2,1fr);grid-template-rows:auto;gap:8px}.vb-role--1{grid-column:1 / -1;grid-row:auto}.vb-role--2,.vb-role--3,.vb-role--4,.vb-role--5,.vb-role--6,.vb-role--7{grid-column:auto;grid-row:auto}.vb-team-split{flex-direction:column;gap:36px}.vb-team-left{flex:none;max-width:100%}.vb-team-q{margin-bottom:24px;text-align:center}.vb-team-q2{font-size:36px}.vb-receipt li{font-size:14px;padding:7px 0}.vb-receipt-total-num{font-size:26px}.vb-team-or{display:none}.vb-team-circle{width:180px;height:180px}.vb-team-circle-badge{font-size:11px}.vb-team-circle-sub{font-size:13px}.vb-quote{padding:80px 0}.vb-quote-w{padding:0 24px}.vb-cta{padding:72px 0}.vb-cta-w{padding:0 24px}.vb-cta-btns{flex-direction:column;align-items:center}.vb-footer-w{padding:0 20px}.vb-footer-top{flex-direction:column;gap:20px}.vb-footer-cols{flex-wrap:wrap;gap:24px}}@media(max-width:480px){.vb-tiles{gap:3px;padding:3px}.vb-tile{padding:16px}.vb-tile-name{font-size:14px}.vb-tile-sub,.vb-tile-cta{display:none}.vb-tile-icon i{font-size:28px}.vb-hero-heading{font-size:clamp(22px,6.5vw,32px);max-width:300px}.vb-quote-text{font-size:18px}}:root{--vb-bg: #FAF8F5;--vb-navy: #1F2034;--vb-navy-light: #2A2B40;--vb-coral: #E56248;--vb-coral-hover: #d4533a;--vb-text: #1F2034;--vb-text-secondary: #555666;--vb-text-tertiary: #999AAD;--vb-border: #E5E6EB;--vb-surface-soft: #F5F3F0;--color-sidebar: #1b4332;--color-bg: #fefae0;--color-card: #ffffff;--color-primary: #2d6a4f;--color-accent: #e76f51;--color-success: #00b96b;--color-warning: #faad14;--color-danger: #ff4d4f;--color-text: #1f1f1f;--color-text-secondary: #8c8c8c;--color-border: #d4c5a9;--auth-bg: #0a1f14;--auth-grid: rgba(231, 111, 81, .03);--auth-mark: #e76f51;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-6: 24px;--space-8: 32px;--space-12: 48px;--space-16: 64px;--space-24: 96px;--space-30: 120px;--radius-xs: 4px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 14px;--radius-2xl: 16px;--radius-full: 50%;--shadow-1: 0 1px 3px rgba(0, 0, 0, .06);--shadow-2: 0 2px 8px rgba(0, 0, 0, .1);--shadow-3: 0 4px 12px rgba(0, 0, 0, .1);--shadow-4: 0 4px 20px rgba(0, 0, 0, .12);--shadow-5: 0 8px 24px rgba(0, 0, 0, .06);--shadow-6: 0 12px 40px rgba(0, 0, 0, .18);--shadow-glow: 0 0 24px rgba(231, 111, 81, .3);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, system-ui, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--font-serif: "Instrument Serif", Georgia, serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;width:100%;overflow:hidden}html:has(.landing-container),html:has(.landing-container) body,html:has(.landing-container) #root{overflow:auto;height:auto;scroll-snap-type:y mandatory}html:has(.hp),html:has(.hp) body,html:has(.hp) #root{overflow:auto!important;height:auto!important;overflow-x:hidden!important}html:has(.at-hero),html:has(.at-hero) body,html:has(.at-hero) #root{overflow:auto!important;height:auto!important;overflow-x:hidden!important}body{font-family:Inter,-apple-system,BlinkMacSystemFont,system-ui,Segoe UI,sans-serif;font-size:13px;line-height:1.6;color:#1f1f1f;background-color:#fefae0;-webkit-font-smoothing:antialiased}.app-layout{display:flex;height:100vh;width:100%;overflow:hidden}.sidebar{position:fixed;top:0;left:0;width:192px;height:100vh;background:#1b4332;color:#ffffffa6;display:flex;flex-direction:column;z-index:100;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:#2d6a4f #1b4332;border-right:1px solid #2d6a4f}.sidebar::-webkit-scrollbar{width:3px}.sidebar::-webkit-scrollbar-track{background:#1b4332}.sidebar::-webkit-scrollbar-thumb{background:#2d6a4f;border-radius:6px}.sidebar-logo{display:flex;align-items:center;gap:8px;padding:10px 12px;border-bottom:1px solid #2d6a4f;font-size:13px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:#fff;white-space:nowrap;flex-shrink:0;background:linear-gradient(180deg,#245a3a,#1b4332)}.sidebar-logo i{color:#52b788;font-size:16px}.sidebar-nav{list-style:none;padding:4px 0;flex:1}.sidebar-link{display:flex;align-items:center;gap:8px;padding:7px 12px;color:#ffffffa6;text-decoration:none;font-size:12px;font-weight:500;border-left:2px solid transparent;transition:all .15s;cursor:pointer;white-space:nowrap}.sidebar-link i{width:16px;text-align:center;font-size:12px;opacity:.7}.sidebar-link:hover{background:#ffffff0f;color:#ffffffd9;border-radius:8px;margin:1px 6px}.sidebar-link.active{background:#52b78826;color:#52b788;border-left:none;border-radius:8px;margin:1px 6px;font-weight:600}.sidebar-link.active i{opacity:1}.sidebar-footer{padding:8px 12px;border-top:1px solid #2d6a4f;margin-top:auto}.sidebar-version{font-size:10px;color:#ffffff40}.sidebar-section{font-size:9px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#ffffff30;padding:10px 12px 3px;margin-top:2px}.sidebar-divider{height:1px;background:#2d6a4f;margin:4px 8px}.sidebar-link.locked{opacity:.35;cursor:not-allowed}.sidebar-link.locked:hover{background:transparent;color:#ffffffa6}.sidebar-lock-icon{margin-left:auto;font-size:9px;opacity:.5}.sidebar-plan-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border:1px solid;border-radius:12px;margin-bottom:6px}.sidebar-plan-badge span{font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.sidebar-upgrade-btn{display:flex;align-items:center;gap:5px;width:100%;padding:5px 8px;margin-bottom:6px;background:#e76f5114;border:1px solid rgba(231,111,81,.15);border-radius:12px;color:#e76f51;font-size:10px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:all .15s}.sidebar-upgrade-btn:hover{background:#e76f5126;border-color:#e76f514d}.sidebar-upgrade-btn i{font-size:9px}.sidebar.collapsed{width:48px}.sidebar.collapsed .sidebar-link span,.sidebar.collapsed .sidebar-logo span{display:none}.sidebar.collapsed .sidebar-link{justify-content:center;padding:8px}.sidebar.collapsed .sidebar-link i{margin:0}.sidebar.collapsed .sidebar-lock-icon,.sidebar.collapsed .sidebar-plan-badge,.sidebar.collapsed .sidebar-upgrade-btn{display:none}.main-content{margin-left:192px;flex:1;display:flex;flex-direction:column;height:100vh;overflow:hidden;background:#fefae0}.main-content.sidebar-collapsed{margin-left:48px}.topbar{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;height:40px;padding:0 12px;background:#fff;border-bottom:1px solid #d4c5a9;z-index:50;flex-shrink:0}.topbar-left,.topbar-right{display:flex;align-items:center;gap:8px}.btn-icon{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border:none;background:transparent;color:#8c8c8c;border-radius:12px;cursor:pointer;font-size:13px;transition:all .15s}.btn-icon:hover{background:#fefae0;color:#1f1f1f}.search-box{display:flex;align-items:center;gap:6px;background:#f5f0e3;border:1px solid #d4c5a9;border-radius:12px;padding:3px 8px;width:280px;transition:border-color .15s}.search-box:focus-within{border-color:#2d6a4f}.search-box i{color:#bfbfbf;font-size:11px}.search-box input{border:none;background:transparent;outline:none;font-size:12px;color:#1f1f1f;width:100%;font-family:inherit}.search-box input::placeholder{color:#bfbfbf}.topbar-alert-btn{position:relative}.alert-count{position:absolute;top:2px;right:2px;min-width:14px;height:14px;background:#ff4d4f;color:#fff;border-radius:7px;font-size:9px;font-weight:700;display:flex;align-items:center;justify-content:center;padding:0 3px;line-height:1}.topbar-plan-tag{font-size:9px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:1px 6px;border:1px solid;border-radius:12px}.topbar-wsp-wrap{position:relative}.topbar-wsp-btn{position:relative;color:#25d366!important;font-size:15px!important}.topbar-wsp-btn:hover{background:#dcfce7!important}.wsp-count{position:absolute;top:1px;right:0;min-width:14px;height:14px;background:#25d366;color:#fff;border-radius:7px;font-size:9px;font-weight:700;display:flex;align-items:center;justify-content:center;padding:0 3px;line-height:1}.wsp-dropdown{position:absolute;top:100%;right:0;margin-top:6px;width:340px;background:#fff;border:1px solid #d4c5a9;border-radius:14px;box-shadow:0 8px 24px #0000001f;z-index:200;overflow:hidden;animation:wsp-fade-in .2s ease-out}@keyframes wsp-fade-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.wsp-dropdown-header{display:flex;align-items:center;gap:8px;padding:12px 14px;font-size:12px;font-weight:700;color:#1f1f1f;border-bottom:1px solid #f1f5f9}.wsp-dropdown-header i{color:#25d366;font-size:16px}.wsp-dropdown-list{max-height:320px;overflow-y:auto}.wsp-dropdown-item{display:flex;gap:10px;padding:10px 14px;border-bottom:1px solid #f8f8f8;transition:background .1s;cursor:default}.wsp-dropdown-item:hover{background:#fafaf5}.wsp-dropdown-item:last-child{border-bottom:none}.wsp-dropdown-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:13px;flex-shrink:0;margin-top:2px}.wsp-dropdown-content{flex:1;min-width:0}.wsp-dropdown-title{font-size:12px;font-weight:700;color:#1f1f1f;margin-bottom:2px}.wsp-dropdown-desc{font-size:11px;color:#64748b;line-height:1.4}.wsp-dropdown-meta{display:flex;justify-content:space-between;margin-top:4px;font-size:10px;color:#94a3b8}.wsp-dropdown-footer{display:flex;align-items:center;justify-content:center;gap:6px;padding:10px;font-size:11px;font-weight:600;color:#64748b;border-top:1px solid #f1f5f9;background:#fafaf5}.topbar-user-menu{position:relative}.topbar-user{display:flex;align-items:center;gap:6px;border:none;background:transparent;cursor:pointer;padding:2px 4px;border-radius:12px;transition:background .15s}.topbar-user:hover{background:#fefae0}.topbar-chevron{font-size:8px;color:#8c8c8c;margin-left:2px;transition:transform .2s}.topbar-chevron.open{transform:rotate(180deg)}.user-avatar{width:24px;height:24px;border-radius:12px;background:#2d6a4f;color:#fff;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700}.user-info{display:flex;flex-direction:column;line-height:1.2}.user-name{font-size:12px;font-weight:600;color:#1f1f1f}.user-role{font-size:10px;color:#8c8c8c}.user-dropdown{position:absolute;top:100%;right:0;margin-top:4px;width:220px;background:#fff;border:1px solid #d4c5a9;border-radius:12px;box-shadow:0 4px 12px #0000001a;z-index:200;padding:4px 0}.dropdown-header{padding:8px 12px;display:flex;flex-direction:column}.dropdown-header strong{font-size:12px;color:#1f1f1f}.dropdown-header span{font-size:10px;color:#8c8c8c}.dropdown-divider{height:1px;background:#e8dcc8;margin:4px 0}.dropdown-item{display:flex;align-items:center;gap:8px;width:100%;padding:6px 12px;border:none;background:transparent;font-size:12px;color:#1f1f1f;cursor:pointer;text-align:left;transition:background .15s}.dropdown-item:hover{background:#f5f0e3}.dropdown-item i{width:14px;text-align:center;font-size:11px;color:#8c8c8c}.dropdown-item-danger,.dropdown-item-danger i{color:#ff4d4f}.dropdown-item-danger:hover{background:#fff1f0}.page-wrapper{flex:1;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#d4c5a9 transparent}.page-wrapper::-webkit-scrollbar{width:5px}.page-wrapper::-webkit-scrollbar-thumb{background:#d4c5a9;border-radius:12px}.page-content{padding:12px}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.page-header h1{font-size:15px;font-weight:700;color:#1f1f1f}.page-subtitle{font-size:11px;color:#8c8c8c;margin-left:8px}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.kpi-card{background:#fff;border:1px solid #d4c5a9;border-radius:12px;padding:10px 12px;display:flex;align-items:center;gap:10px;transition:border-color .15s}.kpi-card:hover{border-color:#2d6a4f}.kpi-icon{width:36px;height:36px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:15px;flex-shrink:0}.kpi-info{display:flex;flex-direction:column;min-width:0}.kpi-value{font-size:20px;font-weight:800;color:#1f1f1f;line-height:1.1;font-variant-numeric:tabular-nums}.kpi-label{font-size:11px;color:#8c8c8c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kpi-trend{font-size:10px;font-weight:600;margin-top:1px}.kpi-trend i{font-size:9px;margin-right:2px}.status-badge{display:inline-flex;align-items:center;padding:1px 6px;border-radius:12px;font-size:11px;font-weight:600;white-space:nowrap;border:1px solid;line-height:1.5}.status-badge.badge-sm{font-size:10px;padding:0 4px}.badge-success{background:#f6ffed;color:#389e0d;border-color:#b7eb8f}.badge-warning{background:#fffbe6;color:#d48806;border-color:#ffe58f}.badge-danger{background:#fff2f0;color:#cf1322;border-color:#ffccc7}.badge-info{background:#d8f3dc;color:#1b4332;border-color:#95d5b2}.badge-neutral{background:#faf6eb;color:#8c8c8c;border-color:#d4c5a9}.table-container{overflow-x:auto;border:1px solid #d4c5a9;border-radius:12px}.data-table{width:100%;border-collapse:collapse;font-size:12px}.data-table th{background:#faf6eb;padding:6px 8px;text-align:left;font-weight:600;color:#1f1f1f;border-bottom:1px solid #d4c5a9;font-size:11px;white-space:nowrap;position:sticky;top:0;z-index:1;-webkit-user-select:none;user-select:none}.data-table td{padding:5px 8px;border-bottom:1px solid #e8dcc8;color:#1f1f1f;vertical-align:middle}.data-table tr:hover td{background:#faf6eb}.data-table tr:last-child td{border-bottom:none}.table-sortable th{cursor:pointer}.table-sortable th:hover{background:#e8dcc8}.sort-icon{margin-left:3px;font-size:9px;color:#2d6a4f}.table-pagination{display:flex;align-items:center;justify-content:center;gap:8px;padding:6px 8px;border-top:1px solid #e8dcc8;background:#faf6eb}.pagination-info{font-size:11px;color:#8c8c8c}.filter-bar{display:flex;align-items:flex-end;gap:8px;padding:8px 10px;background:#fff;border:1px solid #d4c5a9;border-radius:12px;margin-bottom:8px;flex-wrap:wrap}.filter-group{display:flex;flex-direction:column;gap:2px}.filter-label{font-size:10px;font-weight:600;color:#8c8c8c;text-transform:uppercase;letter-spacing:.3px}.filter-select,.filter-input{padding:3px 8px;border:1px solid #d4c5a9;border-radius:12px;font-size:12px;font-family:inherit;color:#1f1f1f;background:#fff;outline:none;min-width:120px;transition:border-color .15s}.filter-select:focus,.filter-input:focus{border-color:#2d6a4f}.modal-overlay{position:fixed;inset:0;background:#00000073;z-index:200;display:flex;align-items:center;justify-content:center;animation:fadeIn .1s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{background:#fff;border-radius:16px;width:520px;max-height:80vh;overflow-y:auto;box-shadow:0 6px 16px #0000001f}.modal-sm{width:380px}.modal-lg{width:780px}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;border-bottom:1px solid #e8dcc8}.modal-header h3{font-size:14px;font-weight:600}.modal-body{padding:12px 16px}.modal-footer{padding:8px 16px;border-top:1px solid #e8dcc8;display:flex;justify-content:flex-end;gap:6px}.timeline{position:relative;padding-left:24px}.timeline:before{content:"";position:absolute;left:8px;top:0;bottom:0;width:1px;background:#d4c5a9}.timeline-item{position:relative;padding:0 0 12px}.timeline-item:last-child{padding-bottom:0}.timeline-marker{position:relative}.timeline-dot{position:absolute;left:-24px;top:2px;width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:2;border:2px solid #fff}.timeline-dot i{font-size:7px;color:#fff}.timeline-line{display:none}.timeline-content{background:#faf6eb;border:1px solid #e8dcc8;border-radius:12px;padding:6px 10px}.timeline-title{font-size:12px;font-weight:600;color:#1f1f1f;text-transform:capitalize}.timeline-details{font-size:11px;color:#595959;margin-top:2px}.timeline-meta{display:flex;gap:12px;margin-top:4px;font-size:10px;color:#8c8c8c}.timeline-meta i{margin-right:3px}.timeline-date,.timeline-user,.timeline-location{white-space:nowrap}.score-bar-wrapper{display:flex;align-items:center;gap:6px}.score-bar{flex:1;height:6px;background:#e8dcc8;border-radius:6px;overflow:hidden;min-width:50px}.score-fill{height:100%;border-radius:6px;transition:width .3s}.score-label{font-size:11px;color:#8c8c8c;white-space:nowrap}.score-value{font-size:12px;font-weight:700;min-width:24px;text-align:right}.chart-card{background:#fff;border:1px solid #d4c5a9;border-radius:12px;padding:10px 12px}.chart-container{position:relative;width:100%;height:200px}.chart-container canvas{width:100%!important;height:100%!important}.quick-actions-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px}.quick-action-card{display:flex;align-items:center;gap:10px;padding:12px 14px;background:#fff;border:1px solid #d4c5a9;border-radius:12px;cursor:pointer;transition:all .15s;text-align:left}.quick-action-card:hover{border-color:#2d6a4f;box-shadow:0 1px 4px #2d6a4f14}.quick-action-icon{width:38px;height:38px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:15px;flex-shrink:0}.quick-action-text{flex:1;min-width:0;display:flex;flex-direction:column}.quick-action-text strong{font-size:12px;font-weight:600;color:#1f1f1f;line-height:1.3}.quick-action-text span{font-size:11px;color:#8c8c8c;line-height:1.3}.quick-action-arrow{color:#bfbfbf;font-size:11px;flex-shrink:0;transition:transform .15s}.quick-action-card:hover .quick-action-arrow{transform:translate(2px);color:#2d6a4f}.pipeline-section{margin-bottom:12px}.section-title{font-size:13px;font-weight:600;color:#1f1f1f;margin:0 0 8px;display:flex;align-items:center;gap:6px}.section-title i{color:#8c8c8c;font-size:12px}.pipeline-track{display:flex;align-items:center;gap:0;background:#fff;border:1px solid #d4c5a9;border-radius:12px;padding:14px 10px}.pipeline-stage{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer;transition:opacity .15s}.pipeline-stage:hover{opacity:.8}.pipeline-icon{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px}.pipeline-count{font-size:18px;font-weight:800;color:#1f1f1f;line-height:1}.pipeline-label{font-size:10px;color:#8c8c8c;font-weight:500;text-transform:uppercase;letter-spacing:.03em}.pipeline-connector{color:#d4c5a9;font-size:10px;padding:0 2px;flex-shrink:0}.activity-feed{display:flex;flex-direction:column}.activity-item{display:flex;align-items:flex-start;gap:10px;padding:8px 0;border-bottom:1px solid #e8dcc8}.activity-item:last-child{border-bottom:none}.activity-icon{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;flex-shrink:0}.activity-text{display:flex;flex-direction:column;min-width:0}.activity-text span{font-size:12px;color:#1f1f1f;line-height:1.4}.activity-text small{font-size:11px;color:#8c8c8c}.tour-overlay{position:fixed;inset:0;z-index:10000;pointer-events:none}.tour-mask{position:fixed;inset:0;pointer-events:auto}.tour-highlight{position:fixed;border:2px solid #2d6a4f;border-radius:16px;box-shadow:0 0 0 4px #2d6a4f26;pointer-events:none;transition:all .3s ease}.tour-tooltip{position:fixed;width:340px;max-width:calc(100vw - 40px);background:#fff;border-radius:16px;padding:20px;box-shadow:0 8px 32px #0000002e,0 2px 8px #00000014;pointer-events:auto;z-index:10001;transition:top .3s ease,left .3s ease}.tour-tooltip-step{font-size:11px;font-weight:600;color:#2d6a4f;text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px}.tour-tooltip-title{font-size:15px;font-weight:700;color:#1f1f1f;margin:0 0 6px}.tour-tooltip-content{font-size:13px;color:#595959;line-height:1.5;margin:0 0 16px}.tour-tooltip-actions{display:flex;align-items:center;justify-content:space-between}.tour-tooltip-nav{display:flex;gap:8px}.tour-btn-skip{background:none;border:none;color:#8c8c8c;font-size:12px;cursor:pointer;padding:4px 8px}.tour-btn-skip:hover{color:#595959}.tour-btn-back{display:inline-flex;align-items:center;gap:4px;background:none;border:1px solid #d4c5a9;color:#595959;font-size:12px;padding:5px 12px;border-radius:16px;cursor:pointer}.tour-btn-next{display:inline-flex;align-items:center;gap:4px;background:#2d6a4f;border:none;color:#fff;font-size:12px;font-weight:600;padding:5px 16px;border-radius:16px;cursor:pointer}.tour-dots{display:flex;justify-content:center;gap:6px;margin-top:14px}.tour-dot{width:6px;height:6px;border-radius:50%;background:#e0d5c0;transition:all .2s}.tour-dot.active{background:#2d6a4f;transform:scale(1.3)}.stepper{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:12px;padding:0 8px}.stepper-step{display:flex;flex-direction:column;align-items:center;position:relative;flex:1;text-align:center}.stepper-circle{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;margin-bottom:4px;background:#f5f0e3;color:#bfbfbf;border:1px solid #d4c5a9;position:relative;z-index:2;transition:all .15s}.stepper-step.active .stepper-circle{background:#2d6a4f;color:#fff;border-color:#2d6a4f}.stepper-step.completed .stepper-circle{background:#00b96b;color:#fff;border-color:#00b96b}.stepper-label{font-size:10px;color:#8c8c8c}.stepper-step.active .stepper-label{color:#2d6a4f;font-weight:600}.stepper-line{position:absolute;top:14px;left:calc(50% + 18px);right:calc(-50% + 18px);height:1px;background:#d4c5a9;z-index:1}.stepper-step.completed .stepper-line{background:#00b96b}.stepper-step:last-child .stepper-line{display:none}.stepper-content{min-height:140px}.heatmap-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px}.heatmap-cell{padding:10px;border-radius:12px;border:1px solid;display:flex;flex-direction:column;align-items:center;gap:2px;cursor:default;transition:transform .1s}.heatmap-cell:hover{transform:scale(1.02)}.heatmap-zone{font-size:10px;font-weight:700;color:#1f1f1f}.heatmap-value{font-size:22px;font-weight:800}.heatmap-sensors{font-size:9px;color:#8c8c8c}.sensor-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:6px}.sensor-card{background:#fff;border:1px solid #d4c5a9;border-radius:12px;padding:8px 10px;display:flex;flex-direction:column;gap:4px;cursor:pointer;transition:border-color .15s}.sensor-card:hover{border-color:#2d6a4f}.sensor-alert{border-color:#ff4d4f;background:#fff2f0}.sensor-warning{border-color:#faad14;background:#fffbe6}.sensor-header{display:flex;align-items:center;justify-content:space-between}.sensor-type{font-size:10px;font-weight:600;color:#8c8c8c;text-transform:uppercase;display:flex;align-items:center;gap:4px;letter-spacing:.3px}.sensor-value{font-size:24px;font-weight:800;color:#1f1f1f;line-height:1;font-variant-numeric:tabular-nums}.sensor-location{font-size:10px;color:#8c8c8c}.sensor-limits{font-size:9px;color:#bfbfbf}.sensor-status{width:8px;height:8px;border-radius:50%;display:inline-block}.sensor-status.status-danger{background:#ff4d4f;box-shadow:0 0 4px #ff4d4f80}.sensor-status.status-warning{background:#faad14;box-shadow:0 0 4px #faad1480}.sensor-status.status-ok{background:#00b96b;box-shadow:0 0 4px #00b96b80}.map-container{width:100%;height:400px;border-radius:12px;overflow:hidden;border:1px solid #d4c5a9;background:#f5f0e3}.map-container .leaflet-container{height:100%;width:100%;font-family:inherit}.ship-marker-icon{background:transparent!important;border:none!important;display:flex;align-items:center;justify-content:center}.alerts-overlay{position:fixed;inset:0;background:#0000004d;z-index:140}.alerts-panel{position:fixed;top:0;right:-360px;width:360px;height:100vh;background:#fff;border-left:1px solid #d4c5a9;z-index:150;display:flex;flex-direction:column;transition:right .2s}.alerts-panel.open{right:0}.alerts-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-bottom:1px solid #e8dcc8;flex-shrink:0}.alerts-header h3{font-size:13px;font-weight:700}.alerts-list{flex:1;overflow-y:auto;padding:6px}.alert-item{display:flex;gap:8px;padding:8px;border-radius:12px;margin-bottom:4px;border-left:3px solid transparent;background:#faf6eb;transition:background .1s;cursor:pointer;align-items:flex-start}.alert-item:hover{background:#e8dcc8}.alert-item.resolved{opacity:.4}.alert-critica{border-left-color:#ff4d4f}.alert-alta{border-left-color:#fa8c16}.alert-media{border-left-color:#faad14}.alert-baja{border-left-color:#2d6a4f}.alert-icon{flex-shrink:0;font-size:13px;margin-top:1px}.alert-content{flex:1;min-width:0}.alert-message{font-size:11px;color:#1f1f1f;line-height:1.4}.alert-time{font-size:10px;color:#bfbfbf;margin-top:2px;display:block}.bp-search-hero{background:linear-gradient(135deg,#064e3b,#065f46,#047857);border-radius:16px;padding:36px 24px 32px;text-align:center;margin-bottom:12px;position:relative;overflow:hidden}.bp-search-hero:before{content:"";position:absolute;top:-30%;right:-10%;width:300px;height:300px;background:radial-gradient(circle,rgba(255,255,255,.06) 0%,transparent 70%);pointer-events:none}.bp-search-icon{width:48px;height:48px;background:#ffffff1f;border:1px solid rgba(255,255,255,.2);border-radius:10px;display:inline-flex;align-items:center;justify-content:center;font-size:20px;color:#6ee7b7;margin-bottom:12px}.bp-search-hero h1{font-size:20px;font-weight:800;color:#fff;margin-bottom:4px}.bp-search-hero p{font-size:12px;color:#fff9;margin-bottom:18px}.bp-search-bar{display:flex;align-items:center;max-width:480px;margin:0 auto;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:16px;padding:2px 2px 2px 12px;transition:all .2s}.bp-search-bar:focus-within{background:#ffffff26;border-color:#6ee7b7;box-shadow:0 0 0 3px #6ee7b726}.bp-search-bar>i{color:#fff6;font-size:13px;flex-shrink:0}.bp-search-input{flex:1;border:none;background:transparent;padding:8px 10px;font-size:13px;color:#fff;font-family:inherit;outline:none}.bp-search-input::placeholder{color:#ffffff59}.bp-search-bar .btn{border-radius:12px}.bp-section{margin-bottom:12px}.bp-section-title{font-size:13px;font-weight:700;color:#1f1f1f;margin-bottom:8px;display:flex;align-items:center;gap:6px;padding-bottom:6px;border-bottom:1px solid #e8dcc8}.bp-section-title i{color:#8c8c8c;font-size:12px}.bp-product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px}.bp-product-card{background:#fff;border:1px solid #d4c5a9;border-radius:12px;overflow:hidden;cursor:pointer;transition:all .2s}.bp-product-card:hover{border-color:#00b96b;box-shadow:0 2px 8px #00b96b1a;transform:translateY(-2px)}.bp-product-img{height:64px;overflow:hidden;background:#f5f0e3;border-bottom:2px solid #d4c5a9}.bp-product-img img{width:100%;height:100%;object-fit:cover}.bp-product-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.bp-product-fallback span{font-size:22px;font-weight:800;color:#fff;opacity:.8}.bp-product-info{padding:8px 10px}.bp-product-trace{font-size:10px;font-weight:700;color:#00b96b;font-family:SF Mono,Consolas,monospace}.bp-product-name{font-size:12px;font-weight:600;color:#1f1f1f;text-transform:capitalize;margin-top:1px}.bp-product-name span{color:#8c8c8c;font-weight:400}.bp-product-date{font-size:10px;color:#8c8c8c;margin-top:3px}.bp-product-date i{margin-right:3px;font-size:9px}.bp-filter-bar{background:#faf6eb;border:1px solid #e0d5c0;border-radius:14px;padding:16px;margin-bottom:16px}.bp-filter-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}.bp-filter-item{display:flex;flex-direction:column;gap:4px}.bp-filter-item label{font-size:10px;font-weight:700;color:#8c8c8c;text-transform:uppercase;letter-spacing:.3px}.bp-filter-item select,.bp-filter-item input{padding:6px 8px;border:1px solid #d4c5a9;border-radius:16px;font-size:12px;background:#fff;color:#1f1f1f}.bp-filter-item select:focus,.bp-filter-item input:focus{border-color:#00b96b;outline:none}.bp-filter-actions{display:flex;justify-content:space-between;align-items:center;margin-top:10px;padding-top:10px;border-top:1px solid #e8dcc8}.bp-filter-count{font-size:12px;color:#8c8c8c;font-weight:500}.bp-product-img{position:relative}.bp-grade-pill{position:absolute;top:4px;right:4px;padding:2px 8px;border-radius:10px;font-size:9px;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.3px}.bp-product-params{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.bp-product-params span{font-size:10px;color:#595959;font-weight:500;display:inline-flex;align-items:center;gap:3px;background:#f5f0e3;padding:2px 6px;border-radius:12px}.bp-product-params span i{font-size:8px;color:#00b96b}.bp-cert{max-width:900px;margin:0 auto}.bp-topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 0;margin-bottom:10px;border-bottom:1px solid #e8dcc8;flex-wrap:wrap}.bp-brand{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:800;color:#065f46}.bp-brand i{font-size:16px;color:#00b96b}.bp-brand-sub{font-size:11px;font-weight:400;color:#8c8c8c;padding-left:6px;border-left:1px solid #d4c5a9}.bp-topbar-id{font-size:11px;font-family:SF Mono,Consolas,monospace;color:#8c8c8c;background:#faf6eb;padding:2px 8px;border-radius:12px;border:1px solid #e8dcc8}.bp-hero{display:flex;gap:16px;background:#fff;border:1px solid #d4c5a9;border-radius:16px;overflow:hidden;margin-bottom:10px;align-items:stretch}.bp-hero-img{width:200px;flex-shrink:0;overflow:hidden;background:#f5f0e3}.bp-hero-img img{width:100%;height:100%;object-fit:cover}.bp-hero-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:40px;color:#ffffff80}.bp-hero-info{flex:1;padding:16px 0;display:flex;flex-direction:column;justify-content:center}.bp-hero-badge{display:inline-block;padding:1px 8px;background:var(--bp-accent, #00b96b);color:#fff;border-radius:12px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;align-self:flex-start}.bp-hero-info h1{font-size:22px;font-weight:800;color:#1f1f1f;text-transform:capitalize;line-height:1.1}.bp-hero-variety{font-size:13px;color:#8c8c8c;margin-bottom:8px}.bp-hero-meta{display:flex;gap:12px;font-size:11px;color:#8c8c8c}.bp-hero-meta i{margin-right:3px;color:#bfbfbf}.bp-hero-score{display:flex;align-items:center;gap:6px;margin-top:10px}.bp-score-ring{width:40px;height:40px;position:relative}.bp-score-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.bp-score-ring span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:11px;font-weight:800;color:#1f1f1f}.bp-score-label{font-size:10px;color:#8c8c8c;font-weight:600}.bp-hero-qr{width:160px;flex-shrink:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12px;background:#faf6eb;border-left:1px solid #e8dcc8}.bp-hero-qr span{margin-top:6px;font-size:9px;color:#8c8c8c;font-family:SF Mono,Consolas,monospace}.bp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:8px;margin-bottom:10px}.bp-card{background:#fff;border:1px solid #d4c5a9;border-radius:12px;overflow:hidden}.bp-full-card{margin-bottom:10px}.bp-card-header{display:flex;align-items:center;gap:6px;padding:8px 10px;background:#faf6eb;border-bottom:1px solid #e8dcc8}.bp-card-header i{font-size:12px}.bp-card-header h3{font-size:12px;font-weight:700;color:#1f1f1f;flex:1}.bp-card-header-sub{font-size:10px;color:#8c8c8c}.bp-card-body{padding:10px}.bp-card-body.bp-empty{text-align:center;color:#bfbfbf;padding:24px;font-size:12px}.bp-row{display:flex;justify-content:space-between;align-items:center;padding:4px 0;font-size:11px;border-bottom:1px solid #faf6eb}.bp-row:last-child{border-bottom:none}.bp-row>span{color:#8c8c8c}.bp-row>strong{color:#1f1f1f;font-weight:600;text-align:right;text-transform:capitalize}.bp-card-footer{padding:8px 10px;border-top:1px solid #e8dcc8;background:#faf6eb;display:flex;flex-wrap:wrap;gap:4px}.bp-cert-badge{display:inline-flex;align-items:center;gap:3px;font-size:10px;font-weight:600;color:#065f46;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:12px;padding:1px 6px}.bp-cert-badge i{font-size:9px;color:#00b96b}.bp-buyer-tag{font-size:11px;color:#595959}.bp-buyer-tag i{margin-right:4px;color:#8c8c8c}.bp-quality-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:8px}.bp-quality-item{display:flex;flex-direction:column}.bp-quality-value{font-size:18px;font-weight:800;color:#1f1f1f;line-height:1;font-variant-numeric:tabular-nums}.bp-quality-value small{font-size:11px;font-weight:400;color:#8c8c8c}.bp-quality-label{font-size:10px;color:#8c8c8c;margin:2px 0 4px;text-transform:uppercase;letter-spacing:.3px}.bp-quality-bar{height:3px;background:#e8dcc8;border-radius:6px;overflow:hidden}.bp-quality-bar>div{height:100%;border-radius:6px;transition:width .5s ease}.bp-shelf-life{display:flex;align-items:center;gap:6px;padding:6px 8px;background:#fffbe6;border:1px solid #ffe58f;border-radius:12px;font-size:11px;color:#d48806}.bp-shelf-life i{font-size:12px}.bp-shelf-life strong{color:#1f1f1f}.bp-ship-route{display:flex;align-items:center;gap:0;margin-bottom:10px;padding:6px 0}.bp-ship-port{display:flex;align-items:center;gap:4px;font-size:11px;font-weight:600;color:#1f1f1f}.bp-ship-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.bp-ship-line{flex:1;height:2px;background:repeating-linear-gradient(90deg,#d4c5a9 0px,#d4c5a9 4px,transparent 4px,transparent 8px);margin:0 8px}.bp-temp-chart{height:180px}.bp-footer{text-align:center;padding:16px;font-size:10px;color:#bfbfbf;display:flex;align-items:center;justify-content:center;gap:6px}.bp-footer i{font-size:12px;color:#d4c5a9}@media(max-width:768px){.bp-hero{flex-direction:column}.bp-hero-img{width:100%;height:140px}.bp-hero-info{padding:12px}.bp-hero-qr{width:100%;flex-direction:row;gap:12px;border-left:none;border-top:1px solid #e8dcc8;padding:10px}.bp-grid{grid-template-columns:1fr}.bp-quality-grid{grid-template-columns:repeat(2,1fr)}.bp-product-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.bp-topbar{justify-content:center}.bp-search-hero{padding:24px 12px 20px}}.recall-impact{margin-top:12px}.sustainability-ring{display:flex;flex-direction:column;align-items:center;width:auto;height:auto}.ring-chart{position:relative;width:80px;height:80px}.ring-chart svg{transform:rotate(-90deg)}.ring-value{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:14px;font-weight:800;color:#1f1f1f}.ring-label{font-size:10px;font-weight:600;color:#1f1f1f;margin-top:4px;display:block;text-align:center}.ring-detail{font-size:9px;color:#8c8c8c;display:block;text-align:center}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.form-group{display:flex;flex-direction:column;gap:3px;margin-bottom:8px}.form-label{font-size:11px;font-weight:600;color:#1f1f1f}.form-input,.form-select,.form-textarea{width:100%;padding:4px 8px;border:1px solid #d4c5a9;border-radius:12px;font-size:12px;font-family:inherit;color:#1f1f1f;background:#fff;outline:none;transition:border-color .15s}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#2d6a4f;box-shadow:0 0 0 2px #2d6a4f20}.form-input::placeholder,.form-textarea::placeholder{color:#bfbfbf}.form-input:disabled,.form-select:disabled{background:#f5f0e3;color:#bfbfbf;cursor:not-allowed}.form-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='%238c8c8c' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 6px center;padding-right:24px}.form-textarea{min-height:60px;resize:vertical}.btn{display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:4px 12px;border:1px solid transparent;border-radius:12px;font-size:12px;font-weight:600;font-family:inherit;cursor:pointer;transition:all .15s;white-space:nowrap;line-height:1.5}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:#2d6a4f;color:#fff;border-color:#2d6a4f}.btn-primary:hover:not(:disabled){background:#40916c;border-color:#40916c}.btn-success{background:#00b96b;color:#fff;border-color:#00b96b}.btn-success:hover:not(:disabled){background:#36cfc9;border-color:#36cfc9}.btn-danger{background:#ff4d4f;color:#fff;border-color:#ff4d4f}.btn-danger:hover:not(:disabled){background:#ff7875;border-color:#ff7875}.btn-outline{background:#fff;color:#1f1f1f;border-color:#d4c5a9}.btn-outline:hover:not(:disabled){color:#2d6a4f;border-color:#2d6a4f}.btn-sm{padding:2px 8px;font-size:11px}.btn-lg{padding:6px 18px;font-size:13px}.flex{display:flex}.flex-between{display:flex;align-items:center;justify-content:space-between}.flex-center{display:flex;align-items:center;justify-content:center}.gap-1{gap:4px}.gap-2{gap:6px}.gap-3{gap:10px}.gap-4{gap:16px}.text-success{color:#00b96b}.text-warning{color:#faad14}.text-danger{color:#ff4d4f}.text-secondary{color:#8c8c8c}.mt-1{margin-top:4px}.mt-2{margin-top:6px}.mt-3{margin-top:10px}.mt-4{margin-top:16px}.mb-1{margin-bottom:4px}.mb-2{margin-bottom:6px}.mb-3{margin-bottom:10px}.mb-4{margin-bottom:16px}.card{background:#fff;border:1px solid #d4c5a9;border-radius:12px;padding:10px 12px}.section-title{font-size:13px;font-weight:700;color:#1f1f1f;margin-bottom:8px;display:flex;align-items:center;gap:6px;padding-bottom:6px;border-bottom:1px solid #e8dcc8}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 16px;text-align:center;color:#bfbfbf;font-size:12px}.loading-spinner{display:inline-block;width:24px;height:24px;border:2px solid #e8dcc8;border-top-color:#2d6a4f;border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.tag{display:inline-flex;align-items:center;padding:0 5px;background:#faf6eb;border:1px solid #d4c5a9;border-radius:12px;font-size:10px;font-weight:500;color:#595959;white-space:nowrap;line-height:1.6;margin-right:3px;margin-bottom:2px}.legend-dot{width:10px;height:10px;border-radius:6px;display:inline-block}@media(max-width:1200px){.kpi-grid,.quick-actions-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.sidebar{width:0;overflow:hidden}.sidebar.sidebar-open{width:192px}.main-content{margin-left:0}.kpi-grid,.quick-actions-grid{grid-template-columns:1fr}.pipeline-track{flex-wrap:wrap;gap:8px;justify-content:center}.pipeline-connector{display:none}.bottom-row,.charts-row{flex-direction:column!important}.filter-bar{flex-direction:column}.search-box{width:180px}.page-header{flex-direction:column;align-items:flex-start;gap:6px}.stepper{flex-direction:column;gap:4px}.stepper-line{display:none}.modal{margin:8px;width:calc(100% - 16px)}.alerts-panel{width:100%;right:-100%}.map-container{height:280px}.sensor-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.tour-tooltip{width:280px}}.log-map-area{display:flex;gap:0;height:520px;border-radius:12px;overflow:hidden;border:1px solid #d4c5a9;position:relative}.log-map-wrap{flex:1;position:relative;min-width:0}.log-map-wrap .leaflet-container{background:#fefae0}.log-legend{position:absolute;bottom:10px;left:10px;background:#ffffffeb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid #d4c5a9;border-radius:12px;padding:8px 10px;z-index:500;display:flex;flex-direction:column;gap:4px;box-shadow:0 1px 4px #00000014}.log-legend-item{display:flex;align-items:center;gap:6px;font-size:10px;color:#595959;white-space:nowrap}.log-legend-dot{width:8px;height:8px;border-radius:12px;flex-shrink:0}.log-marker-wrapper{background:transparent!important;border:none!important}.log-marker{display:flex;flex-direction:column;align-items:center;position:relative}.log-marker-pulse{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:28px;height:28px;border-radius:50%;background:var(--marker-color);opacity:0;animation:markerPulse 2s ease-out infinite}@keyframes markerPulse{0%{transform:translate(-50%,-50%) scale(.5);opacity:.4}to{transform:translate(-50%,-50%) scale(2);opacity:0}}.log-marker-dot{width:24px;height:24px;border-radius:50%;background:var(--marker-color);display:flex;align-items:center;justify-content:center;border:2px solid rgba(255,255,255,.9);box-shadow:0 2px 8px #0006;position:relative;z-index:2;transition:transform .2s}.log-marker-selected .log-marker-dot{transform:scale(1.3);box-shadow:0 0 0 3px var(--marker-color),0 2px 12px #00000080}.log-marker-dot i{font-size:10px;color:#fff}.log-marker-label{font-size:8px;font-weight:700;color:#1f1f1f;background:#ffffffd9;border:1px solid #d4c5a9;padding:1px 4px;border-radius:12px;margin-top:2px;white-space:nowrap;font-family:SF Mono,Consolas,monospace;letter-spacing:.3px}.log-route-animated{animation:dashFlow 15s linear infinite}@keyframes dashFlow{to{stroke-dashoffset:-56}}.log-popup{min-width:200px;font-family:-apple-system,BlinkMacSystemFont,system-ui,sans-serif}.log-popup-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:6px;margin-bottom:6px;border-bottom:2px solid #d4c5a9;gap:8px}.log-popup-header strong{font-size:12px;font-family:SF Mono,Consolas,monospace}.log-popup-body{display:flex;flex-direction:column;gap:3px}.log-popup-row{display:flex;justify-content:space-between;align-items:center;font-size:11px;gap:12px}.log-popup-row>span{color:#8c8c8c}.log-popup-row>strong{color:#1f1f1f;font-weight:600;text-align:right}.leaflet-popup-content-wrapper{border-radius:4px!important;box-shadow:0 4px 16px #0003!important;padding:0!important}.leaflet-popup-content{margin:10px 12px!important;font-size:12px!important}.leaflet-popup-tip{box-shadow:0 4px 16px #0003!important}.log-panel{width:0;overflow:hidden;background:#fff;border-left:1px solid #d4c5a9;transition:width .3s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column}.log-panel.open{width:320px}.log-panel-header{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-bottom:1px solid #e8dcc8;flex-shrink:0}.log-panel-header h3{font-size:13px;font-weight:700;font-family:SF Mono,Consolas,monospace;color:#1f1f1f}.log-panel-sub{font-size:10px;color:#8c8c8c;display:block}.log-panel-body{flex:1;overflow-y:auto;padding:10px 12px;scrollbar-width:thin;scrollbar-color:#d4c5a9 transparent}.log-panel-body::-webkit-scrollbar{width:4px}.log-panel-body::-webkit-scrollbar-thumb{background:#d4c5a9;border-radius:12px}.log-panel-status{display:flex;align-items:center;gap:8px;margin-bottom:12px}.log-eta-tag{font-size:10px;font-weight:600;color:#8c8c8c;background:#faf6eb;padding:2px 8px;border-radius:12px;border:1px solid #e8dcc8}.log-eta-tag.soon{color:#d48806;background:#fffbe6;border-color:#ffe58f}.log-eta-tag.arrived{color:#389e0d;background:#f6ffed;border-color:#b7eb8f}.log-panel-route{background:#faf6eb;border:1px solid #e8dcc8;border-radius:12px;padding:10px;margin-bottom:10px;position:relative}.log-panel-port{display:flex;align-items:center;gap:10px}.log-panel-port strong{font-size:12px;color:#1f1f1f;display:block}.log-panel-port span{font-size:10px;color:#8c8c8c}.log-port-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0;border:2px solid #fff;box-shadow:0 0 0 1px #d4c5a9}.log-port-dot.origin{background:#faad14}.log-port-dot.destination{background:#00b96b}.log-panel-route-line{width:2px;height:16px;background:repeating-linear-gradient(180deg,#d4c5a9 0px,#d4c5a9 3px,transparent 3px,transparent 6px);margin:2px 0 2px 4px}.log-panel-sensors{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:10px}.log-sensor{display:flex;align-items:center;gap:8px;padding:8px;background:#faf6eb;border:1px solid #e8dcc8;border-radius:12px}.log-sensor i{font-size:16px}.log-sensor-val{font-size:16px;font-weight:800;color:#1f1f1f;line-height:1;display:block;font-variant-numeric:tabular-nums}.log-sensor-lbl{font-size:9px;color:#8c8c8c;text-transform:uppercase;letter-spacing:.3px;display:block}.log-panel-details{margin-bottom:10px}.log-detail-row{display:flex;justify-content:space-between;align-items:center;padding:5px 0;font-size:11px;border-bottom:1px solid #faf6eb}.log-detail-row:last-child{border-bottom:none}.log-detail-row>span{color:#8c8c8c}.log-detail-row>strong{color:#1f1f1f;font-weight:600}.log-panel-pallets h4{font-size:11px;font-weight:700;color:#1f1f1f;margin-bottom:6px;display:flex;align-items:center;gap:5px;padding-bottom:5px;border-bottom:1px solid #e8dcc8}.log-panel-pallets h4 i{color:#8c8c8c;font-size:10px}.log-pallet-row{display:flex;align-items:center;gap:8px;padding:5px 0;border-bottom:1px solid #faf6eb}.log-pallet-row:last-child{border-bottom:none}.log-pallet-img{width:28px;height:28px;border-radius:12px;object-fit:cover;flex-shrink:0}.log-pallet-swatch{width:28px;height:28px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;color:#fff;flex-shrink:0}.log-pallet-info{flex:1;min-width:0}.log-pallet-info strong{display:block;font-size:11px;font-weight:600;color:#1f1f1f}.log-pallet-info span{display:block;font-size:10px;color:#8c8c8c;text-transform:capitalize}.log-pallet-weight{font-size:10px;color:#8c8c8c;flex-shrink:0}@media(max-width:768px){.log-map-area{flex-direction:column;height:auto}.log-map-wrap{height:350px}.log-panel.open{width:100%;height:300px;border-left:none;border-top:1px solid #d4c5a9}}.exp-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;gap:12px;flex-wrap:wrap}.exp-header-left h1{font-size:16px;font-weight:700;color:#1f1f1f;display:flex;align-items:center;gap:8px}.exp-header-left h1 i{color:#2d6a4f}.exp-tabs{display:flex;gap:2px;background:#fefae0;border:1px solid #d4c5a9;border-radius:12px;padding:2px}.exp-tab{display:inline-flex;align-items:center;gap:5px;padding:5px 12px;font-size:11px;font-weight:600;border:none;background:transparent;color:#8c8c8c;border-radius:12px;cursor:pointer;transition:all .15s;white-space:nowrap;position:relative}.exp-tab:hover{color:#1f1f1f;background:#fff}.exp-tab.active{color:#2d6a4f;background:#fff;box-shadow:0 1px 2px #0000000f}.exp-tab i{font-size:10px}.exp-tab-badge{min-width:16px;height:16px;background:#ff4d4f;color:#fff;border-radius:16px;font-size:9px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;padding:0 4px}.exp-bottom-grid{display:flex;gap:10px;margin-top:10px}.exp-bottom-grid .chart-card{flex:1}.exp-pipeline{display:flex;gap:6px;overflow-x:auto;padding-bottom:4px;scrollbar-width:thin}.exp-pipeline-col{flex:1;min-width:155px;background:#faf6eb;border:1px solid #e8dcc8;border-radius:12px;display:flex;flex-direction:column}.exp-pipeline-header{display:flex;align-items:center;gap:6px;padding:8px 10px;font-size:11px;font-weight:700;color:#1f1f1f;border-top:3px solid #d4c5a9;border-bottom:1px solid #e8dcc8;background:#fff}.exp-pipeline-header i{font-size:10px}.exp-pipeline-count{margin-left:auto;min-width:18px;height:18px;background:#fefae0;color:#8c8c8c;border-radius:9px;font-size:10px;display:flex;align-items:center;justify-content:center;padding:0 5px}.exp-pipeline-body{flex:1;padding:6px;display:flex;flex-direction:column;gap:4px;max-height:350px;overflow-y:auto;scrollbar-width:thin}.exp-pipeline-card{background:#fff;border:1px solid #e0d5c0;border-radius:12px;padding:8px;cursor:pointer;transition:all .15s}.exp-pipeline-card:hover{border-color:#2d6a4f;box-shadow:0 1px 4px #2d6a4f1a}.exp-pipeline-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.exp-pipeline-card-id{font-size:10px;font-weight:700;font-family:SF Mono,Consolas,monospace;color:#1f1f1f}.exp-pipeline-card-product{font-size:10px;font-weight:600;display:flex;align-items:center;gap:4px;text-transform:capitalize}.exp-pipeline-card-buyer{font-size:10px;color:#595959;margin-bottom:4px;display:flex;align-items:center;gap:4px}.exp-pipeline-card-buyer i{font-size:8px;color:#bfbfbf}.exp-pipeline-card-route{display:flex;align-items:center;gap:4px;font-size:10px;color:#8c8c8c;margin-bottom:4px}.exp-pipeline-card-route i{font-size:7px;color:#d4c5a9}.exp-pipeline-card-footer{display:flex;justify-content:space-between;font-size:9px;color:#bfbfbf;padding-top:4px;border-top:1px solid #f5f0e3}.exp-pipeline-card-footer i{font-size:8px;margin-right:2px}.exp-pipeline-empty{text-align:center;color:#d4c5a9;font-size:10px;padding:20px 0}.exp-wizard{background:#fff;border:1px solid #d4c5a9;border-radius:12px}.exp-stepper{display:flex;align-items:center;padding:12px 16px;border-bottom:1px solid #e8dcc8;background:#faf6eb;gap:0;overflow-x:auto}.exp-step{display:flex;align-items:center;gap:6px;cursor:pointer;white-space:nowrap;flex-shrink:0}.exp-step-num{width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#e8dcc8;color:#8c8c8c;font-size:10px;font-weight:700;transition:all .2s;border:2px solid transparent}.exp-step.active .exp-step-num{background:#2d6a4f;color:#fff;border-color:#2d6a4f;box-shadow:0 0 0 3px #2d6a4f26}.exp-step.done .exp-step-num{background:#00b96b;color:#fff;border-color:#00b96b}.exp-step-label{font-size:11px;font-weight:600;color:#bfbfbf}.exp-step.active .exp-step-label{color:#2d6a4f}.exp-step.done .exp-step-label{color:#00b96b}.exp-step-line{width:20px;height:2px;background:#e0d5c0;margin:0 6px;flex-shrink:0}.exp-step.done+.exp-step .exp-step-line,.exp-step.done .exp-step-line{background:#00b96b}.exp-wizard-body{padding:16px}.exp-wizard-section{margin-bottom:16px}.exp-wizard-section h3{font-size:14px;font-weight:700;color:#1f1f1f;display:flex;align-items:center;gap:8px;margin-bottom:12px}.exp-wizard-section h3 i{color:#2d6a4f;font-size:13px}.exp-wizard-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;flex-wrap:wrap;gap:8px}.exp-wizard-section-header h3{margin-bottom:0}.exp-wizard-actions{display:flex;align-items:center;gap:6px}.exp-wizard-actions .form-select{width:auto;min-width:160px}.exp-wizard-nav{display:flex;justify-content:space-between;align-items:center;padding-top:12px;border-top:1px solid #e8dcc8}.exp-pallet-info-bar{display:flex;gap:16px;padding:8px 12px;background:#e8f5e9;border:1px solid #b7e4c7;border-radius:12px;font-size:11px;color:#1f1f1f;margin-bottom:10px}.exp-pallet-info-bar span{display:flex;align-items:center;gap:4px}.exp-pallet-info-bar i{color:#2d6a4f;font-size:10px}.exp-pallet-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:6px;max-height:480px;overflow-y:auto;scrollbar-width:thin}.exp-pallet-card{display:flex;align-items:stretch;gap:8px;background:#fff;border:1px solid #e0d5c0;border-radius:12px;padding:8px;cursor:pointer;transition:all .15s;position:relative}.exp-pallet-card:hover{border-color:#2d6a4f}.exp-pallet-card.selected{border-color:#2d6a4f;background:#e8f5e9}.exp-pallet-check{position:absolute;top:6px;right:6px;font-size:14px;color:#d4c5a9}.exp-pallet-card.selected .exp-pallet-check{color:#2d6a4f}.exp-pallet-card-img{width:48px;height:48px;border-radius:12px;overflow:hidden;flex-shrink:0;align-self:center}.exp-pallet-card-img img{width:100%;height:100%;object-fit:cover}.exp-pallet-card-body{flex:1;min-width:0}.exp-pallet-card-id{font-size:11px;font-weight:700;font-family:SF Mono,Consolas,monospace;color:#1f1f1f}.exp-pallet-card-product{font-size:10px;color:#595959;text-transform:capitalize;margin-bottom:2px}.exp-pallet-card-meta{display:flex;gap:8px;font-size:9px;color:#8c8c8c}.exp-pallet-card-meta i{font-size:8px}.exp-pallet-card-fefo{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4px 8px;border-radius:12px;flex-shrink:0;min-width:44px}.exp-pallet-card-fefo.ok{background:#f6ffed}.exp-pallet-card-fefo.warning{background:#fffbe6}.exp-pallet-card-fefo.critical{background:#fff2f0}.exp-fefo-days{font-size:16px;font-weight:800;line-height:1;font-variant-numeric:tabular-nums}.exp-pallet-card-fefo.ok .exp-fefo-days{color:#389e0d}.exp-pallet-card-fefo.warning .exp-fefo-days{color:#d48806}.exp-pallet-card-fefo.critical .exp-fefo-days{color:#cf1322}.exp-fefo-label{font-size:7px;text-transform:uppercase;letter-spacing:.3px;color:#8c8c8c}.exp-pallet-swatch{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:800;color:#fff;border-radius:12px}.exp-forwarder-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:8px}.exp-forwarder-card{background:#fff;border:1px solid #e0d5c0;border-radius:12px;padding:12px;cursor:pointer;transition:all .15s}.exp-forwarder-card:hover{border-color:#2d6a4f;box-shadow:0 2px 8px #2d6a4f14}.exp-forwarder-card.selected{border-color:#2d6a4f;background:#e8f5e9;box-shadow:0 0 0 2px #2d6a4f26}.exp-fwd-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.exp-fwd-name{font-size:13px;font-weight:700;color:#1f1f1f}.exp-fwd-rating{display:flex;align-items:center;gap:3px;font-size:11px;font-weight:700;color:#1f1f1f}.exp-fwd-naviera{font-size:11px;color:#595959;display:flex;align-items:center;gap:5px;margin-bottom:8px}.exp-fwd-naviera i{color:#2d6a4f;font-size:10px}.exp-fwd-details{display:flex;gap:12px;margin-bottom:8px;padding:8px 0;border-top:1px solid #f5f0e3;border-bottom:1px solid #f5f0e3}.exp-fwd-detail{flex:1;text-align:center}.exp-fwd-detail-val{display:block;font-size:16px;font-weight:800;color:#1f1f1f;line-height:1.2;font-variant-numeric:tabular-nums}.exp-fwd-detail-lbl{display:block;font-size:9px;text-transform:uppercase;color:#8c8c8c;letter-spacing:.3px}.exp-fwd-next{font-size:10px;color:#595959;display:flex;align-items:center;gap:4px;margin-bottom:6px}.exp-fwd-next i{color:#faad14;font-size:9px}.exp-fwd-meta{display:flex;align-items:center;justify-content:space-between;font-size:9px;color:#bfbfbf}.exp-fwd-selected-tag{color:#2d6a4f;font-weight:700}.exp-no-routes{text-align:center;padding:40px 20px;color:#bfbfbf}.exp-no-routes i{font-size:32px;margin-bottom:12px;display:block}.exp-no-routes p{margin:4px 0;font-size:12px}.exp-container-config{display:flex;gap:20px;align-items:flex-start}.exp-container-visual{flex-shrink:0;width:160px;text-align:center;padding:16px;background:#e8f5e9;border:1px solid #b7e4c7;border-radius:16px}.exp-container-icon{width:56px;height:56px;margin:0 auto 8px;background:#2d6a4f;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:22px}.exp-container-type-label{font-size:12px;font-weight:700;color:#1f1f1f;margin-bottom:6px}.exp-container-specs{display:flex;flex-direction:column;gap:2px;font-size:10px;color:#595959}.exp-container-specs i{font-size:9px;color:#2d6a4f;margin-right:2px}.exp-container-form{flex:1}.exp-config-gauges{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}.exp-config-gauge{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#faf6eb;border:1px solid #e8dcc8;border-radius:12px;flex:1;min-width:120px}.exp-config-gauge i{font-size:16px}.exp-gauge-val{font-size:16px;font-weight:800;color:#1f1f1f;line-height:1;font-variant-numeric:tabular-nums}.exp-gauge-lbl{font-size:9px;color:#8c8c8c;text-transform:uppercase;letter-spacing:.3px}.exp-docs-grid{display:flex;flex-direction:column;gap:4px}.exp-doc-card{display:flex;align-items:center;gap:10px;padding:10px 12px;background:#fff;border:1px solid #e0d5c0;border-radius:12px}.exp-doc-icon{width:32px;height:32px;border-radius:50%;background:#e8f5e9;color:#2d6a4f;display:flex;align-items:center;justify-content:center;font-size:13px;flex-shrink:0}.exp-doc-info{flex:1}.exp-doc-name{font-size:12px;font-weight:600;color:#1f1f1f}.exp-doc-desc{font-size:10px;color:#8c8c8c}.exp-doc-status{font-size:10px;font-weight:600;padding:2px 8px;border-radius:12px;flex-shrink:0}.exp-doc-status.pending{color:#d48806;background:#fffbe6}.exp-doc-status.optional{color:#8c8c8c;background:#faf6eb}.exp-doc-status.ready{color:#389e0d;background:#f6ffed}.exp-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.exp-summary-card{background:#faf6eb;border:1px solid #e8dcc8;border-radius:12px;padding:12px}.exp-summary-card h4{font-size:12px;font-weight:700;color:#1f1f1f;display:flex;align-items:center;gap:6px;margin-bottom:8px;padding-bottom:6px;border-bottom:1px solid #e0d5c0}.exp-summary-card h4 i{color:#2d6a4f;font-size:11px}.exp-summary-rows{display:flex;flex-direction:column;gap:4px}.exp-summary-row{display:flex;justify-content:space-between;font-size:11px}.exp-summary-row>span{color:#8c8c8c}.exp-summary-row>strong{color:#1f1f1f;font-weight:600}.exp-summary-route{display:flex;align-items:center;gap:8px;justify-content:center;padding:8px 0;margin-bottom:6px}.exp-summary-port{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:#1f1f1f}.exp-summary-port-dot{width:10px;height:10px;border-radius:50%}.exp-summary-port-dot.origin{background:#faad14}.exp-summary-port-dot.destination{background:#00b96b}.exp-summary-route-line{flex:1;height:2px;background:repeating-linear-gradient(90deg,#d4c5a9 0px,#d4c5a9 5px,transparent 5px,transparent 8px);position:relative;min-width:40px}.exp-summary-route-line i{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:10px;color:#2d6a4f;background:#faf6eb;padding:0 3px}.exp-detail-status{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:#faf6eb;border-left:3px solid #d4c5a9;border-radius:0 3px 3px 0;margin-bottom:12px}.exp-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.exp-detail-section{background:#faf6eb;border:1px solid #e8dcc8;border-radius:12px;padding:10px}.exp-detail-section h4{font-size:11px;font-weight:700;color:#1f1f1f;display:flex;align-items:center;gap:5px;margin-bottom:8px;padding-bottom:5px;border-bottom:1px solid #e0d5c0}.exp-detail-section h4 i{color:#2d6a4f;font-size:10px}.exp-detail-rows{display:flex;flex-direction:column;gap:3px}.exp-detail-row{display:flex;justify-content:space-between;font-size:11px;padding:2px 0}.exp-detail-row>span{color:#8c8c8c}.exp-detail-row>strong{color:#1f1f1f;font-weight:600}.exp-detail-route{padding:6px 0}.exp-detail-docs{display:flex;flex-direction:column;gap:3px}.exp-detail-doc{display:flex;align-items:center;gap:6px;font-size:11px;padding:4px 0}.exp-detail-doc.ready,.exp-detail-doc.ready i{color:#389e0d}.exp-detail-doc.pending,.exp-detail-doc.pending i{color:#d48806}.exp-detail-doc-id{font-size:9px;font-family:SF Mono,Consolas,monospace;color:#8c8c8c;margin-left:auto}.exp-detail-pallets-table{max-height:200px;overflow-y:auto;scrollbar-width:thin}.exp-bookings .chart-card h3{font-size:13px;margin-bottom:8px}.scan-dropzone{border:2px dashed #d4c5a9;border-radius:14px;padding:40px 20px;text-align:center;cursor:pointer;transition:all .2s;background:#faf6eb;margin-bottom:16px}.scan-dropzone:hover{border-color:#2d6a4f;background:#e8f5e9}.scan-dropzone.drag-over{border-color:#2d6a4f;background:#d8f3dc;border-style:solid;box-shadow:0 0 0 3px #2d6a4f1a}.scan-dropzone-icon{font-size:40px;color:#bfbfbf;margin-bottom:12px;transition:color .2s}.scan-dropzone:hover .scan-dropzone-icon,.scan-dropzone.drag-over .scan-dropzone-icon{color:#2d6a4f}.scan-dropzone-text{margin-bottom:12px}.scan-dropzone-text strong{display:block;font-size:14px;color:#1f1f1f;margin-bottom:2px}.scan-dropzone-text span{font-size:11px;color:#8c8c8c}.scan-dropzone-formats{display:flex;justify-content:center;gap:16px;font-size:10px;color:#bfbfbf}.scan-dropzone-formats span{display:flex;align-items:center;gap:4px}.scan-dropzone-formats i{font-size:12px}.scan-examples h4{font-size:11px;font-weight:700;color:#8c8c8c;text-transform:uppercase;letter-spacing:.3px;margin-bottom:8px}.scan-example-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:6px}.scan-example-card{display:flex;align-items:center;gap:10px;padding:10px 12px;background:#faf6eb;border:1px solid #e8dcc8;border-radius:12px}.scan-example-card i{font-size:18px;color:#d4c5a9;flex-shrink:0}.scan-example-card strong{display:block;font-size:11px;color:#1f1f1f}.scan-example-card span{display:block;font-size:10px;color:#8c8c8c}.scan-file-preview{display:flex;align-items:center;gap:10px;padding:10px 12px;background:#e8f5e9;border:1px solid #b7e4c7;border-radius:12px;margin-bottom:16px}.scan-file-icon{width:36px;height:36px;border-radius:16px;background:#2d6a4f;color:#fff;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}.scan-file-icon.small{width:28px;height:28px;font-size:12px}.scan-file-info{flex:1}.scan-file-info strong{display:block;font-size:12px;color:#1f1f1f}.scan-file-info span{font-size:10px;color:#8c8c8c}.scan-processing{max-width:600px;margin:0 auto}.scan-ai-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.scan-ai-icon{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#e76f51,#2d6a4f);color:#fff;display:flex;align-items:center;justify-content:center;font-size:16px;position:relative;flex-shrink:0}.scan-ai-pulse{position:absolute;inset:-3px;border-radius:50%;border:2px solid #e76f51;animation:scanPulse 1.5s ease-out infinite}@keyframes scanPulse{0%{transform:scale(1);opacity:.6}to{transform:scale(1.4);opacity:0}}.scan-ai-header strong{display:block;font-size:13px;color:#1f1f1f}.scan-ai-header span{font-size:10px;color:#8c8c8c}.scan-progress-bar{height:4px;background:#e8dcc8;border-radius:12px;overflow:hidden;margin-bottom:4px}.scan-progress-fill{height:100%;background:linear-gradient(90deg,#e76f51,#2d6a4f);border-radius:12px;transition:width .15s ease-out}.scan-progress-label{font-size:10px;color:#8c8c8c;text-align:right;margin-bottom:12px}.scan-fields-reveal{display:flex;flex-direction:column;gap:2px}.scan-field-row{display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:12px;font-size:11px;background:#faf6eb;border:1px solid #e8dcc8;transition:all .3s ease;opacity:.4}.scan-field-row.revealed{opacity:1;background:#fff;border-color:#b7e4c7}.scan-field-label{width:160px;flex-shrink:0;color:#8c8c8c;font-weight:600}.scan-field-value{flex:1;color:#1f1f1f;font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.scan-field-skeleton{display:inline-block;width:100px;height:12px;background:linear-gradient(90deg,#e8dcc8 25%,#e0d5c0,#e8dcc8 75%);background-size:200% 100%;border-radius:12px;animation:shimmer 1.5s infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.scan-field-status{flex-shrink:0;font-size:10px;color:#d4c5a9}.scan-field-status.done{color:#00b96b}.scan-success-banner{display:flex;align-items:center;gap:10px;padding:10px 14px;background:#f6ffed;border:1px solid #b7eb8f;border-radius:12px;margin-bottom:12px}.scan-success-banner>i{font-size:20px;color:#52c41a;flex-shrink:0}.scan-success-banner strong{display:block;font-size:12px;color:#1f1f1f}.scan-success-banner span{font-size:10px;color:#595959}.scan-review-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:10px}.scan-review-card{background:#faf6eb;border:1px solid #e8dcc8;border-radius:12px;padding:10px}.scan-review-card h4{font-size:11px;font-weight:700;color:#1f1f1f;display:flex;align-items:center;gap:5px;margin-bottom:8px;padding-bottom:5px;border-bottom:1px solid #e0d5c0}.scan-review-card h4 i{color:#2d6a4f;font-size:10px}.scan-review-card .form-group{margin-bottom:6px}.scan-review-card .form-label{font-size:10px;margin-bottom:2px}.scan-review-card .form-input,.scan-review-card .form-select,.scan-review-card .form-textarea{font-size:11px;padding:4px 8px}.scan-booking-summary-bar{display:flex;gap:16px;padding:8px 12px;background:#e8f5e9;border:1px solid #b7e4c7;border-radius:12px;font-size:11px;color:#1f1f1f;margin-bottom:10px;flex-wrap:wrap}.scan-booking-summary-bar span{display:flex;align-items:center;gap:4px}.scan-booking-summary-bar i{color:#2d6a4f;font-size:10px}@media(max-width:1200px){.scan-review-grid{grid-template-columns:1fr}}@media(max-width:1200px){.exp-pipeline{overflow-x:auto}.exp-summary,.exp-detail-grid{grid-template-columns:1fr}.exp-container-config{flex-direction:column}.exp-container-visual{width:100%}}@media(max-width:768px){.exp-header{flex-direction:column;align-items:flex-start}.exp-tabs{width:100%;overflow-x:auto}.exp-bottom-grid{flex-direction:column}.exp-forwarder-grid,.exp-pallet-grid{grid-template-columns:1fr}}.trace-hero{background:linear-gradient(135deg,#1b4332,#2d6a4f,#0d1520);border-radius:16px;padding:32px 24px 28px;margin-bottom:12px;position:relative;overflow:hidden}.trace-hero:before{content:"";position:absolute;top:0;right:0;width:300px;height:100%;background:radial-gradient(ellipse at center,rgba(45,106,79,.08) 0%,transparent 70%);pointer-events:none}.trace-hero-inner{position:relative;z-index:1;max-width:600px;margin:0 auto;text-align:center}.trace-hero-icon{width:40px;height:40px;background:#2d6a4f26;border:1px solid rgba(45,106,79,.3);border-radius:16px;display:inline-flex;align-items:center;justify-content:center;font-size:16px;color:#40916c;margin-bottom:10px}.trace-hero h1{font-size:18px;font-weight:800;color:#fff;margin-bottom:4px;letter-spacing:-.3px}.trace-hero p{font-size:12px;color:#ffffff80;margin-bottom:16px}.trace-search{display:flex;align-items:center;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:16px;padding:0 12px;transition:all .2s}.trace-search:focus-within{background:#ffffff1f;border-color:#2d6a4f;box-shadow:0 0 0 3px #2d6a4f26}.trace-search>i{color:#ffffff50;font-size:13px;flex-shrink:0}.trace-search-input{flex:1;border:none;background:transparent;padding:10px;font-size:13px;color:#fff;font-family:inherit;outline:none}.trace-search-input::placeholder{color:#ffffff40}.trace-search-clear{background:none;border:none;color:#ffffff50;cursor:pointer;padding:4px;font-size:12px;transition:color .15s}.trace-search-clear:hover{color:#fff}.trace-results-section{margin-bottom:12px}.trace-results-count{font-size:11px;color:#8c8c8c;margin-bottom:8px;padding:4px 0}.trace-no-results{text-align:center;padding:40px 16px;color:#bfbfbf}.trace-no-results i{font-size:28px;margin-bottom:8px;display:block;opacity:.4}.trace-no-results p{font-size:13px}.trace-no-results strong{color:#8c8c8c}.trace-results-group{margin-bottom:12px}.trace-results-group>h3{font-size:12px;font-weight:700;color:#1f1f1f;margin-bottom:8px;display:flex;align-items:center;gap:6px}.trace-results-group>h3 i{color:#8c8c8c;font-size:11px}.trace-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px}.trace-card{background:#fff;border:1px solid #d4c5a9;border-radius:12px;overflow:hidden;cursor:pointer;transition:all .2s}.trace-card:hover{border-color:#2d6a4f;box-shadow:0 2px 8px #2d6a4f1a;transform:translateY(-2px)}.trace-card-visual{height:72px;position:relative;overflow:hidden;background:#f5f0e3;border-bottom:2px solid #d4c5a9}.trace-card-visual img{width:100%;height:100%;object-fit:cover}.trace-card-visual-ship{background:linear-gradient(135deg,#d8f3dc,#bae0ff)}.trace-card-icon{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:20px;color:#fff}.trace-card-icon span{font-size:24px;font-weight:800;opacity:.9}.trace-card-icon i{opacity:.9}.trace-card-badge{position:absolute;top:4px;right:4px}.trace-card-body{padding:8px 10px}.trace-card-id{font-size:11px;font-weight:700;color:#2d6a4f;font-family:SF Mono,Consolas,monospace;letter-spacing:-.2px}.trace-card-product{font-size:12px;font-weight:600;color:#1f1f1f;margin-top:1px;text-transform:capitalize}.trace-card-product span{font-weight:400;color:#8c8c8c;font-size:11px}.trace-card-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px;font-size:10px;color:#8c8c8c}.trace-card-meta i{margin-right:2px;font-size:9px}.trace-card-grade{display:flex;align-items:center;gap:4px;margin-top:4px;font-size:11px;font-weight:600;color:#1f1f1f}.trace-grade-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.trace-card-weight{font-weight:400;color:#8c8c8c;margin-left:auto;font-size:10px}.trace-section{margin-bottom:12px}.trace-section-title{font-size:13px;font-weight:700;color:#1f1f1f;margin-bottom:8px;display:flex;align-items:center;gap:6px;padding-bottom:6px;border-bottom:1px solid #e8dcc8}.trace-section-title i{color:#2d6a4f;font-size:12px}.trace-detail{animation:traceDetailIn .3s ease}@keyframes traceDetailIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.trace-detail-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;gap:12px;flex-wrap:wrap}.trace-detail-title{display:flex;align-items:center;gap:10px}.trace-detail-id-block{display:flex;align-items:center;gap:8px}.trace-detail-id-block h2{font-size:15px;font-weight:800;color:#1f1f1f;font-family:SF Mono,Consolas,monospace}.trace-detail-sub{font-size:11px;color:#8c8c8c;display:block;text-transform:capitalize}.trace-detail-thumb{width:36px;height:36px;border-radius:16px;object-fit:cover;border:1px solid #d4c5a9}.trace-detail-icon-circle{width:36px;height:36px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:14px;color:#fff;flex-shrink:0}.trace-detail-actions{display:flex;align-items:center;gap:6px}.trace-flow{display:flex;align-items:flex-start;gap:0;padding:10px 8px;background:#fff;border:1px solid #d4c5a9;border-radius:12px;overflow-x:auto}.trace-flow-step{display:flex;flex-direction:column;align-items:center;min-width:52px;flex-shrink:0}.trace-flow-icon{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;background:#f5f0e3;color:#bfbfbf;border:2px solid #d4c5a9;transition:all .2s}.trace-flow-step.done .trace-flow-icon{background:#f6ffed;color:#00b96b;border-color:#b7eb8f}.trace-flow-step.current .trace-flow-icon{background:#2d6a4f;color:#fff;border-color:#2d6a4f;box-shadow:0 0 0 3px #2d6a4f26}.trace-flow-label{font-size:9px;color:#bfbfbf;margin-top:3px;text-align:center;white-space:nowrap}.trace-flow-step.done .trace-flow-label{color:#00b96b}.trace-flow-step.current .trace-flow-label{color:#2d6a4f;font-weight:600}.trace-flow-connector{width:100%;min-width:12px;height:2px;background:#d4c5a9;margin-top:13px;flex:1}.trace-flow-connector.done{background:#b7eb8f}.trace-info-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:8px;margin-bottom:12px}.trace-info-card{background:#fff;border:1px solid #d4c5a9;border-radius:12px;overflow:hidden;transition:border-color .15s}.trace-info-card:hover{border-color:#95d5b2}.trace-info-clickable{cursor:pointer}.trace-info-clickable:hover{border-color:#2d6a4f}.trace-info-header{display:flex;align-items:center;gap:6px;padding:8px 10px;background:#faf6eb;border-bottom:1px solid #e8dcc8}.trace-info-header i{font-size:12px}.trace-info-header h4{font-size:11px;font-weight:700;color:#1f1f1f;flex:1}.trace-info-arrow{font-size:10px!important;color:#bfbfbf!important}.trace-info-product-img{width:100%;height:64px;object-fit:cover}.trace-info-body{padding:8px 10px}.trace-info-row{display:flex;justify-content:space-between;align-items:center;padding:3px 0;font-size:11px;border-bottom:1px solid #faf6eb}.trace-info-row:last-child{border-bottom:none}.trace-info-row>span{color:#8c8c8c;flex-shrink:0;margin-right:8px}.trace-info-row>strong{color:#1f1f1f;text-align:right;font-weight:600}.trace-info-tags{padding-top:6px;display:flex;flex-wrap:wrap;gap:3px}.trace-shipments{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:8px}.trace-shipment{background:#fff;border:1px solid #d4c5a9;border-radius:12px;padding:12px;cursor:pointer;transition:all .2s}.trace-shipment:hover{border-color:#2d6a4f;box-shadow:0 2px 8px #2d6a4f14}.trace-shipment-route{display:flex;align-items:center;gap:0;margin-bottom:8px}.trace-shipment-port{display:flex;flex-direction:column;align-items:center;font-size:10px;color:#1f1f1f;font-weight:600;min-width:60px}.trace-shipment-port i{font-size:12px;color:#2d6a4f;margin-bottom:2px}.trace-shipment-line{flex:1;height:2px;background:#d8f3dc;position:relative;margin:0 8px}.trace-shipment-line:before{content:"";position:absolute;left:0;top:0;width:60%;height:100%;background:#2d6a4f;border-radius:6px}.trace-shipment-ship{position:absolute;left:55%;top:50%;transform:translate(-50%,-50%);width:22px;height:22px;background:#2d6a4f;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:9px;border:2px solid #fff;box-shadow:0 1px 4px #2d6a4f4d}.trace-shipment-info{display:flex;align-items:center;gap:8px;font-size:11px;color:#8c8c8c;flex-wrap:wrap}.trace-shipment-eta{font-size:10px;color:#2d6a4f;font-weight:600;margin-top:4px}.trace-link{color:#2d6a4f;cursor:pointer;font-weight:600;font-size:11px}.trace-link:hover{text-decoration:underline}.trace-pallet-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:8px}.trace-pallet-card{background:#fff;border:1px solid #d4c5a9;border-radius:12px;padding:10px;cursor:pointer;transition:all .15s}.trace-pallet-card:hover{border-color:#2d6a4f}.trace-pallet-header{display:flex;align-items:center;gap:8px;margin-bottom:6px}.trace-pallet-header>div{flex:1;min-width:0}.trace-pallet-header>div strong{display:block;font-size:12px}.trace-pallet-header>div span{font-size:10px;text-transform:capitalize}.trace-pallet-img{width:32px;height:32px;border-radius:12px;object-fit:cover;flex-shrink:0}.trace-pallet-icon{width:32px;height:32px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:12px;flex-shrink:0}.trace-pallet-stat{font-size:11px;color:#8c8c8c;margin-bottom:6px}.trace-pallet-cargas{border-top:1px solid #e8dcc8;padding-top:6px}.trace-pallet-carga-row{display:flex;align-items:center;gap:8px;padding:3px 0;font-size:11px}.trace-pallet-carga-row:hover{background:#faf6eb}@media(max-width:768px){.trace-hero{padding:20px 12px 16px}.trace-flow{gap:0;padding:6px}.trace-flow-step{min-width:40px}.trace-flow-label{font-size:8px}.trace-info-grid{grid-template-columns:1fr}.trace-cards-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.trace-shipments{grid-template-columns:1fr}.trace-detail-header{flex-direction:column;align-items:flex-start}}.inv-map-wrap{width:100%;height:520px;border-radius:16px;overflow:hidden;border:1px solid #d4c5a9;margin-bottom:12px}.inv-map-wrap .leaflet-container{background:#fefae0}.inv-marker-wrapper{background:transparent!important;border:none!important}.inv-marker{display:flex;flex-direction:column;align-items:center;position:relative;cursor:pointer}.inv-marker-ring{position:relative;width:44px;height:44px}.inv-marker-ring svg{position:absolute;top:0;left:0}.inv-marker-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid #fff;box-shadow:0 2px 8px #00000026}.inv-marker-icon i{font-size:10px;color:#fff}.inv-marker-info{display:flex;align-items:center;gap:4px;margin-top:2px;background:#fff;border:1px solid #d4c5a9;border-radius:12px;padding:1px 5px;box-shadow:0 1px 3px #00000014}.inv-marker-name{font-size:8px;font-weight:700;color:#1f1f1f}.inv-marker-pct{font-size:8px;font-weight:800}.inv-marker-alert{position:absolute;top:-2px;right:-4px;color:#ff4d4f;font-size:10px;animation:inv3dPulse 1.5s ease infinite}.inv-popup{min-width:180px;font-family:inherit}.inv-popup-header{display:flex;align-items:center;gap:6px;margin-bottom:2px}.inv-popup-header strong{font-size:13px;color:#1f1f1f}.inv-popup-dot{width:8px;height:8px;border-radius:12px;flex-shrink:0}.inv-popup-sub{font-size:11px;color:#8c8c8c;margin-bottom:4px}.inv-popup-addr{font-size:10px;color:#8c8c8c;margin-bottom:8px}.inv-popup-addr i{color:#bfbfbf;margin-right:3px;font-size:9px}.inv-popup-stats{display:flex;gap:12px;margin-bottom:8px;padding:6px 0;border-top:1px solid #e8dcc8;border-bottom:1px solid #e8dcc8}.inv-popup-stats>div{display:flex;flex-direction:column;align-items:center}.inv-popup-stats span{font-size:14px;font-weight:800;color:#1f1f1f;line-height:1}.inv-popup-stats small{font-size:8px;color:#8c8c8c;text-transform:uppercase;margin-top:2px}.inv-popup-products{display:flex;gap:4px;margin-bottom:8px}.inv-popup-products img{width:28px;height:28px;border-radius:12px;object-fit:cover;border:1px solid #e8dcc8}.inv-popup-pdot{width:28px;height:28px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;font-size:10px;color:#fff;font-weight:700}.inv-popup-alert{font-size:10px;color:#ff4d4f;font-weight:600;margin-bottom:8px}.inv-popup-alert i{margin-right:3px}.inv-popup-btn{width:100%;font-size:11px!important;padding:5px 0!important}.inv3d-canvas-wrap{position:relative;width:100%;border-radius:16px;overflow:hidden;background:#fefae0;border:1px solid #d4c5a9;margin-bottom:12px}.inv3d-canvas-wrap canvas{outline:none}.inv3d-kpi-strip{display:flex;gap:8px;margin-bottom:12px}.inv3d-kpi-item{flex:1;display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #d4c5a9;border-radius:12px;padding:8px 12px}.inv3d-kpi-item i{font-size:14px;color:#8c8c8c}.inv3d-kpi-val{font-size:18px;font-weight:800;color:#1f1f1f;display:block;line-height:1}.inv3d-kpi-lbl{font-size:10px;color:#8c8c8c}.inv3d-label{background:#ffffffeb;border:1px solid #d4c5a9;border-radius:16px;padding:8px 14px;text-align:center;pointer-events:none;white-space:nowrap;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all .2s ease;font-family:inherit;box-shadow:0 2px 8px #00000014}.inv3d-label-hover{border-color:var(--inv-color);box-shadow:0 2px 12px color-mix(in srgb,var(--inv-color) 20%,transparent)}.inv3d-label-name{font-size:13px;font-weight:700;color:#1f1f1f;margin-bottom:4px}.inv3d-label-products{display:flex;justify-content:center;gap:4px;margin-bottom:6px}.inv3d-label-products img{width:24px;height:24px;border-radius:12px;object-fit:cover;border:1px solid #d4c5a9}.inv3d-label-product-dot{width:24px;height:24px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;font-size:9px;color:#fff;font-weight:700}.inv3d-label-metrics{display:flex;gap:10px;justify-content:center;align-items:center}.inv3d-metric{display:flex;flex-direction:column;align-items:center}.inv3d-metric strong{font-size:13px;color:#1f1f1f;line-height:1;font-variant-numeric:tabular-nums}.inv3d-metric small{font-size:8px;color:#8c8c8c;text-transform:uppercase;margin-top:1px}.inv3d-metric-sep{width:1px;height:16px;background:#e5e5e5}.inv3d-label-alert{margin-top:5px;font-size:10px;color:#ff4d4f;font-weight:600;display:flex;align-items:center;justify-content:center;gap:4px}.inv3d-alert-pulse{width:6px;height:6px;background:#ff4d4f;border-radius:50%;animation:inv3dPulse 1.5s ease infinite}@keyframes inv3dPulse{0%,to{box-shadow:0 0 #ff4d4f80}50%{box-shadow:0 0 0 5px #ff4d4f00}}.inv3d-rack-tip{background:#fffffff2;border:1px solid #d4c5a9;border-radius:12px;padding:3px 8px;font-size:10px;color:#1f1f1f;white-space:nowrap;pointer-events:none;font-family:inherit;box-shadow:0 2px 6px #0000001a;font-weight:600}.inv3d-row-label{font-size:12px;font-weight:800;color:#8c8c8c;font-family:inherit;pointer-events:none}.inv3d-col-label{font-size:10px;font-weight:700;color:#bfbfbf;font-family:inherit;pointer-events:none}.inv3d-hint{position:absolute;bottom:10px;left:50%;transform:translate(-50%);font-size:10px;color:#bfbfbf;z-index:10;pointer-events:none;display:flex;align-items:center;gap:6px;white-space:nowrap}.inv3d-hint i{font-size:9px}.inv3d-legend-overlay{position:absolute;top:10px;right:10px;display:flex;gap:12px;padding:5px 10px;background:#ffffffe6;border:1px solid #d4c5a9;border-radius:12px;font-size:10px;color:#595959;z-index:10;pointer-events:none;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 1px 4px #0000000f}.inv3d-legend-dot{width:8px;height:8px;border-radius:12px;display:inline-block;margin-right:4px;vertical-align:middle}.inv3d-detail-bar{display:flex;align-items:center;gap:12px;margin-bottom:10px;flex-wrap:wrap}.inv3d-detail-title{flex:1}.inv3d-detail-title h2{font-size:15px;font-weight:700;display:flex;align-items:center;gap:8px;margin:0}.inv3d-detail-title span{font-size:11px;color:#8c8c8c;display:block}.inv3d-detail-stats{display:flex;gap:14px;font-size:11px;color:#8c8c8c}.inv3d-detail-stats strong{color:#1f1f1f}.inv3d-rack-panel{background:#fff;border:1px solid #d4c5a9;border-radius:16px;padding:12px;margin-bottom:12px}.inv3d-rack-tip-empty{background:#52c41af2!important;border-color:#52c41a!important;color:#fff!important;font-weight:600}.inv-rental-panel{background:#fff;border:1px solid #d4c5a9;border-radius:16px;margin-bottom:12px;overflow:hidden}.inv-rental-header{display:flex;align-items:center;gap:10px;padding:10px 12px;border-bottom:1px solid #e8dcc8;background:#faf6eb}.inv-rental-icon{width:32px;height:32px;border-radius:16px;background:linear-gradient(135deg,#52c41a,#389e0d);display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px;flex-shrink:0}.inv-rental-header h3{font-size:13px;font-weight:700;color:#1f1f1f;margin:0;line-height:1.2}.inv-rental-header span{font-size:11px;color:#8c8c8c}.inv-rental-form{padding:12px}.inv-rental-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:12px;padding-top:10px;border-top:1px solid #e8dcc8}.inv-rental-success{padding:24px;text-align:center}.inv-rental-success i{font-size:32px;color:#52c41a;margin-bottom:8px}.inv-rental-success h4{font-size:14px;font-weight:700;color:#1f1f1f;margin:0 0 4px}.inv-rental-success p{font-size:12px;color:#8c8c8c;margin:0 0 12px}@media(max-width:900px){.inv3d-kpi-strip{flex-wrap:wrap}.inv3d-kpi-strip .inv3d-kpi-item{min-width:calc(50% - 4px)}.inv3d-canvas-wrap{height:350px!important}.inv3d-legend-overlay{flex-wrap:wrap;gap:6px}.inv-map-wrap{height:380px}}.vai-cameras-status{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:500;color:#059669}.vai-tabs{display:flex;gap:0;border-bottom:1px solid #d4c5a9;margin-bottom:10px}.vai-tab{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;font-size:12px;font-weight:600;color:#8c8c8c;background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:all .15s;position:relative}.vai-tab:hover{color:#1f1f1f}.vai-tab.active{color:#2d6a4f;border-bottom-color:#2d6a4f}.vai-tab i{font-size:11px}.vai-tab-badge{display:inline-flex;align-items:center;justify-content:center;min-width:16px;height:16px;padding:0 4px;font-size:10px;font-weight:700;color:#fff;background:#dc2626;border-radius:16px}.vai-camera-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.vai-feed-card{cursor:pointer;transition:transform .2s;border-radius:12px;overflow:hidden}.vai-feed-card:hover{transform:scale(1.01)}.vai-feed-card.expanded{grid-column:1 / -1}.vai-feed-container{position:relative;aspect-ratio:3 / 2;overflow:hidden;background:#0a0e14;border:1px solid #1a1f2e;border-radius:12px}.vai-feed-bg-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:contrast(1.05) saturate(.85);z-index:0}.vai-feed-bg-img{position:absolute;inset:-8%;width:116%;height:116%;object-fit:cover;animation:vaiKenBurns 12s ease-in-out infinite alternate;filter:brightness(.7) contrast(1.1) saturate(.8);z-index:0}.vai-feed-bg{position:absolute;inset:-10%;width:120%;height:120%;background:radial-gradient(ellipse at 30% 50%,rgba(255,255,255,.03) 0%,transparent 60%),radial-gradient(ellipse at 70% 30%,rgba(255,255,255,.02) 0%,transparent 50%),linear-gradient(135deg,hsl(var(--cam-hue, 200),15%,8%),hsl(var(--cam-hue, 200),10%,5%),hsl(var(--cam-hue, 200),12%,10%));animation:vaiKenBurns 12s ease-in-out infinite alternate;background-blend-mode:overlay}.vai-feed-bg:after{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.08'/%3E%3C/svg%3E");opacity:.5;mix-blend-mode:overlay}@keyframes vaiKenBurns{0%{transform:scale(1) translate(0)}to{transform:scale(1.08) translate(-2%,-1%)}}.vai-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:2}.vai-feed-hud{position:absolute;top:6px;left:8px;color:#ffffffb3;font-family:JetBrains Mono,Courier New,monospace;font-size:9px;line-height:1.6;text-shadow:0 1px 3px rgba(0,0,0,.9);z-index:3}.vai-rec{color:#ff4d4f;font-weight:700;font-size:10px;animation:vaiBlink 1s infinite}.vai-rec i{font-size:6px;margin-right:3px}@keyframes vaiBlink{0%,to{opacity:1}50%{opacity:.3}}.vai-feed-model{position:absolute;top:6px;right:8px;color:#2d6a4fcc;font-family:JetBrains Mono,monospace;font-size:9px;font-weight:600;text-shadow:0 1px 3px rgba(0,0,0,.9);z-index:3}.vai-feed-model i{margin-right:3px;font-size:8px}.vai-feed-stats{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000000bf);padding:12px 8px 5px;color:#fff9;font-family:JetBrains Mono,monospace;font-size:9px;display:flex;justify-content:space-between;align-items:center;z-index:3}.vai-feed-stats i{margin-right:3px;font-size:8px}.vai-status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#8c8c8c}.vai-status-dot.online{background:#00b96b;box-shadow:0 0 6px #00b96b80}.vai-heatmap-layout{display:grid;grid-template-columns:7fr 3fr;gap:10px}.vai-floorplan-wrap{background:#fff;border:1px solid #d4c5a9;border-radius:12px;padding:8px}.vai-floorplan-title{font-size:12px;font-weight:600;color:#1f1f1f;margin-bottom:6px}.vai-floorplan-title i{color:#8c8c8c;margin-right:4px}.vai-floorplan-canvas{width:100%;height:auto;aspect-ratio:680 / 400;display:block}.vai-zone-panel h4{font-size:12px;font-weight:600;margin:0 0 8px;color:#1f1f1f}.vai-zone-card{background:#fff;border:1px solid #d4c5a9;border-radius:12px;padding:8px 10px;margin-bottom:6px}.vai-zone-name{font-size:11px;font-weight:600;color:#1f1f1f;margin-bottom:2px}.vai-zone-count{font-size:14px;font-weight:800;margin-bottom:4px}.vai-zone-bar-track{height:3px;background:#e8dcc8;border-radius:12px;overflow:hidden;margin-bottom:3px}.vai-zone-bar-fill{height:100%;border-radius:12px;transition:width .5s ease}.vai-zone-pct{font-size:10px;color:#8c8c8c}.vai-alert-filters{display:flex;gap:4px;margin-bottom:10px}.vai-filter-btn{padding:4px 12px;font-size:11px;font-weight:500;border:1px solid #d4c5a9;border-radius:12px;background:#fff;color:#595959;cursor:pointer;transition:all .15s}.vai-filter-btn:hover{border-color:#2d6a4f;color:#2d6a4f}.vai-filter-btn.active{background:#2d6a4f;color:#fff;border-color:#2d6a4f}.vai-alerts-list{display:flex;flex-direction:column;gap:6px}.vai-alert-card{display:flex;align-items:flex-start;gap:10px;background:#fff;border:1px solid #d4c5a9;border-radius:12px;padding:10px 12px;transition:opacity .2s}.vai-alert-card.resolved{opacity:.5}.vai-alert-icon-wrap{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;flex-shrink:0}.vai-alert-body{flex:1;min-width:0}.vai-alert-top{display:flex;align-items:center;gap:8px;margin-bottom:4px}.vai-alert-time{font-size:11px;color:#8c8c8c}.vai-alert-msg{font-size:12px;font-weight:500;color:#1f1f1f;margin:0 0 4px;line-height:1.4}.vai-alert-meta{display:flex;flex-wrap:wrap;gap:10px;font-size:11px;color:#8c8c8c}.vai-alert-meta i{margin-right:3px;font-size:10px}.vai-alert-resolve{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;font-size:11px;font-weight:500;border:1px solid #d4c5a9;border-radius:12px;background:#fff;color:#059669;cursor:pointer;flex-shrink:0;align-self:center}.vai-alert-resolve:hover{border-color:#059669;background:#f6ffed}.vai-time-selector{display:flex;gap:4px;margin-bottom:10px}.vai-time-btn{padding:4px 12px;font-size:11px;font-weight:500;border:1px solid #d4c5a9;border-radius:12px;background:#fff;color:#595959;cursor:pointer}.vai-time-btn:hover{border-color:#2d6a4f}.vai-time-btn.active{background:#2d6a4f;color:#fff;border-color:#2d6a4f}.vai-charts-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}@media(max-width:1200px){.vai-camera-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.vai-camera-grid,.vai-heatmap-layout,.vai-charts-grid{grid-template-columns:1fr}.vai-tabs{overflow-x:auto}.vai-alert-card{flex-direction:column}}@media print{.sidebar,.topbar,.alerts-panel,.filter-bar{display:none!important}.main-content{margin-left:0!important}.page-content{padding:0!important}.card,.kpi-card,.chart-card,.sensor-card{box-shadow:none!important;border:1px solid #d4c5a9!important;break-inside:avoid}body{background:#fff!important}}.cookie-banner{position:fixed;bottom:0;left:0;right:0;z-index:10000;padding:0 16px 16px;animation:cookieSlideUp .4s ease-out}@keyframes cookieSlideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.cookie-banner-content{max-width:680px;margin:0 auto;background:#1f1f1f;color:#e5e5e5;border-radius:16px;padding:16px 20px;display:flex;align-items:center;gap:14px;box-shadow:0 -2px 20px #0000004d;font-size:12px;line-height:1.5}.cookie-banner-icon{font-size:22px;color:#faad14;flex-shrink:0}.cookie-banner-text{flex:1}.cookie-banner-text strong{display:block;color:#fff;font-size:13px;margin-bottom:2px}.cookie-banner-text p{margin:0;color:#a0a0a0}.cookie-banner-actions{display:flex;gap:8px;flex-shrink:0}.cookie-banner-actions .btn{white-space:nowrap;padding:6px 14px;font-size:12px}.cookie-banner-actions .btn-outline{border-color:#555;color:#ccc}.cookie-banner-actions .btn-outline:hover{border-color:#888;color:#fff}@media(max-width:600px){.cookie-banner-content{flex-direction:column;text-align:center}.cookie-banner-actions{width:100%;justify-content:center}}.merma-total-badge{background:#fff1f0;color:#ff4d4f;border:1px solid #ffccc7;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600}.merma-total-badge i{margin-right:4px}.merma-tabs{display:flex;gap:2px;background:#e8dcc8;padding:2px;border-radius:12px;margin-bottom:16px}.merma-tab{flex:1;padding:8px 12px;border:none;background:transparent;color:#8c8c8c;font-size:12px;font-weight:500;cursor:pointer;border-radius:12px;transition:all .15s;display:flex;align-items:center;justify-content:center;gap:6px}.merma-tab:hover{color:#1f1f1f;background:#faf6eb}.merma-tab.active{background:#fff;color:#2d6a4f;font-weight:600;box-shadow:0 1px 2px #0000000f}.merma-stage-tag{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:12px;font-size:11px;font-weight:600;border:1px solid;white-space:nowrap}.merma-stage-tag i{font-size:10px}.merma-destino-tag{display:inline-block;padding:2px 8px;border-radius:12px;font-size:11px;font-weight:500;white-space:nowrap}.merma-destino-mercado_local{background:#d8f3dc;color:#2d6a4f}.merma-destino-industrial{background:#fff7e6;color:#fa8c16}.merma-destino-compost{background:#f6ffed;color:#52c41a}.merma-destino-descarte_total{background:#fff1f0;color:#ff4d4f}.merma-waterfall{background:#fff;border:1px solid #d4c5a9;border-radius:12px;padding:16px;margin-bottom:16px}.merma-waterfall-stages{display:flex;align-items:center;gap:4px;overflow-x:auto;padding:8px 0}.merma-stage-card{flex:1;min-width:120px;text-align:center;padding:12px 8px;background:#faf6eb;border:1px solid #e8dcc8;border-radius:12px}.merma-stage-icon{width:36px;height:36px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:14px;margin-bottom:6px}.merma-stage-label{font-size:11px;color:#8c8c8c;font-weight:500;margin-bottom:4px}.merma-stage-value{font-size:16px;font-weight:700;color:#1f1f1f}.merma-stage-pct{font-size:13px;font-weight:700;margin:2px 0}.merma-stage-bar{height:4px;background:#e8dcc8;border-radius:12px;margin:6px 0 4px;overflow:hidden}.merma-stage-bar-fill{height:100%;border-radius:12px;transition:width .3s}.merma-stage-count{font-size:10px;color:#bfbfbf}.merma-stage-arrow{color:#d4c5a9;font-size:12px;flex-shrink:0}.merma-charts-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.merma-charts-grid .card{padding:16px}.merma-pipeline-section{margin-bottom:16px}.merma-pipeline-flow{display:flex;align-items:stretch;gap:0;overflow-x:auto;padding:8px 0 16px}.merma-pipeline-node{flex:1;min-width:160px;background:#fff;border:1px solid #d4c5a9;border-radius:12px;padding:12px;border-top:3px solid #d4c5a9}.merma-pipeline-node.node-danger{border-top-color:#ff4d4f}.merma-pipeline-node.node-warning{border-top-color:#faad14}.merma-pipeline-node.node-ok{border-top-color:#00b96b}.pipeline-node-header{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:#1f1f1f;margin-bottom:8px}.pipeline-node-header i{font-size:14px}.pipeline-node-metric{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:4px}.pipeline-node-kg{font-size:18px;font-weight:700;color:#1f1f1f}.pipeline-node-pct{font-size:14px;font-weight:700}.pipeline-node-cost{font-size:11px;color:#8c8c8c;margin-bottom:8px}.pipeline-node-causes{border-top:1px solid #e8dcc8;padding-top:8px}.pipeline-cause-item{display:flex;justify-content:space-between;font-size:10px;color:#595959;padding:2px 0}.pipeline-cause-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:110px}.pipeline-cause-kg{font-weight:600;white-space:nowrap;margin-left:4px}.merma-pipeline-connector{display:flex;align-items:center;justify-content:center;padding:0 4px;color:#d4c5a9;font-size:11px;flex-shrink:0}.pipeline-connector-line{display:none}.merma-destino-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}.merma-destino-card{background:#fff;border:1px solid #d4c5a9;border-radius:12px;padding:16px;text-align:center}.merma-destino-icon{font-size:24px;margin-bottom:8px}.merma-destino-label{font-size:12px;font-weight:600;color:#1f1f1f;margin-bottom:4px}.merma-destino-value{font-size:18px;font-weight:700;color:#1f1f1f}.merma-destino-count{font-size:10px;color:#8c8c8c;margin:2px 0}.merma-destino-pct{font-size:13px;font-weight:600;color:#595959}.merma-causes-by-stage{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px}.merma-stage-causes-card{background:#fff;border:1px solid #d4c5a9;border-radius:12px;overflow:hidden}.stage-causes-header{display:flex;align-items:center;gap:8px;padding:10px 12px;background:#faf6eb;border-bottom:1px solid #e8dcc8;border-left:3px solid;font-size:12px;font-weight:600;color:#1f1f1f}.stage-causes-header i{font-size:13px}.stage-causes-total{margin-left:auto;font-size:11px;color:#8c8c8c}.stage-causes-list{padding:8px 12px}.stage-cause-row{display:grid;grid-template-columns:60px 1fr 60px 45px;gap:6px;align-items:center;padding:3px 0;font-size:11px}.stage-cause-bar-bg{height:6px;background:#e8dcc8;border-radius:12px;overflow:hidden}.stage-cause-bar-fill{height:100%;border-radius:12px;transition:width .3s}.stage-cause-name{color:#595959;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stage-cause-kg{text-align:right;font-weight:600;color:#1f1f1f}.stage-cause-pct{text-align:right;color:#8c8c8c}.merma-detail-grid{display:flex;flex-direction:column;gap:0}.merma-detail-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #f5f0e3;font-size:12px}.merma-detail-row:last-child{border-bottom:none}.merma-detail-label{color:#8c8c8c;font-weight:500;min-width:120px}.merma-detail-row>span:last-child{text-align:right;color:#1f1f1f}.merma-registros-section .filter-bar{margin-bottom:12px}@media(max-width:1200px){.merma-charts-grid,.merma-causes-by-stage{grid-template-columns:1fr}.merma-destino-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.merma-waterfall-stages{flex-direction:column}.merma-stage-arrow{transform:rotate(90deg)}.merma-pipeline-flow{flex-direction:column}.merma-pipeline-connector{transform:rotate(90deg);padding:4px 0}.merma-destino-grid{grid-template-columns:1fr 1fr}}.kpi-card,.card,.chart-card,.quick-action-card,.sensor-card,.filter-bar,.heatmap-cell,.table-container,.pipeline-track,.exp-pipeline-card,.exp-pallet-card,.exp-forwarder-card,.exp-doc-card,.exp-wizard,.log-sensor,.scan-example-card,.bp-card,.bp-product-card,.modal,.user-dropdown,.timeline-content{box-shadow:0 1px 4px #2d6a4f0f}.kpi-card:hover,.quick-action-card:hover,.sensor-card:hover,.exp-pipeline-card:hover,.exp-pallet-card:hover,.exp-forwarder-card:hover,.bp-product-card:hover{box-shadow:0 4px 12px #2d6a4f1a;transform:translateY(-1px)}.status-badge{border-radius:999px;padding:2px 10px}.status-badge.badge-sm{border-radius:999px;padding:1px 8px}.tag,.topbar-plan-tag,.sidebar-plan-badge,.bp-grade-pill,.bp-cert-badge,.bp-hero-badge,.exp-tab-badge,.alert-count,.exp-pipeline-count,.log-eta-tag{border-radius:999px}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#2d6a4f;box-shadow:0 0 0 3px #2d6a4f1a}.filter-select:focus,.filter-input:focus{border-color:#2d6a4f;box-shadow:0 0 0 3px #2d6a4f1a}.search-box:focus-within{border-color:#2d6a4f;box-shadow:0 0 0 3px #2d6a4f14}.score-bar,.score-fill,.bp-quality-bar{border-radius:999px}.bp-quality-bar>div{border-radius:999px}.scan-progress-bar,.scan-progress-fill{border-radius:999px}.sidebar{border-right:none}.tour-highlight{border-color:#2d6a4f;box-shadow:0 0 0 4px #2d6a4f26}.tour-tooltip-step{color:#2d6a4f}.tour-dot.active{background:#2d6a4f}.tour-dot.done{background:#95d5b2}.tour-btn-next{background:#2d6a4f;border-radius:999px}.tour-btn-next:hover{background:#40916c}.tour-btn-back{border-radius:999px}.tour-btn-back:hover{border-color:#2d6a4f;color:#2d6a4f}.loading-spinner{border-top-color:#2d6a4f}.stepper-step.active .stepper-circle{background:#2d6a4f;border-color:#2d6a4f}.stepper-step.active .stepper-label{color:#2d6a4f}.legend-dot{border-radius:50%}.user-avatar{border-radius:50%;background:#2d6a4f}.topbar{border-bottom:1px solid #e8dcc8}.timeline-current .timeline-content{border-color:#2d6a4f;background:#d8f3dc}