.sm-sub-square-container{background-color:var(--colors-card);border:1px solid var(--colors-border);border-radius:var(--radius-16);box-shadow:var(--shadow-elevation-1);box-sizing:border-box;display:flex;flex-direction:column;font-family:var(--font-sans);gap:var(--spacing-24);letter-spacing:var(--letter-spacing-sans);margin:0 auto;max-width:500px;overflow:hidden;padding:var(--spacing-24);position:relative;width:100%}#woop-delivery-module-de1d .sm-text-heading-sm{color:var(--colors-foreground);font-family:var(--font-heading)!important;font-size:20px!important;font-weight:700!important;letter-spacing:-1px;line-height:18px!important;margin:0}#woop-delivery-module-de1d .sm-text-subheading-sm{align-items:center;color:var(--colors-foreground)!important;display:flex;font-family:var(--font-serif)!important;font-size:16px!important;font-style:italic!important;font-weight:500!important;gap:8px;letter-spacing:var(--letter-spacing-tight);line-height:20px!important;margin:0 0 8px}#woop-delivery-module-de1d .sm-text-label-sm{color:var(--colors-foreground);font-family:var(--font-sans)!important;font-size:14px!important;font-weight:500!important;letter-spacing:-.2px;line-height:20px!important}#woop-delivery-module-de1d .sm-text-label-xs{color:var(--colors-muted-foreground);font-family:var(--font-sans)!important;font-size:12px!important;font-weight:500!important;letter-spacing:0;line-height:16px!important;transition:color .3s}#woop-delivery-module-de1d .sm-text-paragraph-sm{color:var(--colors-muted-foreground)!important;font-family:var(--font-sans)!important;font-size:14px!important;font-weight:400!important;letter-spacing:var(--letter-spacing-sans);line-height:20px!important;margin:0}#woop-delivery-module-de1d .sm-text-brand-primary{color:var(--colors-primary-700)!important}#woop-delivery-module-de1d .sm-text-success{color:var(--colors-success-600)!important}#woop-delivery-module-de1d .sm-text-orange{color:var(--colors-warning-500)!important}#woop-delivery-module-de1d i.ti{align-items:center;display:inline-flex;justify-content:center;line-height:1}#woop-delivery-module-de1d i.ti.sm-icon-xs{font-size:14px}#woop-delivery-module-de1d i.ti.sm-icon-sm{font-size:16px}.sm-sub-square-header{display:flex;flex-direction:column;gap:var(--spacing-12)}.sm-sub-square-tabs{border-bottom:1px solid var(--colors-border);display:flex;gap:4px;padding-bottom:var(--spacing-12)}.sm-sub-tab-btn{background:none;border:none;cursor:pointer;display:flex;flex:1;flex-direction:column;gap:6px;overflow:hidden;padding:0;text-align:left;transition:opacity .2s}.sm-sub-tab-btn span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sm-sub-tab-btn:hover{opacity:.8}.sm-sub-tab-btn:focus-visible{border-radius:var(--radius-8);outline:2px solid var(--colors-primary-700);outline-offset:2px}.sm-sub-tab-btn.sm-active span{color:var(--colors-primary-700);font-weight:600}.sm-sub-tab-progress{background-color:var(--colors-border);border-radius:4px;height:3px;overflow:hidden;position:relative;width:100%}.sm-sub-tab-progress-fill{background-color:var(--colors-primary-700);height:100%;transition:background-color .3s ease;width:0}.sm-sub-tab-btn.sm-active .sm-sub-tab-progress-fill{animation:tabLoad 7s linear forwards}.sm-autoplay-paused .sm-sub-tab-btn.sm-active .sm-sub-tab-progress-fill{animation-play-state:paused}.sm-sub-tab-btn.sm-completed .sm-sub-tab-progress-fill{background-color:#8871d6;opacity:.5;width:100%}@keyframes tabLoad{0%{width:0}to{width:100%}}.sm-sub-square-canvas{animation:slideGrid 20s linear infinite;background-color:var(--colors-muted);background-image:linear-gradient(90deg,rgba(107,109,138,.02) 1px,transparent 0),linear-gradient(180deg,rgba(107,109,138,.02) 1px,transparent 0);background-size:24px 24px;border:1px solid var(--colors-border);border-radius:var(--radius-12);box-shadow:var(--shadow-elevation-1);display:flex;flex-direction:column;flex-shrink:0;height:280px;overflow:hidden;position:relative}@keyframes slideGrid{0%{background-position:0 0}to{background-position:-24px -24px}}.sm-sub-saas-header{align-items:center;backdrop-filter:blur(4px);background-color:hsla(0,0%,100%,.9);border-bottom:1px solid var(--colors-border);display:flex;gap:var(--spacing-12);padding:10px var(--spacing-16);z-index:10}.sm-sub-saas-dots{display:flex;gap:6px}.sm-sub-saas-dots span{border-radius:var(--radius-full);height:8px;width:8px}.sm-dot-red{background-color:#ff5f56}.sm-dot-yellow{background-color:#ffbd2e}.sm-dot-green{background-color:#27c93f}.sm-sub-saas-title{color:var(--colors-muted-foreground);flex-grow:1;font-family:monospace;font-size:11px;font-weight:500;line-height:14px}.sm-sub-saas-body{border-bottom-left-radius:var(--radius-12);border-bottom-right-radius:var(--radius-12);flex:1;overflow:hidden;position:relative;z-index:2}.sm-sub-canvas-pane{align-items:center;display:flex;inset:0;justify-content:center;opacity:0;padding:var(--spacing-16);position:absolute;transform:scale(.97);transition:opacity .4s ease,transform .4s ease;visibility:hidden}.sm-sub-canvas-pane.sm-active{opacity:1;transform:scale(1);visibility:visible}.sm-sub-canvas-pane[data-step="3"]{padding:0}.sm-track-hero{align-items:stretch;display:flex;gap:16px;height:100%;max-width:380px;width:100%}.sm-track-hero-map{align-self:center;border:1px solid var(--colors-border);border-radius:var(--radius-12);box-shadow:var(--shadow-elevation-1);flex-shrink:0;height:128px;overflow:hidden;position:relative;width:128px}#map-track-de1d{background:#e8eaed;height:100%;width:100%;z-index:1}.sm-route-point-marker{align-items:center;border:2px solid var(--colors-card);border-radius:50%;box-shadow:0 2px 6px rgba(17,23,81,.35);color:#fff;display:flex!important;font-size:11px;height:22px;justify-content:center;width:22px}.sm-route-point-origin{background:var(--colors-muted-foreground)}.sm-route-point-destination{background:var(--colors-primary-700)}.sm-track-timeline{display:flex;flex:1;flex-direction:column;gap:0;justify-content:center;min-width:0}.sm-tl-item{align-items:flex-start;display:flex;gap:12px;opacity:0;padding-bottom:20px;position:relative;transform:translateX(10px)}.sm-tl-item:last-child{padding-bottom:0}.sm-tl-item:before{background:var(--colors-border);bottom:-4px;content:"";left:11px;position:absolute;top:24px;width:2px}.sm-tl-item:last-child:before{display:none}.sm-tl-item.sm-tl-done:before{background:var(--colors-success-600)}.sm-sub-canvas-pane.sm-active .sm-tl-item:first-child{animation:tlIn .4s ease-out .1s forwards}.sm-sub-canvas-pane.sm-active .sm-tl-item:nth-child(2){animation:tlIn .4s ease-out .35s forwards}.sm-sub-canvas-pane.sm-active .sm-tl-item:nth-child(3){animation:tlIn .4s ease-out .6s forwards}.sm-sub-canvas-pane.sm-active .sm-tl-item:nth-child(4){animation:tlIn .4s ease-out .85s forwards}@keyframes tlIn{to{opacity:1;transform:translateX(0)}}.sm-tl-dot{align-items:center;background:var(--colors-muted);border:2px solid var(--colors-border);border-radius:50%;color:var(--colors-muted-foreground);display:flex;flex-shrink:0;font-size:12px;height:24px;justify-content:center;width:24px;z-index:1}.sm-tl-done .sm-tl-dot{background:var(--colors-success-600);border-color:var(--colors-success-600);color:#fff}.sm-tl-current .sm-tl-dot{background:var(--colors-primary-700);border-color:var(--colors-primary-700);color:#fff;position:relative}.sm-tl-current .sm-tl-dot:after{animation:tlPulse 1.6s ease-out infinite;border:2px solid var(--colors-primary-700);border-radius:50%;content:"";inset:-4px;position:absolute}@keyframes tlPulse{0%{opacity:.8;transform:scale(.85)}to{opacity:0;transform:scale(1.5)}}.sm-tl-content{display:flex;flex-direction:column;min-width:0;padding-top:2px}.sm-tl-title{color:var(--colors-foreground);font-family:var(--font-sans);font-size:13px;font-weight:600;letter-spacing:var(--letter-spacing-sans);line-height:16px}.sm-tl-item:not(.sm-tl-done):not(.sm-tl-current) .sm-tl-title{color:var(--colors-muted-foreground);font-weight:500}.sm-tl-time{color:var(--colors-muted-foreground);font-family:var(--font-sans);font-size:11px;letter-spacing:var(--letter-spacing-sans);line-height:14px;margin-top:2px}.sm-tl-current .sm-tl-time{color:var(--colors-primary-700);font-weight:600}.sm-notif-stack{display:flex;flex-direction:column;gap:8px;max-width:320px;width:100%}.sm-notif-card{align-items:center;background:var(--colors-card);border:1px solid var(--colors-border);border-left:3px solid var(--colors-primary-700);border-radius:var(--radius-12);box-shadow:var(--shadow-elevation-1);display:flex;gap:10px;opacity:0;padding:8px 12px;transform:scale(.9) translateY(10px)}.sm-notif-card.sm-notif-email{border-left-color:var(--colors-warning-500)}.sm-notif-card.sm-notif-action{border-left-color:var(--colors-success-600)}.sm-sub-canvas-pane.sm-active .sm-notif-card.sm-notif-sms{animation:notifPop .4s cubic-bezier(.17,.88,.32,1.27) .3s forwards}.sm-sub-canvas-pane.sm-active .sm-notif-card.sm-notif-email{animation:notifPop .4s cubic-bezier(.17,.88,.32,1.27) .9s forwards}.sm-sub-canvas-pane.sm-active .sm-notif-card.sm-notif-action{animation:notifPop .4s cubic-bezier(.17,.88,.32,1.27) 1.5s forwards}@keyframes notifPop{to{opacity:1;transform:scale(1) translateY(0)}}.sm-notif-icon{align-items:center;background:var(--colors-primary-200);border-radius:var(--radius-full);color:var(--colors-primary-700);display:flex;flex-shrink:0;font-size:13px;height:26px;justify-content:center;width:26px}.sm-notif-card.sm-notif-email .sm-notif-icon{background:#fdf1e6;color:var(--colors-warning-500)}.sm-notif-card.sm-notif-action .sm-notif-icon{background:#e6f4f1;color:var(--colors-success-600)}.sm-notif-body{display:flex;flex:1;flex-direction:column;gap:2px;min-width:0}.sm-notif-app{color:var(--colors-muted-foreground);font-size:10px;font-weight:700;line-height:13px;text-transform:uppercase}.sm-notif-app,.sm-notif-text{font-family:var(--font-sans);letter-spacing:var(--letter-spacing-sans)}.sm-notif-text{color:var(--colors-foreground);font-size:12px;line-height:1.25}.sm-notif-cta{background:var(--colors-primary-200);border-radius:var(--radius-full);color:var(--colors-primary-700);flex-shrink:0;font-family:var(--font-sans);font-size:10px;font-weight:700;line-height:13px;padding:5px 10px}.sm-alert-scene{box-sizing:border-box;display:flex;flex-direction:column;gap:10px;height:100%;justify-content:center;padding:16px;position:relative;width:100%}.sm-alert-toast{align-items:center;background:hsla(0,0%,100%,.96);border:1px solid rgba(245,118,0,.3);border-radius:var(--radius-12);box-shadow:0 8px 20px rgba(0,0,0,.08);display:flex;gap:10px;opacity:0;padding:10px 14px;transform:translateY(-12px)}.sm-sub-canvas-pane.sm-active .sm-alert-toast{animation:toastDrop .5s cubic-bezier(.17,.88,.32,1.27) .2s forwards}@keyframes toastDrop{to{opacity:1;transform:translateY(0)}}.sm-alert-toast-icon{align-items:center;background:#fdf1e6;border-radius:50%;color:var(--colors-warning-500);display:flex;flex-shrink:0;font-size:16px;height:30px;justify-content:center;width:30px}.sm-alert-toast-body{display:flex;flex-direction:column}.sm-alert-toast-title{color:#111751;font-size:13px;font-weight:600;line-height:16px}.sm-alert-toast-sub,.sm-alert-toast-title{font-family:var(--font-sans);letter-spacing:var(--letter-spacing-sans)}.sm-alert-toast-sub{color:var(--colors-warning-500);font-size:11px;font-weight:500;line-height:14px;margin-top:3px}.sm-alert-table{background:var(--colors-card);border:1px solid var(--colors-border);border-radius:var(--radius-12);box-shadow:var(--shadow-elevation-1);display:flex;flex-direction:column;gap:8px;opacity:0;padding:12px 14px;transform:translateY(10px)}.sm-sub-canvas-pane.sm-active .sm-alert-table{animation:floatUp .5s ease-out .35s forwards}@keyframes floatUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.sm-alert-table-head{align-items:center;color:var(--colors-muted-foreground);display:flex;font-family:var(--font-heading);font-size:11px;font-weight:700;gap:6px;letter-spacing:var(--letter-spacing-tight);line-height:14px;margin-bottom:2px;text-transform:uppercase}.sm-alert-table-head i{color:var(--colors-primary-700);font-size:14px}.sm-alert-row{align-items:center;display:flex;gap:10px;opacity:0;transform:translateX(-8px)}.sm-sub-canvas-pane.sm-active .sm-alert-row:nth-child(2){animation:slideIn .35s ease-out .55s forwards}.sm-sub-canvas-pane.sm-active .sm-alert-row:nth-child(3){animation:slideIn .35s ease-out .7s forwards}.sm-sub-canvas-pane.sm-active .sm-alert-row:nth-child(4){animation:slideIn .35s ease-out .85s forwards}.sm-sub-canvas-pane.sm-active .sm-alert-row:nth-child(5){animation:slideIn .35s ease-out 1s forwards}.sm-alert-ref{color:var(--colors-foreground);flex-shrink:0;font-weight:700;width:72px}.sm-alert-carrier,.sm-alert-ref{font-family:var(--font-sans);font-size:11px;line-height:14px}.sm-alert-carrier{color:var(--colors-muted-foreground);flex:1;letter-spacing:var(--letter-spacing-sans);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sm-alert-tag{border-radius:var(--radius-full);flex-shrink:0;font-family:var(--font-sans);font-size:9px;font-weight:700;letter-spacing:.3px;line-height:12px;padding:4px 8px;text-transform:uppercase;white-space:nowrap}.sm-tag-ok{background:#e6f4f1;color:var(--colors-success-600)}.sm-tag-progress{background:var(--colors-primary-200);color:var(--colors-primary-700)}.sm-tag-issue{background:#fdf1e6;color:var(--colors-warning-500)}.sm-alert-row-issue{background:rgba(245,118,0,.06);border-radius:var(--radius-8);margin:-4px -6px;padding:4px 6px}.sm-satisfaction-panel{display:flex;flex-direction:column;gap:12px;max-width:340px;width:100%}.sm-nps-card{align-items:center;background:hsla(0,0%,100%,.95);border:1px solid var(--colors-border);border-radius:var(--radius-12);box-shadow:var(--shadow-elevation-1);display:flex;flex-direction:column;gap:4px;opacity:0;overflow:hidden;padding:18px 16px 14px;position:relative;text-align:center;transform:translateY(10px)}.sm-sub-canvas-pane.sm-active .sm-nps-card{animation:floatUp .5s ease-out .1s forwards}.sm-nps-card:before{background:radial-gradient(circle,rgba(245,166,35,.28) 0,rgba(245,166,35,0) 70%);content:"";height:100px;left:50%;pointer-events:none;position:absolute;top:-50px;transform:translateX(-50%);width:160px}.sm-nps-value{color:var(--colors-foreground);font-family:var(--font-heading);font-size:34px;font-weight:700;letter-spacing:var(--letter-spacing-tight);line-height:38px;opacity:0;position:relative;transform:scale(.85)}.sm-sub-canvas-pane.sm-active .sm-nps-value{animation:npsScorePop .4s cubic-bezier(.17,.88,.32,1.27) .3s forwards}@keyframes npsScorePop{to{opacity:1;transform:scale(1)}}.sm-nps-scale{font-size:16px;font-weight:600;margin-left:2px}.sm-nps-count,.sm-nps-scale{color:var(--colors-muted-foreground)}.sm-nps-count{font-family:var(--font-sans);font-size:11px;letter-spacing:var(--letter-spacing-sans);line-height:14px;margin-top:4px;position:relative}.sm-carrier-card{background:hsla(0,0%,100%,.95);border:1px solid var(--colors-border);border-radius:var(--radius-12);box-shadow:var(--shadow-elevation-1);opacity:0;padding:14px 16px;transform:translateY(10px)}.sm-sub-canvas-pane.sm-active .sm-carrier-card{animation:floatUp .5s ease-out .3s forwards}.sm-carrier-card-head{align-items:center;color:var(--colors-muted-foreground);display:flex;font-family:var(--font-heading);font-size:11px;font-weight:700;gap:6px;letter-spacing:var(--letter-spacing-tight);line-height:14px;margin-bottom:12px;text-transform:uppercase}.sm-carrier-card-head i{color:#f5a623;font-size:14px}.sm-carrier-rank{display:flex;flex-direction:column;gap:10px}.sm-carrier-row{align-items:center;border-radius:var(--radius-8);display:flex;gap:10px;opacity:0;transform:translateX(-10px)}.sm-carrier-row.sm-carrier-top{background:rgba(245,166,35,.1);margin:-6px -8px;padding:6px 8px}.sm-sub-canvas-pane.sm-active .sm-carrier-row:first-child{animation:slideIn .4s ease-out .55s forwards}.sm-sub-canvas-pane.sm-active .sm-carrier-row:nth-child(2){animation:slideIn .4s ease-out .7s forwards}.sm-sub-canvas-pane.sm-active .sm-carrier-row:nth-child(3){animation:slideIn .4s ease-out .85s forwards}@keyframes slideIn{to{opacity:1;transform:translateX(0)}}.sm-carrier-rank-badge{align-items:center;background:var(--colors-muted-foreground);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-family:var(--font-sans);font-size:10px;font-weight:700;height:18px;justify-content:center;line-height:13px;width:18px}.sm-carrier-rank-badge.sm-rank-1{background:#f5a623}.sm-carrier-rank-badge.sm-rank-2{background:#9aa0b4}.sm-carrier-rank-badge.sm-rank-3{background:#b08d57}.sm-carrier-name{color:var(--colors-foreground);flex-shrink:0;font-family:var(--font-sans);font-size:12px;font-weight:500;letter-spacing:var(--letter-spacing-sans);line-height:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:108px}.sm-carrier-bar-bg{background:var(--colors-border);border-radius:4px;flex:1;height:8px;overflow:hidden}.sm-carrier-bar-fill{background:var(--colors-primary-700);border-radius:4px;height:100%;width:0}.sm-carrier-row.sm-carrier-top .sm-carrier-bar-fill{background:#f5a623}.sm-sub-canvas-pane.sm-active .sm-carrier-bar-1{animation:barFill1 1s cubic-bezier(.2,.8,.2,1) .85s forwards}.sm-sub-canvas-pane.sm-active .sm-carrier-bar-2{animation:barFill2 1s cubic-bezier(.2,.8,.2,1) 1s forwards}.sm-sub-canvas-pane.sm-active .sm-carrier-bar-3{animation:barFill3 1s cubic-bezier(.2,.8,.2,1) 1.15s forwards}@keyframes barFill1{to{width:92%}}@keyframes barFill2{to{width:74%}}@keyframes barFill3{to{width:58%}}.sm-carrier-score{color:var(--colors-primary-700);flex-shrink:0;font-family:var(--font-heading);font-size:13px;font-weight:700;letter-spacing:var(--letter-spacing-tight);line-height:16px;text-align:right;width:20px}.sm-carrier-row.sm-carrier-top .sm-carrier-score{color:#c9820f}.sm-glass-card{background:hsla(0,0%,100%,.85);border:1px solid hsla(0,0%,100%,.8);border-radius:var(--radius-12);box-shadow:0 8px 24px rgba(0,0,0,.04),inset 0 1px 0 hsla(0,0%,100%,.5)}.sm-glow-success-soft{box-shadow:0 4px 16px rgba(3,139,107,.18)}.sm-booster-dashboard{box-sizing:border-box;display:flex;flex-direction:column;height:100%;justify-content:center;margin:auto;max-width:340px;width:100%}.sm-boost-main-card{display:flex;flex-direction:column;gap:16px;opacity:0;padding:16px 20px;transform:translateY(15px)}.sm-sub-canvas-pane.sm-active .sm-boost-main-card{animation:floatUp .5s ease-out .2s forwards}.sm-boost-header{align-items:center;border-bottom:1px solid var(--colors-border);display:flex;justify-content:space-between;padding-bottom:8px}.sm-boost-badge{align-items:center;background:rgba(3,139,107,.1);border-radius:var(--radius-full);color:var(--colors-success-600);display:flex;font-size:11px;font-weight:700;gap:4px;line-height:14px;padding:4px 10px}.sm-boost-metrics{align-items:stretch;display:flex;gap:16px}.sm-metric-col{display:flex;flex:1;flex-direction:column;gap:6px}.sm-metric-divider{background:var(--colors-border);width:1px}.sm-metric-val{align-items:baseline;display:flex;font-family:var(--font-sans);font-size:26px;font-weight:700;gap:6px;letter-spacing:-1px;line-height:1}.sm-sparkline{height:36px;margin-top:auto;overflow:visible;width:100%}.sm-spark-path{fill:none;stroke-dasharray:200;stroke-dashoffset:200;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.5px}.sm-sub-canvas-pane.sm-active .sm-spark-path{animation:drawLine 1.2s cubic-bezier(.2,.8,.2,1) .4s forwards}.sm-spark-area{opacity:0}.sm-sub-canvas-pane.sm-active .sm-spark-area{animation:areaIn .8s ease-out 1s forwards}.sm-boost-footnote{color:var(--colors-muted-foreground);display:block;font-family:var(--font-sans);font-size:9px;line-height:12px;margin-top:10px;opacity:0;text-align:center}.sm-sub-canvas-pane.sm-active .sm-boost-footnote{animation:floatUp .5s ease-out .6s forwards}.sm-sub-square-footer{display:flex;flex-direction:column;justify-content:flex-start;min-height:80px}.sm-sub-footer-text-wrapper{min-height:80px;position:relative}.sm-sub-footer-text{display:none;width:100%}.sm-sub-footer-text.sm-active{animation:slideTextUp .4s ease-out forwards;display:block}@keyframes slideTextUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:500px){.sm-sub-square-container{min-height:520px}}@media (prefers-reduced-motion:reduce){.sm-sub-square-container *{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}