:root{--ot-carbon:#101216;--ot-carbon-elevated:#172238;--ot-cobalt:#496bff;--ot-blue:#245bff;--ot-blue-medium:#5f82ff;--ot-blue-pale:#dde7ff;--ot-platinum:#e6e9ef;--ot-ice:#f5f7fb;--ot-white:#fff;--ot-text:#101216;--ot-text-muted:#667085;--ot-border:#d7deea;--ot-gradient-brand:linear-gradient(135deg,#496bff,#245bff);--ot-gradient-dark:linear-gradient(135deg,#172238,#101216 72%);--ot-gradient-surface:linear-gradient(180deg,#fff,#f5f7fb);--ot-font-display:var(--font-space),"Inter",system-ui,sans-serif;--ot-font-ui:var(--font-inter),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--ot-radius-sm:8px;--ot-radius-md:12px;--ot-radius-lg:16px;--ot-radius-xl:24px;--ot-shadow-card:0 12px 34px #1012161a;--ot-shadow-blue:0 16px 48px #496bff42;--ot-focus:0 0 0 4px #496bff3d;--ot-container:1200px}body{--ink:var(--ot-text);--muted:var(--ot-text-muted);--cream:var(--ot-ice);--paper:white;--line:var(--ot-border);--lime:var(--ot-blue-pale);--lime-deep:var(--ot-blue);--green-soft:var(--ot-blue-pale);--navy:var(--ot-carbon);font-family:var(--ot-font-ui)}h1,h2,h3,nav,button{font-family:var(--ot-font-display)}h1,h2,h3{font-weight:600}button,a,input,select,textarea{-webkit-tap-highlight-color:#496bff26}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--ot-cobalt);outline-offset:3px;box-shadow:var(--ot-focus)}.ot-logo{object-fit:contain;flex-shrink:0;width:180px;max-width:100%;height:auto;display:block}.ot-logo-symbol{width:48px;height:48px}body .brand{background:0 0;border:0;padding:8px}body .sidebar{background:var(--ot-carbon);color:var(--ot-ice);border-color:#2b3547}body .sidebar nav button{color:#b7c2d5}body .sidebar nav button.active{background:var(--ot-blue);color:#fff}body .sidebar .brand{margin-bottom:28px}body .sidebar .sidebar-partner,body .sidebar .sidebar-user{color:var(--ot-ice)}body .sidebar .partner-card small,body .sidebar .profile small{color:#b7c2d5}body .primary,body .send,body .public-login,body .public-primary,body .public-cta>a{background:var(--ot-blue);color:#fff;border-color:var(--ot-blue)}body .primary:hover,body .public-primary:hover,body .public-login:hover{color:#fff;background:#1949d9}body .app-shell .topbar .cart-button{background:var(--ot-blue);border-color:var(--ot-blue)}body .saved-category-buttons button.selected,body .admin-section-tabs button.active{background:var(--ot-blue);color:#fff;border-color:var(--ot-blue)}body .login-aside,body .onboarding-brand{background:var(--ot-gradient-dark);color:#fff}body .onboarding-brand .brand{background:#fff;border-radius:12px;width:fit-content}body .login-brand{width:190px}body .login-primary{background:var(--ot-gradient-brand)}body .login-primary>span:first-child{color:var(--ot-blue);background:#fff}body .global-legal-links a{font-size:11px}body .public-landing{background:var(--ot-ice)}body .public-landing .public-nav{background:var(--ot-carbon);color:#fff;border-bottom:1px solid #283347;width:100%;height:auto;min-height:96px;margin:0;padding:18px max(24px,50vw - 600px)}body .public-nav>div a{color:#fff;font-size:14px}body .public-nav .public-login{background:var(--ot-blue);color:#fff;border-radius:10px;padding:14px 24px}body .public-hero{color:#fff;background:linear-gradient(90deg,#101216eb,#1012164d 60%,#0000),url(/brand/earth-hero.png) 50%/cover no-repeat;align-items:center;width:100%;min-height:660px;margin:0;padding:100px max(24px,50vw - 600px);display:flex;position:relative;overflow:hidden}body .public-hero-copy{z-index:1;max-width:640px;position:relative}body .public-hero-copy .eyebrow{color:#9cb6ff;letter-spacing:2px;font-size:12px}body .public-hero h1{color:#fff;letter-spacing:-3px;font-size:clamp(44px,5.6vw,76px);line-height:1.08}body .public-hero h1 span{color:#fff}body .public-hero-copy>p:not(.eyebrow){color:#c5cfdf;max-width:480px;font-size:18px;line-height:1.7}body .public-hero-copy>small{color:#b7c2d5;font-size:13px}body .public-actions{flex-wrap:wrap;gap:14px;margin-top:30px}body .public-actions a{border-radius:10px;min-height:52px;padding:16px 24px;font-size:16px}body .public-secondary{color:#fff;background:#10121680;border:1px solid #7586a4}body .public-trust{background:var(--ot-carbon-elevated);width:100%;color:var(--ot-platinum);flex-wrap:wrap;justify-content:center;gap:24px 50px;margin:0;padding:24px;display:flex}body .public-trust span{color:inherit;font-size:14px}body .public-workflow{grid-template-columns:1fr 1fr;align-items:center;gap:64px;width:min(1200px,100% - 48px);margin:0 auto;padding:100px 0;display:grid}body .public-workflow>div:first-child h2{letter-spacing:-1.5px;font-size:clamp(34px,4vw,52px);line-height:1.12}body .public-workflow>div>p:not(.eyebrow){color:var(--ot-text-muted);font-size:17px;line-height:1.7}.public-text-link{color:var(--ot-blue);margin-top:20px;font-weight:700;display:inline-block}body .public-order-preview{border:1px solid var(--ot-border);width:100%;max-width:540px;box-shadow:var(--ot-shadow-card);background:#fff;border-radius:20px;margin:0;transform:none}body .public-order-preview>header{background:#fff;padding:16px 20px}body .public-order-preview>header .ot-logo{width:150px}body .public-order-preview>header b{color:var(--ot-text-muted);font-size:10px}body .public-order-preview section{padding:24px}body .public-order-preview h2{letter-spacing:-.8px;font-size:25px}body .public-order-preview article{padding:14px 0}body .public-order-preview article strong{font-size:15px}body .public-order-preview article small{font-size:13px}.preview-product{background:var(--ot-blue-pale);width:40px;height:44px;color:var(--ot-blue);border-radius:10px;place-items:center;font-weight:700;display:grid}body .public-order-preview section footer{background:var(--ot-blue-pale);color:var(--ot-carbon);font-size:13px}body .public-order-preview section footer strong{color:var(--ot-blue);background:0 0}body .public-confirmation{width:auto;box-shadow:none;border:1px solid var(--ot-border);margin:0 24px 24px;padding:16px;position:static;transform:none}body .public-confirmation strong{font-size:14px}body .public-how{width:min(1200px,100% - 48px);margin:0 auto;padding:20px 0 100px}body .public-how h2{font-size:clamp(30px,4vw,48px)}body .public-how article{border:1px solid var(--ot-border);border-top:3px solid var(--ot-blue);background:#fff;border-radius:16px;padding:32px}body .public-how article>b{color:var(--ot-blue);margin-bottom:24px;font-size:32px;display:block;position:static}body .public-how article h3{font-size:22px}body .public-how article p{font-size:16px;line-height:1.7}body .public-cta{background:var(--ot-gradient-dark);color:#fff;border-radius:0;width:100%;margin:0;padding:70px max(24px,50vw - 600px)}body .public-cta h2{max-width:700px;font-size:clamp(32px,4vw,48px)}body .public-cta p{color:#b7c2d5}body .public-cta>a{white-space:nowrap;border-radius:10px;min-height:52px;padding:16px 24px;font-size:16px}body .public-footer{background:var(--ot-carbon);color:#b7c2d5;border-top:1px solid #2b3547;width:100%;margin:0;padding:30px max(24px,50vw - 600px) 72px}body .public-footer p,body .public-footer small{color:#b7c2d5;font-size:12px}@media (max-width:820px){body .public-landing .public-nav{padding:calc(12px + env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) 12px max(16px,env(safe-area-inset-left));grid-template-columns:minmax(0,1fr) auto;min-height:88px}body .public-nav .public-brand{width:160px}body .public-nav .public-login{min-width:104px;min-height:48px;padding:12px 16px}body .public-hero{background-position:62%;align-items:flex-start;min-height:670px;padding:60px 24px 200px}body .public-hero h1{letter-spacing:-1.8px;font-size:clamp(40px,8vw,62px)}body .public-hero-copy>p:not(.eyebrow){font-size:16px}body .public-workflow{grid-template-columns:1fr;gap:36px;padding:60px 0}body .public-workflow>div:first-child h2 br{display:none}body .public-order-preview{max-width:none}body .public-how>div{grid-template-columns:1fr}body .public-how{padding-bottom:60px}body .public-cta{flex-direction:column;align-items:flex-start;gap:24px}body .public-footer{flex-direction:column;align-items:flex-start;gap:20px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}body .public-landing{color:#f5f7fb;background:#080f1b}body .public-landing .public-nav{background:#08101c;border-color:#233957}body .public-hero{background-image:linear-gradient(90deg,#040b16ed,#040b1680 46%,#040b160f),url(/brand/earth-hero.png);background-position:50%;min-height:calc(100svh - 96px);padding-top:88px;padding-bottom:88px}body .public-hero h1 span,body .public-workflow>div:first-child h2 span{color:#4b91ff}body .public-hero h1{letter-spacing:-.055em;font-weight:700}body .public-hero-copy{max-width:730px}body .public-hero-copy>p:not(.eyebrow){max-width:530px}body .public-primary,body .public-nav .public-login,body .public-cta>a{background:linear-gradient(160deg,#438aff 0%,#075aff 60%,#174bdf 100%);border:1px solid #528dff;font-weight:600;transition:transform .2s,box-shadow .2s;box-shadow:inset 0 1px #a7c8ff55,0 8px 28px #05f4}body .public-primary:hover,body .public-nav .public-login:hover,body .public-cta>a:hover{background:linear-gradient(160deg,#629eff,#125fff);transform:translateY(-2px);box-shadow:inset 0 1px #a7c8ff88,0 12px 36px #05f7}body .public-secondary{background:#081321a6;border-color:#6e92bb;box-shadow:inset 0 1px #dcecff22}body .public-secondary:hover{background:#142943;border-color:#a8c7ff}body .public-actions a{justify-content:center;align-items:center;gap:24px;display:inline-flex}body .public-trust{background:#0b1728;border-block:1px solid #263d5d;gap:20px 0;padding:28px 24px}body .public-trust span{border-right:1px solid #486283;padding:0 32px;font-size:15px}body .public-trust span:last-child{border:0}body .public-workflow{padding-block:120px}body .public-workflow>div:first-child h2{font-size:clamp(40px,4.4vw,64px);font-weight:700}body .public-workflow>div>p:not(.eyebrow),body .public-how article p{color:#bac9df}body .public-landing .eyebrow{color:#78adff}body .public-text-link{color:#86b6ff}body .public-order-preview{color:#101216;border:1px solid #91b9ff;overflow:hidden;box-shadow:0 0 0 5px #376fff18,0 0 55px #1d68ff3d,0 25px 70px #0008}body .public-order-preview>header{background:linear-gradient(120deg,#08101c,#112d53);border-bottom:1px solid #3d73b9}body .public-order-preview>header b{color:#c9dcff;letter-spacing:1px}body .public-order-preview article{background:linear-gradient(110deg,#fff,#eff5ff);border:1px solid #dce6f5;border-radius:10px;gap:12px;margin:10px 0;padding:10px}body .public-order-preview article .preview-product{background:#fff;flex-shrink:0;width:48px;height:64px}.preview-product img{object-fit:contain;border-radius:6px;width:100%;height:100%}.preview-product{overflow:hidden}body .public-order-preview article>b{color:#174ab2;background:#ddeaff;border-radius:8px;padding:8px 12px}body .public-how{padding-bottom:110px}body .public-how>header{max-width:900px}body .public-how article{background:linear-gradient(145deg,#152840,#0b1525);border:1px solid #304c72;border-radius:18px;flex-direction:column;padding:32px;display:flex;position:relative;box-shadow:inset 0 1px #739fd522,0 18px 36px #0003}body .public-how article>b{color:#b7d7ff;background:#1b4277;border:1px solid #4d87d7;border-radius:14px;place-items:center;width:58px;height:58px;font-size:22px;display:grid;box-shadow:0 0 24px #245bff22}body .public-how article h3{color:#fff;line-height:1.3}body .public-how article small{color:#80b5ff;border-top:1px solid #2b4261;margin-top:auto;padding-top:22px;font-size:13px;display:block}body .public-cta{background:radial-gradient(at 85% 100%,#17458866,#0000 70%),#0c192b;border-block:1px solid #2d4e7d}body .public-footer{background:#060d17;padding-top:72px;padding-bottom:28px;display:block}.public-footer-grid{grid-template-columns:1.5fr 1fr 1fr .7fr;gap:44px;display:grid}.public-footer-grid section{min-width:0}body .public-footer-grid p{font-size:14px;line-height:1.8}.public-footer-grid h3{color:#fff;margin:8px 0 24px;font-size:16px}.public-footer-grid a{overflow-wrap:anywhere;margin-bottom:14px;font-size:14px;line-height:1.6;display:block}.public-footer-grid a:hover,.public-footer-bottom a:hover{color:#83b7ff}.public-footer-bottom{border-top:1px solid #26354a;flex-wrap:wrap;justify-content:space-between;gap:20px;margin-top:48px;padding-top:24px;font-size:12px;display:flex}body:has(.public-landing) .global-legal-links{display:none}@media (max-width:820px){body .public-hero{min-height:calc(100svh - 88px - env(safe-area-inset-top));background-position:60%;padding:72px 24px 100px}body .public-hero h1{font-size:clamp(40px,8vw,62px)}body .public-workflow{padding-block:72px}body .public-workflow>div:first-child h2 br{display:initial}body .public-trust{text-align:center;grid-template-columns:1fr 1fr;gap:22px 0;padding:24px 16px;display:grid}body .public-trust span{padding:0 8px;font-size:14px}body .public-trust span:nth-child(2){border:0}.public-footer-grid{grid-template-columns:1fr 1fr;gap:32px}}@media (max-width:480px){.public-footer-grid{grid-template-columns:1fr}body .public-order-preview section{padding:18px}body .public-order-preview>header{padding:14px}body .public-order-preview>header .ot-logo{width:132px}body .public-order-preview>header b{font-size:9px}body .public-order-preview article strong{font-size:14px}}body .public-nav .public-brand{width:260px}body .public-nav .ot-logo,.supplier-contact-page nav .ot-logo{filter:drop-shadow(0 0 14px #527dff35);width:260px}body .public-nav>div{gap:20px}body .public-nav .public-supplier-link{color:#eaf2ff;background:#142b48;border:1px solid #5985c1;border-radius:10px;align-items:center;min-height:48px;padding:12px 18px;display:inline-flex}body .public-nav .public-supplier-link:hover{background:#21416b;border-color:#9cbeff}body .public-hero{min-height:calc(100svh - 208px);padding-block:clamp(28px,5vh,64px)}body .public-hero h1{font-size:clamp(44px,5.3vw,72px)}body .public-trust{z-index:14;background:linear-gradient(110deg,#0b1b30,#122d4c,#0b1b30);border-block:1px solid #4772a5;grid-template-columns:repeat(4,minmax(0,1fr));align-items:center;gap:0;min-height:112px;padding:20px max(24px,50vw - 600px);display:grid;position:sticky;top:0;box-shadow:0 12px 32px #0005}body .public-trust>span{text-align:left;justify-content:center;align-items:center;gap:14px;min-height:60px;padding:0 18px;font-size:17px;font-weight:600;display:flex}body .public-trust b{color:#8ebdff;background:#17385f;border:1px solid #467bb8;border-radius:10px;flex-shrink:0;place-items:center;width:38px;height:38px;font-size:13px;display:grid}body .public-workflow{scroll-margin-top:130px}body .public-workflow,body .public-how{position:relative}body .app-shell{background:#081322}body .app-shell>main{background:radial-gradient(at 100% 0,#16477a66,#0000 65%),#081322;min-width:0}body .app-shell .sidebar{background:linear-gradient(#081321,#0b2037);border-right:1px solid #35577e}body .sidebar .brand .ot-logo{width:215px}body .sidebar nav button{border:1px solid #0000;min-height:48px}body .sidebar nav button:hover,body .sidebar .admin-switch:hover{color:#fff;background:#173756}body .sidebar nav button.active,body .sidebar .admin-switch.active{color:#fff;background:linear-gradient(140deg,#347dff,#134bc9);border-color:#588eff;box-shadow:0 5px 20px #1054d733}body .sidebar .partner-card{color:#e8f2ff;background:#102940;border-color:#365b80}body .sidebar .partner-card span,body .sidebar .profile div>span{color:#aac3dd}body .sidebar .profile{color:#fff;border-color:#35577e}body .sidebar .logout-link{color:#bdd9ff}body .app-shell .topbar{background:#091a2ef5;border-bottom:1px solid #3d638e;box-shadow:0 8px 30px #0003}body .app-shell .topbar .search-wrap{color:#bdd9ff;background:#122e49;border:1px solid #426082;border-radius:12px;padding-inline:12px}body .app-shell .topbar .search-wrap input{color:#fff;background:0 0}body .app-shell .topbar .search-wrap input::placeholder{color:#bdd0e5}body .app-shell .topbar>button,body .app-shell .topbar>a{color:#e6f1ff;background:#132e49;border-color:#3b5f87;border-radius:10px}body .app-shell .topbar .cart-button,body .app-shell .primary,body .app-shell .send,body .app-shell .add-button{color:#fff;background:linear-gradient(155deg,#347fff,#0755ea);border-color:#4c8aff;box-shadow:inset 0 1px #b3d1ff44,0 5px 16px #246aff22}body .app-shell .page-content{background:#f4f8ff;border:1px solid #678bb44d;border-radius:20px;margin-top:28px;margin-bottom:32px;padding:32px;box-shadow:0 18px 70px #0004}body .app-shell .page-content>header:first-child{padding:24px var(--portal-content-inset);margin:-32px calc(-1 * var(--portal-content-inset)) 28px;color:#fff;background:linear-gradient(110deg,#102b48,#1b4774);border-bottom:1px solid #5680b7;border-radius:19px 19px 0 0}body .app-shell .page-content>header:first-child :is(h1,h2,h3){color:#fff}body .app-shell .page-content>header:first-child :is(p,small,.eyebrow){color:#c4d8f3}body .app-shell .product-card,body .app-shell .saved-list>article,body .app-shell .admin-card,body .app-shell .account-card,body .app-shell .account-side>section,body .app-shell .chat-panel{border-color:#c9d9ed;border-radius:14px;box-shadow:0 6px 20px #1533540b}body .app-shell .product-card:hover{border-color:#5e97e9;box-shadow:0 10px 24px #2a69c322}body .app-shell .product-info h3{font-size:15px}body .app-shell .product-info p{font-size:12px}body .app-shell .add-button{border-radius:9px;min-height:44px;font-size:13px}body .app-shell .saved-category-panel{background:linear-gradient(120deg,#fff,#ebf3ff);border-color:#c5d7ed}body .app-shell .admin-section-tabs button{border-radius:10px;min-height:44px;font-size:13px}body .app-shell .connection-banner,body .app-shell .cutoff-banner{color:#ebf4ff;background:#173655;border-color:#4877a8}body .app-shell .connection-banner p,body .app-shell .cutoff-banner p{color:#c4d8f0}.supplier-contact-page{color:#edf4ff;background:radial-gradient(at 0 20%,#153e68,#0000 65%),#081322;min-height:100svh;padding-bottom:70px}.supplier-contact-page>nav{border-bottom:1px solid #3b5b7c;justify-content:space-between;align-items:center;gap:24px;padding:18px max(24px,50vw - 600px);display:flex}.supplier-contact-page>nav a{color:#c7dfff;text-decoration:none}.supplier-contact-layout{grid-template-columns:1fr 1.1fr;align-items:start;gap:72px;width:min(1200px,100% - 48px);margin:64px auto;display:grid}.supplier-contact-layout h1{letter-spacing:-2px;font-size:clamp(38px,4vw,60px);line-height:1.1}.supplier-contact-layout h1 span{color:#6eabff}.supplier-contact-layout>section p{color:#c3d6ee;font-size:17px;line-height:1.8}.supplier-contact-layout>section a{color:#91bdff;margin:20px 0;display:inline-block}.supplier-contact-layout>section small{color:#a8bdd8;font-size:13px;line-height:1.7;display:block}.supplier-contact-form{color:#edf4ff;background:linear-gradient(145deg,#102c42,#0b2134);border:1px solid #456b8a;border-radius:20px;padding:32px;box-shadow:0 18px 60px #0004}.supplier-contact-form h2{color:#f4f8ff;margin-top:0;font-size:26px}.supplier-contact-form p{color:#b9cee3;font-size:14px;line-height:1.7}.supplier-contact-form label{color:#d6e5f4;gap:8px;margin:18px 0;font-size:14px;font-weight:600;display:grid}.supplier-contact-form input,.supplier-contact-form textarea,.supplier-contact-form select{color:#edf4ff;background:#091f32;border:1px solid #4b6d88;border-radius:9px;width:100%;min-width:0;padding:12px;font-size:16px}.supplier-contact-form textarea{resize:vertical;min-height:150px}.supplier-contact-form input::placeholder,.supplier-contact-form textarea::placeholder{color:#92aec9}.supplier-contact-form select{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;min-height:48px}.supplier-contact-form option{color:#edf4ff;background:#0b2134}.supplier-contact-form input:focus-visible,.supplier-contact-form textarea:focus-visible,.supplier-contact-form select:focus-visible,.supplier-contact-form button:focus-visible{outline-offset:3px;outline:3px solid #8dc9ff}.supplier-contact-form a{color:#9fcaff}.supplier-contact-form .primary{color:#fff;background:#1262e5;border:1px solid #4d95ff;border-radius:10px;width:100%;min-height:52px;font-size:15px}.supplier-contact-form .primary:hover:not(:disabled){background:#2875f4}.supplier-contact-form .primary:disabled{cursor:wait;opacity:.65}.supplier-contact-fields{grid-template-columns:1fr 1fr;gap:16px;display:grid}.supplier-contact-form .supplier-contact-hint{font-size:13px}@media (max-width:1000px){body .public-nav .public-how-link{display:none}body .public-trust>span{gap:8px;padding-inline:12px;font-size:15px}body .public-trust b{width:30px;height:30px}}@media (max-width:820px){body .public-landing .public-nav{flex-wrap:wrap;gap:4px 12px;min-height:132px;display:flex}body .public-nav .public-brand,body .public-nav .ot-logo{width:210px}body .public-nav>div{display:contents}body .public-nav .public-supplier-link{order:3;justify-content:center;width:100%;min-height:44px;padding:8px 12px;display:flex}body .public-nav .public-login{margin-left:auto}body .public-hero{min-height:calc(100svh - 132px - 124px - env(safe-area-inset-top));padding:28px 24px 32px}body .public-hero h1{margin-block:18px;font-size:clamp(36px,7.8vw,58px)}body .public-hero-copy>p:not(.eyebrow){margin-bottom:18px}body .public-actions{margin-top:20px}body .public-actions a{min-height:48px;padding:12px 16px}body .public-trust{grid-template-columns:1fr 1fr;min-height:124px;padding:8px 12px}body .public-trust>span{justify-content:flex-start;min-height:52px;padding-inline:8px;font-size:14px}body .public-trust>span:nth-child(2){border-right:0}body .app-shell .page-content{border-radius:14px;width:calc(100% - 24px);margin-top:16px;padding:18px}body .app-shell .page-content>header:first-child{margin:-18px calc(-1 * var(--portal-content-inset)) 20px;padding:20px var(--portal-content-inset);border-radius:13px 13px 0 0}.supplier-contact-layout{grid-template-columns:1fr;gap:30px;margin-top:36px}.supplier-contact-page nav .ot-logo{width:190px}}@media (max-width:380px){body .public-nav .public-brand,body .public-nav .ot-logo{width:170px}body .public-trust b{display:none}.supplier-contact-fields{grid-template-columns:1fr;gap:0}.supplier-contact-form{padding:20px}}@media print{body .app-shell,body .app-shell>main,body .app-shell .page-content{color:#000;box-shadow:none;background:#fff;border:0}}body .app-shell .cutoff-banner{color:#214c31;background:#e8f5e9;border-color:#b8d9bf}body .app-shell .cutoff-banner p{color:#42644c}.repeat-last-order{color:#164481;cursor:pointer;background:#eaf2ff;border:1px solid #aac3e2;border-radius:9px;align-items:center;min-height:40px;margin:8px 0 2px;padding:8px 12px;font-size:13px;font-weight:600;display:inline-flex}.repeat-last-order:hover{background:#dbeaff;border-color:#4a7bc0}
body .public-landing{--landing-width:1440px;background:#050d17;overflow:clip}body .public-landing .public-nav{min-height:92px;padding:18px max(32px,calc((100vw - var(--landing-width))/2));background:#050d17;border-bottom:1px solid #7793b326;gap:32px}body .public-nav .public-brand,body .public-nav .ot-logo{filter:none;width:220px}body .public-nav>div{gap:30px}body .public-nav>div a{font-size:14px;font-weight:500}body .public-nav .public-supplier-link{color:#c0cfdf;background:0 0;border:0;border-radius:0;padding:12px 0}body .public-nav .public-supplier-link:hover{color:#fff;background:0 0}body .public-nav .public-login{border-radius:6px;min-height:46px;padding:12px 24px}body .public-hero{min-height:calc(100svh - 178px);padding:48px max(32px,calc((100vw - var(--landing-width))/2));background-color:#050d17;background-image:linear-gradient(90deg,#050d17 3%,#050d17d9 30%,#050d1722 62%,#0000 78%),url(/brand/earth-hero.png);background-position:50%,100% 100%;background-repeat:no-repeat;background-size:cover,max(1100px,95vw);align-items:center}body .public-hero-copy{width:min(48%,660px);max-width:none;padding-block:18px}body .public-hero h1{letter-spacing:-.04em;margin:20px 0 24px;font-size:clamp(42px,4.5vw,76px);line-height:1.08}body .public-hero h1 span{color:#f3f6fc}body .public-hero-copy>p:not(.eyebrow){max-width:470px;font-size:18px;line-height:1.65}body .public-hero-copy .eyebrow{color:#8ebfff;letter-spacing:.16em;font-size:13px;line-height:1.7}body .public-hero-copy>small{color:#aabbd0;max-width:420px;margin-top:22px;line-height:1.6;display:block}body .public-actions{gap:16px;margin-top:28px}body .public-actions a{border-radius:6px;min-height:50px;padding:14px 24px;font-size:15px}body .public-secondary{box-shadow:none;background:#050d1777;border-color:#7596bc80}body .public-trust{min-height:86px;padding:14px max(32px,calc((100vw - var(--landing-width))/2));-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#081321f5;border-block:1px solid #658db43b;box-shadow:0 12px 40px #0003}body .public-trust>span{letter-spacing:.015em;border-left:0;border-right:1px solid #688bb655;gap:16px;min-height:50px;font-size:15px;font-weight:500}body .public-trust>span:last-child{border-right:0}body .public-trust b{width:28px;height:32px;box-shadow:none;color:#c9deff;background:0 0;border:0;border-radius:0}body .public-trust svg{filter:drop-shadow(0 0 7px #307aff55);width:25px;height:25px}body .public-workflow{background:linear-gradient(90deg,#050d179c,#050d1720),url(/brand/titan-stage.png) bottom/cover;gap:100px;width:100%;max-width:none;padding:100px max(32px,50vw - 640px);scroll-margin-top:90px}body .public-workflow>div:first-child h2{font-size:clamp(38px,4vw,60px);line-height:1.12}body .public-workflow>div:first-child>p:not(.eyebrow){max-width:490px;font-size:17px}body .public-workflow .public-order-preview{border:1px solid #aac8f6;border-radius:12px;justify-self:end;max-width:480px;padding:0;box-shadow:0 0 0 3px #527ee51c,0 0 45px #286cff40,0 25px 60px #0008}body .public-workflow .public-order-preview h2{letter-spacing:-.7px;margin:10px 0 22px;font-size:27px;line-height:1.2}body .public-order-preview>header{background:linear-gradient(110deg,#091528,#17375a);min-height:74px;padding:16px 22px}body .public-order-preview>header .ot-logo{width:135px}body .public-order-preview section>p{letter-spacing:.1em;color:#5c7799;font-size:10px}body .public-order-preview article{padding:9px 12px}body .public-order-preview section footer{color:#24426d;background:#e5eeff}body .public-order-preview section footer span{color:#24426d}body .public-how{padding-top:70px}body .public-how article{box-shadow:none;background:linear-gradient(150deg,#132136,#08111e);border-color:#607d9e40;border-radius:10px}body .public-how article>b{box-shadow:none;color:#87b6f3;background:0 0;border:0;border-radius:0;justify-content:start;font-size:32px}body .app-shell{background:#050d17}body .app-shell>main{background:linear-gradient(#050d1726,#050d1799),url(/brand/titan-stage.png) bottom/cover fixed}body .app-shell .sidebar{background:linear-gradient(#07111fed,#080f1af5);border-color:#52739950}body .sidebar .brand{padding:10px 0 20px}body .sidebar .brand .ot-logo{width:210px}body .app-shell .topbar{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#07111fe8;border-color:#6785a64d;box-shadow:0 10px 25px #0002}body .app-shell .page-content{background:#edf4fff5;border:1px solid #bdd5f17a;border-radius:12px;box-shadow:0 0 0 3px #719dff0c,0 20px 70px #0005}body .app-shell .page-content>.page-title,body .app-shell .page-content>.welcome-row{margin:-32px calc(-1 * var(--portal-content-inset)) 28px;padding:26px var(--portal-content-inset);color:#fff;background:linear-gradient(105deg,#0b1c32f5,#143654e6),url(/brand/titan-stage.png) 50%/cover;border-bottom:1px solid #92bdf244;border-radius:11px 11px 0 0}body .app-shell .page-content>:is(.page-title,.welcome-row) :is(h1,h2){color:#f4f8ff}body .app-shell .page-content>:is(.page-title,.welcome-row)>div>:is(p,.eyebrow){color:#b7cee9}body .app-shell .page-content>header:first-child{background:linear-gradient(110deg,#0b1c32,#143654);border-radius:11px 11px 0 0}body .app-shell .delivery-pill{color:#163554;border-color:#a1bcdb}body .app-shell .product-card,body .app-shell .saved-list>article{background:linear-gradient(120deg,#fff,#f0f5fd);border-color:#c5d7ee;border-radius:10px}body .app-shell .admin-card,body .app-shell .account-card,body .app-shell .chat-panel{background:#fbfdff;border-color:#bbcee5;border-radius:10px}body .app-shell .topbar>button,body .app-shell .topbar>a{background:#10243a;border-color:#56759570;border-radius:7px}body .app-shell .topbar .cart-button{background:linear-gradient(155deg,#347fff,#0755ea)}body .login-page{background:#050d17}body .login-aside,body .onboarding-brand{background:linear-gradient(#050d1755,#050d1777),url(/brand/titan-stage.png) 50%/cover}body .login-panel{background:#f5f8ff}body .account-state{background:linear-gradient(#050d1740,#050d1777),url(/brand/titan-stage.png) 50%/cover}body .account-state-card{border:1px solid #bdd5f1;box-shadow:0 0 40px #2674ff25}body .app-shell .cutoff-banner{color:#214c31;background:#e8f5e9;border-color:#b8d9bf}body .app-shell .cutoff-banner p{color:#42644c}@media (min-width:1800px){body .public-hero{background-size:cover,cover}}@media (max-width:1100px){body .public-hero-copy{width:55%}body .public-workflow{gap:48px;padding-inline:32px}body .public-trust>span{gap:10px;padding-inline:12px;font-size:14px}}@media (max-width:820px){body .public-landing .public-nav{min-height:124px;padding:calc(12px + env(safe-area-inset-top)) 22px 10px;gap:8px 12px}body .public-nav .public-brand,body .public-nav .ot-logo{width:180px}body .public-nav>div>a.public-supplier-link{color:#b9cce1;min-height:34px;padding:4px;display:flex}body .public-nav .public-login{min-width:94px;min-height:46px;padding:12px 16px}body .public-hero{min-height:calc(100svh - 124px - 106px - env(safe-area-inset-top));background-image:linear-gradient(#050d17 0%,#050d17f5 30%,#050d1755 66%,#0000),url(/brand/earth-hero.png);background-position:50%,100% 100%;background-size:cover,auto 75%;align-items:flex-start;padding:32px 26px 80px}body .public-hero-copy{width:min(100%,540px);padding:0}body .public-hero h1{margin:16px 0 20px;font-size:clamp(38px,7.2vw,60px)}body .public-hero-copy>p:not(.eyebrow){max-width:390px;font-size:16px}body .public-hero-copy>small{display:none}body .public-actions{gap:12px}body .public-actions a{flex:auto;width:auto;padding:12px 16px;font-size:14px}body .public-trust{min-height:106px;padding:8px 12px}body .public-trust>span{gap:9px;min-height:44px;font-size:13px}body .public-trust b{width:24px;height:28px;display:grid}body .public-trust svg{width:22px;height:22px}body .public-workflow{gap:40px;padding:65px 24px}body .public-workflow .public-order-preview{justify-self:center;width:100%;max-width:480px}body .public-workflow .public-order-preview h2{font-size:25px}body .app-shell>main{background-attachment:scroll}body .app-shell .page-content>.page-title,body .app-shell .page-content>.welcome-row{margin:-18px calc(-1 * var(--portal-content-inset)) 22px;padding:24px var(--portal-content-inset)}body .app-shell .page-content{border-radius:12px}}@media (max-width:380px){body .public-nav .public-brand,body .public-nav .ot-logo{width:160px}body .public-hero{padding-inline:22px}body .public-trust>span{padding-inline:6px;font-size:12px}}@media print{body .app-shell>main,body .app-shell .page-content{box-shadow:none;background:#fff}}body .public-hero{background-image:linear-gradient(#050d17 0%,#0000 22%),linear-gradient(90deg,#050d17 4%,#050d17e8 24%,#050d1740 68%),url(/brand/earth-hero.png);background-position:50%;background-size:cover,cover,cover;min-height:590px}body .landing-copy-short{display:none}body .public-how{color:#0d2039;background:linear-gradient(145deg,#f5f7fb,#e7effa);width:100%;max-width:none;padding:76px max(24px,50vw - 640px) 90px}body .public-how h2{color:#0d2039;font-size:clamp(30px,3.4vw,48px);line-height:1.16}body .public-how .eyebrow{color:#245bce}body .public-how>div{gap:22px}body .public-how article{background:linear-gradient(140deg,#fff,#f5f8ff);border:1px solid #bacce5;border-radius:16px;padding:30px;position:relative;overflow:hidden;box-shadow:0 14px 30px #10315c0c}body .public-how article:before{content:"";background:linear-gradient(90deg,#0862ff,#79baff,#0000);height:3px;position:absolute;top:0;left:0;right:0}body .public-how article>b{color:#245bff;letter-spacing:.12em;height:auto;margin-bottom:26px;font-size:17px}body .public-how article h3{color:#0c2446;font-size:23px;line-height:1.25}body .public-how article p{color:#4d6380;line-height:1.65}body .public-how article small{color:#25559e;border-top:1px solid #dbe5f2;margin-top:24px;padding-top:18px;display:block}body .app-shell>main,body .login-page{background:linear-gradient(135deg,#0000 35%,#075de522 48%,#0000 60%),linear-gradient(145deg,#0000 48%,#1675ef44 49%,#0959e511 58%,#0000 66%),radial-gradient(at 80% 35%,#084779 0%,#031321 45%,#050d17 80%)}body .app-shell .page-content{background:#f5f8fff5;box-shadow:0 0 50px #0964df18,0 20px 65px #0004}body .app-shell .page-content>:is(.page-title,.welcome-row){background:linear-gradient(135deg,#041624 20%,#093568 65%,#0e54a2)}body .app-shell :is(.product-card,.saved-list>article,.account-card,.admin-card){box-shadow:0 5px 16px #17427208}body .app-shell button.primary,body .empty-cart-action{color:#fff;background:linear-gradient(120deg,#167aff,#0753ee);border:1px solid #4290ff;min-height:48px;box-shadow:0 8px 22px #065ee833}body .empty-cart-action{border-radius:10px;margin-top:24px;padding:16px 20px}body .guide-entry{text-align:center;color:#bed8ff;border:1px solid #638fc54d;border-radius:10px;justify-content:center;align-items:center;gap:12px;min-height:48px;margin:12px;padding:16px;text-decoration:none;display:flex}body .guide-entry-account{background:#0b2a4b;margin:18px 32px 0}body .login-page{align-items:stretch;gap:0;min-height:100svh;padding:clamp(20px,4vw,64px)}body .login-panel{border:1px solid #bbd2f2;border-radius:18px 0 0 18px;justify-content:flex-start;width:100%;margin:0;padding:36px clamp(24px,3vw,48px);box-shadow:0 0 60px #126be51a}body .login-brand{flex-shrink:0;margin-bottom:34px;position:static}body .login-aside{background:linear-gradient(140deg,#05182766 25%,#086bde55 52%,#06213a99 65%),url(/brand/titan-stage.png) 50%/cover;border-radius:0 18px 18px 0}body .login-role-choice>a{border-radius:12px;box-shadow:0 6px 20px #12346109}body .login-panel input{border-radius:9px}body .guide-page{color:#eef5ff;background:linear-gradient(140deg,#04121f,#082c52 40%,#050d17);min-height:100svh;padding:28px max(22px,50vw - 640px) 64px}body .guide-header{justify-content:space-between;align-items:center;gap:20px;display:flex}body .guide-header .ot-logo{width:200px}body .guide-header>a:last-child{border-radius:8px;padding:14px 20px;text-decoration:none}body .guide-intro{max-width:750px;padding:65px 0 45px}body .guide-intro h1{margin:15px 0 22px;font-size:clamp(36px,5vw,62px);line-height:1.08}body .guide-intro h1 span{color:#499bff}body .guide-intro p{color:#c1d4ea;line-height:1.7}body .guide-layout{grid-template-columns:260px minmax(0,1fr);align-items:start;gap:32px;display:grid}body .guide-layout>nav{background:#061626c9;border:1px solid #4c77a94d;border-radius:12px;gap:5px;padding:20px;display:grid;position:sticky;top:24px}body .guide-layout nav a{color:#c5dafa;padding:10px 0;font-size:14px;line-height:1.4;text-decoration:none;display:block}body .guide-layout nav a:hover{color:#fff;text-decoration:underline}body .guide-chapter{color:#132945;background:#f5f8ff;border:1px solid #c3d7ee;border-radius:14px;margin-bottom:24px;padding:32px;scroll-margin-top:24px}body .guide-chapter h2{margin:0 0 26px;font-size:25px}body .guide-chapter article+article{border-top:1px solid #dbe5f2;margin-top:24px;padding-top:22px}body .guide-chapter h3{margin:0 0 8px;font-size:17px}body .guide-chapter p{color:#415771;margin:0;line-height:1.75}body .guide-chapter a{color:#1657c1}@media (max-width:820px){body .public-hero{background-position:50%,100%,100%;min-height:490px;padding:35px 26px 50px}body .public-trust{position:relative;top:auto}body .login-page{padding:20px}body .login-panel,body .login-aside{border-radius:16px}body .guide-layout{grid-template-columns:minmax(0,1fr)}body .guide-layout>nav{grid-template-columns:repeat(2,minmax(0,1fr));position:static}body .guide-layout nav strong{grid-column:1/-1}}@media (max-width:560px){body .public-landing .public-nav{min-height:100px;padding:calc(10px + env(safe-area-inset-top)) 18px 8px}body .public-nav .public-brand,body .public-nav .ot-logo{width:155px}body .public-nav>div>a.public-supplier-link{min-height:32px;font-size:12px}body .public-hero{background-image:linear-gradient(#050d17 0%,#050d17a8 55%,#050d1744),linear-gradient(90deg,#050d17c9,#050d1733),url(/brand/earth-hero.png);background-position:50%,50%,65%;min-height:390px;padding:30px 22px 38px}body .public-hero h1{margin:14px 0 16px;font-size:clamp(34px,9.5vw,46px)}body .public-hero-copy .eyebrow{letter-spacing:.1em;font-size:11px}body .landing-copy-full{display:none}body .landing-copy-short{display:block}body .public-hero-copy>p:not(.eyebrow){max-width:290px;line-height:1.5}body .public-actions{flex-flow:wrap;gap:10px;margin-top:22px}body .public-actions a{flex:1;min-width:125px;min-height:46px;padding:12px;font-size:13px}body .public-trust{padding:10px}body .public-trust>span{gap:8px;padding:6px;font-size:11px}body .public-workflow{gap:26px;padding:42px 20px}body .public-workflow>div:first-child h2{font-size:34px}body .public-workflow .public-order-preview{transform:none}body .public-how{padding:45px 20px}body .public-how>div{grid-template-columns:1fr;gap:14px}body .public-how article{padding:24px}body .public-how article>b{margin-bottom:14px}body .public-how article small{display:none}body .public-how article h3{font-size:21px}body .public-cta{padding:38px 22px}body .login-page{padding:12px}body .login-panel{min-width:0;padding:26px 20px}body .login-copy h1{font-size:32px}body .guide-entry-account{margin:12px 18px 0;font-size:14px}body .guide-header{flex-wrap:wrap}body .guide-header .ot-logo{width:165px}body .guide-header>a:last-child{font-size:13px}body .guide-intro{padding:40px 0 28px}body .guide-layout>nav{grid-template-columns:1fr}body .guide-chapter{padding:24px 20px}}body .context-tools{color:#173451;background:#f3f7fe;border:1px solid #b9cfe9;border-radius:10px;margin:0 0 20px;padding:0 18px}body .context-tools summary{cursor:pointer;padding:16px 0;font-size:14px;font-weight:600}body .context-tools summary:focus-visible{outline-offset:3px;outline:2px solid #176aff}body .context-tools p{color:#405a76;max-width:720px;margin:0 0 16px;line-height:1.6}body .context-tools button{margin-bottom:18px}body .context-tools>a{color:#185dc5;margin:0 0 18px;display:block}body .account-tools{margin:18px 32px}@media (max-width:620px){body .account-tools{margin:14px 18px}}body .public-hero.product-led-hero{background-image:linear-gradient(90deg,#03111cf2 8%,#041324a6 65%,#061529bb),url(/brand/earth-hero.png);background-size:cover;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(36px,5vw,100px);min-height:700px;padding-block:76px;display:grid}body .product-led-hero .public-hero-copy{width:100%;max-width:700px}body .product-led-hero h1{font-size:clamp(42px,4.4vw,72px)}body .product-led-hero h1 span{color:#499bff}body .product-led-hero .public-order-preview{background:#f7faff;border:1px solid #97b7df;border-radius:18px;justify-self:end;width:100%;max-width:460px;padding:0;overflow:hidden;transform:none;box-shadow:0 24px 64px #0005}body .product-led-hero .public-order-preview>header{background:#0d223b;border-bottom:1px solid #304d6c;min-height:68px;padding:18px 24px}body .product-led-hero .public-order-preview>header .ot-logo{filter:none;width:128px}body .product-led-hero .public-order-preview>header b{color:#b6cce7;letter-spacing:.08em;font-size:10px}body .product-led-hero .public-order-preview .preview-product{background:0 0}body .product-led-hero .public-order-preview .preview-product img{transform-origin:50% 95%;transform:scale(1.18)}body .product-led-hero .public-order-preview h2{color:#071c3d;margin:8px 0 22px;font-size:27px;line-height:1.2}body .product-led-hero .public-order-preview section{padding:24px}body .product-led-hero .public-order-preview article{background:#fff;border-color:#d8e3f1;border-radius:10px;min-height:74px}body .product-led-hero .public-order-preview .public-confirmation{margin:0 24px 24px;transform:none}body .public-workflow{text-align:center;background:#061321;grid-template-columns:1fr;padding-block:62px}body .public-workflow>div:first-child{max-width:820px;margin:auto}body .public-workflow>div:first-child>p:not(.eyebrow){max-width:690px;margin-inline:auto}body .app-shell .page-content:is(.catalog-workspace,.ordering-workspace){box-shadow:none;color:#eaf2ff;background:0 0;border:0}body .app-shell :is(.catalog-workspace,.ordering-workspace)>:is(.page-title,.welcome-row){background:0 0;border:0;border-bottom:1px solid #6b9edc40;border-radius:0;margin:0 0 28px;padding:8px 0 28px}body .app-shell :is(.catalog-workspace,.ordering-workspace)>:is(.page-title,.welcome-row) h1{letter-spacing:-.04em;font-size:clamp(30px,3vw,46px)}body .app-shell :is(.catalog-workspace,.ordering-workspace) .delivery-pill{background:#edf5ff;border:1px solid #c0d9fb;border-radius:12px;padding:16px 20px;box-shadow:0 8px 25px #0002}body .app-shell .catalog-workspace .catalog-head{color:#eaf2ff}body .app-shell .catalog-workspace .catalog-head p{color:#b6cbe6;max-width:780px;line-height:1.65}body .app-shell :is(.catalog-workspace,.ordering-workspace) :is(.category-tabs,.saved-filters,.saved-category-panel){color:#eaf2ff;background:#0b213bd9;border:1px solid #7ba8df44;border-radius:14px;padding:18px}body .app-shell .ordering-workspace .saved-filters{margin-bottom:12px}body .app-shell .ordering-workspace .saved-filters label{color:#ccddf2;font-size:14px}body .app-shell .ordering-workspace .saved-category-heading :is(h2,span){color:#d3e4fa}body .app-shell .ordering-workspace .saved-section-title{color:#eaf2ff;margin-top:30px}body .app-shell .ordering-workspace .saved-section-title small{color:#96bcf0}body .app-shell .ordering-workspace .saved-list{background:0 0;border:0;gap:12px;display:grid}body .app-shell .ordering-workspace .saved-list>article{color:#152c4c;border:1px solid #d0e0f5;border-radius:14px;padding:20px;box-shadow:0 8px 25px #0002}body .app-shell :is(.catalog-workspace,.ordering-workspace) .empty-state{color:#dcecff;background:#10293f;border:1px solid #426581;border-radius:16px;padding:48px 24px}body .app-shell :is(.catalog-workspace,.ordering-workspace) .empty-state h3{color:#eaf3ff}body .app-shell :is(.catalog-workspace,.ordering-workspace) .empty-state p{color:#b5cbe1}body .app-shell :is(.catalog-workspace,.ordering-workspace) .empty-state>span{color:#9ecbff}body .app-shell :is(.catalog-workspace,.ordering-workspace) .empty-state>button{margin-top:8px}body .app-shell .product-card{color:#152c4c;border-radius:16px;overflow:hidden;box-shadow:0 12px 35px #0003}body .app-shell .product-info{padding:22px}body .app-shell .product-info h3{letter-spacing:-.02em;font-size:19px}body .app-shell .product-info .add-button{color:#fff;background:linear-gradient(120deg,#1679ff,#0755e7);border:1px solid #2879f5;border-radius:8px;min-height:46px}body .app-shell .product-visual{min-height:145px;background:radial-gradient(#edf5ff,#d8e7fa)!important}body .app-shell .product-visual>span{color:#235e9f;text-shadow:none}body .app-shell .product-visual>i{display:none}body .app-shell .sidebar nav button{border-radius:10px;min-height:48px}body .app-shell .sidebar nav button.active{background:linear-gradient(105deg,#1266e8,#104987);box-shadow:inset 0 1px #80b6ff60,0 8px 22px #0003}body .app-shell .repeat-last-order{color:#d9eaff;background:#153957;border-color:#6494c65c;min-height:38px}body .login-page{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(24px,4vw,64px);max-width:1600px;margin:auto;padding:48px max(24px,4vw)}body .login-panel{border-radius:20px;grid-area:1/2;align-self:start;padding:36px;box-shadow:0 0 0 5px #83b4ff12,0 25px 85px #0005}body .login-copy{margin-top:0}body .login-copy h1{letter-spacing:-.04em;font-size:clamp(30px,3vw,44px);line-height:1.08}body .login-panel .login-brand{display:none}body .login-aside{background:0 0;border:0;border-radius:0;grid-area:1/1;justify-content:flex-start;align-self:stretch;padding:0 0 40px;overflow:visible}body .login-aside:before,body .login-aside:after{display:none}body .login-aside .login-stage-brand{margin-bottom:clamp(44px,8vw,110px);display:block}body .login-stage-brand .ot-logo{width:240px}body .login-aside h2{letter-spacing:-.045em;max-width:620px;font-size:clamp(38px,4.7vw,68px);line-height:1.06}body .login-aside>div>p:last-child{color:#bed3ed;max-width:470px;font-size:18px;line-height:1.65}body .login-aside ul{grid-template-columns:1fr 1fr;gap:22px;margin-top:38px;display:grid}body .login-aside li{align-items:flex-start;font-size:14px;line-height:1.5}body .login-aside li>span{color:#72b3ff}body .login-aside .login-stage-signature{color:#88afd9;margin-top:48px;font-size:14px}body .login-choice-page .login-panel .login-brand{display:block}@media (max-width:900px){body .public-hero.product-led-hero{gap:28px;padding-inline:24px}body .product-led-hero h1{font-size:42px}body .login-page{grid-template-columns:1fr;padding:24px}body .login-panel{grid-area:auto/1;max-width:620px;margin:auto}body .login-panel .login-brand{margin-bottom:24px;display:block}body .login-aside{display:none}}@media (max-width:620px){body .public-hero.product-led-hero{grid-template-columns:1fr;gap:28px;min-height:0;padding:38px 22px 44px}body .product-led-hero h1{font-size:clamp(34px,9vw,48px)}body .product-led-hero .public-order-preview{justify-self:center;max-width:460px;transform:none}body .product-led-hero .public-order-preview>header{min-height:52px;padding:12px 18px}body .product-led-hero .public-order-preview section{padding:18px}body .product-led-hero .public-order-preview h2{margin-bottom:14px;font-size:23px}body .product-led-hero .public-order-preview article{min-height:65px}body .product-led-hero .public-order-preview .public-confirmation{display:none}body .public-workflow{padding:40px 22px}body .app-shell :is(.catalog-workspace,.ordering-workspace)>:is(.page-title,.welcome-row){margin:0 0 22px;padding:0 0 20px}body .app-shell .ordering-workspace .saved-list>article,body .app-shell .product-info{padding:16px}body .login-page{padding:18px 12px}body .login-panel{border-radius:16px;padding:26px 22px}}@media (prefers-reduced-motion:no-preference){body :is(.public-primary,.public-login,.product-card,.saved-list>article,.login-role-choice>a){transition:box-shadow .2s,transform .2s}body :is(.public-primary,.public-login,.login-role-choice>a):hover{transform:translateY(-2px);box-shadow:0 8px 30px #126aff40}}body .admin-page .admin-banner{color:#f5f7fb;background:linear-gradient(110deg,#06111fef,#092c5bbd),url(/brand/titan-stage.png) 50%/cover;border:1px solid #345781;border-radius:18px;padding:24px}body .admin-page .admin-banner :is(h1,p){color:inherit}body .admin-page .admin-section-tabs{gap:8px;padding:12px 0}body .admin-page .admin-section-tabs button{color:#17314f;background:#fff;border:1px solid #bbcae0;border-radius:10px;min-height:44px;padding:10px 16px;font-size:14px}body .admin-page .admin-section-tabs button.active{color:#fff;background:#245bff;border-color:#245bff;box-shadow:0 4px 14px #245bff30}body .admin-page .admin-card{border:1px solid #ccd8e8;border-radius:16px;box-shadow:0 8px 25px #1024450c}body .admin-page .admin-card>header{border-bottom:1px solid #dde7ff;margin-bottom:16px;padding-bottom:16px}body .admin-page :is(button.primary,button.ghost){white-space:normal;overflow-wrap:anywhere;border-radius:9px;height:auto;min-height:44px;padding:11px 16px;font-size:14px;line-height:1.35}body .admin-page button.primary{color:#fff;background:linear-gradient(135deg,#2676ff,#245bff);border:1px solid #1a50e0;box-shadow:0 4px 12px #245bff25}body .admin-page button.ghost{color:#154799;background:#eef4ff;border:1px solid #aac1ed}body .admin-page button:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}body .admin-page button:focus-visible{outline-offset:3px;outline:3px solid #1675ff}body .admin-page .order-workbench{grid-template-columns:minmax(0,1fr) minmax(280px,340px);align-items:start;gap:20px;display:grid}body .admin-page .order-workbench>.delivery-card{align-self:start;height:auto;padding:20px}body .admin-page .order-workbench>#selected-order-details{background:#f5f7fb;border:1px solid #c8d8ef;border-radius:16px;grid-column:1/-1;min-width:0;padding:20px}body .admin-page .delivery-date-comparison{gap:8px;margin:12px 0;display:grid}body .admin-page .delivery-date-comparison>div{background:#eef4ff;border-radius:8px;padding:10px}body .admin-page .fulfillment-editor>header{flex-wrap:wrap;gap:16px}body .admin-page .fulfillment-row{background:#fff;border:1px solid #c4d5ee;border-left:4px solid #496bff;border-radius:12px;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:12px 0;padding:18px;display:grid}body .admin-page .fulfillment-row .fulfillment-product{grid-column:1/-1}body .admin-page .fulfillment-row :is(label,input,select,button){box-sizing:border-box;width:100%;min-width:0;max-width:100%}body .admin-page .fulfillment-row :is(input,select){min-height:44px;font-size:14px}body .admin-page .fulfillment-row label{font-size:12px}body .admin-page .fulfillment-row>button{color:#fff;background:#245bff;border-color:#245bff;align-self:end}body .customer-data-alert{color:#183b5a;background:#fff6df;border:1px solid #eac675;border-left:4px solid #c98716;border-radius:12px;justify-content:space-between;align-items:center;gap:16px;margin:16px 0;padding:18px;display:flex}body .customer-data-alert p{margin:6px 0 0;font-size:14px}body .customer-data-warning{color:#183b5a;background:#fff6df;border-radius:8px;padding:10px;font-size:13px}body .team-invite-actions{flex-wrap:wrap;align-items:end;gap:12px;display:flex}body .team-invite-actions label{gap:6px;min-width:200px;display:grid}@media (max-width:900px){body .admin-page .customer-table article{flex-direction:column;align-items:stretch;gap:12px;padding:18px 0;display:flex}body .admin-page .customer-table article>*{min-width:0;max-width:100%}body .admin-page .customer-table :is(input,select){box-sizing:border-box;min-width:0;max-width:100%}body .admin-page .customer-number-field>span{flex-wrap:wrap}body .admin-page .customer-access-editor{width:100%;min-width:0}body .admin-page .order-workbench{grid-template-columns:minmax(0,1fr)}body .admin-page .order-workbench>.delivery-card{grid-row:2}body .admin-page .order-workbench>#selected-order-details{grid-row:3;padding:12px}}@media (max-width:600px){body .admin-page .fulfillment-row{grid-template-columns:minmax(0,1fr);padding:14px}body .admin-page .admin-section-tabs{flex-wrap:nowrap;max-width:100%;padding:10px 0;display:flex;overflow-x:auto}body .admin-page .admin-section-tabs button{flex:none}body .admin-page .stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}body .admin-page .stats article{min-width:0;padding:10px 8px}body .admin-page .stats article>span,body .admin-page .stats article p{display:none}body .admin-page .stats article small{overflow-wrap:anywhere;font-size:10px}body .admin-page .stats article strong{font-size:24px}body .customer-data-alert{flex-direction:column;align-items:stretch}body .team-invite-actions{flex-direction:column;align-items:stretch;width:100%}body .admin-page .fulfillment-editor>header{flex-direction:column;align-items:stretch;display:flex}}body .order-comparison-notice{color:#183b5a;text-align:left;background:#fff7e5;border:1px solid #e7c477;border-left:4px solid #d49b26;border-radius:12px;margin:18px 0;padding:18px}body .order-comparison-notice h3{color:#183b5a;margin:0 0 8px;font-size:18px}body .order-comparison-notice p,body .order-comparison-notice li{color:#183b5a;font-size:14px;line-height:1.5}body .order-comparison-notice ul{max-height:220px;padding-left:20px;overflow:auto}body .order-check-settings label{align-items:center;gap:12px;font-size:16px;display:flex}body .order-check-settings input{flex-shrink:0;width:22px;height:22px}
.wholesale-catalog{padding:clamp(20px,4vw,48px)}.wholesale-catalog>header{justify-content:space-between;align-items:center;gap:24px;display:flex}.wholesale-catalog h1{font-size:clamp(28px,4vw,42px)}.wholesale-catalog>header p{max-width:700px;line-height:1.6}.wholesale-catalog ul{grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:16px;padding:0;list-style:none;display:grid}.wholesale-catalog li{color:#183354;background:#f4f8ff;border:1px solid #b7cce7;border-radius:12px;justify-content:space-between;align-items:start;gap:16px;padding:22px;display:flex}.wholesale-catalog li h2{color:#102b4c;margin:8px 0;font-size:19px}.wholesale-catalog li small{color:#426386}.wholesale-catalog li>span{color:#286345;background:#deece6;border-radius:6px;padding:5px 9px;font-size:12px}.wholesale-catalog li>.inactive{color:#546072;background:#e5e8ed}@media (max-width:650px){.wholesale-catalog>header{flex-direction:column;align-items:stretch}}body .login-page.login-choice-page{background:radial-gradient(at 80% 5%,#123d69 0,#0000 55%),linear-gradient(140deg,#050d17,#0b2037 60%,#080f1b);width:100%;max-width:none;min-height:100svh;margin:0;padding:clamp(28px,5vw,80px) max(20px,50vw - 720px)}body .login-choice-page .login-panel{color:#edf4ff;background:linear-gradient(145deg,#142d48,#0b1829);border:1px solid #426286;border-top:3px solid #498bff;min-height:0;box-shadow:0 24px 70px #0005}body .login-choice-page .login-panel .login-brand{align-self:flex-start;margin:0 0 32px;display:block;position:static}body .login-choice-page .login-brand .ot-logo{width:210px;max-width:100%}body .login-choice-page .login-copy h1{color:#f5f7fb;font-size:clamp(28px,3vw,42px)}body .login-choice-page .eyebrow{color:#91bdff}body .login-choice-page .login-copy>p:last-child{color:#bccfe7;font-size:15px}body .login-choice-page .login-role-choice>a{color:#f5f7fb;min-height:120px;box-shadow:none;background:#112a46;border:1px solid #4c709e}body .login-choice-page .login-role-choice>a:hover{background:#193b62;border-color:#8bb9ff;box-shadow:0 8px 24px #0003}body .login-choice-page .login-role-choice>a:focus-visible{outline-offset:4px;outline:3px solid #9bc5ff}body .login-choice-page .login-role-icon{color:#abd0ff;background:#244871;border-radius:12px}body .login-choice-page .login-role-choice small{color:#99bfff;font-size:10px}body .login-choice-page .login-role-choice strong{font-size:18px}body .login-choice-page .login-role-choice p{color:#c2d3e8;font-size:13px;line-height:1.5}body .login-choice-page .login-role-choice b{color:#a2c8ff}body .login-choice-page .login-help article{color:#edf4ff;background:0 0;border:0;border-top:1px solid #344e6d;border-radius:0;padding:16px 0}body .login-choice-page .login-help article>span{color:#b8d5ff;background:#244871}body .login-choice-page .login-help strong{font-size:13px}body .login-choice-page .login-help p{color:#b7cbe4;font-size:12px;line-height:1.6}body .login-choice-page .login-back{color:#a5cbff;padding:12px 0;font-size:13px}@media (max-width:900px){body .login-page.login-choice-page{padding:24px 16px}}@media (max-width:560px){body .login-choice-page .login-panel{padding:24px 20px}body .login-choice-page .login-role-choice>a{grid-template-columns:36px minmax(0,1fr) 16px;gap:12px;padding:16px 12px}body .login-choice-page .login-role-icon{width:36px;height:40px}body .login-choice-page .login-role-choice strong{font-size:16px}}.approval-page{color:#d5e4f5;background:radial-gradient(at 50% 20%,#143b66,#0000 60%),#07111f;min-height:100svh;padding:28px clamp(20px,5vw,80px)}.approval-page nav{justify-content:space-between;align-items:center;gap:20px;display:flex}.approval-page nav img{width:200px;height:auto}.approval-page a{color:#abcfff}body .customer-management .customer-table>article{color:#142d4e;background:#f5f8ff;border:1px solid #a9bfdc}body .customer-management :is(label,legend,strong){color:#142d4e}body .customer-management :is(p,small){color:#405976;font-size:13px}body .customer-management input:not([type=checkbox]),body .customer-management select{color:#142d4e;background:#fff;border:1px solid #7894b7;min-height:44px}body .customer-management .ghost{color:#164a98;background:#e1edff;border:1px solid #789acb;min-height:44px}.customer-weekdays{flex-wrap:wrap;gap:8px 16px;display:flex}body .customer-weekdays label{align-items:center;gap:8px;min-height:44px;font-size:14px;display:flex}body .customer-weekdays input{accent-color:#245bff;width:20px;height:20px}.customer-access-editor fieldset{border:0;min-width:0;padding:0}.approval-content{text-align:center;max-width:850px;margin:60px auto}.approval-seal{color:#adceff;border:1px solid #699ee5;border-radius:50%;place-items:center;width:80px;height:80px;margin:0 auto 28px;font-size:44px;display:grid;box-shadow:0 0 55px #2374ef40}.approval-content h1{color:#f3f7ff;letter-spacing:-.03em;font-size:clamp(30px,4vw,48px);line-height:1.15}.approval-intro{max-width:680px;margin:24px auto;font-size:18px;line-height:1.7}.approval-status{color:#a8cceb;flex-wrap:wrap;justify-content:center;gap:16px;margin:28px 0;display:flex}.approval-status strong{color:#c4dcff}.approval-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:22px;margin:28px 0;display:flex}.approval-actions button{color:#fff;cursor:pointer;touch-action:manipulation;background:#2164f2;border:1px solid #80acff;border-radius:10px;min-height:48px;padding:14px 24px}.approval-actions button:hover:not(:disabled){background:#134fda;box-shadow:0 4px 20px #2164f240}.approval-actions button:focus-visible{outline-offset:4px;outline:3px solid #b6d4ff}.approval-actions button:disabled{cursor:wait;opacity:.75}.approval-feedback{color:#d5e8ff;max-width:620px;margin:0 auto 20px;font-size:14px;line-height:1.6}.approval-feedback:empty{display:none}.approval-feedback-error{color:#991b1b;background:#fff1f2;border:1px solid #ef7777;border-radius:8px;padding:12px 16px}.approval-content small{color:#9bb3cd;line-height:1.6;display:block}.approval-suppliers{text-align:left;margin:32px auto}.approval-suppliers summary{cursor:pointer;border-bottom:1px solid #456287;padding:16px}.approval-preview{color:#86a2c0;flex-wrap:wrap;justify-content:center;gap:22px;padding:30px 0 12px;display:flex}.approval-page footer{justify-content:center;gap:24px;display:flex}@media (max-width:600px){.approval-content{margin:36px auto}.approval-page nav img{width:160px}.approval-intro{font-size:16px}.approval-status{flex-direction:column}.approval-preview{grid-template-columns:1fr 1fr;display:grid}}.setup-guide .setup-progress{flex-wrap:wrap;align-items:center;gap:18px;margin:24px 0;display:flex}.setup-progress progress{appearance:none;accent-color:#5487ff;background:#203b59;border:0;border-radius:999px;width:min(320px,100%);height:10px;overflow:hidden}.setup-progress progress::-webkit-progress-bar{background:#203b59;border-radius:999px}.setup-progress progress::-webkit-progress-value{background:#5487ff;border-radius:999px}.setup-progress progress::-moz-progress-bar{background:#5487ff;border-radius:999px}.setup-guide .setup-next{color:#e9f3ff;background:#102842;border-radius:12px;justify-content:space-between;align-items:center;gap:20px;padding:22px;display:flex}.setup-next strong{margin:8px 0;font-size:20px;display:block}.setup-next p{color:#c2d6f1}.setup-guide .setup-action{text-align:center;color:#164390;background:#e7f0ff;border:1px solid #92b6eb;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;min-height:44px;padding:12px 18px;font-size:14px;text-decoration:none;display:inline-flex}.setup-guide .setup-steps{gap:0;margin:24px 0;padding:0;list-style:none;display:grid}.setup-steps li{border-bottom:1px solid #c8d8ec;grid-template-columns:40px minmax(0,1fr) auto;align-items:start;gap:18px;padding:24px 0;display:grid}.setup-steps h3{color:#102842;margin:6px 0;font-size:18px}.setup-steps small{color:#41648f;margin:0;font-size:11px}.setup-number{color:#184d9c;background:#d9e8ff;border-radius:50%;place-items:center;width:36px;height:36px;font-weight:700;display:grid}.setup-steps .is-complete .setup-number{color:#256a3b;background:#dcf1e2}.setup-guide .setup-help{margin:24px 0 12px}.setup-advanced{border:1px solid #9bb6d1;border-radius:12px;margin:24px;padding:20px}.setup-advanced summary{cursor:pointer;min-height:44px;font-weight:600}.setup-advanced p{line-height:1.6}@media (max-width:720px){.setup-guide .setup-next{flex-direction:column;align-items:stretch}.setup-steps li{grid-template-columns:36px minmax(0,1fr)}.setup-steps .setup-action{grid-column:2;justify-self:start}.setup-advanced{margin:16px}.setup-guide header p{font-size:14px}}.login-portal-page .login-aside{padding:48px clamp(28px,4vw,64px)}.login-portal-page .login-aside .login-stage-brand{margin-bottom:64px}.login-portal-page .login-mode button{min-height:46px;font-size:13px}.login-portal-page .email-login-form label{letter-spacing:.04em;font-size:12px}.login-portal-page .email-login-form label small{letter-spacing:0;color:#b6c8df;font-size:12px;font-weight:400;line-height:1.5}.login-portal-page .login-privacy,.login-portal-page .login-portal-switch a,.login-portal-page .login-back{color:#b6c8df;font-size:12px;line-height:1.6}.login-portal-page .login-primary{background:linear-gradient(115deg,#2476ff,#1250e8)}.login-portal-page .login-shield{color:#fff;background:#ffffff14;border:1px solid #ffffff30}body:has(.login-portal-page) .global-legal-links{background:#102139;border-color:#345170}body:has(.login-portal-page) .global-legal-links a{color:#bdd6fa}.public-landing .public-order-preview{border:1px solid #739ce666;border-radius:20px;overflow:hidden;transform:none;box-shadow:0 24px 75px #0006,0 0 35px #1769ff24}.public-landing .public-order-preview header{background:linear-gradient(115deg,#091525,#183a64);align-items:center;padding:20px 24px}.public-order-preview header b{font-family:var(--font-space);letter-spacing:.12em;color:#bcd7ff;border-left:1px solid #6b97cb60;padding-left:16px;font-size:11px;font-weight:500}.hero-efficiency{color:#eef5ff;margin-bottom:14px;font-weight:500;display:block}.hero-description{color:#b9cce2;display:block}.public-hero-copy .landing-copy-full{max-width:650px}.legal-page{color:#c7d4e6;background:radial-gradient(at 95% 0,#143760,#0000 55%),#080f1b;max-width:none;min-height:100svh;margin:0;padding:32px max(22px,50% - 550px) 64px}body .legal-page>nav{background:0 0;border-bottom:1px solid #304760;flex-wrap:wrap;align-items:center;gap:16px 24px;height:auto;min-height:80px;padding:16px 0 24px;display:flex}body .legal-page>nav .public-brand{flex-shrink:0;width:auto;height:auto;display:flex}body .legal-page>nav img{object-fit:contain;filter:none;width:clamp(165px,20vw,210px);max-width:100%;height:auto;display:block}body .legal-page>nav>a:last-child{color:#b9d8ff;align-items:center;min-height:44px;font-size:1rem;line-height:1.5;display:inline-flex}body .legal-page>article{overflow-wrap:anywhere;width:100%;max-width:850px;margin:32px auto 0;padding:24px 0 40px}.legal-page h1,.legal-page h2,.legal-page strong{color:#f3f7ff}.legal-page h1{font-family:var(--font-space);letter-spacing:-.04em;font-size:clamp(2.3rem,5vw,4rem)}body .legal-page section{background:0 0;border-top:1px solid #304760;border-bottom:0;padding-block:24px}body .legal-page section h2{margin:0 0 12px;font-size:1.25rem;line-height:1.4}body .legal-page section p,body .legal-page .legal-pending p{color:#d1deef;font-size:1rem;line-height:1.8}body .legal-page .eyebrow{color:#abc3e1;font-size:.875rem;line-height:1.5}body .legal-page section a,body .legal-page footer a{color:#b9d8ff;text-underline-offset:4px;overflow-wrap:anywhere;text-decoration:underline}body .legal-page a:hover{color:#fff}body .legal-page a:focus-visible{outline-offset:5px;border-radius:2px;outline:2px solid #b9d8ff}body .legal-page article>footer{color:#abc3e1;border-color:#304760;flex-wrap:wrap;align-items:center;font-size:.875rem;line-height:1.6}body .legal-page article>footer a{align-items:center;min-height:44px;display:inline-flex}.login-page.login-portal-page{background:radial-gradient(at 32% 35%,#123459 0,#0000 65%),linear-gradient(125deg,#07111f,#0b1b2e 65%,#080f1b);border:0;border-radius:0;width:100%;max-width:none;min-height:100svh;margin:0;padding:0}body .login-portal-page .login-panel{box-shadow:none;color:#c8d7eb;background:0 0;border:0;border-radius:0;padding:clamp(28px,5vw,80px)}.login-portal-page h1,.login-portal-page label,.login-portal-page .login-copy p{color:#eef5ff}body .login-portal-page .login-aside{background:0 0;border:0;border-radius:0}.login-portal-page input{color:#fff;background:#101e32;border:1px solid #385779}.login-portal-page .login-mode{background:#14263f;border:0}.login-portal-page .login-mode.customer-login-mode{grid-template-columns:repeat(3,minmax(0,1fr))}.login-portal-page .login-mode button{color:#aac1df}.login-portal-page .login-mode button.active{color:#fff;background:#245bff}.login-portal-page .login-panel select{color:#eef5ff;letter-spacing:normal;background:#10233a;border:1px solid #547397;border-radius:9px;width:100%;min-height:48px;padding:12px;font-size:14px;font-weight:500}.login-portal-page .registration-role-description{color:#c8d7eb;margin:-2px 0 4px;font-size:13px;line-height:1.5}.getting-started{color:#d3e1f3;background:linear-gradient(120deg,#102640,#0a1729);border:1px solid #304b6b;border-radius:16px;margin:24px;padding:24px}.getting-started header{justify-content:space-between;align-items:center;gap:16px;display:flex}.getting-started h2{margin:8px 0;font-size:1.25rem}.getting-started button{color:#174593;background:#e1ecff;border:1px solid #99b8e5;border-radius:8px;min-height:44px;padding:10px 16px}.getting-started ol{gap:12px;padding-left:24px;display:grid}.getting-started p{margin:5px 0;line-height:1.55}.getting-started small{margin-top:12px;display:block}.import-template-example{color:#e5efff;background:#102640;border:1px solid #466b97;border-radius:10px;margin:20px 0;overflow:hidden}.import-template-example figcaption{flex-wrap:wrap;justify-content:space-between;gap:6px 16px;padding:12px 14px;font-size:14px;font-weight:700;display:flex}.import-template-example figcaption span{color:#b9d5fa;font-size:13px;font-weight:400}.import-template-scroll{overflow-x:auto}.import-template-scroll:focus-visible{outline-offset:-2px;outline:2px solid #8bb9ff}.import-template-example table{border-collapse:collapse;text-align:left;width:100%;min-width:560px;font-size:14px;line-height:1.5}.import-template-example th,.import-template-example td{white-space:nowrap;color:#e5efff;border:1px solid #37516e;padding:9px 12px}.import-template-example thead{background:#1d426d}.import-template-example .sheet-columns th,.import-template-example th[scope=row]{color:#b9cce5;text-align:center;background:#142e4b;font-weight:400}.import-template-example .sheet-columns th{padding-block:4px;font-size:12px}body .import-template-example p{color:#c5d6ec;margin:0;padding:12px 14px;font-size:13px;line-height:1.6}body .getting-started.setup-guide{font-size:1rem}body .setup-guide h2{color:#f3f7ff;font-size:1.5rem;line-height:1.35}body .setup-guide .setup-steps h3{color:#f3f7ff;font-size:1.125rem;line-height:1.5}body .setup-guide p{color:#c4d5eb;max-width:85ch;font-size:1rem;line-height:1.65}body .setup-guide small{color:#a9bfdc;font-size:.8125rem;line-height:1.5}body .setup-guide header small{color:#9cc3ff;margin:0;font-size:.875rem}body .setup-guide .setup-progress strong{color:#e8f1ff;font-size:1rem}body .setup-guide .setup-steps li{border-color:#304b6b}body .setup-guide .setup-steps small{margin:0}body .setup-guide .setup-number{color:#c0d8ff;background:#1e3c64}body .setup-guide .is-complete .setup-number{color:#8ee3be;background:#163f3d}body .setup-guide .is-complete small{color:#8ee3be}body .setup-guide .setup-next{background:#143357;border:1px solid #416caa}body .setup-guide button,body .setup-guide .setup-action{color:#e2eeff;background:#183c69;border-color:#527caf;font-size:.875rem;line-height:1.5}body .setup-guide button:hover,body .setup-guide .setup-action:hover{background:#235187;border-color:#80b2ff}body .setup-guide>a{color:#b1d2ff;text-underline-offset:4px;padding-block:10px;text-decoration:underline;display:inline-block}body .setup-guide a:focus-visible,body .setup-guide button:focus-visible{outline-offset:4px;outline:2px solid #a9cdff}@media (max-width:720px){body .setup-guide .setup-steps .setup-action{white-space:normal;justify-self:stretch}body .setup-guide .setup-next .setup-action{width:100%}}body .login-portal-page .email-login-form .email-login-status,body .login-portal-page .email-login-form .email-auth-setup{color:#e8f1ff;background:#11243b;border-color:#385779;padding:16px;box-shadow:0 8px 24px #0002}body .login-portal-page .email-login-form .email-login-status strong,body .login-portal-page .email-login-form .email-auth-setup strong{color:#f3f7ff;font-size:14px;line-height:1.45}body .login-portal-page .email-login-form .email-login-status strong{white-space:normal;overflow-wrap:anywhere}body .login-portal-page .email-login-form .email-login-status small{color:#aac1df;font-size:10px}body .login-portal-page .email-login-form .email-auth-setup p{color:#c3d5ec;font-size:13px;line-height:1.6}body .login-portal-page .email-login-form .email-login-status>span{color:#8ce3c2;background:#16423f}body .login-portal-page .email-login-form .email-auth-setup>span{color:#acd0ff;background:#1b3d66}body .login-portal-page .email-login-form .email-login-status button{color:#acd0ff;min-height:36px;font-size:12px}body .login-portal-page .email-login-form .login-resend{color:#b7d4ff;text-underline-offset:3px;min-height:40px;font-size:13px}body .login-portal-page .email-login-form .login-resend:disabled{color:#b0bfd3;opacity:1;cursor:default;text-decoration:none}body .email-login-form .form-error{box-sizing:border-box;color:#991b1b;text-align:left;overflow-wrap:anywhere;background:#fff1f2;border:1px solid #ef7777;border-left:4px solid #dc2626;border-radius:10px;width:100%;margin:14px 0;padding:14px 16px;font-size:14px;font-weight:600;line-height:1.5;display:block}body .email-login-form .form-error a{color:#991b1b;text-underline-offset:3px;text-decoration:underline}body .email-login-form .form-error small{color:#991b1b}body .ordering-workspace .saved-list:not(.prepared-saved-list)>article{grid-template-columns:auto minmax(130px,1fr) minmax(200px,260px) auto auto auto}.target-quantity-editor{color:#203855;gap:6px;min-width:0;display:grid}body .app-shell .target-quantity-settings{color:#edf5ff;background:#10283e;border:1px solid #456783;border-radius:16px;margin-bottom:24px;padding:20px}body .app-shell .target-quantity-settings>p{color:#bdd1e5;line-height:1.6}.target-table-scroll{max-height:65vh;margin-top:16px;overflow-x:auto}body .app-shell .target-quantity-settings table{border-collapse:collapse;text-align:left;color:#edf5ff;width:100%;min-width:560px}body .app-shell .target-quantity-settings th,body .app-shell .target-quantity-settings td{vertical-align:top;background:0 0;border-bottom:1px solid #38546e;padding:12px;font-size:14px}body .app-shell .target-quantity-settings thead th{z-index:1;background:#17364f;position:sticky;top:0}body .app-shell .target-quantity-settings th small{color:#bdd1e5;margin-top:4px;font-weight:400;display:block}body .app-shell .target-quantity-settings .target-quantity-editor input{color:#edf5ff;background:#0b1e30;border-color:#6c91b8;width:110px}body .app-shell .target-quantity-settings .target-quantity-editor small{color:#bdd1e5}body .app-shell .target-quantity-settings .target-quantity-editor [role=alert]{color:#ffb4b4}.target-quantity-editor label{font-size:14px;font-weight:700}.target-quantity-editor>div{gap:8px;display:flex}body .target-quantity-editor input{color:#172b46;background:#fff;border:1px solid #7790b2;border-radius:6px;width:90px;min-height:44px;padding:8px;font-size:16px}body .target-quantity-editor .ghost{min-height:44px;font-size:14px}.target-quantity-editor small{color:#435a74;font-size:13px;line-height:1.45}.target-quantity-editor [role=alert]{color:#a21c26}.target-quantity-hint{color:#243f62;background:#edf4ff;border-left:3px solid #245bff;padding:12px 16px;font-size:14px;line-height:1.5}body .catalog-preparer{color:#f1f6ff;background:linear-gradient(135deg,#142e48,#0b1a2b);border:1px solid #466c94;border-top:3px solid #4a8fff;border-radius:18px;min-width:0;margin:20px 0;padding:24px}body .catalog-preparer summary{cursor:pointer;font-size:19px;font-weight:700}body .catalog-preparer p{color:#c0d3e9;overflow-wrap:anywhere;font-size:15px;line-height:1.65}body .catalog-preparer h3{color:#f1f6ff;margin-top:28px;font-size:19px}body .catalog-preparer label{color:#d9e8fc;font-size:14px;line-height:1.5}body .catalog-preparer input:not([type=checkbox]),body .catalog-preparer select{color:#f1f6ff;background:#10263c;border:1px solid #52769e;border-radius:8px;width:100%;min-width:0;min-height:44px;margin-top:6px;padding:10px;font-size:14px;display:block}body .catalog-preparer input[type=checkbox]{accent-color:#68a5ff;vertical-align:middle;width:18px;height:18px;margin-right:8px}body .catalog-preparer button{color:#edf5ff;cursor:pointer;background:#1b4169;border:1px solid #6594cb;border-radius:8px;min-height:44px;padding:10px 16px;font-size:14px}body .catalog-preparer button.primary{color:#fff;background:#2868d5;margin-top:18px}body .catalog-preparer button:disabled{opacity:.5;cursor:not-allowed}body .catalog-preparer :is(input,select,button,summary):focus-visible{outline-offset:3px;outline:3px solid #94c5ff}body .catalog-preparer .preparer-options,body .catalog-preparer .preparer-mapping{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:18px 0;display:grid}body .catalog-preparer .preparer-file{max-width:600px;display:block}body .catalog-preparer .preparer-toggles{gap:12px;margin:22px 0;display:grid}body .catalog-preparer .preparer-table{border:1px solid #466c94;border-radius:10px;max-width:100%;margin-top:16px;overflow:auto}body .catalog-preparer table{border-collapse:collapse;color:#f1f6ff;background:#10263c;width:100%}body .catalog-preparer :is(th,td){text-align:left;vertical-align:top;border-bottom:1px solid #355573;padding:10px;font-size:14px}body .catalog-preparer th{color:#dceaff;background:#183955}body .catalog-preparer td input{min-width:160px;margin:0}body .catalog-preparer td:last-child{min-width:230px}body .catalog-preparer td button{margin-top:10px;display:block}body .catalog-preparer .preparer-error,body .catalog-preparer [role=alert]{color:#ffb8bd}body .catalog-preparer .preparer-actions{flex-wrap:wrap;align-items:center;gap:16px;margin-top:16px;display:flex}@media (max-width:720px){body .catalog-preparer{padding:16px}body .catalog-preparer .preparer-options,body .catalog-preparer .preparer-mapping{grid-template-columns:1fr}}@media (max-width:1250px){body .ordering-workspace .saved-list:not(.prepared-saved-list)>article{grid-template-columns:auto minmax(0,1fr) auto}body .ordering-workspace .target-quantity-editor{grid-column:2/-1}body .ordering-workspace .saved-quantity{grid-column:2}body .ordering-workspace .target-quantity-editor .ghost{grid-column:auto}}@media (min-width:1200px){.hero-efficiency{white-space:nowrap;font-size:clamp(.9rem,1.1vw,1rem)}}@media (max-width:720px){.getting-started{margin:16px;padding:18px}.getting-started header{flex-direction:column;align-items:flex-start}.public-order-preview header b{letter-spacing:.07em;padding-left:8px;font-size:9px}.legal-page nav img{width:165px}.login-page.login-portal-page{display:block}.login-portal-page .login-panel{padding:28px 20px}.login-portal-page .login-aside{padding:32px 20px}}.merchant-quick-settings{color:#f0f6ff;background:#11283f;border:1px solid #426384;border-radius:12px;margin:12px 0}.merchant-quick-settings summary{cursor:pointer;padding:16px 20px;font-size:1rem;font-weight:650}.merchant-quick-settings summary span{color:#b7d6ff;margin-left:12px;font-size:.875rem;display:inline-block}.merchant-quick-body{padding:0 20px 16px;font-size:1rem}.merchant-quick-body p{color:#c7d9ed;line-height:1.6}.merchant-quick-body fieldset{border:0;min-width:0;margin:16px 0;padding:0}.merchant-quick-body legend{margin-bottom:8px}.merchant-quick-body .weekday-options{flex-wrap:wrap;gap:8px;display:flex}.merchant-quick-body .weekday-options button{color:#f0f6ff;background:#17344f;border:1px solid #6489b2;border-radius:8px;min-height:44px;padding:10px 16px}.merchant-quick-body .weekday-options button.active{background:#275faf;border-color:#8bbaff}.merchant-quick-actions{flex-wrap:wrap;gap:12px;display:flex}.merchant-quick-body input[type=file]{color:#eaf3ff;max-width:100%;margin-top:12px;display:block}.wholesaler-logo{object-fit:contain;background:#fff;border-radius:10px;flex-shrink:0;width:160px;height:80px;padding:8px}.wholesaler-logo[hidden]{display:none}.admin-banner{flex-wrap:wrap;gap:20px}.article-image{background:#fff;border:1px solid #c2cfdf;border-radius:10px;flex:0 0 64px;place-items:center;width:64px;height:72px;display:grid;position:relative;overflow:hidden}.article-image img{object-fit:contain;box-sizing:border-box;width:100%;min-width:0;height:100%;min-height:0;max-height:100%;padding:5px;display:block;position:absolute;inset:0}.article-image .article-image-empty{color:#506174;text-align:center;font-size:12px;font-weight:500}.article-image-large{flex-basis:auto;width:100%;height:200px}.product-image-upload{border:1px solid #557393;border-radius:12px;margin:0 0 20px;padding:16px}.product-image-upload .article-image{max-width:260px;margin:12px 0}.product-image-upload label{font-size:14px;display:block}.product-image-upload input[type=file]{width:100%;margin:10px 0;display:block}.product-image-upload p,.product-image-new-hint{font-size:14px;line-height:1.5}.wholesale-catalog li>.article-image+div{flex:1}.preorder-label{color:#ffe3aa;background:#463317;border:1px solid #f4c56c;border-radius:6px;width:fit-content;margin:4px 0;padding:4px 8px;font-size:12px;font-weight:650;display:inline-block}.preorder-label svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px;vertical-align:middle;width:12px;height:12px;margin-right:4px}.preorder-checkout{border:1px solid #bc8d43;border-radius:10px;margin:16px 0;padding:16px}.preorder-checkout h4{margin:12px 0 8px}.preorder-checkout ul{padding-left:20px}.preorder-choice{align-items:center;gap:10px;margin:16px 0;display:flex!important}.preorder-choice input{width:auto!important}.target-help-accessible{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}body .app-shell .ordering-workspace .saved-list.saved-list>article{grid-row:span 6;gap:8px;padding:12px}body .app-shell .product-card .assortment-add{white-space:normal;justify-content:space-between;align-items:center;gap:8px;height:auto;padding:10px 12px;line-height:1.4;display:flex}body .app-shell .product-card .assortment-add.is-saved{opacity:1;color:#d4f1ff;cursor:default;box-shadow:none;background:#173d54;border-color:#52889f}body .app-shell .ordering-workspace .saved-quantity .stepper input{color:#edf5ff;text-align:center;background:0 0;border:0;width:100%;min-width:0;min-height:42px;padding:4px;font-size:16px}body .app-shell .ordering-workspace .saved-list .saved-cart-status{color:#b9d8ff;align-self:end;font-size:13px}body .app-shell .ordering-workspace .saved-category{justify-content:flex-start;align-items:center;gap:6px;min-width:0;display:flex}body .app-shell .ordering-workspace .saved-category>small{color:#9dbfe8;text-overflow:ellipsis;white-space:nowrap;flex:0 auto;min-width:0;font-size:12px;line-height:1.5;overflow:hidden}body .app-shell .ordering-workspace .saved-category>.preorder-label{color:#ffbd69;white-space:nowrap;background:#402812;border:1px solid #bd792f;border-radius:999px;flex:none;align-items:center;gap:4px;width:fit-content;margin:0;padding:2px 7px;font-size:10px;font-weight:750;line-height:1;display:inline-flex;position:static}body .app-shell .ordering-workspace .saved-category>.preorder-label>span{color:inherit;font-size:inherit}body .app-shell .ordering-workspace .saved-category>.preorder-label svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px;flex:0 0 12px;width:12px;height:12px;margin:0;display:block}body .app-shell .ordering-workspace .saved-quantity .stepper input[type=number]{appearance:textfield}body .app-shell .ordering-workspace .saved-quantity .stepper input[type=number]::-webkit-inner-spin-button{appearance:none;margin:0}body .app-shell .ordering-workspace .saved-quantity .stepper input[type=number]::-webkit-outer-spin-button{appearance:none;margin:0}body .app-shell .ordering-workspace .saved-quantity .stepper.has-cart-quantity{border-radius:7px;box-shadow:0 0 0 2px #40d79b29;border:2px solid #40d79b!important}body .app-shell .ordering-workspace .saved-quantity .stepper{box-sizing:border-box;align-items:center}body .app-shell .ordering-workspace .saved-quantity .stepper>button,body .app-shell .ordering-workspace .saved-quantity .stepper>input{box-sizing:border-box;align-self:center;height:100%;min-height:0}body .app-shell .ordering-workspace .saved-list{grid-template-columns:repeat(auto-fill,minmax(min(100%,230px),1fr));gap:12px 16px;display:grid}body .app-shell .ordering-workspace .saved-list.saved-list>article{grid-template-columns:minmax(0,1fr);grid-template-rows:subgrid;color:#edf5ff;background:linear-gradient(145deg,#142d46,#0d2033);border:1px solid #42617f;border-top:2px solid #488eff;border-radius:16px;grid-row:span 7;gap:10px;min-width:0;padding:16px;display:grid;position:relative;box-shadow:0 8px 24px #0002}body .app-shell .ordering-workspace .saved-list.saved-list>article>*{grid-area:auto/1;min-width:0}body .app-shell .ordering-workspace .saved-list>article>.article-image{background:#0b1d2e;border:0;border-radius:10px;width:100%;height:112px}body .app-shell .ordering-workspace .saved-list .article-image img{object-position:center bottom;max-width:none;padding:0}body .app-shell .ordering-workspace .saved-list .article-image-empty{color:#adc3da;font-size:13px}body .app-shell .ordering-workspace .saved-list>article>.saved-copy{grid-row:span 3;grid-template-rows:subgrid;gap:10px;display:grid}body .app-shell .ordering-workspace .saved-copy>small{color:#9dbfe8;overflow-wrap:anywhere;font-size:12px;line-height:1.5}body .app-shell .ordering-workspace .saved-copy>strong{color:#f1f6ff;white-space:normal;overflow-wrap:anywhere;font-size:17px;line-height:1.4}body .app-shell .ordering-workspace .saved-copy>span:not(.preorder-label){color:#c3d5e9;overflow-wrap:anywhere;font-size:14px;line-height:1.5}body .app-shell .ordering-workspace .saved-list .target-quantity-editor{color:#edf5ff;align-content:start}body .app-shell .ordering-workspace .saved-list .target-quantity-editor input{color:#edf5ff;background:#10283e;border-color:#6c91b8;flex:1;width:80px;min-width:0}body .app-shell .ordering-workspace .saved-list .target-quantity-editor small{color:#abc3dc}body .app-shell .ordering-workspace .saved-list .target-quantity-editor [role=alert]{color:#ffb4b4}body .app-shell .ordering-workspace .saved-list button.ghost{color:#edf5ff;background:#1b4165;border:1px solid #6c91b8;border-radius:8px;min-height:44px;padding:10px 12px;font-size:14px}body .app-shell .ordering-workspace .saved-list button.ghost:hover{background:#285983}body .app-shell .ordering-workspace .saved-list button:disabled{opacity:.55;cursor:not-allowed}body .app-shell .ordering-workspace .saved-list>article>button.ghost{color:#fff;background:linear-gradient(120deg,#1679ff,#0755e7);border-color:#2879f5;align-self:end;width:100%}body .app-shell .ordering-workspace .saved-quantity{gap:6px;display:grid}body .app-shell .ordering-workspace .saved-quantity>small{color:#abc3dc;font-size:12px}body .app-shell .ordering-workspace .saved-quantity .stepper{color:#edf5ff;background:#10283e;border:1px solid #55799e;width:100%;height:44px}body .app-shell .ordering-workspace .saved-quantity .stepper button{color:#edf5ff;background:0 0;min-width:44px;min-height:44px}body .app-shell .ordering-workspace .saved-list.prepared-saved-list>article{grid-row:span 6}body .app-shell .catalog-workspace .product-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,230px),1fr));align-items:stretch;gap:12px 16px}body .app-shell .product-card{grid-row:span 3;grid-template-rows:subgrid;color:#edf5ff;background:linear-gradient(145deg,#142d46,#0d2033);border:1px solid #42617f;border-top:2px solid #488eff;border-radius:16px;row-gap:16px;min-width:0;padding:16px;display:grid;box-shadow:0 8px 24px #0002}body .app-shell .product-card:hover{border-color:#79acff;transform:none;box-shadow:0 8px 24px #0003}body .app-shell .product-card .article-image-large{background:#0b1d2e;border:0;border-radius:10px;width:100%;height:112px}body .app-shell .product-card .article-image img{object-position:center bottom;max-width:none;height:100%;padding:0}body .app-shell .product-card .article-image-empty{color:#adc3da;font-size:13px}body .app-shell .product-card .favorite{color:#c9dfff;background:#183752;border:1px solid #55799e;width:36px;height:36px;font-size:20px;top:22px;right:22px}body .app-shell .product-card .favorite.saved{color:#fff;background:#224f7a}body .app-shell .product-card-badge{pointer-events:none;position:absolute;top:91px;left:22px}body .app-shell .product-card-badge .preorder-label{margin:0;padding:3px 8px;font-size:12px;line-height:18px}body .app-shell .product-card .product-info{align-content:start;gap:7px;min-width:0;padding:0;display:grid}body .app-shell .product-card .product-info>small:first-child{color:#9dbfe8;letter-spacing:.05em;overflow-wrap:anywhere;font-size:12px;line-height:1.5}body .app-shell .product-card .product-info h3{color:#f1f6ff;white-space:normal;overflow-wrap:anywhere;letter-spacing:-.01em;margin:0;font-size:17px;line-height:1.4;overflow:visible}body .app-shell .product-card .product-info p{color:#c3d5e9;overflow-wrap:anywhere;margin:0;font-size:14px;line-height:1.5}body .app-shell .saved-copy .assortment-target-quantity,body .app-shell .product-info .assortment-target-quantity{color:#cbe4fa;overflow-wrap:anywhere;margin:0;font-size:14px;line-height:1.5}body .app-shell .product-card .single-unit,body .app-shell .product-card .product-unit-select{color:#e2edff;overflow-wrap:anywhere;background:#10283e;border:1px solid #4c6b8c;border-radius:8px;align-self:stretch;width:100%;min-width:0;min-height:44px;margin:0;padding:10px;font-size:13px;line-height:1.5;display:block}body .app-shell .product-card .product-info .unit-rule{color:#abc3dc;letter-spacing:normal;margin:0;font-size:12px;font-weight:400;line-height:1.5}body .app-shell .product-card .add-button,body .app-shell .product-card .stepper{align-self:end;min-height:44px;margin:0;font-size:14px}body .app-shell .product-card .stepper{color:#edf5ff;background:#10283e;border:1px solid #55799e}body .app-shell .product-card .stepper button{color:#edf5ff;background:0 0;min-width:44px;min-height:44px}.reminder-banner-content{flex:1;min-width:0}.reminder-banner-actions{flex-wrap:wrap;gap:8px;margin:12px 0;display:flex}.reminder-banner-actions button{min-height:44px;color:inherit;cursor:pointer;background:0 0;border:1px solid;border-radius:8px;padding:9px 12px;font-size:14px}.reminder-banner-actions button:focus-visible{outline-offset:3px;outline:2px solid #8bbaff}.reminder-banner-content>small{font-size:13px;line-height:1.5;display:block}.reminder-banner-settings{margin-top:20px}.catalog-tools{color:#edf5ff;background:#122b43;border:1px solid #557393;border-radius:14px;flex-wrap:wrap;align-items:end;gap:16px;margin:20px 0;padding:20px;display:flex}.catalog-tools label{gap:8px;font-size:14px;display:grid}.catalog-tools .catalog-search{flex:300px}.catalog-tools input,.catalog-tools select{color:#edf5ff;background:#0d2135;border:1px solid #6c91b8;border-radius:8px;width:100%;min-width:0;min-height:46px;padding:10px 12px;font-size:16px}.catalog-tools input::placeholder{color:#b3c8df}body .app-shell .catalog-tools button.ghost{color:#edf5ff;background:#1b4165;border:1px solid #6c91b8;border-radius:8px;min-height:44px;padding:10px 16px;font-size:14px;font-weight:600}body .app-shell .catalog-tools button.ghost:hover{color:#fff;background:#285983;border-color:#9bc6ff}.catalog-tools input:focus-visible,.catalog-tools select:focus-visible,.catalog-tools button:focus-visible{outline-offset:3px;outline:2px solid #8bbaff}.catalog-supplier{flex:280px;gap:10px;min-width:0;font-size:14px;display:grid}.catalog-supplier p{color:#c4d8ec;margin:10px 0 0;font-size:14px}.catalog-supplier>span{overflow-wrap:anywhere}@media (max-width:600px){.catalog-tools{padding:16px}.catalog-tools .catalog-search,.catalog-supplier{flex-basis:100%}}body .app-shell .ordering-workspace .saved-list.saved-list>article{gap:8px;padding:12px}body .app-shell .ordering-workspace .saved-list>article>.article-image{height:80px}body .app-shell .ordering-workspace .saved-list>article>.remove-saved{top:16px;right:16px}body .app-shell .target-quantity-editor .target-help-accessible{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}body .app-shell .target-quantity-editor [role=status]:empty{display:none}body .app-shell .article-view-toolbar{color:#bfd5ef;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;margin:0 0 18px;display:flex}body .app-shell .article-view-toolbar button{color:#edf5ff;cursor:pointer;background:#10283e;border:1px solid #55799e;border-radius:9px;min-height:44px;padding:9px 16px}body .app-shell .article-view-toolbar button[aria-pressed=true]{color:#fff;background:#1264df;border-color:#79acff}body .app-shell .article-view-toolbar button:focus-visible{outline-offset:3px;outline:2px solid #a7d1ff}body .app-shell [data-article-view=list] .product-grid,body .app-shell [data-article-view=list].ordering-workspace .saved-list{grid-template-columns:minmax(0,1fr);gap:10px}body .app-shell [data-article-view=list] .product-card{box-shadow:none;background:#11283e;border-top:1px solid #42617f;border-radius:12px;grid-row:auto;grid-template-rows:auto;grid-template-columns:96px minmax(0,1fr) 250px;align-items:center;gap:20px;padding:16px 20px}body .app-shell [data-article-view=list] .product-card:nth-child(2n){background:#142d44}body .app-shell [data-article-view=list] .product-card:hover{background:#18344f;border-color:#729bc8}body .app-shell [data-article-view=list] .product-card .article-image{grid-area:1/1;width:96px;height:96px}body .app-shell [data-article-view=list] .product-card .product-info{grid-area:1/2;grid-template-columns:minmax(0,1fr)}body .app-shell .product-card .product-facts{color:#b7cce2;flex-wrap:wrap;align-items:baseline;gap:5px 12px;font-size:13px;line-height:1.6;display:flex}body .app-shell .product-card .product-pack{color:#f1f6ff;font-size:15px;font-weight:650}body .app-shell .product-card .product-facts>span+span{border-left:1px solid #42617f;padding-left:12px}body .app-shell .product-card .product-sku{white-space:nowrap;font-variant-numeric:tabular-nums}body .app-shell .product-card .product-info>.preorder-label{color:#ffe1a3;background:#483c22;border:1px solid #997d43;border-radius:5px;justify-self:start;margin:2px 0 0;padding:3px 8px;font-size:12px;line-height:1.5;position:static}body .app-shell .product-card .product-actions{align-content:end;gap:10px;min-width:0;display:grid}body .app-shell .product-card .product-unit-label{color:#b7cce2;gap:6px;font-size:12px;display:grid}body .app-shell .product-card .product-unit-select{font-size:14px}body .app-shell .product-card .assortment-add{border-radius:8px;justify-content:center;gap:12px;min-height:44px}body .app-shell .product-card .assortment-add span{float:none;flex-shrink:0}body .app-shell .product-card .assortment-add:focus-visible,body .app-shell .product-card .product-unit-select:focus-visible{outline-offset:3px;outline:2px solid #b5d7ff}body .app-shell [data-article-view=list] .product-card .product-actions{border-left:1px solid #42617f;grid-area:1/3;padding-left:20px}body .app-shell [data-article-view=list].ordering-workspace .saved-list.saved-list>article{border-radius:12px;grid-row:auto;grid-template-rows:auto;grid-template-columns:80px minmax(0,1fr) 156px 130px 36px;align-items:center;gap:12px;padding:12px}body .app-shell [data-article-view=list].ordering-workspace .saved-list.saved-list>article>*{grid-area:auto}body .app-shell [data-article-view=list].ordering-workspace .saved-list>article>.saved-copy{grid-template-rows:auto;gap:4px}body .app-shell [data-article-view=list].ordering-workspace .saved-list>article>.remove-saved{position:static}body .app-shell [data-article-view=list].ordering-workspace .saved-list .saved-cart-status{align-self:center}@media (max-width:850px){body .app-shell [data-article-view=list].ordering-workspace .saved-list.saved-list>article{grid-template-columns:64px minmax(0,1fr) 36px}body .app-shell [data-article-view=list].ordering-workspace .saved-list>article>.article-image{width:64px;height:80px}body .app-shell [data-article-view=list].ordering-workspace .saved-list>article>.saved-quantity{grid-column:2;max-width:180px}body .app-shell [data-article-view=list].ordering-workspace .saved-list>article>.saved-cart-status{grid-column:2}body .app-shell [data-article-view=list].ordering-workspace .saved-list>article>.remove-saved{grid-area:1/3}body .app-shell [data-article-view=list].ordering-workspace .prepared-saved-list>article>button.ghost{grid-column:2}}@media (max-width:900px){body .app-shell [data-article-view=list] .product-card{grid-template-columns:64px minmax(0,1fr);gap:12px;padding:14px}body .app-shell [data-article-view=list] .product-card .article-image{align-self:start}body .app-shell [data-article-view=list] .product-card .product-actions{border:0;grid-area:2/2;padding:0}body .app-shell [data-article-view=list] .product-card .product-info h3{font-size:16px}body .app-shell [data-article-view=list] .product-card .product-facts{gap:3px 10px}body .app-shell [data-article-view=list] .product-card .product-sku{flex-basis:100%}body .app-shell [data-article-view=list] .product-card .product-facts>.product-sku{border-left:0;padding-left:0}body .app-shell [data-article-view=list] .product-card .product-unit-select{font-size:16px}}@media (max-width:600px){body .app-shell [data-article-view=list] .product-card .product-actions{grid-column:1/-1}}body .app-shell .product-card .article-image-large{justify-self:center;width:112px;max-width:100%;height:112px}body .app-shell .ordering-workspace .saved-list>article>.article-image{justify-self:center;width:80px;max-width:100%;height:80px}body .app-shell [data-article-view=list] .product-card .article-image{width:96px;height:96px}body .app-shell [data-article-view=list].ordering-workspace .saved-list>article>.article-image{width:80px;height:80px}body .app-shell .article-image img{padding:0}@media (max-width:850px){body .app-shell [data-article-view=list].ordering-workspace .saved-list>article>.article-image{width:64px;height:64px}}@media (max-width:900px){body .app-shell [data-article-view=list] .product-card .article-image{width:64px;height:64px}}body .app-shell .customer-delivery-overview{color:#edf5ff;background:linear-gradient(145deg,#142d46,#0d2033);border:1px solid #42617f;border-radius:14px;margin:16px 0}body .app-shell .customer-delivery-overview summary{cursor:pointer;padding:18px;font-weight:600}body .app-shell .customer-delivery-body{padding:0 18px 18px}body .app-shell .customer-delivery-body p,body .app-shell .customer-delivery-body small{color:#b6cde7;font-size:13px}body .app-shell .customer-delivery-filters{flex-wrap:wrap;align-items:center;gap:16px;margin:16px 0;display:flex}body .app-shell .customer-delivery-filters>input{color:#edf5ff;background:#0c2135;border:1px solid #5e80a4;border-radius:8px;flex:1;min-width:200px;padding:12px}body .app-shell .customer-delivery-filters label{color:#edf5ff;align-items:center;gap:8px;display:flex}body .app-shell .customer-delivery-body article{border-top:1px solid #355573;grid-template-columns:minmax(180px,1fr) minmax(380px,2fr);gap:16px;padding:14px 0;display:grid}body .app-shell .customer-delivery-body article strong,body .app-shell .customer-delivery-body article small{display:block}body .app-shell .customer-delivery-body .customer-access-editor{align-items:center;gap:12px;min-width:0;display:flex}body .app-shell .customer-delivery-body fieldset{border:0;min-width:0;margin:0;padding:0}body .app-shell .customer-delivery-body legend{color:#b6cde7;font-size:11px}body .app-shell .customer-delivery-body fieldset>small{display:none}body .app-shell .customer-delivery-body .customer-weekdays{flex-wrap:wrap;gap:8px;display:flex}body .app-shell .customer-delivery-body .customer-weekdays label{color:#edf5ff;align-items:center;gap:4px;padding:6px 0;display:flex}body .app-shell .customer-delivery-body input[type=checkbox]{accent-color:#297aff;width:18px;height:18px}body .app-shell .customer-delivery-body button{color:#fff;white-space:nowrap;background:#1264df;border:1px solid #488eff;border-radius:8px;padding:10px}body .app-shell .customer-delivery-body button:disabled{opacity:.5}@media (max-width:900px){body .app-shell .customer-delivery-body article{grid-template-columns:1fr}body .app-shell .customer-delivery-body .customer-access-editor{flex-wrap:wrap}}.customer-management .customer-delivery-inline{border-top:1px solid #355573;grid-column:1/-1;min-width:0;padding-top:14px}body .app-shell .customer-delivery-inline .customer-access-editor{flex-wrap:wrap;align-items:center;gap:16px;display:flex}body .app-shell .customer-delivery-inline fieldset{flex:1;min-width:0;margin:0}body .app-shell .customer-delivery-inline legend{color:#b6cde7;font-size:12px;font-weight:700}body .app-shell .customer-delivery-inline fieldset>small{color:#b6cde7;letter-spacing:normal;font-size:12px;font-weight:400;display:block}body .app-shell .customer-delivery-inline .customer-weekdays label{color:#edf5ff}body .app-shell .topbar-without-search .notification-button{margin-left:auto}
body .app-shell .catalog-admin{color:#edf5ff;background:0 0}body .app-shell .catalog-admin .management-grid{grid-template-columns:minmax(0,1fr);gap:16px;display:grid}body .app-shell .catalog-admin :is(.admin-card,.stats article,.context-tools,.catalog-editor-panel){color:#edf5ff;box-shadow:none;background:linear-gradient(145deg,#142d46,#0d2033);border:1px solid #42617f;border-radius:14px}body .app-shell .catalog-admin .admin-card{min-width:0;padding:20px}body .app-shell .catalog-admin :is(h2,h3,strong,label){color:#edf5ff}body .app-shell .catalog-admin :is(p,small,.eyebrow,.product-catalog-toolbar span){color:#b6cde7;font-size:13px;line-height:1.5}body .app-shell .catalog-admin .admin-card header{border-color:#42617f}body .app-shell .catalog-admin summary{color:#edf5ff;cursor:pointer;padding:16px;font-size:15px;font-weight:600}body .app-shell .catalog-admin .context-tools{padding:0}body .app-shell .catalog-admin .context-tools>:not(summary){margin:16px}body .app-shell .catalog-admin .catalog-editor-panel{scroll-margin-top:88px}body .app-shell .catalog-admin .catalog-editor-panel>.admin-card{border:0;border-top:1px solid #42617f;border-radius:0 0 14px 14px}body .app-shell .catalog-admin :is(input,select){color:#edf5ff;background:#0c2135;border:1px solid #5e80a4;border-radius:8px;min-width:0;max-width:100%;min-height:44px;padding:9px 12px;font-size:15px}body .app-shell .catalog-admin input::placeholder{color:#a9bfd7}body .app-shell .catalog-admin :is(input[type=checkbox],input[type=radio]){accent-color:#297aff;width:18px;height:18px;min-height:18px;padding:0}body .app-shell .catalog-admin .product-editor label{letter-spacing:normal;font-size:13px}body .app-shell .catalog-admin .product-editor form{max-width:900px}body .app-shell .catalog-admin .product-editor label>select{box-sizing:border-box;width:100%;display:block}body .app-shell .catalog-admin .product-editor label>select+small{margin-top:6px;display:block}body .app-shell .catalog-admin .category-hint{display:none}body .app-shell .catalog-admin .product-catalog-toolbar{border-color:#42617f;grid-template-columns:minmax(220px,1fr) minmax(160px,.6fr) minmax(160px,.5fr) auto;gap:12px;padding:16px 0}body .app-shell .catalog-admin .product-catalog-list{max-height:none;overflow:visible}body .app-shell .catalog-admin .product-table article{border-color:#355573;grid-template-columns:64px minmax(160px,1fr) 70px auto;gap:16px;padding:16px 0}body .app-shell .catalog-admin .product-table article>.article-image{background:#0b1d2e;border:0;width:64px;height:64px}body .app-shell .catalog-admin .product-table article>.catalog-product-copy{overflow-wrap:anywhere;flex-wrap:wrap;align-items:center;gap:6px 12px;min-width:0;display:flex}body .app-shell .catalog-admin .catalog-product-copy>small{flex-basis:100%}body .app-shell .catalog-admin .catalog-product-copy>.catalog-import-missing{color:#9a3412;font-weight:700}body .app-shell .catalog-admin .catalog-product-copy>p{white-space:nowrap;margin:0}body .app-shell .catalog-admin .catalog-product-copy>.preorder-label{margin:0}body .app-shell .catalog-admin .product-table article strong{font-size:16px;line-height:1.4}body .app-shell .catalog-admin .product-table article .preorder-label{justify-self:start;font-size:12px}body .app-shell .catalog-admin .product-table article>.catalog-row-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;max-width:360px;display:flex}body .app-shell .catalog-admin button.ghost{white-space:nowrap;color:#edf5ff;background:#1b4165;border:1px solid #5e80a4;border-radius:8px;min-height:42px;padding:9px 12px;font-size:14px}body .app-shell .catalog-admin .catalog-row-actions>button:first-child{background:#1264df;border-color:#488eff}body .app-shell .catalog-admin .catalog-row-actions>div button{color:#ffccda;background:#3e2535;border-color:#99596c}body .app-shell .catalog-admin .stats article>span{color:#b9d8ff;background:#20456a}body .app-shell .catalog-admin .unit-management label{letter-spacing:normal;font-size:13px}body .app-shell .catalog-admin .admin-section-tabs button{color:#c7ddf7;background:#10283e;border-color:#42617f}body .app-shell .catalog-admin .admin-section-tabs button.active{color:#fff;background:#1264df}body .app-shell .catalog-admin .catalog-status{color:#cfdaea;background:#263b50;font-size:12px}body .app-shell .catalog-admin .catalog-status.active{color:#9ee4c5;background:#163f39}body .app-shell .catalog-admin :is(button,input,select,summary):focus-visible{outline-offset:3px;outline:2px solid #99c4ff}body .app-shell .catalog-admin .form-error{color:#ffb4b4}@media (max-width:1100px){body .app-shell .catalog-admin .product-table article{grid-template-columns:64px minmax(0,1fr) 70px}body .app-shell .catalog-admin .product-table article>.catalog-row-actions{grid-column:2/-1;justify-content:flex-start;max-width:none}body .app-shell .catalog-admin .product-catalog-toolbar{grid-template-columns:1fr 1fr}body .app-shell .catalog-admin .product-catalog-toolbar input{grid-column:1/-1}}@media (max-width:600px){body .app-shell .catalog-admin .admin-card{padding:12px}body .app-shell .catalog-admin .product-table article{grid-template-columns:48px minmax(0,1fr) 60px;gap:10px}body .app-shell .catalog-admin .product-table article>.article-image{width:48px;height:48px}body .app-shell .catalog-admin .product-table article>.catalog-row-actions{grid-column:1/-1}body .app-shell .catalog-admin .field-row{grid-template-columns:minmax(0,1fr);display:grid}}
body .app-shell .archive-card{color:#edf5ff;background:linear-gradient(135deg,#142d43,#0b2033);border-color:#42617f}body .app-shell .archive-card>header{border-color:#42617f;flex-wrap:wrap;gap:16px}body .app-shell .archive-card h2{color:#edf5ff;font-size:20px}body .app-shell .archive-card>header :is(p,small){color:#c4d5eb;font-size:13px;line-height:1.5}body .app-shell .archive-card .export-button{color:#fff;border-radius:9px;min-height:44px;font-size:14px;background:#1264df!important}body .app-shell .archive-card .archive-filters{border-color:#42617f;grid-template-columns:minmax(0,1fr) 200px auto;gap:14px;padding:20px 0}body .app-shell .archive-filters label{color:#c4d5eb;font-size:11px}body .app-shell .archive-filters :is(input,select){color:#edf5ff;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#0b2033;border-color:#6082a5;min-height:44px;font-size:14px}body .app-shell .archive-filters input::placeholder{color:#b6cde7;opacity:1}body .app-shell .archive-filters>span{color:#b6cde7;font-size:12px}body .app-shell .archive-table article{border-color:#355773;grid-template-columns:80px minmax(130px,1.4fr) 95px 85px minmax(140px,1fr) auto 30px minmax(96px,auto);padding:18px 0}body .app-shell .archive-table article>div{overflow-wrap:anywhere;gap:6px;min-width:0}body .app-shell .archive-table small{color:#b6cde7;letter-spacing:.03em;font-size:10px;line-height:1.5}body .app-shell .archive-table article strong{color:#edf5ff;font-size:14px;line-height:1.5}body .app-shell .archive-card .archive-detail-button{color:#edf5ff;background:#1b4165;border:1px solid #6082a5;border-radius:9px;min-height:50px;padding:12px 18px;font-size:15px}body .app-shell .archive-order-detail-modal{color:#edf5ff;background:linear-gradient(145deg,#142d43,#0b2033);border:1px solid #42617f;border-radius:16px;box-shadow:0 24px 80px #00000073}body .app-shell .archive-order-detail-modal h2{color:#edf5ff;font-size:23px}body .app-shell .archive-order-detail-modal .eyebrow{color:#b6cde7}body .app-shell .archive-order-detail-modal .close{color:#edf5ff;background:#1b4165;border:1px solid #6082a5}body .app-shell .archive-order-detail-modal .order-detail-meta>div,body .app-shell .archive-order-detail-modal .order-detail-items article,body .app-shell .archive-order-detail-modal .order-note{background:#10273b;border:1px solid #355773;border-radius:10px}body .app-shell .archive-order-detail-modal .order-detail-meta small,body .app-shell .archive-order-detail-modal .order-detail-items small,body .app-shell .archive-order-detail-modal .order-note small{color:#b6cde7}body .app-shell .archive-order-detail-modal .order-detail-meta strong,body .app-shell .archive-order-detail-modal .order-detail-items strong,body .app-shell .archive-order-detail-modal .order-detail-items span,body .app-shell .archive-order-detail-modal .order-note p,body .app-shell .archive-order-detail-modal .cart-total{color:#edf5ff}body .app-shell .archive-order-detail-modal .order-timeline{border-color:#355773}body .app-shell .archive-order-detail-modal .order-timeline h3,body .app-shell .archive-order-detail-modal .order-timeline strong{color:#edf5ff}body .app-shell .archive-order-detail-modal .order-timeline p,body .app-shell .archive-order-detail-modal .order-timeline small{color:#b6cde7}body .app-shell .archive-order-detail-modal .order-document-actions>button{border-radius:9px;min-height:46px;font-size:14px}body .app-shell .archive-order-detail-modal{width:min(760px,100%)}body .app-shell .archive-order-detail-modal .order-detail-items{gap:10px;max-height:320px}body .app-shell .archive-order-detail-modal .order-detail-items article{grid-template-columns:58px minmax(0,1fr);align-items:center;gap:16px;min-width:0;padding:15px 18px;display:grid}body .app-shell .archive-order-detail-modal .order-detail-items article>span{white-space:nowrap;width:58px;min-width:0;font-size:16px;line-height:1.4}body .app-shell .archive-order-detail-modal .order-detail-items article>div{gap:6px;min-width:0}body .app-shell .archive-order-detail-modal .order-detail-items strong{overflow-wrap:anywhere;font-size:16px;line-height:1.4}body .app-shell .archive-order-detail-modal .order-detail-items small{overflow-wrap:anywhere;font-size:13px;line-height:1.55}body .app-shell .archive-order-detail-modal .order-detail-meta{gap:14px;margin:22px 0}body .app-shell .archive-order-detail-modal .order-detail-meta>div{gap:8px;min-width:0;padding:16px}body .app-shell .archive-order-detail-modal .order-detail-meta small,body .app-shell .archive-order-detail-modal .order-note small{font-size:11px}body .app-shell .archive-order-detail-modal .order-detail-meta strong{overflow-wrap:anywhere;font-size:16px;line-height:1.45}body .app-shell .archive-order-detail-modal .order-timeline{margin-top:22px;padding-top:20px}body .app-shell .archive-order-detail-modal .order-timeline h3{font-size:17px}body .app-shell .archive-order-detail-modal .order-timeline article{grid-template-columns:34px minmax(0,1fr);gap:12px;padding-bottom:18px}body .app-shell .archive-order-detail-modal .order-timeline article>span{width:32px;height:32px;font-size:13px}body .app-shell .archive-order-detail-modal .order-timeline article:not(:last-child):before{top:32px;left:15px}body .app-shell .archive-order-detail-modal .order-timeline article div{gap:5px;min-width:0}body .app-shell .archive-order-detail-modal .order-timeline strong{font-size:14px;line-height:1.4}body .app-shell .archive-order-detail-modal .order-timeline p{overflow-wrap:anywhere;font-size:13px;line-height:1.5}body .app-shell .archive-order-detail-modal .order-timeline small{overflow-wrap:anywhere;font-size:12px;line-height:1.45}body .app-shell .archive-order-detail-modal .cart-total{gap:16px;font-size:15px}body .app-shell .archive-order-detail-modal .cart-total strong{font-size:16px}body .app-shell .archive-order-detail-modal .archive-order-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:20px}body .app-shell .archive-order-detail-modal .order-document-actions>:is(button,a){text-align:center;white-space:normal;border-radius:9px;justify-content:center;align-items:center;min-width:0;min-height:48px;padding:11px 14px;font-size:14px;line-height:1.35;display:inline-flex}body .app-shell .archive-order-detail-modal .wawi-order-export.primary{color:#fff;background:#1264df;border:1px solid #488eff}body .app-shell .archive-order-detail-modal .wawi-order-export.primary:hover:not(:disabled){background:#2476f4}body .app-shell .archive-order-detail-modal .wawi-order-download.ghost,body .app-shell .archive-order-detail-modal .order-document-actions .ghost{color:#edf5ff;background:#1b4165;border:1px solid #5e80a4}body .app-shell .archive-order-detail-modal .order-document-actions .primary:not(.wawi-order-export){color:#fff;background:#1264df}body .app-shell .archive-card .archive-detail-button{box-sizing:border-box;white-space:nowrap;justify-self:end;width:96px;min-width:96px;min-height:48px;padding:11px 14px;font-size:15px;line-height:1.35}body .app-shell .archive-table .status{color:#d5e8ff;background:#213d57;padding:8px 12px;font-size:12px}body .app-shell .archive-table .status.delivered,body .app-shell .archive-table .status.confirmed{color:#a0ebc9;background:#174237}body .app-shell .archive-table .status.received{color:#ffdb9c;background:#44371f}body .app-shell .archive-table .status.cancelled{color:#ffc4d0;background:#482b37}body .app-shell .data-export-panel{color:#edf5ff;background:linear-gradient(135deg,#142d43,#0b2033);border:1px solid #42617f;border-radius:16px;grid-template-columns:44px minmax(0,1fr) auto}body .app-shell .data-export-panel>span{color:#d5e8ff;background:#234c70;border:1px solid #527aa4}body .app-shell .data-export-panel h2{color:#edf5ff;font-size:19px}body .app-shell .data-export-panel .eyebrow{color:#b6cde7}body .app-shell .data-export-panel :is(p:not(.eyebrow),small){color:#c4d5eb;font-size:13px;line-height:1.6}body .app-shell .data-export-panel em{color:#ffb4b4;font-size:13px}body .app-shell .data-export-panel .backup-valid{color:#8ee3be;font-size:13px}body .app-shell .data-export-panel .backup-validator{color:#c4d5eb;flex-wrap:wrap;gap:10px;margin-top:14px;font-size:13px}body .app-shell .backup-validator input{color:#d5e8ff;background:#0b2033;border:1px solid #527aa4;border-radius:8px;width:340px;min-width:0;max-width:100%;padding:6px;font-size:13px}body .app-shell .backup-validator input::file-selector-button{color:#edf5ff;cursor:pointer;background:#1b4165;border:1px solid #6082a5;border-radius:6px;margin-right:10px;padding:8px 10px}body .app-shell .data-export-panel .primary{white-space:normal;min-height:44px;font-size:14px}body .app-shell :is(.archive-card,.data-export-panel) :is(button,input,select):focus-visible{outline-offset:3px;outline:2px solid #99c6ff}@media (max-width:1100px){body .app-shell .archive-table article{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}body .app-shell .archive-table article>div:nth-of-type(n){display:grid}body .app-shell .archive-table .status{grid-column:auto;justify-self:start}body .app-shell .archive-detail-button{grid-area:auto;justify-self:start}body .app-shell .archive-card .archive-filters{grid-template-columns:minmax(0,1fr) 180px}body .app-shell .archive-filters>span{grid-column:1/-1;padding:0}}@media (max-width:680px){body .app-shell .archive-card .archive-filters{grid-template-columns:minmax(0,1fr)}body .app-shell .archive-table article{grid-template-columns:repeat(2,minmax(0,1fr))}body .app-shell .data-export-panel{grid-template-columns:42px minmax(0,1fr)}body .app-shell .data-export-panel .primary{grid-column:1/-1;width:100%}}body .app-shell .master-data-export{color:#edf5ff;background:linear-gradient(135deg,#142d43,#0b2033);border:1px solid #42617f;border-radius:16px}body .app-shell .master-data-export>header{border-color:#355773;flex-wrap:wrap}body .app-shell .master-data-export h2{color:#edf5ff;font-size:20px}body .app-shell .master-data-export .eyebrow{color:#b6cde7}body .app-shell .master-data-export header p:not(.eyebrow){color:#c4d5eb;font-size:13px;line-height:1.5}body .app-shell .master-data-export>header>span{color:#d5e8ff;background:#224666;font-size:10px}body .app-shell .master-data-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}body .app-shell .master-data-grid article{background:#10263a;border:1px solid #42617f;border-radius:12px;grid-template-columns:38px minmax(0,1fr);align-items:start;padding:18px}body .app-shell .master-data-grid article>div{gap:7px;min-width:0}body .app-shell .master-data-grid .master-data-icon{color:#d5e8ff;background:#234c70;border:1px solid #527aa4}body .app-shell .master-data-grid small{color:#b6cde7;font-size:10px}body .app-shell .master-data-grid strong{color:#edf5ff;font-size:15px;line-height:1.4}body .app-shell .master-data-grid p{color:#c4d5eb;font-size:13px;line-height:1.5}body .app-shell .master-data-grid button{white-space:normal;grid-column:1/-1;width:100%;min-width:0;min-height:44px;font-size:14px}body .app-shell .master-data-grid button:disabled{color:#adbed0;opacity:1;box-shadow:none;background:#243c52;border-color:#42617f}body .app-shell .master-data-grid article.needs-attention{background:#302b20;border-color:#a47d3a}body .app-shell .master-data-grid em{color:#ffd694;font-size:12px;line-height:1.5}body .app-shell .master-data-grid .interface-order-select{color:#edf5ff;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#0b2033;border-color:#6082a5;min-height:44px;font-size:13px}body .app-shell .master-data-grid .wawi-export-status{color:#8ee3be;font-size:12px}body .app-shell .master-data-export>footer{color:#b6cde7;background:#0c2135;border-color:#355773;font-size:12px;line-height:1.5}body .app-shell .master-data-export :is(button,select):focus-visible{outline-offset:3px;outline:2px solid #99c6ff}@media (max-width:900px){body .app-shell .master-data-grid{grid-template-columns:minmax(0,1fr)}}@media (max-width:600px){body .app-shell .master-data-grid{padding:12px}body .app-shell .master-data-grid article{padding:14px}}body .app-shell .admin-page{color:#edf5ff;box-shadow:none;background:0 0;border:0;border-radius:0}body .app-shell .admin-page .admin-section-tabs{scrollbar-width:thin;scrollbar-color:#527aa4 #10283e;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#10283e;border:1px solid #42617f;border-radius:14px;flex-wrap:nowrap;gap:8px;max-width:100%;padding:12px;display:flex;overflow-x:auto}body .app-shell .admin-page .admin-section-tabs button{color:#c7ddf7;min-height:44px;box-shadow:none;background:#142d46;border:1px solid #42617f;border-radius:10px;flex:none;padding:10px 16px;font-size:14px;font-weight:600}body .app-shell .admin-page .admin-section-tabs button:hover{color:#fff;background:#214363;border-color:#7195bc}body .app-shell .admin-page .admin-section-tabs button.active{color:#fff;background:#1264df;border-color:#488eff;box-shadow:0 3px 12px #0064ff25}body .app-shell .admin-page .admin-section-tabs button:focus-visible{outline-offset:2px;outline:2px solid #99c6ff}body .app-shell .admin-page .admin-section-tabs::-webkit-scrollbar{height:7px}body .app-shell .admin-page .admin-section-tabs::-webkit-scrollbar-track{background:#10283e}body .app-shell .admin-page .admin-section-tabs::-webkit-scrollbar-thumb{background:#527aa4;border-radius:8px}body .app-shell .admin-page :is(.admin-card,.stats article,.context-tools,.setup-advanced){color:#edf5ff;box-shadow:none;background:linear-gradient(145deg,#142d46,#0d2033);border-color:#42617f}body .app-shell .admin-page :is(h2,h3,legend,label,strong){color:#edf5ff}body .app-shell .admin-page :is(.admin-card,.stats) :is(p,small){color:#b6cde7}body .app-shell .admin-page :is(.admin-card header,.admin-row,.request-grid article){border-color:#355573}body .app-shell .admin-page :is(input:not([type=checkbox]):not([type=radio]),select,textarea){color:#edf5ff;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#0c2135;border-color:#5e80a4}body .app-shell .admin-page :is(input,textarea)::placeholder{color:#a9bfd7}body .app-shell .admin-page button.ghost{color:#edf5ff;background:#1b4165;border-color:#5e80a4}body .app-shell .admin-page .customer-invitation-panel .team-link{color:#edf5ff;background:#17354d;border-color:#41617d}body .app-shell .admin-page .customer-invitation-panel .team-link small{color:#bdd1e5}body .app-shell .admin-page .customer-invitation-panel .team-link strong{color:#edf5ff;overflow-wrap:anywhere;white-space:normal}body .app-shell .admin-page .customer-table{background:0 0}body .app-shell .admin-page .customer-table article{color:#edf5ff;background:#10283e;border:1px solid #42617f;border-radius:12px;grid-template-columns:42px minmax(180px,1fr) 110px 90px;gap:16px;margin-top:12px;padding:18px}body .app-shell .admin-page .customer-table article>div{min-width:0}body .app-shell .admin-page .customer-table article strong{color:#edf5ff;overflow-wrap:anywhere;font-size:16px}body .app-shell .admin-page .customer-table article p{color:#c4d5eb;font-size:14px;line-height:1.5}body .app-shell .admin-page .customer-table article small{color:#b6cde7;letter-spacing:.02em;font-size:12px;line-height:1.5}body .app-shell .admin-page .customer-table .avatar{color:#b7d8ff;background:#214b73}body .app-shell .admin-page .customer-table .customer-access-editor{grid-column:2}body .app-shell .admin-page .customer-table .customer-number-field>span{flex-wrap:wrap;gap:8px}body .app-shell .admin-page .customer-table .customer-number-field input{width:150px;min-height:44px;font-size:15px}body .app-shell .admin-page .customer-table button{min-height:44px;padding:10px 12px;font-size:14px}body .app-shell .admin-page .customer-table .assortment-button{grid-column:3/-1;justify-self:start}body .app-shell .admin-page .customer-table .connection-status{color:#8ee3be;background:#163f3d;border-radius:8px;grid-column:2/-1;justify-self:start;padding:6px 10px;font-size:12px}body .app-shell .admin-page .customer-table .customer-access-toggle{color:#edf5ff!important}body .app-shell .admin-page .customer-table .customer-access-toggle.paused{color:#ffe0a1!important;background:#473619!important;border-color:#9b793b!important}body .app-shell .admin-page .customer-table .customer-data-warning{color:#ffe0a1;grid-column:2/-1}body .app-shell .admin-page .customer-table button:disabled{opacity:.6}@media (max-width:680px){body .app-shell .admin-page .customer-table article{grid-template-columns:36px minmax(0,1fr);gap:12px;padding:14px}body .app-shell .admin-page .customer-table .assortment-button{grid-column:2}}body .app-shell .admin-page .legal-settings h2{font-size:22px}body .app-shell .admin-page .legal-settings :is(p,small){color:#b6cde7;font-size:13px;line-height:1.6}body .app-shell .legal-settings .legal-address-preview{background:#0c2135;border:1px solid #42617f;border-radius:12px;gap:16px;padding:18px}body .app-shell .legal-settings .legal-address-preview>span{color:#b7d8ff;background:#214b73;font-size:22px}body .app-shell .legal-settings .legal-address-preview strong{color:#edf5ff;font-size:16px}body .app-shell .legal-settings .legal-address-preview a,body .app-shell .legal-settings .legal-preview-links a{color:#edf5ff;background:#1b4165;border:1px solid #5e80a4;border-radius:8px;align-items:center;min-height:44px;padding:12px 16px;font-size:14px;display:inline-flex}body .app-shell .legal-settings a:focus-visible{outline-offset:3px;outline:2px solid #99c6ff}body .app-shell .legal-settings a:hover{background:#214b73}body .app-shell .legal-settings .legal-form-grid{gap:20px}body .app-shell .legal-settings .legal-form-grid label{letter-spacing:.02em;color:#c7ddf7;font-size:13px}body .app-shell .legal-settings .legal-form-grid input{min-height:46px;padding:12px;font-size:16px}body .app-shell .legal-settings header>span{padding:8px 12px;font-size:11px;line-height:1.5}body .app-shell .legal-settings header>span.complete{color:#8ee3be;background:#163f3d;border:1px solid #377c69}body .app-shell .legal-settings header>span.open{color:#ffe0a1;background:#473619;border:1px solid #9b793b}body .app-shell .legal-settings form footer{background:0 0;border-color:#42617f;gap:20px}body .app-shell .legal-settings .legal-preview-links{flex-wrap:wrap;gap:12px;display:flex}body .app-shell .legal-settings .form-error{color:#ffb4b4}@media (max-width:680px){body .app-shell .legal-settings .legal-form-grid{grid-template-columns:minmax(0,1fr)}body .app-shell .legal-settings .legal-address-preview{flex-wrap:wrap}body .app-shell .legal-settings form footer{flex-direction:column;align-items:stretch}}body .app-shell .admin-page .stats article>span{color:#b7d8ff;background:#214b73;border:1px solid #527aa4;font-size:22px}body .app-shell .admin-page .stats article small{color:#b6cde7;letter-spacing:.04em;font-size:12px;line-height:1.4}body .app-shell .admin-page .stats article strong{color:#edf5ff;font-size:30px}body .app-shell .admin-page .stats article p{color:#b6cde7;font-size:13px;line-height:1.5}body .app-shell .admin-page .readiness-panel{box-shadow:none;background:0 0;border:0;padding:0}body .app-shell .readiness-panel>.getting-started{margin:0}body .app-shell .getting-started.setup-guide{color:#edf5ff;background:linear-gradient(145deg,#142d46,#0d2033);border-color:#42617f}body .app-shell .getting-started.setup-guide :is(header p,p){color:#c4d5eb;font-size:15px;line-height:1.65}body .app-shell .getting-started.setup-guide h2{color:#edf5ff;font-size:24px}body .app-shell .getting-started.setup-guide h3{color:#edf5ff;font-size:18px}body .app-shell .getting-started.setup-guide small{color:#b6cde7;font-size:13px;line-height:1.5}body .app-shell .getting-started.setup-guide .is-complete small{color:#8ee3be}body .app-shell .getting-started.setup-guide :is(button,.setup-action){color:#edf5ff;background:#1b4165;border-color:#5e80a4;font-size:14px}body .app-shell .admin-page .setup-advanced{border:1px solid #42617f;border-radius:12px;margin:16px 0}body .app-shell .admin-page .setup-advanced summary{color:#edf5ff;padding:16px;font-size:15px}body .app-shell .admin-page .setup-advanced p{color:#c4d5eb;font-size:14px;line-height:1.6}body .app-shell .admin-page .delivery-settings-v2{max-width:1100px;padding:24px}body .app-shell .delivery-settings-v2 h2{font-size:22px}body .app-shell .delivery-settings-v2 :is(p,small){font-size:14px;line-height:1.5}body .app-shell .delivery-settings-v2 .delivery-settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}body .app-shell .delivery-settings-v2 .delivery-settings-grid>div:first-child{grid-column:1/-1}body .app-shell .delivery-settings-v2 .delivery-settings-grid>label,body .app-shell .delivery-settings-v2 .delivery-settings-grid>div>small{letter-spacing:.02em;color:#c7ddf7;font-size:13px}body .app-shell .delivery-settings-v2 .delivery-settings-grid label small{color:#b6cde7;font-size:13px}body .app-shell .delivery-settings-v2 .weekday-options{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}body .app-shell .delivery-settings-v2 .weekday-options button{color:#c7ddf7;background:#0c2135;border:1px solid #5e80a4;min-height:46px;font-size:14px}body .app-shell .delivery-settings-v2 .weekday-options button.active{color:#fff;background:#164b80;border-color:#488eff}body .app-shell .delivery-settings-v2 .weekday-options button span{background:#0c2135;border-color:#7195bc}body .app-shell .delivery-settings-v2 .weekday-options button.active span{color:#fff;background:#1264df;border-color:#488eff}body .app-shell .delivery-settings-v2 .weekday-options button:focus-visible{outline-offset:2px;outline:2px solid #99c6ff}body .app-shell .delivery-settings-v2 .delivery-settings-grid input:not([type=checkbox]){width:100%;max-width:280px;min-height:46px;font-size:16px}body .app-shell .delivery-settings-v2 .reference-requirement{align-items:flex-start;gap:10px;display:flex}body .app-shell .delivery-settings-v2 .reference-requirement input{accent-color:#297aff;flex-shrink:0;width:20px;height:20px}body .app-shell .delivery-settings-v2 .reference-requirement strong{font-size:14px}body .app-shell .delivery-settings-v2 .blackout-settings{border-color:#42617f}body .app-shell .delivery-settings-v2 .automatic-holidays{background:#0c2135;border-color:#42617f;padding:16px}body .app-shell .delivery-settings-v2 .automatic-holidays>strong{color:#c7ddf7;font-size:13px}body .app-shell .delivery-settings-v2 .automatic-holidays>div{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;display:grid}body .app-shell .delivery-settings-v2 .automatic-holidays span{color:#edf5ff;background:#19364f;padding:12px}body .app-shell .delivery-settings-v2 .automatic-holidays b{font-size:14px}body .app-shell .delivery-settings-v2 .automatic-holidays small{color:#b6cde7;font-size:13px}body .app-shell .delivery-settings-v2 .blackout-entry{flex-wrap:wrap;gap:10px;display:flex}body .app-shell .delivery-settings-v2 .blackout-entry input{min-width:180px;min-height:46px;font-size:16px}body .app-shell .delivery-settings-v2 .blackout-list>span{color:#edf5ff;background:#19364f;border-color:#42617f}body .app-shell .delivery-settings-v2 .delivery-rule-preview{background:#163b5d;border:1px solid #527aa4;align-items:flex-start;padding:18px}body .app-shell .delivery-settings-v2 .delivery-rule-preview strong{color:#edf5ff;font-size:16px}body .app-shell .delivery-settings-v2 .delivery-rule-preview :is(p,small){color:#c7ddf7;margin-top:6px;font-size:14px;display:block}body .app-shell .delivery-settings-v2 .delivery-rule-preview>span{color:#99c6ff}body .app-shell .delivery-settings-v2 .form-error{color:#ffb4b4}@media (max-width:680px){body .app-shell .admin-page .delivery-settings-v2{padding:16px}body .app-shell .delivery-settings-v2 .delivery-settings-grid{grid-template-columns:minmax(0,1fr)}body .app-shell .delivery-settings-v2 .delivery-settings-grid input:not([type=checkbox]){max-width:none}}body .app-shell .admin-settings-navigation{background:#10263a;border:1px solid #3b607e;border-radius:14px;margin:20px 0;padding:20px}body .app-shell .admin-settings-navigation h2{color:#eaf2ff;margin:0 0 14px;font-size:20px}body .app-shell .admin-settings-navigation .admin-section-tabs{background:0 0;border:0;margin:0;padding:0}