@import "https://fonts.googleapis.com/css2?family=Lato:wght@400;700;900&display=swap";
:root{--font-family-base:"Lato", -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-weight-regular:400;--font-weight-semibold:700;--font-weight-bold:700}
:root{--color-primary:#995a00;--color-primary-hover:#bf7000;--color-primary-active:#663c00;--color-primary-dark:#a56100;--color-primary-light:#e3b35c;--color-primary-contrast:#fffdf8;--color-primary-surface:#f2d8bc;--color-primary-surface-hover:#f0c49a40;--color-accent:#e8a03c;--color-accent-hover:#f0b45a;--color-accent-active:#c98420;--color-accent-surface:#e8a03c1f;--color-secondary:#1f5c3a;--color-secondary-contrast:#fffdf8;--color-success:#1a7a32;--color-success-hover:#4caf50;--color-success-surface:#1a7a321a;--color-error:#c00;--color-error-hover:#f33;--color-error-surface:#cc00001f;--color-error-light:#e8b4b4;--color-warning:#e3b35c;--color-warning-surface:#e3b35c24;--color-info:#2a6fa8;--color-info-hover:#4d8fbf;--color-info-surface:#2a6fa81a;--color-text-primary:#2f2a24;--color-text-secondary:#5e564c;--color-text-placeholder:#8b8278;--color-text-disabled:#b6ada3;--color-text-inverse:#fffdf8;--color-white:#fffdf8;--color-neutral-100:#f4ede3;--color-neutral-200:#ede4d8;--color-neutral-300:#e2d6c8;--color-neutral-400:#d3c4b2;--color-neutral-500:#8b8278;--color-neutral-700:#5e564c;--color-neutral-900:#2f2a24;--color-border:#8b8278;--color-border-subtle:#e2d6c8;--surface-page:#f6eee4;--surface-page-highlight:#f0c49a;--surface-card:#fffbf6;--surface-muted:#f1e8dc;--surface-overlay:#2f2a247a;--surface-page-glow:color-mix(in srgb, var(--color-accent) 24%, transparent);--surface-page-warm:color-mix(in srgb, var(--surface-page) 88%, var(--color-accent) 12%);--surface-card-warm:color-mix(in srgb, var(--surface-card) 88%, var(--color-accent) 12%);--surface-raised-warm:color-mix(in srgb, var(--surface-card) 92%, var(--color-primary-light) 8%);--surface-hover-warm:color-mix(in srgb, var(--color-primary-surface-hover) 78%, var(--surface-card) 22%);--surface-selected-warm:linear-gradient(180deg, color-mix(in srgb, var(--color-primary) 80%, white), color-mix(in srgb, var(--color-primary) 92%, var(--color-accent)));--surface-pressed-warm:color-mix(in srgb, var(--color-primary-surface) 72%, var(--surface-card) 28%);--surface-icon-warm:linear-gradient(145deg, color-mix(in srgb, var(--color-accent) 18%, white), var(--color-primary-surface))}
:root{--font-family-base:"Lato", -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--text-display-size:32px;--text-display-line:44px;--text-display-weight:400;--text-title-size:28px;--text-title-line:36px;--text-title-weight:400;--text-h1-size:22px;--text-h1-line:32px;--text-h1-weight:400;--text-h2-size:18px;--text-h2-line:28px;--text-h2-weight:400;--text-h3-size:16px;--text-h3-line:24px;--text-h3-weight:400;--text-body-size:15px;--text-body-line:22px;--text-body-weight:400;--text-body-strong-weight:700;--text-body-sm-size:13px;--text-body-sm-line:20px;--text-body-sm-weight:400;--text-label-size:15px;--text-label-line:22px;--text-label-weight:700;--text-label-sm-size:13px;--text-label-sm-line:20px;--text-label-sm-weight:700;--text-label-xs-size:12px;--text-label-xs-line:18px;--text-label-xs-weight:700;--text-caption-size:12px;--text-caption-line:16px;--text-caption-weight:400;--text-overline-size:11px;--text-overline-line:16px;--text-overline-weight:700;--text-overline-tracking:.5px;--text-app-title-size:18px;--text-app-title-line:24px;--text-app-title-weight:400;--text-nav-label-size:var(--text-overline-size);--text-nav-label-line:var(--text-overline-line);--text-nav-label-weight:400;--text-list-title-size:15px;--text-list-title-line:20px;--text-list-title-weight:400;--text-list-subtitle-size:var(--text-body-sm-size);--text-list-subtitle-line:18px;--text-list-subtitle-weight:var(--text-body-sm-weight);--text-list-meta-size:var(--text-caption-size);--text-list-meta-line:var(--text-caption-line);--text-list-meta-weight:var(--text-caption-weight);--text-control-size:var(--text-body-size);--text-control-line:var(--text-body-line);--text-control-weight:700;--text-control-sm-size:var(--text-body-sm-size);--text-control-sm-line:var(--text-body-sm-line);--text-control-sm-weight:700;--text-form-input-size:var(--text-body-size);--text-form-input-line:var(--text-body-line);--text-form-input-weight:var(--text-body-weight);--text-form-label-size:var(--text-label-sm-size);--text-form-label-line:var(--text-label-sm-line);--text-form-label-weight:var(--text-label-sm-weight);--text-form-helper-size:var(--text-caption-size);--text-form-helper-line:var(--text-caption-line);--text-form-helper-weight:var(--text-caption-weight);--text-otp-size:22px;--text-otp-line:28px;--text-otp-weight:700;--text-chip-size:var(--text-body-sm-size);--text-chip-line:var(--text-body-sm-line);--text-chip-weight:700;--text-badge-size:10px;--text-badge-line:16px;--text-badge-weight:700;--text-feedback-title-size:var(--text-body-size);--text-feedback-title-line:var(--text-body-line);--text-feedback-title-weight:400;--text-feedback-message-size:var(--text-body-sm-size);--text-feedback-message-line:var(--text-body-sm-line);--text-feedback-message-weight:var(--text-body-sm-weight);--text-metric-value-size:22px;--text-metric-value-line:28px;--text-metric-value-weight:700;--text-metric-label-size:var(--text-body-sm-size);--text-metric-label-line:18px;--text-metric-label-weight:var(--text-body-sm-weight);--text-metric-helper-size:var(--text-caption-size);--text-metric-helper-line:var(--text-caption-line);--text-metric-helper-weight:var(--text-caption-weight);--text-map-label-size:var(--text-caption-size);--text-map-label-line:var(--text-caption-line);--text-map-label-weight:700;--text-map-pin-size:var(--text-overline-size);--text-map-pin-line:1;--text-map-pin-weight:700;--text-map-attribution-size:10px;--text-map-attribution-line:14px;--text-map-attribution-weight:400}h1,h2,h3,h4,h5,h6,.hb-heading,.sp-title,.app-title,.sp-brand-title{font-weight:var(--font-weight-regular)}
:root{--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px}
:root{--radius-sm:4px;--radius-md:8px;--radius-lg:16px;--radius-xl:32px;--radius-pill:999px}
:root{--shadow-none:none;--shadow-menu:0px 2px 8px 0px #0000001a;--shadow-snackbar:0px 2px 6px 1px #00000026, 0px 1px 2px 0px #0000004d;--shadow-modal:0px 11px 15px -7px #0003, 0px 24px 38px 3px #00000024, 0px 9px 46px 8px #0000001f;--shadow-card:0px 1px 3px #00000014;--shadow-raised-soft:inset 0 1px 0 #ffffffbd, 0 2px 5px color-mix(in srgb, var(--color-text-primary) 7%, transparent), 0 5px 14px color-mix(in srgb, var(--color-primary) 8%, transparent);--shadow-raised-hover:inset 0 1px 0 #ffffffc2, 0 5px 14px color-mix(in srgb, var(--color-primary) 12%, transparent);--shadow-selected-warm:inset 0 1px 0 #ffffff61, inset 0 -1px 0 #0000001f, 0 5px 12px color-mix(in srgb, var(--color-primary) 18%, transparent);--shadow-pressed-warm:inset 0 1px 3px #00000024, 0 1px 2px color-mix(in srgb, var(--color-primary) 10%, transparent);--shadow-icon-depth:inset 0 1px 1px #ffffffd1, inset 0 -5px 8px color-mix(in srgb, var(--color-primary) 12%, transparent), 0 7px 14px -8px color-mix(in srgb, var(--color-primary) 48%, transparent);--shadow-depth-soft:inset 0 1px 0 #ffffffb3, 0 6px 14px color-mix(in srgb, var(--color-primary) 12%, transparent)}
:root{--motion-duration-fast:.14s;--motion-duration-standard:.2s;--motion-duration-route:.28s;--motion-duration-route-tab:.34s;--motion-duration-emphasized:.42s;--motion-ease-standard:cubic-bezier(.2, 0, 0, 1);--motion-ease-emphasized:cubic-bezier(.16, 1, .3, 1);--motion-ease-exit:cubic-bezier(.4, 0, 1, 1)}

:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--hb-surface-raised:var(--surface-raised-warm,var(--surface-card));--hb-surface-raised-hover:var(--surface-hover-warm,var(--color-primary-surface-hover));--hb-surface-selected:var(--surface-selected-warm,linear-gradient(180deg, color-mix(in srgb, var(--color-primary) 86%, white), color-mix(in srgb, var(--color-primary) 94%, white)));--hb-surface-pressed:var(--surface-pressed-warm,var(--color-primary-surface));--hb-icon-surface:var(--surface-icon-warm,var(--color-primary-surface));--hb-shadow-raised:var(--shadow-raised-soft,inset 0 1px 0 #ffffffb8, 0 1px 2px color-mix(in srgb, var(--color-text-primary) 7%, transparent), 0 2px 5px color-mix(in srgb, var(--color-primary) 7%, transparent));--hb-shadow-raised-hover:var(--shadow-raised-hover,inset 0 1px 0 #ffffffbd, 0 3px 8px color-mix(in srgb, var(--color-primary) 12%, transparent));--hb-shadow-selected:var(--shadow-selected-warm,inset 0 1px 0 #ffffff57, inset 0 -1px 0 #0000001f, 0 4px 10px color-mix(in srgb, var(--color-primary) 18%, transparent));--hb-shadow-pressed:var(--shadow-pressed-warm,inset 0 1px 3px #00000024, 0 1px 2px color-mix(in srgb, var(--color-primary) 10%, transparent));--hb-transition-interactive:background-color var(--motion-duration-standard,.2s) var(--motion-ease-standard,ease), border-color var(--motion-duration-standard,.2s) var(--motion-ease-standard,ease), box-shadow var(--motion-duration-standard,.2s) var(--motion-ease-standard,ease), color var(--motion-duration-standard,.2s) var(--motion-ease-standard,ease), transform var(--motion-duration-fast,.14s) var(--motion-ease-standard,ease)}*,:before,:after{box-sizing:border-box}html,body{margin:0;padding:0}body{background-color:var(--surface-page);background-image:radial-gradient(circle at 12% -8%, var(--surface-page-glow,color-mix(in srgb, var(--color-accent) 20%, transparent)), transparent 28%), linear-gradient(180deg, var(--surface-page-highlight) 0%, var(--surface-page) 220px);color:var(--color-text-primary);font-family:var(--font-family-base);font-size:var(--text-body-size);font-weight:var(--font-weight-regular);line-height:var(--text-body-line);background-repeat:no-repeat}strong,b{font-weight:var(--font-weight-bold)}a,a:visited{color:inherit;text-decoration:none}button{color:inherit;font:inherit}button,button *{-webkit-text-fill-color:currentColor}.route-transition{animation:route-enter-forward var(--motion-duration-route,.28s) var(--motion-ease-standard,cubic-bezier(.2, 0, 0, 1)) both;transform-origin:bottom;flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.route-transition[data-motion=back]{animation-name:route-enter-back}.route-transition[data-motion=tab]{animation-name:route-enter-tab-sticky;animation-duration:var(--motion-duration-route-tab,.34s)}.route-transition[data-flow=beat-creation]{animation-name:beat-step-enter;animation-duration:var(--motion-duration-standard,.2s)}@keyframes route-enter-forward{0%{opacity:0;transform:translateX(var(--space-md))}to{opacity:1;transform:translate(0)}}@keyframes route-enter-back{0%{opacity:0;transform:translateX(calc(var(--space-md) * -1))}to{opacity:1;transform:translate(0)}}@keyframes route-enter-fade{0%{opacity:0}to{opacity:1}}@keyframes route-enter-tab-sticky{0%{opacity:0;transform:translateY(10px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes beat-step-enter{0%{opacity:0;transform:translateX(var(--space-md))}to{opacity:1;transform:translate(0)}}@keyframes sp-enter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}button:not(:disabled),.card-link,.mgmt-nav-link,.state-action{transition:var(--hb-transition-interactive)}button:not(:disabled):not(.sp-punch-button):not(.sp-attendance-quick):active,.card-link:active,.mgmt-nav-link:active,.state-action:active{box-shadow:var(--hb-shadow-pressed);transform:translateY(1px)}.app-shell{max-width:1120px;padding:var(--space-xl) var(--space-md) var(--space-2xl);margin:0 auto}.app-kicker{color:var(--color-primary);font-size:var(--text-label-sm-size);font-weight:var(--text-label-sm-weight);letter-spacing:var(--text-overline-tracking);margin:0 0 var(--space-sm);text-transform:uppercase}.app-title{font-size:var(--text-title-size);line-height:var(--text-title-line);margin:0 0 var(--space-sm)}.app-title--h2{font-size:var(--text-h2-size);line-height:var(--text-h2-line)}.app-copy{color:var(--color-text-secondary);margin:0}.panel-grid{gap:var(--space-md);margin-top:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.card{background:var(--hb-surface-raised);border:1px solid var(--color-neutral-300);border-radius:var(--radius-md);box-shadow:var(--hb-shadow-raised);padding:var(--space-md)}.card h2,.card h3{font-size:var(--text-h3-size);line-height:var(--text-h3-line);margin:0 0 var(--space-xs)}.card p{color:var(--color-text-secondary);margin:0}.card-link{background:var(--hb-surface-raised);border:1px solid var(--color-neutral-300);border-radius:var(--radius-md);box-shadow:var(--hb-shadow-raised);min-height:44px;padding:var(--space-md);justify-content:space-between;align-items:center;display:flex}.card-link:hover{background:var(--hb-surface-raised-hover);border-color:var(--color-primary);box-shadow:var(--hb-shadow-raised-hover);transform:translateY(-1px)}.chip{background:var(--color-primary-surface);border-radius:var(--radius-pill);color:var(--color-primary-dark);font-size:var(--text-caption-size);font-weight:var(--text-label-sm-weight);line-height:var(--text-caption-line);padding:var(--space-xs) var(--space-sm);display:inline-flex}.role-shell{min-height:100dvh}.shell-header{border-bottom:1px solid color-mix(in srgb, var(--color-primary) 24%, transparent);padding:var(--space-md);background:0 0}.shell-header h1{font-size:var(--text-h2-size);line-height:var(--text-h2-line);margin:0}.shell-header p{color:var(--color-text-secondary);margin:var(--space-xs) 0 0}.shell-content{padding:var(--space-md)}.auth-shell{max-width:420px;min-height:100dvh;padding:var(--space-lg) var(--space-md);margin:0 auto}.auth-shell main{margin-top:var(--space-lg)}.sp-shell{background:var(--surface-page);flex-direction:column;width:100%;min-width:0;max-width:100vw;height:100dvh;max-height:100dvh;display:flex;position:relative;overflow:hidden}.sp-main{flex:1;min-height:0;display:flex;overflow:hidden}.sp-page-background{background-color:var(--surface-page);background-image:radial-gradient(circle at 12% -8%, var(--surface-page-glow,color-mix(in srgb, var(--color-accent) 18%, transparent)), transparent 30%), linear-gradient(180deg, var(--surface-page-highlight) 0%, var(--surface-page) 220px);background-repeat:no-repeat;justify-content:center;align-items:stretch;min-width:0;min-height:100dvh;display:flex;overflow-x:hidden}.sp-screen{background-color:var(--surface-page);background-image:radial-gradient(circle at 85% -10%, color-mix(in srgb, var(--color-accent) 12%, transparent), transparent 28%), linear-gradient(180deg, var(--surface-page-highlight) 0%, var(--surface-page) 200px);background-repeat:no-repeat;flex-direction:column;flex:1;min-width:0;min-height:0;display:flex;position:relative;overflow:hidden}.sp-scroll{overscroll-behavior:contain;overflow-wrap:anywhere;background:0 0;flex:1;min-height:0;overflow:hidden auto}.sp-content{gap:var(--space-sm);padding:var(--space-sm) var(--space-md);flex-direction:column;display:flex}.sp-screen--orders .sp-content{padding-left:10px;padding-right:10px}.sp-screen--orders>header{border-bottom:0!important;gap:12px!important;min-height:80px!important;padding:20px 10px 16px!important}.sp-screen--orders>header>button{background:var(--surface-card)!important;border:1px solid var(--color-neutral-300)!important;box-shadow:var(--hb-shadow-raised,0 1px 2px #00000014)!important}.sp-screen--orders>header h1{font-size:18px!important;font-weight:400!important;line-height:24px!important}.sp-order-flow-content{gap:16px;padding-top:8px}.sp-order-detail-content{gap:14px}.sp-order-state-pane{min-height:100%;padding:var(--space-sm) var(--space-md);justify-content:center;align-items:center;display:flex}.sp-order-state-pane--loading{justify-content:flex-start;align-items:stretch}.sp-order-products-screen{flex-direction:column;gap:0;min-height:100%;display:flex}.sp-screen--orders .sp-section-label{color:var(--color-text-secondary);letter-spacing:.5px;margin-bottom:8px;font-size:11px}.sp-order-highlight-card{background:var(--hb-surface-raised);border:1px solid color-mix(in srgb, var(--color-primary) 12%, var(--color-neutral-300));border-radius:var(--radius-lg);box-shadow:var(--hb-shadow-raised);padding:16px}.sp-order-lined-stack{flex-direction:column;display:flex}.sp-order-lined-stack>*+*{border-top:1px solid var(--color-neutral-200);margin-top:12px;padding-top:12px}.sp-order-setup-row{align-items:flex-start;gap:12px;display:flex}.sp-order-icon-avatar{background:var(--hb-icon-surface);border:1px solid color-mix(in srgb, var(--color-primary) 14%, transparent);color:var(--color-primary);border-radius:12px;flex:none;justify-content:center;align-items:center;width:40px;height:40px;display:inline-flex}.sp-order-setup-copy{flex-direction:column;gap:2px;min-width:0;display:flex}.sp-order-setup-copy>span{color:var(--color-text-secondary);font-size:12px;line-height:16px}.sp-order-setup-copy>strong{color:var(--color-text-primary);font-size:15px;line-height:21px}.sp-order-pill{white-space:nowrap;border-radius:999px;align-items:center;gap:6px;max-width:100%;padding:4px 10px;font-size:12px;font-weight:700;line-height:16px;display:inline-flex}.sp-order-pill--neutral{background:var(--surface-muted);color:var(--color-text-secondary)}.sp-order-pill--success{background:var(--color-success-surface);color:var(--color-success)}.sp-order-pill--info{background:var(--color-info-surface);color:var(--color-info)}.sp-order-pill--code{background:var(--color-primary-surface);color:var(--color-primary-active);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.sp-order-select-row{appearance:none;background:var(--surface-card);border:1.5px solid var(--color-primary);border-radius:var(--radius-md);box-shadow:var(--hb-shadow-raised);color:var(--color-text-primary);cursor:pointer;font:inherit;text-align:left;align-items:center;gap:12px;width:100%;min-height:68px;padding:12px 14px;display:flex}.sp-order-select-row:focus-visible{outline:2px solid color-mix(in srgb, var(--color-primary) 48%, transparent);outline-offset:2px}.sp-order-select-panel{flex-direction:column;gap:8px;display:flex}.sp-order-address-card{background:var(--surface-card);border:1px solid var(--color-neutral-300);border-radius:var(--radius-lg);box-shadow:var(--hb-shadow-raised);gap:12px;padding:16px;display:flex}.sp-order-toolbar-summary{color:var(--color-text-secondary);justify-content:space-between;align-items:center;font-size:12px;display:flex}.sp-order-toolbar-summary strong{color:var(--color-text-primary);font-size:12px}.sp-order-line-card[data-priced=false]{background:var(--surface-muted);border-style:dashed}.sp-order-product-toolbar{background:color-mix(in srgb, var(--surface-card) 94%, transparent);border-bottom:1px solid color-mix(in srgb, var(--color-primary) 20%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:2;flex-shrink:0;position:sticky;top:0}.sp-order-product-list{flex:1;padding-bottom:14px}.sp-more-page{flex-direction:column;flex:1;min-height:100%;display:flex}.sp-logout-bar{background:var(--surface-page);padding:0 var(--space-md) var(--space-md);z-index:1;margin-top:auto;position:sticky;bottom:0}.sp-today-home .sp-content{gap:var(--space-lg);padding-top:var(--space-md)}.sp-today-header{align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-md) var(--space-sm);justify-content:space-between;display:flex}.sp-today-header-copy{flex:1;min-width:0}button.sp-attendance-quick{background:color-mix(in srgb, var(--color-success) 86%, white);border-radius:var(--radius-lg);box-shadow:inset 0 1px 0 #ffffff57, inset 0 -1px 0 #0000001f, 0 4px 10px color-mix(in srgb, var(--color-success) 18%, transparent);color:var(--color-text-inverse);cursor:pointer;text-align:left;min-width:0;min-height:48px;transition:var(--hb-transition-interactive);border:1px solid #0000;flex:none;align-self:center;align-items:center;gap:8px;padding:6px 14px 6px 10px;display:flex;position:relative}.sp-attendance-quick[data-state=out]{background:var(--hb-surface-raised);border-color:color-mix(in srgb, var(--color-error) 22%, var(--color-neutral-300));box-shadow:var(--hb-shadow-raised);color:var(--color-error);padding:6px 14px 6px 6px}@media (hover:hover){button.sp-attendance-quick[data-state=in]:hover{background:color-mix(in srgb, var(--color-success-hover) 78%, white);box-shadow:inset 0 1px 0 #ffffffbd, 0 3px 8px color-mix(in srgb, var(--color-success) 16%, transparent)}button.sp-attendance-quick[data-state=out]:hover{background:color-mix(in srgb, var(--color-error-surface) 55%, var(--hb-surface-raised));border-color:color-mix(in srgb, var(--color-error) 36%, var(--color-neutral-300))}}button.sp-attendance-quick:active{box-shadow:var(--hb-shadow-pressed);transform:translateY(1px)}.sp-attendance-quick-copy{flex-direction:column;justify-content:center;min-width:0;padding-right:2px;display:flex}.sp-attendance-quick-copy .sp-meta{color:color-mix(in srgb, var(--color-text-inverse) 76%, transparent);font-size:var(--text-overline-size);font-weight:var(--font-weight-semibold,600);letter-spacing:.2px;line-height:var(--text-overline-line);text-align:left;text-transform:none;white-space:nowrap}.sp-attendance-quick[data-state=out] .sp-attendance-quick-copy .sp-meta{color:var(--color-text-secondary)}.sp-attendance-quick-icon{background:0 0;flex:none;justify-content:center;align-items:center;width:auto;height:auto;display:inline-flex;position:relative}.sp-attendance-quick .sp-fingerprint-loader{width:32px;height:32px}.sp-attendance-quick[data-state=out] .sp-attendance-quick-icon{background:var(--color-error-surface);border-radius:12px;width:36px;height:36px}.sp-attendance-dot{background:var(--color-success);border:1.5px solid var(--hb-surface-raised);border-radius:var(--radius-pill);box-shadow:0 0 0 0 color-mix(in srgb, var(--color-success) 35%, transparent);width:8px;height:8px;position:absolute;top:3px;right:3px}.sp-attendance-quick[data-state=out] .sp-attendance-dot{animation:1.8s ease-in-out infinite sp-attendance-dot-pulse}.sp-attendance-quick strong{font-size:var(--text-list-title-size);text-align:left;white-space:nowrap;line-height:1.2}@keyframes sp-attendance-dot-pulse{0%,to{box-shadow:0 0 0 0 color-mix(in srgb, var(--color-success) 32%, transparent)}50%{box-shadow:0 0 0 5px color-mix(in srgb, var(--color-success) 0%, transparent)}}.sp-today-home .sp-section-label{margin-bottom:var(--space-sm);line-height:1.1}.sp-today-home .sp-card-body{padding:calc(var(--space-sm) + var(--space-xs)) var(--space-md)}.sp-today-home .sp-title,.sp-today-home .sp-copy,.sp-today-home .sp-meta{line-height:1.3}.sp-card{background:var(--hb-surface-raised);border:1px solid color-mix(in srgb, var(--color-primary) 12%, var(--color-neutral-300));border-radius:var(--radius-md);box-shadow:var(--hb-shadow-raised);min-width:0;position:relative;overflow:hidden}.sp-card-body{padding:var(--space-md)}.sp-screen--orders .sp-card{border-radius:var(--radius-lg)}.sp-screen--orders .sp-card-body{padding:16px}.sp-order-flow-content .sp-card-body,.sp-order-detail-content .sp-card-body,.sp-order-list-content .sp-card-body{padding:var(--space-sm)}.sp-screen--orders .sp-order-flow-content .sp-card-body,.sp-screen--orders .sp-order-detail-content .sp-card-body,.sp-screen--orders .sp-order-list-content .sp-card-body{padding:16px}.sp-task-tabs{padding:calc(var(--space-sm) + var(--space-xs)) var(--space-md)}.sp-task-tab-label{justify-content:center;align-items:center;gap:6px;min-width:0;display:inline-flex}.sp-task-tab-label svg{flex:none}.sp-task-panel{box-sizing:border-box;flex-direction:column;min-height:156px;display:flex;overflow:hidden}.sp-task-panel-content{animation:sp-task-panel-swap var(--motion-duration-emphasized,.42s) var(--motion-ease-emphasized,cubic-bezier(.16, 1, .3, 1)) both;transform-origin:top;will-change:opacity, transform;flex-direction:column;min-height:100%;display:flex}.sp-task-panel-content[data-leaving=true]{animation:sp-task-panel-leave var(--motion-duration-standard,.2s) var(--motion-ease-exit,cubic-bezier(.4, 0, 1, 1)) both}.sp-task-panel .sp-row{align-items:flex-start}.sp-task-panel .sp-row .sp-meta{flex-shrink:0}.sp-task-progress{margin:var(--space-xs) 0 var(--space-sm)}.sp-task-progress--placeholder{height:6px}.sp-task-detail,.sp-task-lock{font-size:var(--text-body-sm-size);align-items:center;gap:8px;min-height:44px;display:flex}.sp-task-detail{margin:var(--space-xs) 0 var(--space-sm)}.sp-task-detail>div,.sp-task-detail>div>div{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.sp-task-lock{background:color-mix(in srgb, var(--color-primary-surface) 70%, var(--surface-card));border:1px dashed color-mix(in srgb, var(--color-primary) 40%, var(--color-neutral-300));border-radius:var(--radius-md);color:var(--color-primary);margin-top:var(--space-xs);padding:var(--space-sm);text-align:center;flex:1;justify-content:center;font-weight:700}.sp-section-label{font-size:var(--text-overline-size);font-weight:var(--text-overline-weight);line-height:var(--text-overline-line);letter-spacing:var(--text-overline-tracking);margin:0 0 var(--space-sm);text-transform:uppercase}.sp-section-inset{padding:0 var(--space-md)}.sp-stack{gap:var(--space-sm);flex-direction:column;display:flex}.sp-row{align-items:center;gap:var(--space-sm);justify-content:space-between;min-width:0;display:flex}.sp-row>*{min-width:0}.sp-row>strong{overflow-wrap:anywhere}.sp-grid{gap:var(--space-sm);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.sp-sticky-footer{background:linear-gradient(180deg, color-mix(in srgb, var(--surface-card) 92%, transparent), var(--surface-card-warm,var(--surface-card)));border-top:1px solid color-mix(in srgb, var(--color-primary) 14%, var(--color-neutral-300));box-shadow:0 -6px 16px color-mix(in srgb, var(--color-primary) 7%, transparent);padding:var(--space-xs) var(--space-md);flex-shrink:0}.sp-screen--orders .sp-sticky-footer{background:var(--surface-page);border-top:1px solid var(--color-neutral-200);box-shadow:none;padding:14px 10px 22px}.sp-enter,.sp-card,.sp-order-card,.sp-list>*{animation:sp-enter var(--motion-duration-standard,.2s) var(--motion-ease-standard,cubic-bezier(.2, 0, 0, 1)) both}.sp-list>:nth-child(2){animation-delay:40ms}.sp-list>:nth-child(3){animation-delay:80ms}.sp-list>:nth-child(4){animation-delay:.12s}.sp-list>:nth-child(5){animation-delay:.16s}.sp-list>:nth-child(6){animation-delay:.2s}.sp-list>:nth-child(n+7){animation-delay:.24s}.hb-list-row--press,.sp-order-card,.hb-bottom-nav__item{transition:var(--hb-transition-interactive)}.hb-notification-bell{transform-origin:50% 10%;display:inline-flex;position:relative}.hb-notification-bell>svg{z-index:1;position:relative}.hb-notification-bell--active{animation:1.8s cubic-bezier(.22,1,.36,1) infinite hb-notification-bell-ring}.hb-notification-bell--active:after{background:color-mix(in srgb, var(--color-accent) 22%, transparent);content:"";border-radius:999px;animation:1.8s ease-out infinite hb-notification-bell-pulse;position:absolute;inset:-7px}@keyframes hb-notification-bell-ring{0%,56%,to{transform:translateY(0)rotate(0)scale(1)}8%{transform:translateY(-2px)rotate(0)scale(1.08)}16%{transform:translateY(-2px)rotate(-13deg)scale(1.08)}24%{transform:translateY(-2px)rotate(11deg)scale(1.08)}32%{transform:translateY(-1px)rotate(-7deg)scale(1.04)}40%{transform:translateY(0)rotate(4deg)scale(1.02)}48%{transform:translateY(0)rotate(0)scale(1)}}@keyframes hb-notification-bell-pulse{0%{opacity:0;transform:scale(.7)}12%{opacity:1}46%{opacity:0;transform:scale(1.25)}to{opacity:0;transform:scale(1.25)}}@media (prefers-reduced-motion:reduce){.hb-notification-bell--active{animation:none}}.hb-list-row--press:hover{box-shadow:inset 3px 0 0 var(--color-primary);background:var(--hb-surface-raised-hover)!important}.hb-list-row--press:active,.sp-order-card:active,button.hb-bottom-nav__item:not(:disabled):active{box-shadow:var(--hb-shadow-pressed);transform:translateY(1px)}.sp-bottom-action{background:var(--surface-muted);padding:var(--space-sm) var(--space-md);flex-shrink:0;justify-content:flex-end;align-items:center;display:flex}.sp-title{color:var(--color-text-primary);font-size:var(--text-h3-size);font-weight:var(--text-h3-weight);line-height:var(--text-h3-line);overflow-wrap:anywhere;margin:0}.sp-title--h2{font-size:var(--text-h2-size);line-height:var(--text-h2-line)}.sp-copy,.sp-meta{color:var(--color-text-secondary);font-weight:var(--font-weight-regular);margin:0}.sp-copy{font-size:var(--text-body-size);line-height:var(--text-body-line)}.sp-meta{font-size:var(--text-caption-size);line-height:var(--text-caption-line)}.sp-meta--strong{font-weight:var(--text-body-strong-weight)}.sp-body-strong{color:var(--color-text-primary);font-size:var(--text-body-size);font-weight:var(--text-body-strong-weight);line-height:var(--text-body-line)}.sp-body-strong--sm{color:var(--color-text-primary);font-size:var(--text-body-sm-size);font-weight:var(--text-body-strong-weight);line-height:var(--text-body-sm-line)}.sp-metric-value{color:var(--color-text-primary);font-size:var(--text-h2-size);font-weight:var(--text-body-strong-weight);line-height:var(--text-h2-line);display:block}.sp-metric-value--h1{font-size:var(--text-h1-size);line-height:var(--text-h1-line)}.sp-metric-value--display{font-size:var(--text-display-size);line-height:var(--text-display-line)}.sp-link-strong{color:var(--color-primary);font-size:var(--text-body-sm-size);font-weight:var(--text-body-strong-weight);line-height:var(--text-body-sm-line);text-decoration:none}.sp-calendar-day{font-size:var(--text-body-sm-size);font-weight:var(--text-body-strong-weight);line-height:var(--text-body-sm-line)}.sp-step-chip{font-size:var(--text-label-xs-size);font-weight:var(--text-label-xs-weight);line-height:var(--text-label-xs-line)}.sp-progress{background:linear-gradient(180deg, var(--color-neutral-200), var(--color-neutral-300));border-radius:var(--radius-pill);box-shadow:inset 0 1px 2px color-mix(in srgb, var(--color-text-primary) 12%, transparent), 0 1px 0 #ffffffb8;height:6px;overflow:hidden}.sp-progress>span{background:linear-gradient(180deg, color-mix(in srgb, var(--color-primary) 72%, white), var(--color-primary) 54%, color-mix(in srgb, var(--color-primary) 84%, black));border-radius:inherit;box-shadow:inset 0 1px 0 #ffffff75, inset 0 -1px 1px #0000002e, 0 0 10px color-mix(in srgb, var(--color-primary) 30%, transparent);height:100%;display:block;position:relative}.sp-progress>span:after{content:"";background:linear-gradient(90deg,#0000,#ffffff5c,#0000);position:absolute;inset:0 0 50%}.kpi-grid{gap:var(--space-sm);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.kpi-tile{background:var(--hb-surface-raised,var(--surface-card));border:1px solid color-mix(in srgb, var(--color-primary) 14%, var(--color-neutral-300));border-radius:var(--radius-md);box-shadow:var(--hb-shadow-raised);color:var(--color-primary);min-height:156px;padding:var(--space-sm);gap:4px;display:grid}.kpi-tile[data-disabled=true]{background:color-mix(in srgb, var(--surface-card) 92%, var(--color-neutral-100));color:var(--color-text-secondary)}.kpi-tile__head{align-items:center;gap:6px;min-width:0;display:flex}.kpi-tile__icon{border-radius:50%;flex:none;justify-content:center;align-items:center;width:24px;height:24px;animation:1.3s ease-in-out infinite kpi-icon-breathe;display:inline-flex}.kpi-tile__code{color:var(--color-text-secondary);font-size:var(--text-overline-size);font-weight:var(--font-weight-bold);letter-spacing:var(--text-overline-tracking);margin-right:auto}.kpi-tile__value{color:var(--color-text-primary);font-size:var(--text-h2-size);line-height:var(--text-h2-line);display:block}.kpi-tile__title,.kpi-tile__subtitle,.kpi-tile__note{margin:0}.kpi-tile__title{color:var(--color-text-primary);font-size:var(--text-caption-size);font-weight:var(--font-weight-bold);line-height:var(--text-caption-line)}.kpi-tile__subtitle,.kpi-tile__note{color:var(--color-text-secondary);font-size:var(--text-overline-size);line-height:1.4}.kpi-tile__sparkline{align-self:end;width:100%;height:20px}.kpi-tile__sparkline polyline{animation:kpi-sparkline-draw .9s var(--motion-ease-standard,cubic-bezier(.2, 0, 0, 1)) both;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px}@keyframes kpi-icon-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}@keyframes kpi-sparkline-draw{0%{opacity:0;stroke-dasharray:100;stroke-dashoffset:100px}to{opacity:1;stroke-dasharray:100;stroke-dashoffset:0}}.sp-process-progress{background:0 0;border-bottom:0;flex-direction:column;gap:8px;display:flex}.sp-process-progress--toolbar{padding:0 10px 18px}.sp-process-progress__head{justify-content:flex-start;align-items:center;gap:8px;display:flex}.sp-process-progress__step{color:var(--color-primary);font-size:12px;font-weight:700;line-height:16px}.sp-process-progress__segments{gap:6px;display:flex}.sp-process-progress__segment{background:var(--color-neutral-200);border-radius:999px;flex:1;height:4px}.sp-process-progress__segment[data-active=true]{background:var(--color-primary)}.sp-process-progress__segment-button{cursor:pointer;border:0;padding:0}.sp-process-progress__segment-button:disabled{cursor:not-allowed}.sp-slide-complete{--sp-slide-padding:4px;--sp-slide-thumb-center:24px;--sp-slide-thumb-size:48px;--sp-slide-thumb-x:0px;--sp-slide-accent:var(--color-success);background:color-mix(in srgb, var(--surface-card) 92%, var(--sp-slide-accent) 8%);border:1px solid color-mix(in srgb, var(--sp-slide-accent) 28%, var(--color-neutral-300));border-radius:var(--radius-pill);box-shadow:inset 0 1px 0 #ffffffb8, 0 8px 22px color-mix(in srgb, var(--sp-slide-accent) 10%, transparent);color:var(--sp-slide-accent);cursor:grab;font-family:var(--font-family-base);font-size:var(--text-body-sm-size);font-weight:var(--font-weight-bold);height:56px;padding:var(--sp-slide-padding);transition:background-color var(--motion-duration-standard,.2s) var(--motion-ease-standard,ease), border-color var(--motion-duration-standard,.2s) var(--motion-ease-standard,ease), box-shadow var(--motion-duration-standard,.2s) var(--motion-ease-standard,ease), color var(--motion-duration-standard,.2s) var(--motion-ease-standard,ease);touch-action:none;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;width:100%;margin-top:12px;display:flex;position:relative;overflow:hidden}.sp-slide-complete--primary{--sp-slide-accent:var(--color-primary)}.sp-slide-complete:after{border:1px solid color-mix(in srgb, var(--sp-slide-accent) 18%, transparent);border-radius:inherit;content:"";opacity:1;pointer-events:none;position:absolute;inset:5px}.sp-slide-complete:disabled:not(.sp-slide-complete--completing){cursor:wait;opacity:.72}.sp-slide-complete--dragging{border-color:var(--sp-slide-accent);box-shadow:inset 0 1px 0 #ffffffb8, 0 0 0 4px color-mix(in srgb, var(--sp-slide-accent) 13%, transparent), 0 10px 24px color-mix(in srgb, var(--sp-slide-accent) 14%, transparent);cursor:grabbing}.sp-slide-complete--dragging:after{opacity:1}.sp-slide-complete--completing{background:var(--sp-slide-accent);border-color:var(--sp-slide-accent);box-shadow:inset 0 1px 0 #ffffff57, inset 0 -1px 0 #0000001f, 0 0 0 4px color-mix(in srgb, var(--sp-slide-accent) 16%, transparent), 0 10px 24px color-mix(in srgb, var(--sp-slide-accent) 18%, transparent);color:var(--color-text-inverse);cursor:wait}.sp-slide-complete__fill{background:color-mix(in srgb, var(--sp-slide-accent) 18%, transparent);border-radius:inherit;bottom:var(--sp-slide-padding);left:var(--sp-slide-padding);pointer-events:none;top:var(--sp-slide-padding);width:calc(var(--sp-slide-thumb-x) + var(--sp-slide-thumb-center));will-change:width;transition:width .32s cubic-bezier(.2,0,0,1);position:absolute}.sp-slide-complete--completing .sp-slide-complete__fill{background:var(--sp-slide-accent);width:calc(100% - 8px);animation:.28s cubic-bezier(.2,0,0,1) both sp-slide-complete-fill}.sp-slide-complete--dragging .sp-slide-complete__fill{transition:none}.sp-slide-complete__label{pointer-events:none;transition:color var(--motion-duration-standard,.2s) var(--motion-ease-standard,ease);z-index:1;align-items:center;line-height:1.1;display:inline-flex;position:relative;transform:translate(10px)}.sp-slide-complete__thumb{background:var(--sp-slide-accent);box-shadow:inset 0 1px 0 #ffffff61, inset 0 -1px 0 #00000024, 0 4px 12px color-mix(in srgb, var(--sp-slide-accent) 24%, transparent);color:var(--color-text-inverse);height:var(--sp-slide-thumb-size);left:var(--sp-slide-padding);pointer-events:none;top:var(--sp-slide-padding);transform:translateX(var(--sp-slide-thumb-x));transition:background-color var(--motion-duration-standard,.2s) var(--motion-ease-standard,ease), color var(--motion-duration-standard,.2s) var(--motion-ease-standard,ease), transform .34s cubic-bezier(.2, 0, 0, 1);width:var(--sp-slide-thumb-size);will-change:transform;z-index:2;border-radius:50%;justify-content:center;align-items:center;display:inline-flex;position:absolute}.sp-slide-complete--completing .sp-slide-complete__thumb{background:var(--surface-card);color:var(--sp-slide-accent);animation:.28s cubic-bezier(.2,0,0,1) both sp-slide-complete-thumb-pop}.sp-slide-complete--dragging .sp-slide-complete__thumb{transition:none}@keyframes sp-slide-complete-fill{0%{opacity:.82}to{opacity:1}}@keyframes sp-slide-complete-thumb-pop{0%{transform:translateX(var(--sp-slide-thumb-x)) scale(1)}55%{transform:translateX(var(--sp-slide-thumb-x)) scale(1.04)}to{transform:translateX(var(--sp-slide-thumb-x)) scale(1)}}.sp-action-tile{background:var(--hb-surface-raised);border:1px solid color-mix(in srgb, var(--color-primary) 12%, var(--color-neutral-300));border-radius:var(--radius-md);color:var(--color-text-primary);cursor:pointer;min-width:0;min-height:0;padding:var(--space-md);text-align:left;box-shadow:var(--hb-shadow-raised);transition:var(--hb-transition-interactive);flex-direction:column;flex:1;gap:6px;display:flex}.sp-action-tile strong{font-size:var(--text-body-size);line-height:var(--text-body-line)}.sp-action-tile[data-active=true]{background:var(--hb-surface-selected);border-color:var(--color-primary);box-shadow:var(--hb-shadow-selected);color:var(--color-text-inverse);transform:translateY(-1px)}.sp-action-tile[data-active=true] .sp-meta,.sp-action-tile[data-active=true] svg{color:currentColor}.sp-inline-alert{background:color-mix(in srgb, var(--color-info-surface) 54%, var(--surface-card));border:1px solid color-mix(in srgb, var(--color-info) 22%, var(--color-neutral-300));border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:var(--text-body-sm-size);align-items:flex-start;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);line-height:1.35;display:flex}.sp-inline-alert>span{overflow-wrap:anywhere;min-width:0}.sp-inline-alert[data-tone=warning]{background:var(--color-warning-surface);border-color:var(--color-warning);color:var(--color-primary-active)}.sp-inline-alert[data-tone=error]{background:var(--color-error-surface);border-color:var(--color-error-light);color:var(--color-error)}.sp-field-label{color:var(--color-text-primary);font-size:var(--text-label-sm-size);font-weight:var(--font-weight-bold);margin-bottom:var(--space-sm);display:block}.sp-list{background:var(--surface-card-warm,var(--surface-card))}.sp-list>*+*{border-top:1px solid var(--color-neutral-200)}.sp-list>.sp-beat-choice+.sp-beat-choice{border-top:0}.sp-beat-choice{background:var(--hb-surface-raised);border:1px solid color-mix(in srgb, var(--color-primary) 12%, var(--color-neutral-300));border-radius:var(--radius-md);box-shadow:var(--hb-shadow-raised);transition:var(--hb-transition-interactive);overflow:hidden}.sp-beat-choice .hb-list-row--press:hover{box-shadow:none;background:0 0!important}.sp-beat-choice:not([data-disabled=true]):hover{background:var(--hb-surface-raised-hover,var(--color-primary-surface-hover));border-color:var(--color-primary);box-shadow:var(--hb-shadow-raised-hover);transform:translateY(-1px)}.sp-beat-choice:not([data-disabled=true]):active{box-shadow:var(--hb-shadow-pressed);transform:translateY(1px)}.sp-beat-choice[data-active=true]{background:var(--hb-surface-selected,var(--color-primary));border-color:var(--color-primary);box-shadow:var(--hb-shadow-selected);color:var(--color-text-inverse);transform:translateY(-1px)}.sp-started-beat-icon{background:var(--color-success-surface);border:1px solid color-mix(in srgb, var(--color-success) 24%, transparent);color:var(--color-success);border-radius:12px;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex}.sp-bordered-row,.sp-divider{border-top:1px solid var(--color-neutral-300)}.sp-notice-wrap{padding:var(--space-sm) var(--space-md)}.sp-search-toolbar{border-bottom:1px solid color-mix(in srgb, var(--color-primary) 24%, transparent);padding:var(--space-sm);background:0 0}.sp-group-header{background:color-mix(in srgb, var(--surface-card) 72%, transparent);border-bottom:1px solid color-mix(in srgb, var(--color-primary) 24%, transparent);border-top:1px solid color-mix(in srgb, var(--color-primary) 24%, transparent);padding:var(--space-xs) var(--space-md);justify-content:space-between;align-items:center;display:flex}.sp-group-header>div{gap:var(--space-2xs);flex-direction:column;min-width:0;display:flex}.sp-group-header strong{color:var(--color-text-secondary);font-size:var(--text-caption-size);letter-spacing:var(--text-overline-tracking);text-transform:uppercase}.sp-group-header span{color:var(--color-text-placeholder);font-size:var(--text-caption-size)}.sp-choice-grid{gap:var(--space-sm);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.sp-choice-button,.sp-day-button,.sp-week-button{background:var(--hb-surface-raised);border:1px solid var(--color-neutral-300);border-radius:var(--radius-md);color:var(--color-text-primary);cursor:pointer;font-family:var(--font-family-base);font-weight:var(--font-weight-bold);min-height:44px;box-shadow:var(--hb-shadow-raised)}.sp-choice-button{font-size:var(--text-body-size);line-height:var(--text-body-line);padding:var(--space-sm) var(--space-md);text-align:left}.sp-choice-button[data-active=true],.sp-week-button[data-active=true]{background:var(--hb-surface-selected);border-color:var(--color-primary);box-shadow:var(--hb-shadow-selected);color:var(--color-text-inverse);transform:translateY(-1px)}.sp-buyer-type-grid{gap:var(--space-sm);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.sp-buyer-type-card{background:var(--hb-surface-raised);border:1px solid var(--color-neutral-300);border-radius:var(--radius-md);color:var(--color-text-primary);cursor:pointer;align-items:flex-start;gap:var(--space-sm);min-height:132px;padding:var(--space-md);text-align:left;box-shadow:var(--hb-shadow-raised);transition:var(--hb-transition-interactive);flex-direction:column;display:flex}.sp-buyer-type-card__icon{background:var(--color-primary-surface);border-radius:var(--radius-pill);color:var(--color-primary);justify-content:center;align-items:center;width:40px;height:40px;display:inline-flex}.sp-buyer-type-card__copy{gap:var(--space-xs);flex-direction:column;display:flex}.sp-buyer-type-card__copy strong{font-size:var(--text-body-size);line-height:var(--text-body-line)}.sp-buyer-type-card__copy span{color:var(--color-text-secondary);font-size:var(--text-caption-size);line-height:var(--text-caption-line)}.sp-buyer-type-card[data-active=true]{background:var(--hb-surface-selected);border-color:var(--color-primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-primary) 12%, transparent), var(--hb-shadow-selected);color:var(--color-text-inverse);transform:translateY(-1px)}.sp-buyer-type-card[data-active=true] .sp-buyer-type-card__icon{color:var(--color-text-inverse);background:#ffffff2e}.sp-buyer-type-card[data-active=true] .sp-buyer-type-card__copy span,.sp-buyer-type-card[data-active=true] .sp-buyer-type-card__copy strong{color:currentColor}@media (max-width:420px){.sp-buyer-type-card{min-height:120px;padding:var(--space-sm)}}.sp-frequency-section{gap:var(--space-sm);margin-top:var(--space-md);flex-direction:column;display:flex}.sp-frequency-section>strong{color:var(--color-text-secondary);font-size:var(--text-body-sm-size)}.sp-day-grid,.sp-week-grid{gap:var(--space-xs);display:grid}.sp-day-grid{grid-template-columns:repeat(7,minmax(0,1fr))}.sp-week-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.sp-day-button[data-active=true]{background:var(--hb-surface-selected);border-color:var(--color-primary);box-shadow:var(--hb-shadow-selected);color:var(--color-text-inverse);transform:translateY(-1px)}.sp-coverage{background:color-mix(in srgb, var(--surface-card) 72%, var(--color-primary-surface));border:1px solid color-mix(in srgb, var(--color-primary) 12%, var(--color-neutral-300));border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:var(--text-body-sm-size);align-items:center;gap:var(--space-sm);margin-top:var(--space-md);padding:var(--space-sm) var(--space-md);display:flex}.sp-coverage strong{color:var(--color-text-primary)}.sp-sequence-number{background:var(--color-primary-surface);border-radius:var(--radius-pill);color:var(--color-primary);font-size:var(--text-caption-size);font-weight:var(--font-weight-bold);justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex}.sp-brand-panel{background:var(--color-primary);color:var(--color-text-inverse);padding:40px var(--space-lg) 28px}.sp-brand-title{color:var(--color-text-inverse);font-size:var(--text-h2-size);line-height:var(--text-h2-line);margin:var(--space-md) 0 0}.sp-brand-sub{color:var(--color-warning);font-size:var(--text-body-sm-size);line-height:var(--text-body-sm-line);margin:2px 0 0}.sp-login-screen{background-color:var(--color-white);color:var(--color-text-primary);isolation:isolate;background-image:url(/brand/honeycomb.svg);background-position:-126px -37px;background-repeat:no-repeat;background-size:93vw;padding-top:30px}@media (min-width:586px){.sp-login-screen{background-size:480px}}.sp-login-screen--combined{background-position:0 -60px;background-size:100%;padding-top:0}.sp-login-screen--combined .sp-login-brand{min-height:min(50vw,270px);padding:0}.sp-login-screen .sp-scroll{z-index:1;background:0 0;flex-direction:column;min-height:100%;display:flex;position:relative}.sp-login-honeycomb{pointer-events:none;z-index:0;width:min(72%,260px);height:188px;position:absolute;top:0;left:0;overflow:hidden}.sp-login-honeycomb img{mix-blend-mode:multiply;width:420px;max-width:none;height:auto;display:block}.sp-login-honeycomb--bottom{opacity:.5;background:url(/brand/honeycomb.svg) 0 0/240px no-repeat;inset:auto 0 0 auto;transform:rotate(180deg)}.sp-login-brand{padding:44px var(--space-lg) 28px;justify-content:center;align-items:center;display:flex}.sp-login-logo{max-width:260px;height:auto;display:block}.sp-login-title{color:var(--color-text-primary);font-size:var(--text-h2-size);font-weight:var(--font-weight-bold);line-height:var(--text-h2-line);margin:0}.sp-login-body{padding:0 var(--space-lg);flex-direction:column;flex:1;gap:18px;display:flex}.sp-login-pin{flex-direction:column;gap:6px;display:flex}.sp-login-pin-head{justify-content:space-between;align-items:center;min-height:28px;display:flex}.sp-login-pin-head span{color:var(--color-text-secondary);font-size:var(--text-label-sm-size);font-weight:var(--font-weight-bold);line-height:var(--text-label-sm-line)}.sp-login-pin-head button{margin-right:-8px}.sp-login-pin input::placeholder{color:var(--color-neutral-400);opacity:1}.sp-login-forgot{color:var(--color-text-primary);cursor:pointer;font:inherit;font-size:var(--text-body-size);text-align:center;background:0 0;border:0;padding:0}.sp-login-hint{color:var(--color-text-secondary);font-size:var(--text-body-sm-size);line-height:var(--text-body-sm-line);text-align:center;margin:0}.sp-login-footer{padding:var(--space-lg);margin-top:auto}.sp-login-error{background:var(--color-error-surface);border:1px solid var(--color-error-light);border-radius:var(--radius-sm);color:var(--color-error);font-size:var(--text-body-sm-size);align-items:flex-start;gap:var(--space-sm);line-height:var(--text-body-sm-line);padding:var(--space-sm) var(--space-md);display:flex}.sp-login-error-text{color:var(--color-error);font-size:var(--text-body-sm-size);line-height:var(--text-body-sm-line)}.sp-text-link{color:var(--color-primary);cursor:pointer;font:inherit;font-weight:var(--font-weight-bold);background:0 0;border:0;padding:0}.sp-deactivated-icon{place-items:center;display:grid}.sp-reauth-scrim{background:var(--surface-overlay);padding:var(--space-md);place-items:center;display:grid;position:absolute;inset:0}.sp-punch-control{aspect-ratio:1;height:auto;margin:var(--space-lg) auto 0;justify-content:center;align-self:center;align-items:center;width:min(280px,100%);display:flex;position:relative}.sp-punch-button{appearance:none;background:radial-gradient(circle at 35% 28%, color-mix(in srgb, var(--color-primary) 68%, white) 0%, var(--color-primary) 55%, color-mix(in srgb, var(--color-primary) 72%, black) 100%);box-shadow:0 14px 32px color-mix(in srgb, var(--color-primary) 40%, transparent), inset 0 3px 8px #ffffff59, inset 0 -10px 18px #00000047;color:var(--color-text-inverse);cursor:pointer;font-family:var(--font-family-base);-webkit-tap-highlight-color:transparent;transform-origin:50%;will-change:transform;z-index:2;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;border:0;border-radius:50%;outline:none;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:168px;height:168px;font-size:18px;transition:background-color .2s,box-shadow .2s,height .18s cubic-bezier(.16,1,.3,1),transform .18s cubic-bezier(.16,1,.3,1),width .18s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden}.sp-punch-button *{-webkit-user-select:none;user-select:none}.sp-punch-button:focus,.sp-punch-button:focus-visible{outline:none}.sp-punch-button:active:not(:disabled):not(.sp-punch-button--holding){box-shadow:0 18px 38px color-mix(in srgb, var(--color-primary) 44%, transparent), inset 0 3px 8px #ffffff59, inset 0 -10px 18px #00000047;width:188px;height:188px;transform:scale(1.03)}.sp-punch-button--holding{width:188px;height:188px;transform:scale(1.03)}.sp-punch-button:disabled{background:radial-gradient(circle at 35% 28%, var(--color-neutral-200) 0%, var(--color-neutral-300) 60%, var(--color-neutral-400) 100%);cursor:wait}.sp-punch-control--out .sp-punch-button{background:radial-gradient(circle at 35% 28%, color-mix(in srgb, var(--color-error) 55%, white) 0%, var(--color-error) 55%, color-mix(in srgb, var(--color-error) 70%, black) 100%);box-shadow:0 14px 32px color-mix(in srgb, var(--color-error) 40%, transparent), inset 0 3px 8px #ffffff59, inset 0 -10px 18px #00000047}.sp-punch-control--out .sp-punch-button:active:not(:disabled):not(.sp-punch-button--holding){box-shadow:0 18px 38px color-mix(in srgb, var(--color-error) 44%, transparent), inset 0 3px 8px #ffffff59, inset 0 -10px 18px #00000047}.sp-fingerprint-loader{flex:none;width:46px;height:46px;overflow:visible}.sp-fingerprint-loader__track,.sp-fingerprint-loader__print{fill:currentColor}.sp-fingerprint-loader__track{opacity:.24}.sp-fingerprint-loader__print{opacity:0;animation:3.6s linear infinite sp-fingerprint-print-load}.sp-fingerprint-loader__print--1{animation-delay:0s}.sp-fingerprint-loader__print--2{animation-delay:.28s}.sp-fingerprint-loader__print--3{animation-delay:.56s}.sp-fingerprint-loader__print--4{animation-delay:.84s}.sp-fingerprint-loader__print--5{animation-delay:1.12s}.sp-punch-ring,.sp-punch-hold-progress-ring,.sp-punch-ripple{pointer-events:none;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.sp-punch-ring{border:2px dashed var(--color-primary);z-index:1;width:188px;height:188px;transition:opacity .18s,transform .18s}.sp-punch-hold-progress-ring{opacity:.95;z-index:3;width:224px;height:224px;overflow:visible}.sp-punch-hold-progress-ring__track,.sp-punch-hold-progress-ring__value{fill:none;stroke-width:6px}.sp-punch-hold-progress-ring__track{stroke:color-mix(in srgb, var(--color-primary) 20%, var(--surface-card))}.sp-punch-hold-progress-ring__value{stroke:color-mix(in srgb, var(--color-primary) 78%, white);stroke-dasharray:100;stroke-dashoffset:100px;stroke-linecap:round;transform-origin:50%;animation:2s linear forwards sp-punch-hold-progress;transform:rotate(-90deg)}.sp-punch-control--out .sp-punch-hold-progress-ring__track{stroke:color-mix(in srgb, var(--color-error) 20%, var(--surface-card))}.sp-punch-control--out .sp-punch-hold-progress-ring__value{stroke:color-mix(in srgb, var(--color-error) 78%, white)}.sp-punch-control:has(.sp-punch-button--holding) .sp-punch-ring{opacity:0;transform:translate(-50%,-50%)scale(1.08)}.sp-punch-control--locating .sp-punch-ring{border-color:var(--color-neutral-400);opacity:.6}.sp-punch-ripple{border:2px solid var(--color-primary);opacity:0;width:200px;height:200px;animation:2.4s ease-out infinite sp-punch-ripple}.sp-punch-control--holding .sp-punch-ripple{width:236px;height:236px}.sp-punch-ripple--two{animation-delay:.8s}.sp-punch-ripple--three{animation-delay:1.6s}.sp-punch-control--out .sp-punch-ring,.sp-punch-control--out .sp-punch-ripple{border-color:var(--color-error)}@keyframes sp-punch-ripple{0%{opacity:.35;transform:translate(-50%,-50%)scale(.8)}to{opacity:0;transform:translate(-50%,-50%)scale(1.4)}}@keyframes sp-punch-hold-progress{to{stroke-dashoffset:0}}@keyframes sp-fingerprint-print-load{0%{opacity:0}12%,78%{opacity:1}to{opacity:0}}.sp-view-swap{animation:route-enter-fade var(--motion-duration-route,.28s) var(--motion-ease-standard,cubic-bezier(.2, 0, 0, 1)) both}@keyframes sp-task-panel-swap{0%{opacity:0;transform:translateY(14px)scale(.985)}68%{opacity:1;transform:translateY(-1px)scale(1.002)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes sp-task-panel-leave{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-10px)scale(.985)}}@keyframes sp-order-screen-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes sp-order-item-enter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.sp-order-motion-stack{animation:sp-order-screen-enter var(--motion-duration-standard,.2s) var(--motion-ease-standard,cubic-bezier(.2, 0, 0, 1)) both}.sp-status-icon{flex-shrink:0;justify-content:center;align-items:center;display:flex}.sp-filter-bar{border-bottom:1px solid color-mix(in srgb, var(--color-primary) 24%, transparent);gap:var(--space-xs);padding:var(--space-xs) var(--space-md);background:0 0;display:flex;overflow-x:auto}.sp-order-filter-bar{animation:sp-order-screen-enter var(--motion-duration-standard,.2s) var(--motion-ease-standard,cubic-bezier(.2, 0, 0, 1)) both}.sp-filter-chip{background:var(--hb-surface-raised);border:1px solid var(--color-neutral-400);border-radius:var(--radius-pill);color:var(--color-text-secondary);cursor:pointer;font:inherit;font-size:var(--text-label-sm-size);line-height:var(--text-label-sm-line);font-weight:var(--font-weight-bold);min-height:40px;box-shadow:var(--hb-shadow-raised);flex-shrink:0;padding:6px 12px}.sp-filter-chip[data-active=true]{background:var(--hb-surface-selected);border-color:var(--color-primary);box-shadow:var(--hb-shadow-selected);color:var(--color-text-inverse);transform:translateY(-1px)}.sp-order-list{gap:var(--space-sm)}.sp-order-card{background:var(--hb-surface-raised);border:1px solid var(--color-neutral-300);border-radius:var(--radius-md);cursor:pointer;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);text-align:left;box-shadow:var(--hb-shadow-raised);transition:border-color var(--motion-duration-standard,.2s) var(--motion-ease-standard,ease), box-shadow var(--motion-duration-standard,.2s) var(--motion-ease-standard,ease), transform var(--motion-duration-fast,.14s) var(--motion-ease-standard,ease);flex-direction:column;width:100%;display:flex}.sp-screen--orders .sp-order-card{border-radius:var(--radius-lg);padding:12px 14px}.sp-order-list-content .sp-order-card{animation:sp-order-item-enter var(--motion-duration-standard,.2s) var(--motion-ease-standard,cubic-bezier(.2, 0, 0, 1)) both}.sp-order-list-content .sp-order-card:nth-child(2){animation-delay:40ms}.sp-order-list-content .sp-order-card:nth-child(3){animation-delay:80ms}.sp-order-list-content .sp-order-card:nth-child(4){animation-delay:.12s}.sp-order-list-content .sp-order-card:nth-child(5){animation-delay:.16s}.sp-order-product-list .sp-product-row{animation:sp-order-item-enter var(--motion-duration-standard,.2s) var(--motion-ease-standard,cubic-bezier(.2, 0, 0, 1)) both}.sp-order-product-list .sp-product-row:nth-child(2){animation-delay:30ms}.sp-order-product-list .sp-product-row:nth-child(3){animation-delay:60ms}.sp-order-product-list .sp-product-row:nth-child(4){animation-delay:90ms}.sp-order-product-list .sp-product-row:nth-child(5){animation-delay:.12s}.sp-order-cart-shell{flex-direction:column;gap:10px;display:flex}.sp-order-cart-header{justify-content:space-between;align-items:flex-end;gap:var(--space-sm);padding:4px 2px;display:flex}.sp-order-cart-header h2{color:var(--color-text-primary);font-size:clamp(24px,5.8vw,30px);font-weight:var(--font-weight-bold);text-transform:capitalize;margin:0;line-height:1.1}.sp-order-cart-header span{color:var(--color-text-secondary);font-size:var(--text-caption-size);font-weight:var(--font-weight-bold);line-height:var(--text-caption-line);text-transform:uppercase;white-space:nowrap}.sp-order-cart-product-list{flex-direction:column;gap:10px;display:flex}.sp-order-cart-product-row{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;min-height:92px;padding:12px;display:grid}.sp-order-cart-product-image{width:62px;height:62px}.sp-order-cart-product-copy{gap:3px}.sp-order-cart-line-total{color:var(--color-text-secondary);font-size:var(--text-caption-size);line-height:var(--text-caption-line)}.sp-order-cart-price-pending{color:var(--color-text-secondary);font-size:var(--text-body-sm-size);line-height:var(--text-body-sm-line)}.sp-order-cart-price-update{background:color-mix(in srgb, var(--color-info-surface) 62%, var(--surface-card));border:1px solid color-mix(in srgb, var(--color-info) 24%, transparent);border-radius:var(--radius-pill);color:var(--color-info);font-size:var(--text-label-xs-size);font-weight:var(--font-weight-bold);width:fit-content;margin-top:2px;padding:4px 8px;line-height:1;display:inline-flex}.sp-order-cart-counter{justify-content:flex-end;align-items:center;display:flex}.sp-order-cart-counter--item{align-self:center}.sp-scheme-applied{background:color-mix(in srgb, var(--surface-card) 88%, var(--color-success) 12%);border:1px solid color-mix(in srgb, var(--color-success) 34%, var(--color-neutral-300));border-radius:var(--radius-md);color:color-mix(in srgb, var(--color-success) 72%, var(--color-text-primary));font-size:var(--text-body-sm-size);font-weight:var(--font-weight-bold);align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);line-height:1.35;display:flex}.sp-scheme-applied>span{overflow-wrap:anywhere;min-width:0}.sp-order-price-summary{font-variant-numeric:tabular-nums;gap:var(--space-xs)}.sp-order-price-summary__rows{gap:var(--space-2xs)}.sp-order-price-summary__total{border-top:1px solid var(--color-neutral-200);justify-content:space-between;align-items:center;gap:var(--space-sm);margin-top:var(--space-xs);padding-top:var(--space-sm);display:flex}.sp-order-price-summary__total-label{color:var(--color-text-primary);font-size:var(--text-body-size);font-weight:var(--font-weight-bold);line-height:var(--text-body-line)}.sp-order-price-summary__total-value{color:var(--color-primary);font-size:var(--text-h3-size);font-variant-numeric:tabular-nums;font-weight:var(--font-weight-bold);line-height:var(--text-h3-line)}.sp-order-price-summary__as-of{border-top:1px solid var(--color-neutral-200);margin-top:var(--space-xs);padding-top:var(--space-xs)}.sp-order-outlet{color:var(--color-primary);font-size:var(--text-body-size);line-height:1.3;display:block}.sp-order-total{font-size:var(--text-h3-size);font-variant-numeric:tabular-nums;font-weight:var(--font-weight-regular);line-height:1.2}.sp-order-card:hover{border-color:var(--color-primary);box-shadow:var(--hb-shadow-raised-hover);transform:translateY(-1px)}.sp-confirm-actions{gap:10px;display:flex}.sp-scroll:has(.sp-punch-page){flex-direction:column;display:flex}.sp-punch-page{box-sizing:border-box;gap:var(--space-md);min-height:0;padding:var(--space-md);flex-direction:column;flex:1;display:flex}.sp-punch-page>:not(.sp-punch-control){flex-shrink:0}.sp-punch-page .sp-punch-control{aspect-ratio:auto;flex:auto;align-self:stretch;width:100%;min-width:0;min-height:168px;margin:0;transition:min-height .18s cubic-bezier(.16,1,.3,1);container-type:size}:is(.sp-punch-page .sp-punch-control:has(.sp-punch-button:active),.sp-punch-page .sp-punch-control--holding){min-height:220px}.sp-punch-page .sp-punch-button{width:clamp(8.25rem,72cqmin,9.75rem);height:clamp(8.25rem,72cqmin,9.75rem)}.sp-punch-page .sp-punch-button:active:not(:disabled):not(.sp-punch-button--holding),.sp-punch-page .sp-punch-button--holding{width:clamp(9rem,82cqmin,11.5rem);height:clamp(9rem,82cqmin,11.5rem)}.sp-punch-page .sp-punch-ring{width:clamp(9.25rem,80cqmin,10.75rem);height:clamp(9.25rem,80cqmin,10.75rem)}.sp-punch-page .sp-punch-hold-progress-ring{width:clamp(12.75rem,96cqmin,13.5rem);height:clamp(12.75rem,96cqmin,13.5rem)}.sp-punch-page .sp-punch-ripple{width:clamp(10rem,88cqmin,11.75rem);height:clamp(10rem,88cqmin,11.75rem)}.sp-punch-page .sp-punch-control--holding .sp-punch-ripple{width:clamp(13.75rem,104cqmin,14.75rem);height:clamp(13.75rem,104cqmin,14.75rem)}.sp-punch-hint{text-align:center;flex-direction:column;align-items:center;gap:2px;display:flex}.sp-punch-page--out{gap:var(--space-sm)}.sp-punch-location-heading{margin-bottom:var(--space-sm);justify-content:space-between;align-items:center;display:flex}.sp-punch-location-heading .sp-section-label{margin:0}.sp-punch-elapsed{align-items:center;gap:var(--space-xs);flex-shrink:0;display:inline-flex}.sp-punch-elapsed-label{color:var(--color-text-secondary);font-size:var(--text-body-sm-size);align-items:baseline;gap:var(--space-xs);line-height:var(--text-body-sm-line);white-space:nowrap;display:inline-flex}.sp-punch-elapsed strong{color:var(--color-success);font-size:var(--text-body-sm-size);font-variant-numeric:tabular-nums}.sp-punch-page--out .sp-punch-map{height:270px}.sp-punch-map{background:var(--color-neutral-100);width:100%;height:270px}.sp-punch-map .maplibregl-map{width:100%;height:100%;font-family:inherit}.sp-punch-map .maplibregl-ctrl-attrib{font-size:var(--text-map-attribution-size);line-height:var(--text-map-attribution-line)}.sp-punch-map .maplibregl-ctrl-attrib.maplibregl-compact-show:not(:focus-within){padding:2px 24px 2px 0}.sp-punch-map .maplibregl-ctrl-attrib.maplibregl-compact-show:not(:focus-within) .maplibregl-ctrl-attrib-inner{display:none}@media (prefers-reduced-motion:reduce){.route-transition,.sp-view-swap,.sp-task-panel-content,.sp-order-motion-stack,.sp-order-filter-bar,.sp-enter,.sp-card,.sp-order-card,.sp-list>*,.sp-order-list-content .sp-order-card,.sp-order-product-list .sp-product-row{animation:none}button,.card-link,.mgmt-nav-link,.state-action,.sp-attendance-quick,.sp-action-tile,.sp-choice-button,.sp-day-button,.sp-week-button,.sp-buyer-type-card,.sp-filter-chip,.sp-po-option,.sp-cart-cta,.sp-beat-choice,.hb-list-row--press,.hb-bottom-nav__item{transition:none!important}button:active,.card-link:active,.mgmt-nav-link:active,.state-action:active,.sp-attendance-quick:active,.sp-action-tile:active,.sp-choice-button:active,.sp-day-button:active,.sp-week-button:active,.sp-buyer-type-card:active,.sp-filter-chip:active,.sp-po-option:active,.sp-cart-cta:active,.sp-beat-choice:active,.hb-list-row--press:active,.sp-order-card:active,button.hb-bottom-nav__item:active,.mgmt-nav-link[data-active=true],.sp-action-tile[data-active=true],.sp-choice-button[data-active=true],.sp-day-button[data-active=true],.sp-week-button[data-active=true],.sp-buyer-type-card[data-active=true],.sp-filter-chip[data-active=true],.sp-po-option[data-active=true],.sp-beat-choice[data-active=true],.sp-beat-choice:hover{transform:none!important}.sp-punch-ripple{animation:none}.sp-route-switch-beat__icon,.sp-route-switch-beat__chevron{transition:none!important;transform:none!important}.sp-attendance-quick[data-state=out] .sp-attendance-dot{animation:none}.sp-punch-button,.sp-punch-button--holding,.sp-fingerprint-loader__print,.sp-punch-hold-progress-ring__value,.kpi-tile__sparkline polyline,.kpi-tile__icon{transition:none;animation:none}.sp-fingerprint-loader__print{opacity:1}button.sp-punch-button--holding:active,.sp-punch-button--holding{transform:scale(1.08)!important}}.sp-mini-stepper{background:var(--surface-card);border:1px solid color-mix(in srgb, var(--color-primary) 24%, var(--color-neutral-300));border-radius:var(--radius-pill);box-shadow:var(--hb-shadow-raised);color:var(--color-text-primary);font-weight:var(--font-weight-bold);align-items:center;gap:4px;min-height:40px;padding:3px 10px;display:inline-flex;overflow:hidden}.sp-mini-stepper button{background:color-mix(in srgb, var(--color-primary-surface) 72%, var(--surface-card));color:var(--color-text-secondary);height:30px;transition:background var(--motion-duration-fast,.14s) var(--motion-ease-standard,ease), color var(--motion-duration-fast,.14s) var(--motion-ease-standard,ease), transform var(--motion-duration-fast,.14s) var(--motion-ease-standard,ease);border:0;border-radius:999px;justify-content:center;align-items:center;width:30px;padding:0;display:inline-flex}.sp-mini-stepper button:disabled{cursor:not-allowed;opacity:.35}.sp-mini-stepper button:last-of-type{background:var(--hb-surface-selected);color:var(--color-text-inverse);box-shadow:inset 0 0 0 1px #fff3}.sp-mini-stepper button:last-of-type:active:not(:disabled){transform:translateY(1px)}.sp-mini-stepper-input{color:var(--color-text-primary);font:inherit;font-size:var(--text-body-sm-size);text-align:center;background:0 0;border:0;outline:none;width:30px;min-width:24px}.sp-icon-action{background:var(--hb-surface-raised);border:1px solid var(--color-neutral-300);border-radius:var(--radius-md);box-shadow:var(--hb-shadow-raised);color:var(--color-text-placeholder);cursor:pointer;height:44px;transition:var(--hb-transition-interactive);justify-content:center;align-items:center;width:44px;padding:0;display:inline-flex}.sp-product-toolbar,.sp-tabs-toolbar{border-bottom:1px solid color-mix(in srgb, var(--color-primary) 24%, transparent);gap:var(--space-sm);padding:var(--space-sm);background:0 0;flex-direction:column;display:flex;overflow-x:auto}.sp-product-image{background:var(--surface-muted);border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:inline-flex}.sp-product-image-thumb{border-radius:inherit;object-fit:cover;width:100%;height:100%;display:block}.sp-product-list{background:var(--surface-card)}.sp-order-product-toolbar__summary{color:var(--color-text-secondary);font-size:var(--text-overline-size);align-items:center;gap:var(--space-sm);justify-content:space-between;display:flex}.sp-order-product-toolbar__summary strong{color:var(--color-text-primary);font-size:var(--text-body-sm-size);font-variant-numeric:tabular-nums}.sp-order-product-search-row{align-items:center;gap:var(--space-xs);grid-template-columns:minmax(0,1fr) auto;display:grid}.sp-order-product-filter-toggle{background:var(--hb-surface-raised);border:1px solid var(--color-neutral-300);border-radius:var(--radius-md);box-shadow:var(--hb-shadow-raised);color:var(--color-text-secondary);cursor:pointer;font-family:var(--font-family-base);font-size:var(--text-label-sm-size);font-weight:var(--font-weight-bold);min-height:44px;transition:var(--hb-transition-interactive);align-items:center;gap:6px;padding:0 12px;display:inline-flex}.sp-order-product-filter-toggle[data-active=true]{border-color:var(--color-primary);color:var(--color-primary)}.sp-order-product-filter-toggle small{background:color-mix(in srgb, currentColor 14%, transparent);border-radius:var(--radius-pill);font-size:var(--text-label-xs-size);font-weight:var(--font-weight-bold);justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 4px;display:inline-flex}.sp-order-product-filter-bar{opacity:0;max-height:0;transition:max-height var(--motion-duration-standard,.2s) var(--motion-ease-standard,ease), opacity var(--motion-duration-standard,.2s) var(--motion-ease-standard,ease), padding var(--motion-duration-standard,.2s) var(--motion-ease-standard,ease);border-bottom:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:0;display:grid;overflow:hidden}.sp-order-product-filter-bar[data-open=true]{opacity:1;max-height:320px;padding:2px 0;overflow-y:auto}.sp-order-product-filter-chip{border-radius:var(--radius-md);justify-content:space-between;align-items:center;gap:8px;width:100%;min-height:42px;padding:8px 10px;display:inline-flex}.sp-order-product-filter-chip>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sp-order-product-filter-chip>small{background:color-mix(in srgb, currentColor 14%, transparent);border-radius:var(--radius-pill);font-size:var(--text-label-xs-size);font-weight:var(--font-weight-bold);text-align:center;min-width:24px;padding:5px 7px;line-height:1}.sp-order-product-filter-chip[data-active=true]>small{background:#ffffff2e}.sp-order-product-filter-chip[data-active=true]>span{white-space:nowrap}.sp-order-product-list{background:0 0;flex-direction:column;gap:10px;padding:2px 0 14px;display:flex}.sp-product-row{align-items:center;gap:var(--space-sm);min-height:64px;padding:10px var(--space-sm);grid-template-columns:auto minmax(0,1fr) auto;display:grid}.sp-product-row+.sp-product-row{border-top:1px solid var(--color-neutral-200)}.sp-order-product-row{background:var(--hb-surface-raised);border:1px solid color-mix(in srgb, var(--color-primary) 12%, var(--color-neutral-300));border-radius:var(--radius-lg);box-shadow:var(--hb-shadow-raised);align-items:flex-start;min-height:86px;padding:12px}.sp-order-product-row+.sp-order-product-row{border-top:0}.sp-order-product-image{background:color-mix(in srgb, var(--color-primary-surface) 60%, var(--surface-card));border:1px solid color-mix(in srgb, var(--color-primary) 14%, transparent);border-radius:14px;width:60px;height:70px}.sp-order-product-copy{gap:3px}.sp-order-product-copy>strong{text-overflow:ellipsis;white-space:nowrap;max-width:100%;display:block;overflow:hidden}.sp-order-product-subtitle{color:var(--color-text-secondary);font-size:var(--text-body-sm-size);line-height:var(--text-body-sm-line);min-height:var(--text-body-sm-line);white-space:nowrap;align-items:center;gap:6px;min-width:0;display:flex;overflow:hidden}.sp-order-product-category-label{text-overflow:ellipsis;min-width:0;overflow:hidden}.sp-order-product-subtitle-sep{flex:none}.sp-order-product-price{color:var(--color-text-primary);font-size:var(--text-list-title-size);font-weight:700;line-height:1.2}.sp-order-form-type{flex:none;position:relative}.sp-order-form-type__trigger{background:color-mix(in srgb, var(--color-primary-surface) 72%, var(--surface-card));border:1px solid color-mix(in srgb, var(--color-primary) 22%, transparent);border-radius:var(--radius-md);box-sizing:border-box;color:var(--color-primary);cursor:pointer;font-family:var(--font-family-base);font-size:var(--text-body-sm-size);height:var(--text-body-sm-line);font-weight:700;line-height:calc(var(--text-body-sm-line) - 2px);white-space:nowrap;align-items:center;gap:2px;margin:0;padding:0 4px 0 8px;display:inline-flex}.sp-order-form-type__trigger:hover{background:color-mix(in srgb, var(--color-primary-surface) 88%, var(--surface-card))}.sp-order-form-type[data-open=true] .sp-order-form-type__trigger{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-text-inverse)}.sp-order-form-type__trigger svg{transition:transform var(--motion-duration-fast,.14s) var(--motion-ease-standard,ease);flex-shrink:0;display:block}.sp-order-form-type[data-open=true] .sp-order-form-type__trigger svg{transform:rotate(180deg)}.sp-order-form-type__menu{background:var(--surface-card);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-menu);box-sizing:border-box;z-index:4000;padding:4px;position:fixed;overflow:hidden}.sp-order-form-type__option{border-radius:var(--radius-sm);color:var(--color-text-primary);cursor:pointer;font-family:var(--font-family-base);font-size:var(--text-body-sm-size);text-align:left;background:0 0;border:0;width:100%;min-height:36px;padding:8px 10px;font-weight:500;display:block}.sp-order-form-type__option:hover{background:var(--surface-hover-warm,var(--color-neutral-100))}.sp-order-form-type__option[data-selected=true]{background:color-mix(in srgb, var(--color-primary-surface) 80%, var(--surface-card));color:var(--color-primary);font-weight:700}.sp-order-product-price-old{color:var(--color-text-secondary);font-weight:500}.sp-order-product-meta{gap:var(--space-xs);flex-wrap:wrap;margin-top:2px;display:flex}.sp-order-product-category,.sp-order-product-pack{background:color-mix(in srgb, var(--color-primary-surface) 68%, var(--surface-card));border:1px solid color-mix(in srgb, var(--color-primary) 15%, transparent);border-radius:var(--radius-pill);color:var(--color-text-secondary);font-size:var(--text-label-xs-size);line-height:var(--text-label-xs-line);padding:2px 8px}.sp-product-row[data-unavailable=true]{opacity:.6}.sp-product-copy{flex-direction:column;min-width:0;display:flex}.sp-product-copy>strong{color:var(--color-text-primary);font-size:var(--text-list-title-size);line-height:var(--text-list-title-line)}.sp-product-copy>span{color:var(--color-text-secondary);font-size:var(--text-body-sm-size)}.sp-product-copy b{color:var(--color-text-primary)}.sp-stock{align-items:center;gap:var(--space-xs);margin-top:var(--space-xs);display:inline-flex}.sp-stock i{border-radius:var(--radius-pill);background:currentColor;width:7px;height:7px}.sp-stock[data-stock=In\ stock]{color:var(--color-success)}.sp-stock[data-stock=Low\ stock]{color:var(--color-warning)}.sp-stock[data-stock="Out of stock"]{color:var(--color-error)}.sp-product-control{justify-content:flex-end;align-items:center;width:112px;min-height:44px;display:inline-flex}.sp-product-control>button,.sp-product-control>.sp-mini-stepper{box-sizing:border-box;width:100%;min-height:44px}.sp-order-product-control{align-self:center}@media (min-width:768px){.sp-order-product-toolbar{padding-left:var(--space-md);padding-right:var(--space-md)}.sp-order-product-filter-bar{grid-template-columns:repeat(3,minmax(0,1fr))}.sp-order-product-list{padding-left:0;padding-right:0}}.sp-unavailable{color:var(--color-text-secondary);font-size:var(--text-caption-size);font-weight:var(--font-weight-bold)}.sp-unavailable-feature{padding:var(--space-md)}.sp-unavailable-feature__hero{background:radial-gradient(circle at 100% 0%, color-mix(in srgb, var(--color-accent) 18%, transparent), transparent 44%), color-mix(in srgb, var(--color-primary-surface) 45%, var(--surface-card));border:1px solid color-mix(in srgb, var(--color-primary) 18%, var(--color-neutral-300));border-radius:var(--radius-md);align-items:flex-start;gap:var(--space-md);margin-bottom:var(--space-md);padding:var(--space-md);grid-template-columns:auto minmax(0,1fr);display:grid}.sp-unavailable-feature__hero p,.sp-unavailable-feature__hero h2,.sp-unavailable-feature__hero span{margin:0}.sp-unavailable-feature__hero p{color:var(--color-text-secondary);font-size:var(--text-caption-size);font-weight:var(--font-weight-bold)}.sp-unavailable-feature__hero h2{font-size:var(--text-h2-size);line-height:var(--text-h2-line);margin-top:2px}.sp-unavailable-feature__hero span{color:var(--color-text-secondary);font-size:var(--text-body-sm-size);line-height:var(--text-body-sm-line);margin-top:var(--space-xs);display:block}.sp-unavailable-feature__actions{gap:var(--space-sm);margin-top:var(--space-md);display:grid}.sp-cart-cta{background:var(--hb-surface-selected);border-radius:var(--radius-md);color:var(--color-text-inverse);font-family:var(--font-family-base);font-size:15px;font-weight:var(--font-weight-bold);align-items:center;gap:var(--space-sm);width:100%;min-height:52px;box-shadow:var(--hb-shadow-selected);transition:box-shadow var(--motion-duration-standard,.2s) var(--motion-ease-standard,ease), transform var(--motion-duration-fast,.14s) var(--motion-ease-standard,ease);border:0;justify-content:space-between;padding:0 18px;display:flex}.sp-cart-cta>span{align-items:center;gap:var(--space-xs);flex-wrap:wrap;min-width:0;display:inline-flex}.sp-cart-cta:disabled{background:var(--color-text-disabled)}.sp-scheme-block{transition:opacity var(--motion-duration-standard,.2s) var(--motion-ease-standard,ease)}.sp-scheme-block[data-stale=true]{opacity:.4}.sp-po-list{gap:var(--space-sm);flex-direction:column;display:flex}.sp-po-option{background:var(--hb-surface-raised);border:1px solid var(--color-neutral-300);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;font-family:var(--font-family-base);align-items:center;gap:var(--space-sm);min-height:76px;padding:var(--space-md);text-align:left;width:100%;box-shadow:var(--hb-shadow-raised);transition:var(--hb-transition-interactive);grid-template-columns:auto minmax(0,1fr) auto;display:grid}.sp-po-option[data-active=true]{background:var(--hb-surface-selected);border-color:var(--color-primary);box-shadow:var(--hb-shadow-selected);color:var(--color-text-inverse);transform:translateY(-1px)}.sp-po-option:disabled{cursor:not-allowed;opacity:.5}.sp-po-option[data-active=true] .sp-po-copy strong,.sp-po-option[data-active=true] .sp-po-copy span,.sp-po-option[data-active=true] .sp-po-value,.sp-po-option[data-active=true] .sp-po-value small{color:currentColor}.sp-po-copy,.sp-po-value{flex-direction:column;display:flex}.sp-po-copy{min-width:0}.sp-po-copy strong{color:var(--color-text-primary);font-size:var(--text-list-title-size);line-height:var(--text-list-title-line)}.sp-po-copy span,.sp-po-value small{color:var(--color-text-secondary);font-size:var(--text-caption-size)}.sp-po-value{color:var(--color-success);font-size:var(--text-body-sm-size);font-weight:var(--font-weight-bold);white-space:nowrap;align-items:flex-end}.sp-visit-content{gap:10px}.sp-visit-layout,.sp-visit-layout__main,.sp-visit-layout__aside{flex-direction:column;gap:10px;min-width:0;display:flex}.sp-visit-summary{gap:10px;display:grid}.sp-visit-summary-head{border-bottom:1px solid var(--color-neutral-200);padding-bottom:10px}.sp-visit-summary-head__top{align-items:flex-start;gap:12px;display:flex}.sp-visit-summary-head__icon{background:color-mix(in srgb, var(--color-primary) 8%, var(--surface-card));border:1px solid color-mix(in srgb, var(--color-primary) 14%, var(--color-neutral-300));border-radius:10px;flex:none;justify-content:center;align-items:center;width:40px;height:40px;display:inline-flex}.sp-visit-summary-head__copy{flex:1;gap:2px;min-width:0;display:grid}.sp-visit-summary-head__name{overflow-wrap:normal;text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:100%;overflow:hidden}.sp-visit-summary-head__locality{align-items:center;gap:4px;margin-top:0;display:flex}.sp-visit-summary-head__stage{flex:none;display:inline-flex}.sp-visit-summary-head__meta{flex-wrap:wrap;gap:6px;margin-top:5px;display:flex}.sp-visit-summary-head__meta-item{background:color-mix(in srgb, var(--surface-card) 72%, var(--color-neutral-100));border:1px solid color-mix(in srgb, var(--color-primary) 10%, var(--color-neutral-300));border-radius:var(--radius-pill);color:var(--color-text-secondary);font-size:var(--text-caption-size);line-height:var(--text-caption-line);padding:2px 8px}.sp-visit-summary-inline{gap:8px;display:grid}.sp-visit-summary-inline__item{background:color-mix(in srgb, var(--surface-card) 74%, var(--color-neutral-100));border:1px solid color-mix(in srgb, var(--color-primary) 8%, var(--color-neutral-300));border-radius:10px;justify-content:space-between;align-items:center;gap:8px;min-width:0;min-height:36px;padding:4px 10px;display:flex}.sp-visit-summary-contact__name{overflow-wrap:anywhere;min-width:0}.sp-visit-summary-call{color:var(--color-primary);font-size:var(--text-body-sm-size);font-weight:var(--text-body-strong-weight);line-height:var(--text-body-sm-line);white-space:nowrap;flex-shrink:0;align-items:center;gap:4px;text-decoration:none;display:inline-flex}.sp-visit-summary-toggle{background:color-mix(in srgb, var(--surface-card) 72%, var(--color-neutral-100));border:1px solid color-mix(in srgb, var(--color-primary) 10%, var(--color-neutral-300));color:var(--color-primary);cursor:pointer;font-family:var(--font-family-base);font-size:var(--text-body-sm-size);font-weight:var(--font-weight-bold);text-align:left;border-radius:10px;justify-content:space-between;align-items:center;width:100%;min-height:40px;padding:0 10px;display:flex}.sp-visit-summary-toggle__chevron{color:var(--color-text-secondary);transition:transform var(--motion-duration-standard,.2s) ease;display:inline-flex}.sp-visit-summary-toggle__chevron--open{transform:rotate(90deg)}.sp-visit-summary-facts{margin-top:2px;display:grid}.sp-visit-summary-fact{border-top:1px solid color-mix(in srgb, var(--color-primary) 7%, var(--color-neutral-300));grid-template-columns:minmax(100px,36%) minmax(0,1fr);align-items:start;column-gap:12px;min-height:48px;padding:9px 0;display:grid}.sp-visit-summary-fact:first-child{border-top:0}.sp-visit-summary-fact>strong{text-align:right;line-height:1.35}.sp-visit-summary-fact--loading{align-items:center}.sp-visit-summary-feedback{margin-top:2px}.sp-visit-session{gap:8px;display:grid}.sp-visit-session__header{gap:2px;display:grid}.sp-visit-session__header>p{margin:0}.sp-visit-session__type{gap:6px;display:grid}.sp-visit-session__type-label{letter-spacing:var(--text-overline-tracking);text-transform:uppercase;margin:0}.sp-visit-session__tabs{padding:var(--space-xs) var(--space-sm) var(--space-sm)}.sp-visit-callout{border:1px solid color-mix(in srgb, var(--color-primary) 16%, var(--color-neutral-300));box-shadow:var(--hb-shadow-raised);border-radius:14px;gap:10px;padding:10px;display:grid}.sp-visit-callout[data-tone=warning]{background:color-mix(in srgb, var(--surface-card) 92%, var(--color-warning) 8%);border-color:color-mix(in srgb, var(--color-warning) 32%, var(--color-neutral-300))}.sp-visit-callout[data-tone=success]{background:color-mix(in srgb, var(--surface-card) 92%, var(--color-success) 8%);border-color:color-mix(in srgb, var(--color-success) 30%, var(--color-neutral-300))}.sp-visit-callout[data-tone=neutral]{background:color-mix(in srgb, var(--surface-card) 94%, var(--color-primary) 6%);border-color:var(--color-neutral-300)}.sp-visit-callout__row{align-items:flex-start;gap:10px;display:flex}.sp-visit-callout__icon{background:color-mix(in srgb, var(--surface-card) 72%, var(--color-neutral-100));border:1px solid color-mix(in srgb, var(--color-primary) 16%, var(--color-neutral-300));border-radius:8px;flex:none;justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex}.sp-visit-callout__icon[data-tone=warning]{background:color-mix(in srgb, var(--surface-card) 70%, var(--color-warning) 30%);width:36px;height:36px}.sp-visit-callout__copy{gap:4px;min-width:0;display:grid}.sp-visit-callout__description{margin:0}.sp-visit-callout__title-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.sp-visit-callout__live-badge{background:color-mix(in srgb, var(--surface-card) 86%, var(--color-success) 14%);border:1px solid color-mix(in srgb, var(--color-success) 22%, var(--color-neutral-300));border-radius:var(--radius-pill);color:var(--color-success);font-size:11px;font-weight:var(--font-weight-bold);letter-spacing:.02em;align-items:center;min-height:20px;padding:0 8px;line-height:1;display:inline-flex}.sp-visit-callout__dot{background:var(--color-success);border-radius:50%;flex:none;width:9px;height:9px;margin-top:4px}.sp-visit-callout__title{color:var(--color-success)}.sp-visit-order-stack,.sp-visit-order-body,.sp-visit-record-body,.sp-visit-session-wrapper{gap:8px;display:grid}.sp-visit-collapsible__toggle{background:color-mix(in srgb, var(--surface-card) 86%, var(--color-neutral-100));border:0;border-bottom:1px solid color-mix(in srgb, var(--color-primary) 10%, var(--color-neutral-300));color:var(--color-text-primary);cursor:pointer;font-family:var(--font-family-base);text-align:left;min-height:52px;transition:background-color var(--motion-duration-standard,.2s) ease;justify-content:space-between;align-items:center;gap:8px;width:100%;padding:10px 12px;display:flex}.sp-visit-collapsible__copy{gap:2px;min-width:0;display:grid}.sp-visit-collapsible__copy .sp-meta{color:var(--color-text-secondary);font-size:var(--text-caption-size)}.sp-visit-collapsible__chevron{color:var(--color-text-secondary);transition:transform var(--motion-duration-standard,.2s) ease;display:inline-flex}.sp-visit-collapsible__chevron--open{transform:rotate(90deg)}.sp-visit-collapsible__body{padding:10px 12px 12px}.sp-slide-complete--compact{height:48px;box-shadow:0 6px 16px color-mix(in srgb, var(--sp-slide-accent) 16%, transparent);margin-top:8px}.sp-slide-complete--compact:after{display:none}.sp-slide-complete--compact .sp-slide-complete__label{transform:translate(8px)}.sp-visit-outcome-action{background:var(--hb-surface-raised);border:1px solid var(--color-neutral-300);box-shadow:var(--hb-shadow-raised);color:var(--color-text-primary);cursor:pointer;font-family:var(--font-family-base);text-align:left;min-height:68px;transition:var(--hb-transition-interactive);border-radius:12px;align-items:center;gap:12px;width:100%;padding:12px;display:flex}.sp-visit-outcome-action>span{flex:1;gap:3px;display:grid}.sp-visit-outcome-action>span>strong{display:block}.sp-visit-outcome-action:disabled{cursor:not-allowed;opacity:.5}.sp-visit-outcome-action:not(:disabled):hover{border-color:color-mix(in srgb, var(--color-primary) 58%, transparent);transform:translateY(-1px)}@media (max-width:420px){.sp-visit-summary-fact{grid-template-columns:1fr;gap:3px}.sp-visit-summary-fact>strong{text-align:left}}@media (min-width:1024px){.sp-visit-layout{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:start;gap:12px;display:grid}.sp-visit-layout__aside{top:var(--space-sm);position:sticky}}.sp-route-summary{border-bottom:1px solid color-mix(in srgb, var(--color-primary) 24%, transparent);padding:var(--space-md);background:0 0}.sp-route-summary-top{align-items:center;gap:var(--space-sm);justify-content:space-between;display:flex}.sp-route-summary-top>button,.sp-route-summary-top>.sp-route-switch-beat>button{border-radius:var(--radius-pill);box-shadow:var(--hb-shadow-raised);min-height:38px}.sp-route-switch-beat{display:inline-flex}.sp-route-switch-beat>button{min-width:132px}.sp-route-switch-beat>button:not(:disabled):hover{border-color:color-mix(in srgb, var(--color-primary) 62%, transparent)!important}.sp-route-switch-beat__icon{transition:transform var(--motion-duration-standard,.2s) ease;display:inline-flex}.sp-route-switch-beat__chevron{opacity:.68;transition:transform var(--motion-duration-standard,.2s) ease, opacity var(--motion-duration-standard,.2s) ease;display:inline-flex}.sp-route-switch-beat>button:not(:disabled):is(:hover,:focus-visible) .sp-route-switch-beat__icon{transform:translate(1px)rotate(-8deg)}.sp-route-switch-beat>button:not(:disabled):is(:hover,:focus-visible) .sp-route-switch-beat__chevron{opacity:1;transform:translate(2px)}.sp-route-stop-row--active{scroll-margin-block:72px}.sp-route-stop-row--active .hb-list-row--press{background:color-mix(in srgb, var(--color-primary) 8%, var(--surface-card))!important;box-shadow:inset 3px 0 0 var(--color-primary)!important}.sp-route-stop-row--active .hb-list-row--press:hover{background:color-mix(in srgb, var(--color-primary) 12%, var(--surface-card))!important;box-shadow:inset 3px 0 0 var(--color-primary)!important}.sp-route-stop-mark{background:var(--color-neutral-200);color:var(--color-text-secondary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;margin-right:4px;font-weight:700;display:flex;position:relative;overflow:visible}.sp-route-stop-mark--done{background:var(--color-success-surface)}.sp-route-stop-mark--next{background:var(--color-primary);color:var(--color-text-inverse)}.sp-route-stop-mark--money{background:var(--color-primary-surface)}.sp-route-stop-mark__money-icon{transform-origin:50% 85%;animation:1.8s ease-in-out infinite sp-money-bag-bounce}@keyframes sp-money-bag-bounce{0%,to{transform:translateY(0)rotate(0)}25%{transform:translateY(-1.5px)rotate(-6deg)}50%{transform:translateY(0)rotate(0)}75%{transform:translateY(-1.5px)rotate(6deg)}}@media (prefers-reduced-motion:reduce){.sp-route-stop-mark__money-icon{animation:none}}.sp-route-stop-call,.sp-route-stop-schedule{justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex}.sp-page-summary{border-bottom:1px solid color-mix(in srgb, var(--color-primary) 24%, transparent);color:var(--color-text-secondary);font-size:var(--text-body-sm-size);padding:calc(var(--space-sm) + var(--space-xs)) var(--space-md);background:0 0}.sp-wordmark{background:var(--surface-card);color:var(--color-primary);font-size:var(--text-title-size);font-weight:var(--font-weight-bold);letter-spacing:-1px;margin-bottom:var(--space-md);border-radius:14px;padding:14px 18px;display:inline-block}.sp-splash{color:var(--color-text-primary);align-items:center;gap:var(--space-md);justify-content:center;position:relative}.sp-splash-logo{width:68%;max-width:240px;height:auto;display:block}.sp-splash>p{color:var(--color-primary);margin:0}.sp-splash-version{color:var(--color-text-secondary);opacity:.8;position:absolute;bottom:28px}.sp-spinner{border:3px solid var(--color-primary-surface);border-top-color:var(--color-primary);border-radius:50%;width:28px;height:28px;animation:.8s linear infinite sp-spin}@keyframes sp-spin{to{transform:rotate(360deg)}}@media (min-width:376px){.sp-page-background--framed{background:var(--color-neutral-300);padding:var(--space-md) 0}.sp-page-background--framed .sp-shell{border:1px solid var(--color-neutral-400);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);height:calc(100dvh - (var(--space-md) * 2));max-width:375px;min-height:0}}.mgmt-shell{background:var(--surface-muted);grid-template-rows:auto auto minmax(0,1fr);min-height:100dvh;display:grid}.mgmt-nav{border-bottom:1px solid color-mix(in srgb, var(--color-primary) 24%, transparent);gap:var(--space-sm);padding:var(--space-sm) var(--space-md);scrollbar-width:none;background:0 0;display:flex;overflow-x:auto}.mgmt-nav::-webkit-scrollbar{display:none}.mgmt-nav-link{background:var(--hb-surface-raised);border:1px solid var(--color-neutral-300);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:var(--text-body-sm-size);font-weight:var(--text-label-sm-weight);min-height:44px;padding:var(--space-sm) var(--space-md);box-shadow:var(--hb-shadow-raised);flex:none;justify-content:center;align-items:center;display:inline-flex}.mgmt-nav-link[data-active=true]{background:var(--hb-surface-selected);border-color:var(--color-primary);box-shadow:var(--hb-shadow-selected);color:var(--color-text-inverse);transform:translateY(-1px)}.mgmt-content{min-width:0;max-width:1440px;padding:var(--space-md);width:100%;margin:0 auto}.state-grid{gap:var(--space-md);display:grid}.state-card{background:var(--hb-surface-raised);border:1px solid var(--color-neutral-300);border-radius:var(--radius-md);box-shadow:var(--hb-shadow-raised);padding:var(--space-md)}.state-card h3{font-size:var(--text-h3-size);margin:0 0 var(--space-xs)}.state-card p{color:var(--color-text-secondary);margin:0 0 var(--space-md)}.state-card[data-tone=error]{border-color:var(--color-error)}.state-card[data-tone=blocked]{border-color:var(--color-warning)}.state-card[data-tone=offline]{border-color:var(--color-info)}.state-action{background:var(--hb-surface-selected);border-radius:var(--radius-md);color:var(--color-primary-contrast);font-size:var(--text-body-size);line-height:var(--text-body-line);font-weight:var(--text-label-sm-weight);min-height:44px;padding:0 var(--space-md);box-shadow:var(--hb-shadow-selected);justify-content:center;align-items:center;display:inline-flex}@media (min-width:1024px){.mgmt-shell{grid-template-rows:auto 1fr;grid-template-columns:260px minmax(0,1fr);gap:0}.mgmt-nav{background:var(--surface-card);border-bottom:0;border-right:1px solid var(--color-neutral-300);padding:var(--space-md);flex-direction:column;grid-area:1/1/span 2}.shell-header{grid-column:2}.mgmt-content{padding:var(--space-lg);grid-column:2}}.sp-partner-mark{background:var(--color-primary-surface);color:var(--color-primary);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.sp-partner-mark[data-role=dealer]{background:var(--color-info-surface);color:var(--color-info)}.sp-partner-mark[data-role=manufacturer]{background:var(--color-accent-surface);color:var(--color-primary)}.sp-leave-balances{gap:var(--space-sm);display:flex}.sp-leave-balance,.sp-leave-cal__day[data-on-leave=true]{--leave-ink:var(--color-info);--leave-pastel:color-mix(in srgb, var(--color-info) 14%, var(--surface-card))}.sp-leave-balance[data-type=sick],.sp-leave-cal__day[data-type=sick]{--leave-ink:var(--color-error);--leave-pastel:color-mix(in srgb, var(--color-error) 12%, var(--surface-card))}.sp-leave-balance[data-type=privileged],.sp-leave-cal__day[data-type=privileged]{--leave-ink:var(--color-success);--leave-pastel:color-mix(in srgb, var(--color-success) 14%, var(--surface-card))}.sp-leave-balance{background:var(--surface-card);border:1px solid var(--color-neutral-300);border-left:3px solid var(--leave-ink);border-radius:var(--radius-md);flex:1;gap:2px;min-width:0;padding:10px 10px 12px;display:grid}.sp-leave-balance__abbr{color:var(--leave-ink);font-size:var(--text-overline-size);font-weight:var(--text-overline-weight);letter-spacing:.06em;line-height:var(--text-overline-line)}.sp-leave-balance__label{color:var(--color-text-secondary);font-size:var(--text-caption-size);font-weight:var(--text-caption-weight);line-height:var(--text-caption-line)}.sp-leave-balance__value{color:var(--color-text-primary);font-size:var(--text-h2-size);font-weight:var(--text-body-strong-weight);line-height:var(--text-h2-line);margin-top:4px}.sp-card:has(.sp-leave-cal){background:var(--surface-card);border-color:var(--color-neutral-300);box-shadow:var(--hb-shadow-raised)}.sp-leave-cal{gap:var(--space-md);padding:18px 14px 16px;display:grid}.sp-leave-cal__nav{align-items:center;gap:var(--space-sm);justify-content:space-between;display:flex}.sp-leave-cal__heading{gap:0;min-width:0;display:grid}.sp-leave-cal__title{color:var(--color-text-primary);font-size:var(--text-h2-size);font-weight:var(--text-body-strong-weight);line-height:var(--text-h2-line);margin:0}.sp-leave-cal__year{color:var(--color-text-secondary);font-size:var(--text-caption-size);font-weight:var(--text-caption-weight);line-height:var(--text-caption-line);margin:0}.sp-leave-cal__nav-actions{align-items:center;gap:6px;display:flex}.sp-leave-cal__nav-btn,.sp-leave-cal__today{background:var(--surface-muted);border:1px solid var(--color-neutral-300);color:var(--color-text-primary);cursor:pointer;justify-content:center;align-items:center;min-height:44px;font-family:inherit;display:inline-flex}.sp-leave-cal__nav-btn{border-radius:var(--radius-pill);width:44px;padding:0}.sp-leave-cal__today{border-radius:var(--radius-pill);color:var(--color-primary);font-size:var(--text-caption-size);font-weight:var(--text-label-xs-weight);padding:0 12px}.sp-leave-cal__today:disabled{color:var(--color-text-disabled);cursor:default}.sp-leave-cal__nav-btn:focus-visible,.sp-leave-cal__today:focus-visible,.sp-leave-cal__day:focus-visible{outline:2px solid color-mix(in srgb, var(--color-primary) 48%, transparent);outline-offset:2px}.sp-leave-cal__weekdays,.sp-leave-cal__week{grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;display:grid}.sp-leave-cal__weekdays span{color:var(--color-text-placeholder);font-size:var(--text-overline-size);font-weight:var(--text-overline-weight);letter-spacing:.04em;line-height:var(--text-overline-line);text-align:center}.sp-leave-cal__month{gap:4px;display:grid}.sp-leave-cal__day{color:var(--color-text-primary);background:0 0;border:0;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:1px;width:100%;min-width:0;height:52px;padding:0;font-family:inherit;display:flex;position:relative}button.sp-leave-cal__day{cursor:pointer}.sp-leave-cal__num{font-size:var(--text-body-size);font-weight:var(--text-body-strong-weight);line-height:1}.sp-leave-cal__mark{color:var(--leave-ink);font-size:9px;font-weight:var(--text-overline-weight);letter-spacing:.04em;line-height:1}.sp-leave-cal__day[data-weekend=true]:not([data-on-leave=true]){color:var(--color-text-secondary)}.sp-leave-cal__day[data-in-month=false]{color:var(--color-text-disabled)}.sp-leave-cal__day[data-on-leave=true]{background:var(--leave-pastel);color:var(--leave-ink)}.sp-leave-cal__day[data-pending=true]{background:color-mix(in srgb, var(--leave-pastel) 58%, var(--color-white));box-shadow:inset 0 0 0 1.5px color-mix(in srgb, var(--leave-ink) 36%, transparent)}.sp-leave-cal__day[data-today=true]:not([data-on-leave=true]){background:var(--color-primary);color:var(--color-text-inverse)}.sp-leave-cal__day[data-today=true][data-on-leave=true]{box-shadow:inset 0 0 0 1.5px var(--color-primary)}.sp-leave-cal__sheet-head{align-items:flex-start;gap:var(--space-sm);justify-content:space-between;display:flex}.sp-leave-cal__sheet-head .sp-title{margin:0}@media (min-width:1024px){html[data-shell=web] .sp-shell{border-inline:1px solid var(--color-neutral-300);max-width:375px}html[data-shell=web] .sp-order-product-toolbar{padding-left:0;padding-right:0}html[data-shell=web] .sp-order-product-filter-bar{grid-template-columns:repeat(2,minmax(0,1fr))}html[data-shell=web] .sp-visit-layout{align-items:stretch;gap:10px;display:flex}html[data-shell=web] .sp-visit-layout__aside{position:static}html[data-shell=web] .sp-buyer-type-card{min-height:120px;padding:var(--space-sm)}html[data-shell=web] .sp-visit-summary-fact{grid-template-columns:1fr;gap:3px}html[data-shell=web] .sp-visit-summary-fact>strong{text-align:left}}