/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.relative{position:relative}.start{inset-inline-start:var(--spacing)}.table{display:table}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}:root{--green:#0c4a36;--green2:#176b4b;--lime:#a6ce39;--red:#e51b2b;--cream:#f6f1e7;--paper:#fbfaf7;--ink:#17201c;--muted:#6d7772;--line:#e4e5df;--amber:#d89a22;--shadow:0 10px 30px #13302514}*{box-sizing:border-box}html,body{color:var(--ink);background:#f3f5f2;margin:0;font-family:Inter,Segoe UI,Arial,sans-serif}button,input,select{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;display:flex}.sidebar{color:#fff;z-index:30;background:#083c2d;flex-direction:column;width:244px;padding:28px 18px 18px;display:flex;position:fixed;inset:0 auto 0 0}.brand-mark{align-items:center;gap:11px;padding:0 8px;display:flex}.brand-mark.compact{padding:0}.brand-leaf{letter-spacing:.5px;border:1px solid #ffffff8c;border-radius:50% 50% 48% 52%;place-items:center;width:45px;height:45px;font-size:11px;font-weight:900;display:grid;position:relative}.brand-leaf:after{content:"";border:1px solid var(--lime);border-radius:50%;position:absolute;inset:5px}.brand-mark strong{letter-spacing:-.5px;font-size:20px;display:block}.brand-mark small{color:#cbdad4;margin-top:3px;font-size:9px;display:block}.workspace-label{letter-spacing:1.8px;color:#8fb2a5;margin:38px 12px 11px;font-size:9px}.sidebar nav{flex-direction:column;gap:4px;display:flex}.sidebar nav button,.sidebar-bottom>button{color:#b9cdc6;text-align:left;background:0 0;border:0;border-radius:11px;align-items:center;gap:11px;padding:11px 10px;font-size:13px;font-weight:600;display:flex;position:relative}.sidebar nav button>span,.sidebar-bottom>button span{letter-spacing:.5px;background:#ffffff14;border-radius:8px;place-items:center;width:27px;height:27px;font-size:9px;display:grid}.sidebar nav button:hover,.sidebar nav button.active{color:#0b4634;background:#fff}.sidebar nav button.active>span{color:#0c4a36;background:#eaf3d0}.sidebar nav button b{background:var(--red);color:#fff;border-radius:10px;margin-left:auto;padding:3px 6px;font-size:9px}.sidebar-bottom{border-top:1px solid #ffffff1f;margin-top:auto;padding-top:14px}.sync-status{align-items:center;gap:10px;padding:9px 10px;display:flex}.sync-status>span{background:#a7d64b;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 5px #a7d64b1f}.sync-status b,.sync-status small{font-size:10px;display:block}.sync-status small{color:#8fb2a5;margin-top:2px}.main-area{width:calc(100% - 244px);min-height:100vh;margin-left:244px}.topbar{border-bottom:1px solid var(--line);z-index:20;background:#fff;align-items:center;height:69px;padding:0 34px;display:flex;position:sticky;top:0}.top-search{width:360px;position:relative}.top-search span,.search>span{color:#85908b;font-size:19px;position:absolute;top:50%;left:13px;transform:translateY(-50%)}.top-search input,.search input{background:#f7f8f6;border:1px solid #e3e7e3;border-radius:10px;outline:none;width:100%;padding:10px 12px 10px 39px;font-size:12px}.top-search input:focus,.search input:focus{background:#fff;border-color:#90b5a5}.top-actions{align-items:center;gap:20px;margin-left:auto;display:flex}.icon-button{border:1px solid var(--line);background:#fff;border-radius:10px;width:38px;height:38px;position:relative}.notification-dot{background:var(--red);border:2px solid #fff;border-radius:50%;width:7px;height:7px;position:absolute;top:7px;right:8px}.role-switch{align-items:center;gap:10px;display:flex}.avatar{width:35px;height:35px;color:var(--green);background:#e8eee9;border-radius:10px;place-items:center;font-size:10px;font-weight:800;display:grid}.avatar.red{color:var(--red);background:#fce6e7}.role-switch b{font-size:12px;display:block}.role-switch select{color:var(--muted);background:0 0;border:0;outline:none;max-width:135px;padding:0;font-size:9px;display:block}.demo-ribbon{color:#6f5a23;background:#fff8e8;border-bottom:1px solid #f2e2b4;padding:7px 35px;font-size:10px}.demo-ribbon span{letter-spacing:1px;background:#f2d681;border-radius:4px;margin-right:8px;padding:3px 7px;font-size:8px;font-weight:900}.demo-ribbon button{float:right;color:#7a5a00;background:0 0;border:0;font-size:10px;font-weight:700}.content{max-width:1500px;margin:auto;padding:28px 34px 50px}.page-header{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:22px;display:flex}.eyebrow{color:#4c9a34;letter-spacing:1.6px;margin-bottom:8px;font-size:9px;font-weight:900;display:block}.page-header h1{letter-spacing:-1px;margin:0 0 6px;font-size:29px}.page-header p{color:var(--muted);max-width:700px;margin:0;font-size:12px;line-height:1.6}.header-actions{align-items:center;gap:9px;display:flex}.header-actions select,.header-actions>.btn{height:40px}.header-actions select{border:1px solid var(--line);background:#fff;border-radius:9px;padding:0 32px 0 12px;font-size:11px}.btn{border:0;border-radius:9px;padding:10px 14px;font-size:10px;font-weight:800}.btn.primary{background:var(--red);color:#fff;box-shadow:0 5px 14px #e51b2b2e}.btn.primary:hover{background:#c91422}.btn.secondary{color:var(--green);background:#fff;border:1px solid #dce2dd}.btn.ghost{color:var(--green);background:#f3f5f2}.btn.reject{color:var(--red);background:#fff0f1}.btn.full{width:100%;padding:13px}.decision-strip{background:var(--green);color:#fff;border-radius:12px;align-items:center;gap:18px;margin-bottom:16px;padding:12px 16px;display:flex}.decision-strip>div{white-space:nowrap;font-size:11px}.decision-strip p{color:#d7e5df;margin:0;font-size:10px}.decision-strip p strong{color:#fff}.decision-strip button{color:#fff;white-space:nowrap;background:#ffffff1f;border:0;border-radius:7px;margin-left:auto;padding:7px 10px;font-size:9px}.live-dot{background:#b4df4a;border-radius:50%;width:7px;height:7px;margin-right:6px;display:inline-block;box-shadow:0 0 0 4px #b4df4a26}.kpi-grid{grid-template-columns:1.25fr 1fr 1fr 1fr;gap:12px;margin-bottom:14px;display:grid}.kpi-card{border:1px solid var(--line);background:#fff;border-radius:13px;min-height:122px;padding:15px 16px;position:relative;overflow:hidden}.kpi-card>span{color:var(--muted);font-size:10px}.kpi-card strong{letter-spacing:-.8px;margin:8px 0 3px;font-size:25px;display:block}.kpi-card small{color:var(--muted);font-size:9px}.hero-kpi{background:#fffdf7}.kpi-top{color:var(--muted);justify-content:space-between;align-items:center;font-size:10px;display:flex}.kpi-top b{color:var(--green2);font-size:9px}.progress,.mini-progress{background:#edf0ec;border-radius:4px;height:5px;margin-top:12px;overflow:hidden}.progress i,.mini-progress i{background:linear-gradient(90deg, var(--green), var(--lime));border-radius:4px;height:100%;display:block}.sparkline{opacity:.6;align-items:end;gap:4px;height:27px;display:flex;position:absolute;bottom:14px;left:14px;right:14px}.sparkline span{background:#dfead6;border-radius:3px 3px 0 0;flex:1}.sparkline span:last-child{background:var(--green2)}.status{color:#26763b;white-space:nowrap;background:#e9f3e8;border-radius:30px;justify-content:center;align-items:center;padding:4px 7px;font-size:8px;font-weight:800;display:inline-flex}.status.red{color:#c51b29;background:#fde9ea}.status.amber{color:#966100;background:#fff2d7}.status.cream{color:#5d594e;background:#f2eee5}.status.gray{color:#777;background:#eff1ef}.dashboard-grid{grid-template-columns:1.1fr .9fr;gap:14px;margin-bottom:14px;display:grid}.dashboard-lower{grid-template-columns:1.1fr .9fr;gap:14px;display:grid}.panel{border:1px solid var(--line);background:#fff;border-radius:14px;padding:18px;box-shadow:0 2px 10px #15302705}.panel-title{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.panel-title h2{letter-spacing:-.3px;margin:0;font-size:15px}.text-button{color:var(--green2);background:0 0;border:0;padding:4px;font-size:9px;font-weight:800}.alert-list{flex-direction:column;display:flex}.alert-row{border-top:1px solid #edf0ec;grid-template-columns:31px 1fr auto;align-items:center;gap:10px;padding:9px 0;display:grid}.alert-row:first-child{border-top:0}.alert-row.done{opacity:.45}.alert-icon{color:#397087;background:#eaf2f5;border-radius:8px;place-items:center;width:30px;height:30px;font-size:8px;font-weight:900;display:grid}.alert-icon.critical{color:var(--red);background:#fde9ea}.alert-icon.warning{color:#9d6700;background:#fff2d9}.alert-row strong,.alert-row small{display:block}.alert-row strong{font-size:10px}.alert-row small{color:var(--muted);margin-top:3px;font-size:8px}.alert-row button{color:var(--green);background:#f1f5f2;border:0;border-radius:6px;padding:6px 8px;font-size:8px;font-weight:800}.big-chart{background:repeating-linear-gradient(#0000 0 62px,#eef0ed 63px);border-bottom:1px solid #e5e8e5;height:190px;display:flex;position:relative}.chart-labels{color:#9aa29e;flex-direction:column;justify-content:space-between;width:47px;padding-bottom:15px;font-size:7px;display:flex}.bars{flex:1;align-items:flex-end;gap:11px;padding:16px 5px 0;display:flex}.bar-set{flex:1;justify-content:center;align-items:flex-end;gap:3px;height:100%;padding-bottom:18px;display:flex;position:relative}.bar-set i,.bar-set b{border-radius:3px 3px 0 0;width:10px;display:block}.bar-set i{background:#dce5df}.bar-set b{background:var(--green2)}.bar-set span{color:var(--muted);font-size:7px;position:absolute;bottom:3px}.chart-legend{color:var(--muted);align-items:center;gap:15px;margin-top:12px;font-size:8px;display:flex}.chart-legend i{border-radius:2px;width:8px;height:8px;margin-right:4px;display:inline-block}.chart-legend .target{background:#dce5df}.chart-legend .actual{background:var(--green2)}.chart-legend strong{color:var(--green);margin-left:auto}.area-map{background:#f4f7f1;border-radius:10px;height:168px;position:relative;overflow:hidden}.island{background:#d8e7ce;border-radius:60% 40% 50% 45%;position:absolute;transform:rotate(-12deg)}.island.one{width:175px;height:33px;top:68px;left:55px}.island.two{width:90px;height:23px;top:104px;left:235px}.island.three{width:65px;height:70px;top:43px;left:352px;transform:rotate(18deg)}.island.four{width:120px;height:15px;top:125px;left:334px}.map-pin{background:var(--green2);color:#fff;border:3px solid #fff;border-radius:50% 50% 50% 0;place-items:center;width:30px;height:30px;font-size:7px;font-weight:900;display:grid;position:absolute;transform:rotate(-45deg);box-shadow:0 3px 8px #00000024}.map-pin:after{content:attr(class);display:none}.map-pin{line-height:1}.map-pin.pin-a{top:54px;left:110px}.map-pin.pin-b{top:83px;left:262px}.map-pin.pin-c{top:43px;left:373px}.map-pin.pin-d{top:108px;left:407px}.map-pin.warning{background:var(--amber)}.map-pin.danger{background:var(--red)}.map-note{box-shadow:var(--shadow);background:#fff;border-radius:8px;padding:9px 12px;position:absolute;bottom:12px;left:15px}.map-note b,.map-note strong,.map-note small{display:block}.map-note b{color:var(--muted);font-size:7px}.map-note strong{color:var(--green);margin:2px 0;font-size:18px}.map-note small{color:#548b3f;font-size:7px}.donut-wrap{justify-content:center;align-items:center;gap:28px;padding:8px;display:flex}.donut{background:conic-gradient(var(--green2) 0 86%, var(--amber) 86% 97%, var(--red) 97%);border-radius:50%;align-content:center;place-items:center;width:112px;height:112px;display:grid;position:relative}.donut:before{content:"";background:#fff;border-radius:50%;position:absolute;inset:14px}.donut strong,.donut small{z-index:1}.donut strong{font-size:22px}.donut small{color:var(--muted);font-size:8px}.donut-copy p{color:var(--muted);margin:8px 0;font-size:8px}.donut-copy p b{color:var(--ink);float:right;margin-left:15px}.green-dot,.amber-dot,.red-dot{border-radius:50%;width:7px;height:7px;margin-right:5px;display:inline-block}.green-dot{background:var(--green2)}.amber-dot{background:var(--amber)}.red-dot{background:var(--red)}.quick-actions{gap:8px;margin-top:4px;display:flex}.quick-actions button{border:1px solid var(--line);color:var(--green);background:#f7f9f6;border-radius:8px;flex:1;padding:8px;font-size:8px;font-weight:800}.success-banner{color:#26713b;background:#eaf5e7;border:1px solid #cbe2c7;border-radius:10px;margin-bottom:13px;padding:11px 14px;font-size:10px}.route-layout{grid-template-columns:420px 1fr;gap:14px;display:grid}.sales-profile{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding-bottom:13px;display:flex}.sales-profile>div:nth-child(2){flex:1}.sales-profile strong,.sales-profile span{display:block}.sales-profile strong{font-size:11px}.sales-profile span{color:var(--muted);margin-top:3px;font-size:8px}.route-summary{background:#f6f8f5;border-radius:9px;grid-template-columns:repeat(3,1fr);margin:13px 0;display:grid}.route-summary div{border-right:1px solid #e3e7e2;padding:9px 11px}.route-summary div:last-child{border:0}.route-summary strong,.route-summary span{display:block}.route-summary strong{font-size:13px}.route-summary span{color:var(--muted);margin-top:2px;font-size:7px}.timeline article{grid-template-columns:27px 37px 1fr auto;align-items:center;gap:8px;padding:10px 0;display:grid;position:relative}.timeline article:before{content:"";background:#dce1dc;width:1px;position:absolute;top:-5px;bottom:-5px;left:13px}.timeline article:first-child:before{top:50%}.timeline article:last-child:before{bottom:50%}.timeline article.active{background:#fff9f1;border-radius:9px;margin:0 -10px;padding:10px}.route-node{z-index:1;background:#e4e8e4;border:3px solid #fff;border-radius:50%;place-items:center;width:27px;height:27px;font-size:8px;font-weight:900;display:grid;box-shadow:0 0 0 1px #d9ded9}.route-node.green{background:var(--green2);color:#fff}.route-node.red{background:var(--red);color:#fff}.route-node.amber{background:var(--amber);color:#fff}.timeline time{font-size:9px;font-weight:800}.timeline strong,.timeline span,.timeline small{display:block}.timeline strong{font-size:9px}.timeline span{color:var(--muted);margin-top:2px;font-size:7px}.timeline small{color:var(--green2);margin-top:3px;font-size:7px}.route-map{background:#eaf0e9;min-height:555px;padding:0;position:relative;overflow:hidden}.map-grid{background-image:linear-gradient(#fff6 1px,#0000 1px),linear-gradient(90deg,#fff6 1px,#0000 1px);background-size:34px 34px;position:absolute;inset:0}.road{background:#fff;border:1px solid #dfe5de;border-radius:20px;position:absolute}.road.r1{width:800px;height:28px;top:180px;left:-90px;transform:rotate(14deg)}.road.r2{width:700px;height:34px;top:350px;left:80px;transform:rotate(-27deg)}.road.r3{width:500px;height:25px;top:80px;left:120px;transform:rotate(70deg)}.road.r4{width:700px;height:18px;top:460px;left:-120px;transform:rotate(4deg)}.route-line{border:4px solid var(--red);border-bottom-color:#0000;border-left-color:#0000;border-radius:50%;width:410px;height:220px;position:absolute;top:145px;left:120px;transform:rotate(16deg)}.map-marker{background:var(--green);color:#fff;border:3px solid #fff;border-radius:50% 50% 50% 0;place-items:center;width:28px;height:28px;font-size:9px;font-weight:900;display:grid;position:absolute;transform:rotate(-45deg);box-shadow:0 3px 10px #0003}.m1{top:160px;left:138px}.m2{background:var(--red);top:209px;left:276px}.m3{top:250px;left:420px}.m4{top:375px;left:475px}.m5{top:440px;left:350px}.map-card{box-shadow:var(--shadow);background:#fff;border-radius:11px;width:220px;padding:13px 14px;position:absolute;bottom:18px;left:18px}.map-card span,.map-card strong,.map-card small{display:block}.map-card span{color:var(--green2);letter-spacing:1px;font-size:7px;font-weight:900}.map-card strong{margin:5px 0;font-size:11px}.map-card small{color:var(--muted);font-size:7px}.map-card button{background:var(--red);color:#fff;border:0;border-radius:6px;margin-top:9px;padding:7px 9px;font-size:8px;font-weight:800}.map-controls{flex-direction:column;display:flex;position:absolute;top:15px;right:15px}.map-controls button{border:1px solid var(--line);background:#fff;width:30px;height:30px;font-size:14px}.visit-banner{background:linear-gradient(105deg, var(--green), #126348);color:#fff;border-radius:13px;align-items:center;gap:13px;margin-bottom:14px;padding:15px 18px;display:flex}.shield{width:36px;height:41px;color:var(--green);background:#eaf3d0;border-radius:14px 14px 18px 18px;place-items:center;font-weight:900;display:grid}.visit-banner div:nth-child(2){flex:1}.visit-banner b{font-size:12px}.visit-banner p{color:#cfe0d9;margin:3px 0 0;font-size:9px}.visit-kpis{grid-template-columns:repeat(4,1fr)}.visit-kpis .kpi-card{min-height:110px}.visit-kpis .kpi-card strong{font-size:23px}.filters{gap:5px;display:flex}.filter{border:1px solid var(--line);color:var(--muted);background:#fff;border-radius:7px;padding:6px 9px;font-size:8px}.filter.active{color:var(--green);background:#e9f1ec;border-color:#cbdad1;font-weight:800}.table-panel{overflow:hidden}.data-table{min-width:850px}.tr{color:#53605a;border-top:1px solid #edf0ec;align-items:center;min-height:58px;font-size:9px;display:grid}.tr.th{color:#8a948f;letter-spacing:.5px;min-height:32px;font-size:7px;font-weight:900}.tr>span{padding:8px}.tr b,.tr small{display:block}.tr b{color:var(--ink);font-size:9px}.tr small{color:var(--muted);margin-top:4px;font-size:7px}.visit-table .tr{grid-template-columns:1.5fr .7fr 1fr .8fr 1.1fr .8fr}.table-toolbar{align-items:center;gap:7px;margin-bottom:10px;display:flex}.search{width:270px;margin-right:auto;position:relative}.outlet-table .tr{grid-template-columns:1.55fr 1.1fr .9fr .6fr 1fr .8fr .8fr}.outlet-table .mini-progress{width:80px;height:3px;margin-top:5px}.insight-row{grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:13px;display:grid}.insight-row article{border:1px solid var(--line);background:#fff;border-radius:11px;padding:13px 15px}.insight-row span,.insight-row strong,.insight-row small{display:block}.insight-row span{color:var(--muted);font-size:8px}.insight-row strong{margin:5px 0;font-size:20px}.insight-row small{color:var(--muted);font-size:7px}.green-text{color:#388243!important}.red-text{color:var(--red)!important}.amber-text{color:var(--amber)!important}.approval-flow{border:1px solid var(--line);background:#fff;border-radius:13px;align-items:center;margin-bottom:14px;padding:16px;display:flex}.flow-step{grid-template-columns:26px 1fr;align-items:center;column-gap:8px;min-width:120px;display:grid}.flow-step span{color:#85918c;background:#e9ece9;border-radius:50%;grid-row:1/3;place-items:center;width:26px;height:26px;font-size:8px;font-weight:900;display:grid}.flow-step b{font-size:8px}.flow-step small{color:var(--muted);font-size:7px}.flow-step.done span{background:var(--green2);color:#fff}.flow-step.active span{background:var(--red);color:#fff}.approval-flow>i{background:#dce1dc;flex:1;height:1px;margin:0 8px}.approval-grid{grid-template-columns:1fr 330px;gap:14px;display:grid}.request-card{border:1px solid var(--line);border-radius:10px;margin-top:9px;padding:13px;transition:all .2s}.request-card.approved{opacity:.5;background:#f1f8ef}.request-top{color:var(--muted);justify-content:space-between;font-size:7px;display:flex}.request-card h3{margin:7px 0 3px;font-size:12px}.request-card>p{color:var(--muted);margin:0;font-size:8px}.request-data{background:#f7f8f6;border-radius:8px;grid-template-columns:1fr 1fr;margin:10px 0;display:grid}.request-data span{color:var(--muted);padding:8px;font-size:7px}.request-data strong{color:var(--ink);margin-top:3px;font-size:9px;display:block}.request-actions{gap:7px;display:flex}.request-actions .ghost{margin-right:auto}.audit-panel h2,.matrix-panel h2,.coaching-panel h2{margin:0 0 15px;font-size:17px}.audit-panel ul{margin:0;padding:0;list-style:none}.audit-panel li{gap:10px;margin:15px 0;display:flex}.audit-panel li>span{width:25px;height:25px;color:var(--green2);background:#edf3e5;border-radius:7px;place-items:center;font-size:8px;font-weight:900;display:grid}.audit-panel li b{font-size:9px}.audit-panel li p{color:var(--muted);margin:3px 0;font-size:8px}.audit-log{background:var(--green);color:#fff;border-radius:9px;margin-top:20px;padding:12px}.audit-log>b{font-size:9px}.audit-log p{color:#d4e2dc;font-size:7px}.audit-log p span{color:#aace94;margin-right:8px}.order-flow{border:1px solid var(--line);background:#fff;border-radius:13px;grid-template-columns:repeat(5,1fr);margin-bottom:14px;display:grid;overflow:hidden}.order-stage{border-right:1px solid var(--line);padding:15px;position:relative}.order-stage:last-child{border:0}.order-stage span,.order-stage b,.order-stage small{display:block}.order-stage span{color:#8d9792;font-size:7px}.order-stage b{margin:4px 0;font-size:10px}.order-stage small{color:var(--muted);font-size:7px}.order-stage.done{border-top:3px solid var(--green2)}.order-stage.active{border-top:3px solid var(--red);background:#fff9f5}.orders-grid{grid-template-columns:1fr 335px;gap:14px;display:grid}.order-table .tr{grid-template-columns:1.5fr .8fr 1fr .7fr .6fr}.row-action{color:var(--green2);background:0 0;border:0;font-size:8px;font-weight:800}.fleet-map{background:#eff4ec;border-radius:10px;height:190px;position:relative;overflow:hidden}.truck{background:var(--red);color:#fff;width:27px;height:27px;box-shadow:var(--shadow);border-radius:7px;place-items:center;font-size:10px;display:grid;position:absolute}.truck.t1{top:55px;left:60px}.truck.t2{top:95px;right:70px}.truck.t3{bottom:25px;left:145px}.depot{background:var(--green);color:#fff;text-align:center;border-radius:50%;place-items:center;width:48px;height:48px;font-size:7px;font-weight:900;display:grid;position:absolute;top:18px;right:18px}.fleet-stats{grid-template-columns:repeat(3,1fr);gap:5px;margin:12px 0;display:grid}.fleet-stats span{color:var(--muted);text-align:center;font-size:7px}.fleet-stats b{color:var(--ink);font-size:13px;display:block}.score-grid{grid-template-columns:repeat(4,1fr);gap:11px;margin-bottom:14px;display:grid}.score-card{border:1px solid var(--line);background:#fff;border-radius:11px;padding:13px}.score-card span{color:var(--muted);font-size:8px}.score-card strong{margin:5px 0;font-size:24px;display:block}.score-bar{background:#edf0ed;border-radius:5px;height:5px;overflow:hidden}.score-bar i{background:var(--green2);height:100%;display:block}.score-bar.amber i{background:var(--amber)}.performance-grid{grid-template-columns:1fr 320px;gap:14px;display:grid}.rank-row{border-top:1px solid var(--line);grid-template-columns:32px 37px 1fr 55px 45px 40px;align-items:center;gap:8px;padding:11px 0;display:grid}.rank{color:#8a948f;font-size:9px;font-weight:900}.rank.top{color:var(--red)}.rank-row b,.rank-row small{display:block}.rank-row b{font-size:9px}.rank-row small{color:var(--muted);margin-top:2px;font-size:7px}.rank-row>span:nth-child(4){text-align:right}.circle-score{background:conic-gradient(var(--green2) var(--score), #e8ebe8 0);border-radius:50%;place-items:center;width:34px;height:34px;font-size:8px;font-weight:900;display:grid;position:relative}.circle-score:before{content:"";background:#fff;border-radius:50%;position:absolute;inset:4px}.circle-score{isolation:isolate}.circle-score>span{z-index:1;position:relative}.rank-row button{color:var(--green2);background:0 0;border:0;font-size:8px;font-weight:800}.coach{background:#f6faf3;border:1px solid #dfe8dc;border-radius:10px;margin:9px 0;padding:12px}.coach.critical{background:#fff3f3;border-color:#f4d6d8}.coach.warning{background:#fff9ed;border-color:#f3e3bc}.coach b,.coach strong{font-size:9px}.coach strong{float:right}.coach p{color:var(--muted);font-size:8px;line-height:1.5}.coach button{color:var(--green2);background:0 0;border:0;padding:0;font-size:8px;font-weight:800}.authority-layout{grid-template-columns:1fr 420px;gap:14px;display:grid}.hierarchy-list article{border-top:1px solid var(--line);grid-template-columns:30px 1.2fr 1fr auto;align-items:center;gap:9px;padding:9px 5px;display:grid}.hierarchy-list article>span{background:var(--green);color:#fff;border-radius:8px;place-items:center;width:26px;height:26px;font-size:8px;font-weight:900;display:grid}.hierarchy-list b,.hierarchy-list small{display:block}.hierarchy-list b{font-size:9px}.hierarchy-list small,.hierarchy-list p{color:var(--muted);font-size:7px}.hierarchy-list button{color:var(--green2);background:#f1f5f2;border:0;border-radius:6px;padding:6px;font-size:7px}.matrix{border:1px solid var(--line);border-radius:9px;font-size:8px;overflow:hidden}.matrix-head,.matrix-row{grid-template-columns:1.7fr repeat(4,.65fr);display:grid}.matrix-head{color:#68736e;background:#f2f4f1;font-size:7px;font-weight:900}.matrix-head span,.matrix-row span{text-align:center;border-right:1px solid var(--line);padding:8px 5px}.matrix-head span:first-child,.matrix-row span:first-child{text-align:left}.matrix-row{border-top:1px solid var(--line)}.matrix-row .allowed{color:var(--green2);font-weight:900}.matrix-row .denied{color:#c5cbc7}.security-note{background:#f3f8ed;border-radius:10px;align-items:center;gap:11px;margin-top:16px;padding:13px;display:flex}.security-note b{font-size:9px}.security-note p{color:var(--muted);margin:3px 0;font-size:8px;line-height:1.5}.modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;background:#05181194;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:17px;width:min(520px,100%);max-height:92vh;padding:25px;position:relative;overflow:auto;box-shadow:0 30px 80px #0000004d}.modal.wide{width:min(840px,100%)}.modal-close{color:#62706a;background:#f0f2ef;border:0;border-radius:50%;width:30px;height:30px;font-size:20px;position:absolute;top:12px;right:15px}.modal h2{letter-spacing:-.5px;margin:0 0 7px;font-size:21px}.modal-intro{color:var(--muted);font-size:10px;line-height:1.6}.scenario-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px;display:grid}.scenario-grid button{text-align:left;border:1px solid var(--line);background:#fbfcfa;border-radius:12px;padding:17px;transition:all .2s}.scenario-grid button:hover{box-shadow:var(--shadow);border-color:#94b5a5;transform:translateY(-3px)}.scenario-grid span{color:var(--red);font-size:9px;font-weight:900}.scenario-grid b{margin:11px 0 7px;font-size:12px;display:block}.scenario-grid p{color:var(--muted);min-height:55px;font-size:9px;line-height:1.5}.scenario-grid i{color:var(--green2);font-size:8px;font-style:normal;font-weight:900}.modal-steps{gap:7px;margin:17px 0;display:flex}.modal-steps span{color:#89918d;border-top:3px solid #e2e6e2;flex:1;padding-top:6px;font-size:7px}.modal-steps span.active{border-color:var(--red);color:var(--red);font-weight:900}.modal label{color:#57645e;margin:12px 0;font-size:8px;font-weight:800;display:block}.modal input,.modal select{background:#fff;border:1px solid #dfe3df;border-radius:8px;outline:none;width:100%;margin-top:5px;padding:10px;font-size:10px;display:block}.form-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.gps-box{background:#f2f8ef;border:1px solid #dbe9d7;border-radius:9px;align-items:center;gap:10px;margin:14px 0;padding:11px;display:flex}.gps-box>span{color:var(--green2);font-size:24px}.gps-box>div{flex:1}.gps-box b,.gps-box small{display:block}.gps-box b{font-size:9px}.gps-box small{color:var(--muted);margin-top:3px;font-size:7px}.modal-success{text-align:center;padding:20px 10px}.modal-success>div{color:#34823c;background:#e7f3e3;border-radius:50%;place-items:center;width:65px;height:65px;margin:0 auto 17px;font-size:28px;display:grid}.modal-success p{color:var(--muted);max-width:400px;margin:10px auto 20px;font-size:10px;line-height:1.7}.checkin-status{background:#eff7ea;border-radius:11px;align-items:center;gap:13px;margin:15px 0;padding:14px;display:flex}.radar{border:1px solid #9cc18d;border-radius:50%;place-items:center;width:50px;height:50px;display:grid;position:relative;box-shadow:inset 0 0 0 9px #e2f0db,inset 0 0 0 18px #edf7e8}.radar i{background:var(--red);z-index:1;border-radius:50%;width:8px;height:8px}.checkin-status b{font-size:10px}.checkin-status p{color:var(--muted);margin:3px 0;font-size:8px}.photo-grid{grid-template-columns:1fr 1fr;gap:9px;display:grid}.photo-grid button{height:100px;color:var(--muted);background:#fafbf9;border:1px dashed #bfc9c2;border-radius:10px}.photo-grid span,.photo-grid b,.photo-grid small{display:block}.photo-grid span{color:var(--green2);font-size:20px}.photo-grid b{margin:5px;font-size:9px}.photo-grid small{font-size:7px}.sku-line{border:1px solid var(--line);border-radius:9px;grid-template-columns:1fr 55px 25px;align-items:center;gap:8px;margin:8px 0;padding:11px;display:grid}.sku-line b,.sku-line small{display:block}.sku-line b{font-size:9px}.sku-line small{color:var(--muted);margin-top:3px;font-size:7px}.sku-line input{text-align:center;margin:0}.sku-line>span{color:var(--muted);font-size:8px}.po-total{background:#f5f7f4;border-radius:9px;justify-content:space-between;margin:12px 0;padding:12px;font-size:9px;display:flex}.po-total strong{font-size:13px}.menu-toggle,.mobile-brand,.sidebar-overlay{display:none}@media (width<=1100px){.sidebar{width:210px}.main-area{width:calc(100% - 210px);margin-left:210px}.kpi-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid,.dashboard-lower,.approval-grid,.orders-grid,.performance-grid,.authority-layout{grid-template-columns:1fr}.route-layout{grid-template-columns:370px 1fr}.approval-flow{overflow-x:auto}.flow-step{min-width:115px}.area-map{min-height:180px}}@media (width<=820px){.sidebar{width:240px;transition:all .25s;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar-overlay{z-index:29;background:#00000059;border:0;display:block;position:fixed;inset:0}.main-area{width:100%;margin:0}.topbar{height:58px;padding:0 16px}.menu-toggle{color:var(--green);background:0 0;border:0;margin-right:10px;font-size:18px;display:block}.mobile-brand{display:block}.mobile-brand .brand-leaf{border-color:var(--green);color:var(--green);width:34px;height:34px}.top-search,.role-switch>div:nth-child(2){display:none}.content{padding:20px 16px 40px}.demo-ribbon{padding:7px 16px}.page-header{flex-direction:column;align-items:flex-start}.page-header h1{font-size:24px}.header-actions{width:100%;overflow:auto}.decision-strip{flex-wrap:wrap;align-items:flex-start}.decision-strip p{width:100%}.decision-strip button{margin-left:0}.dashboard-grid,.dashboard-lower,.route-layout{grid-template-columns:1fr}.route-map{min-height:420px}.insight-row,.score-grid{grid-template-columns:repeat(2,1fr)}.table-panel{overflow-x:auto}.approval-flow{align-items:stretch}.order-flow{overflow-x:auto}.order-stage{min-width:140px}.scenario-grid{grid-template-columns:1fr}.scenario-grid p{min-height:0}.modal{padding:21px}.form-row,.authority-layout{grid-template-columns:1fr}.matrix-panel{overflow-x:auto}.hierarchy-list article{grid-template-columns:28px 1fr auto}.hierarchy-list p{display:none}}@media (width<=520px){.kpi-grid,.visit-kpis{grid-template-columns:1fr 1fr}.kpi-card{min-height:105px;padding:12px}.kpi-card strong{font-size:20px}.dashboard-grid,.dashboard-lower{gap:10px}.content{padding:17px 12px}.top-actions{gap:8px}.demo-ribbon button{display:none}.insight-row,.score-grid{grid-template-columns:1fr 1fr}.route-list-panel{padding:13px}.timeline article{grid-template-columns:26px 35px 1fr}.timeline article>.status{display:none}.quick-actions{flex-direction:column}.photo-grid{grid-template-columns:1fr}.modal-backdrop{padding:10px}.approval-grid,.orders-grid,.performance-grid{gap:10px}}.daily-sales-panel{margin-bottom:18px;overflow:hidden}.daily-title{align-items:flex-start}.daily-title p,.store-performance-panel .panel-title p,.scorecard-detail-panel .panel-title p,.po-workflow-detail .panel-title p{color:var(--muted);max-width:660px;margin:5px 0 0;font-size:10px;line-height:1.5}.daily-summary{align-items:center;gap:18px;display:flex}.daily-summary span{color:var(--muted);font-size:8px}.daily-summary strong{color:var(--ink);margin-top:4px;font-size:14px;display:block}.region-cards{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.region-card{border:1px solid var(--line);background:linear-gradient(160deg,#fff,#f7faf6);border-radius:13px;padding:15px}.region-card-head,.region-money{justify-content:space-between;gap:14px;display:flex}.region-card-head b,.region-card-head small{display:block}.region-card-head b{font-size:13px}.region-card-head small{color:var(--muted);margin-top:3px;font-size:8px}.region-money{margin-top:15px}.region-money span{color:var(--muted);font-size:8px}.region-money strong{color:var(--ink);margin-top:4px;font-size:16px;display:block}.regional-progress{margin:10px 0 13px}.region-metrics{border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:10px;padding-top:12px;display:grid}.region-metrics span{color:var(--muted);font-size:7px}.region-metrics b{color:var(--ink);margin-top:3px;font-size:9px;display:block}.mini-trend{align-items:flex-end;gap:4px;height:34px;margin-top:12px;display:flex}.mini-trend i{background:#b9d5c8;border-radius:3px 3px 1px 1px;flex:1;min-height:5px}.mini-trend i:last-child{background:var(--green2)}.daily-table-wrap,.store-table-wrap,.scorecard-scroll{margin-top:17px;overflow-x:auto}.region-table{min-width:1080px}.region-table .tr{grid-template-columns:1.35fr repeat(9,.75fr)}.view-switch{background:#e8eee9;border-radius:10px;padding:4px;display:flex}.view-switch button{color:var(--muted);white-space:nowrap;background:0 0;border:0;border-radius:7px;padding:8px 11px;font-size:9px;font-weight:700}.view-switch button.active{color:var(--green);background:#fff;box-shadow:0 3px 10px #00000012}.commerce-kpis,.fulfillment-kpis{grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:16px;display:grid}.commerce-kpis article,.fulfillment-kpis article{border:1px solid var(--line);background:#fff;border-radius:12px;padding:14px;box-shadow:0 5px 16px #1330250a}.commerce-kpis span,.commerce-kpis small,.fulfillment-kpis span,.fulfillment-kpis small{color:var(--muted);font-size:8px;display:block}.commerce-kpis strong,.fulfillment-kpis strong{margin:7px 0 4px;font-size:18px;display:block}.storefront-shell{box-shadow:var(--shadow);background:#fffaf0;border:1px solid #e7ddc7;border-radius:18px;overflow:hidden}.storefront-top{color:#fff;background:#0b4835;align-items:center;height:66px;padding:0 26px;display:flex}.storefront-top .brand-mark{padding:0}.storefront-top .brand-mark small{color:#bdd2c8}.storefront-top nav{gap:22px;margin-left:auto;font-size:9px;display:flex}.storefront-top>button{color:#fff;background:0 0;border:1px solid #ffffff59;border-radius:8px;margin-left:25px;padding:8px 11px;font-size:9px}.storefront-hero{background:radial-gradient(circle at 82% 30%,#e7d6a5 0,#f7edda 28%,#0000 50%),linear-gradient(135deg,#fffdf7,#f2e6cc);grid-template-columns:1.05fr .95fr;align-items:center;min-height:355px;padding:42px 54px;display:grid}.storefront-hero h2{color:#123c2f;max-width:530px;margin:9px 0 13px;font-family:Georgia,serif;font-size:39px;line-height:1.04}.storefront-hero p{color:#5f675e;max-width:550px;font-size:11px;line-height:1.7}.hero-actions{gap:9px;margin-top:20px;display:flex}.hero-actions button,.reorder-banner button{background:var(--red);color:#fff;border:0;border-radius:9px;padding:11px 16px;font-size:9px;font-weight:800}.hero-actions .outline{color:var(--green);border:1px solid var(--green);background:0 0}.trust-row{color:#52675e;gap:18px;margin-top:22px;font-size:8px;font-weight:700;display:flex}.tea-visual{justify-content:center;align-items:flex-end;gap:12px;min-height:280px;display:flex;position:relative}.tea-box{letter-spacing:2px;border-radius:9px;flex-direction:column;justify-content:center;align-items:center;width:120px;height:174px;font-family:Georgia,serif;display:flex;box-shadow:0 22px 35px #28261833}.tea-box.dandang{color:#fff;background:#d61c2e;transform:rotate(-5deg)}.tea-box.mulia{color:#d9c58a;background:#123d30;height:198px;transform:translateY(-7px)rotate(3deg)}.tea-box small{letter-spacing:.4px;margin-top:10px;font-family:Inter,sans-serif;font-size:7px;display:block}.tea-cup{color:#8c5a2d;background:#fff;border-radius:50%;place-items:center;width:76px;height:76px;font-size:42px;display:grid;position:absolute;bottom:12px;right:17px;box-shadow:0 12px 24px #0000001f}.product-strip{background:#fff;grid-template-columns:repeat(4,1fr);gap:12px;padding:18px 24px;display:grid}.product-strip article{border:1px solid var(--line);border-radius:10px;grid-template-rows:auto auto auto;grid-template-columns:48px 1fr;column-gap:10px;padding:10px;display:grid;position:relative}.product-strip b,.product-strip small,.product-strip strong{grid-column:2}.product-strip b{font-size:9px}.product-strip small{color:var(--muted);font-size:7px}.product-strip strong{font-size:10px}.product-strip button{background:var(--green);color:#fff;border:0;border-radius:50%;width:24px;height:24px;position:absolute;bottom:8px;right:8px}.product-pack{color:#fff;background:#d51e2f;border-radius:5px;grid-row:1/4;place-items:center;font-size:7px;font-weight:900;display:grid}.product-pack.p2,.product-pack.p3{color:#d8c17f;background:#123d30}.b2b-grid,.crm-layout{grid-template-columns:1fr 320px;gap:16px;display:grid}.b2b-account{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding-bottom:15px;display:flex}.b2b-account h2,.b2b-account p{margin:0}.b2b-account h2{font-size:18px}.b2b-account p{color:var(--muted);margin-top:4px;font-size:9px}.b2b-account .status{margin-left:auto}.reorder-banner{background:#edf5de;border:1px solid #d5e5b5;border-radius:11px;justify-content:space-between;align-items:center;margin:15px 0;padding:14px;display:flex}.reorder-banner span,.reorder-banner strong,.reorder-banner small{display:block}.reorder-banner span{color:var(--green2);font-size:8px}.reorder-banner strong{margin:4px 0;font-size:12px}.reorder-banner small{color:var(--muted);font-size:8px}.b2b-products article{border-bottom:1px solid var(--line);grid-template-columns:1fr 120px 70px 45px;align-items:center;gap:12px;padding:12px 0;display:grid}.b2b-products b,.b2b-products small{display:block}.b2b-products b{font-size:10px}.b2b-products small{color:var(--muted);margin-top:4px;font-size:8px}.b2b-products span,.b2b-products strong{font-size:9px}.b2b-products button{color:var(--green2);background:0 0;border:0;font-size:8px;font-weight:800}.order-summary>small{text-align:center;color:var(--muted);margin-top:10px;font-size:7px;line-height:1.5;display:block}.order-summary>p,.campaign-panel>p{border-bottom:1px solid var(--line);justify-content:space-between;margin:0;padding:10px 0;font-size:9px;display:flex}.segment-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.segment-grid article{border:1px solid var(--line);border-radius:11px;padding:13px}.segment-grid article>div{float:right;text-align:right}.segment-grid article>div span{color:var(--green);font-size:20px;font-weight:800}.segment-grid article>div small{color:var(--muted);font-size:7px;display:block}.segment-grid article>b{font-size:10px}.segment-grid p{min-height:28px;color:var(--muted);font-size:8px;line-height:1.45}.segment-grid strong{font-size:9px;display:block}.segment-grid button{color:var(--green2);background:0 0;border:0;padding:10px 0 0;font-size:8px;font-weight:800}.campaign-score{background:conic-gradient(var(--green2) 72%,#e7ebe7 0);border-radius:50%;align-content:center;place-items:center;width:120px;height:120px;margin:18px auto;display:grid;position:relative}.campaign-score:after{content:"";background:#fff;border-radius:50%;position:absolute;inset:10px}.campaign-score strong,.campaign-score span{z-index:1}.campaign-score strong{font-size:23px}.campaign-score span{color:var(--muted);font-size:7px}.store-performance-panel{margin-top:17px}.store-health-grid{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.store-health-grid article{background:#f7f9f6;border-radius:10px;padding:13px}.store-health-grid span,.store-health-grid small{color:var(--muted);font-size:8px;display:block}.store-health-grid strong{margin:5px 0;font-size:19px;display:block}.store-detail-table{min-width:1420px}.store-detail-table .tr{grid-template-columns:1.35fr .65fr .75fr 1fr 1fr .5fr .5fr .65fr 1.25fr}.store-detail-table .row-action{margin-top:5px;display:block}.fulfillment-kpis{grid-template-columns:repeat(5,1fr)}.orders-grid .tr.selected{box-shadow:inset 3px 0 var(--green2);background:#edf5f0}.po-detail-grid{grid-template-columns:1fr 330px;gap:16px;margin-top:16px;display:grid}.journey-track{grid-template-columns:repeat(5,1fr);margin-top:18px;display:grid}.journey-track article{border-top:3px solid #e0e5e1;padding:0 12px;position:relative}.journey-track article>span{color:#66736d;background:#e0e5e1;border-radius:50%;place-items:center;width:26px;height:26px;margin-top:-15px;font-size:9px;font-weight:900;display:grid}.journey-track article.done,.journey-track article.active{border-color:var(--green2)}.journey-track article.done>span{background:var(--green2);color:#fff}.journey-track article.active>span{color:var(--green2);border:2px solid var(--green2);background:#fff}.journey-track b,.journey-track small,.journey-track p,.journey-track time{display:block}.journey-track b{margin-top:10px;font-size:9px}.journey-track small,.journey-track p,.journey-track time{color:var(--muted);font-size:7px}.journey-track p{min-height:22px;line-height:1.4}.journey-track time{color:var(--green);font-weight:800}.po-control-card h2{margin-top:0}.po-facts p{border-bottom:1px solid var(--line);justify-content:space-between;gap:15px;margin:0;padding:9px 0;font-size:8px;display:flex}.po-facts span{color:var(--muted)}.exception-note{background:#f2f8e8;border:1px solid #d8e6bf;border-radius:9px;margin:14px 0;padding:10px}.exception-note b{font-size:9px}.exception-note p{color:var(--muted);margin:4px 0 0;font-size:7px;line-height:1.5}.delivery-board{margin-top:16px}.delivery-lanes article{border-top:1px solid var(--line);grid-template-columns:36px 1.3fr 1fr .8fr .8fr 55px;align-items:center;gap:12px;padding:11px 0;display:grid}.delivery-lanes b,.delivery-lanes small{display:block}.delivery-lanes b{font-size:9px}.delivery-lanes small{color:var(--muted);margin-bottom:3px;font-size:7px}.truck-badge{width:32px;height:32px;color:var(--green);background:#e8f0ec;border-radius:9px;place-items:center;display:grid}.region-score-panel{margin-bottom:16px}.region-score-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.region-score-grid>article{border:1px solid var(--line);border-radius:12px;grid-template-columns:1fr auto;padding:13px;display:grid}.region-score-grid>article>div b,.region-score-grid>article>div small{display:block}.region-score-grid>article>div small{color:var(--muted);margin-top:3px;font-size:7px}.region-score-grid>article>strong{color:var(--green);font-size:25px}.region-score-grid>article>span{color:var(--muted);grid-column:2;font-size:7px}.region-score-metrics{border-top:1px solid var(--line);grid-column:1/3;grid-template-columns:repeat(4,1fr);margin-top:12px;padding-top:10px;display:grid!important}.region-score-metrics p{color:var(--muted);margin:0;font-size:7px}.region-score-metrics p b{color:var(--ink);margin-top:3px;font-size:8px;display:block!important}.region-score-grid button{color:var(--green2);text-align:left;background:0 0;border:0;grid-column:1/3;margin-top:10px;padding:0;font-size:8px;font-weight:800}.performance-grid.detailed{grid-template-columns:minmax(0,1fr) 300px}.detailed-score-table{min-width:1260px}.detailed-score-table .tr{grid-template-columns:1.55fr repeat(8,.65fr) 1fr}.detailed-score-table .tr>span:first-child{grid-template-columns:28px 1fr;display:grid}.detailed-score-table .rank{grid-row:1/3;align-self:center;font-style:normal}.detailed-score-table .circle-score{width:34px;height:34px}.score-definition{grid-template-columns:330px 1fr;align-items:center;gap:25px;margin-top:16px;display:grid}.score-definition h2{margin:0}.score-definition p{color:var(--muted);font-size:8px;line-height:1.55}.weight-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.weight-grid span{color:var(--muted);background:#f5f7f4;border-radius:8px;padding:10px;font-size:8px}.weight-grid b{color:var(--green);margin-bottom:4px;font-size:13px;display:block}@media (width<=1100px){.region-cards,.region-score-grid{grid-template-columns:1fr}.commerce-kpis,.fulfillment-kpis,.store-health-grid{grid-template-columns:repeat(2,1fr)}.po-detail-grid,.b2b-grid,.crm-layout,.performance-grid.detailed{grid-template-columns:1fr}.journey-track{padding-top:15px;overflow-x:auto}.journey-track article{min-width:150px}.storefront-hero{padding:35px}.product-strip{grid-template-columns:repeat(2,1fr)}}@media (width<=820px){.daily-summary{width:100%;overflow-x:auto}.region-cards{grid-template-columns:1fr}.storefront-top nav{display:none}.storefront-hero{grid-template-columns:1fr;padding:28px 22px}.storefront-hero h2{font-size:31px}.tea-visual{min-height:240px}.trust-row{flex-wrap:wrap}.delivery-lanes{overflow-x:auto}.delivery-lanes article{min-width:760px}.score-definition{grid-template-columns:1fr}.view-switch{overflow-x:auto}}@media (width<=520px){.commerce-kpis,.fulfillment-kpis,.store-health-grid,.product-strip,.segment-grid{grid-template-columns:1fr 1fr}.region-metrics{grid-template-columns:repeat(2,1fr)}.daily-summary span{display:none}.storefront-top{padding:0 14px}.storefront-top>button{margin-left:auto}.tea-box{width:94px;height:145px}.tea-box.mulia{height:166px}.b2b-products article{grid-template-columns:1fr 85px}.b2b-products strong,.b2b-products button{display:none}.weight-grid{grid-template-columns:repeat(2,1fr)}}.channel-page{color:#173026;background:#fbfaf6;min-height:100vh}.channel-header{color:#fff;z-index:50;background:#0a4333;align-items:center;gap:40px;height:82px;padding:0 clamp(24px,5vw,78px);display:flex;position:sticky;top:0;box-shadow:0 6px 24px #08302424}.channel-logo{color:inherit;align-items:center;gap:11px;min-width:230px;text-decoration:none;display:flex}.channel-logo>span{letter-spacing:1px;border:1px solid;border-radius:50% 48% 52%;place-items:center;width:45px;height:45px;font-family:Georgia,serif;font-size:12px;display:grid;position:relative}.channel-logo>span:after{content:"";border:1px solid #acd34b;border-radius:50%;position:absolute;inset:5px}.channel-logo b,.channel-logo small{display:block}.channel-logo b{letter-spacing:.15px;font-size:14px}.channel-logo small{color:#bdd0c8;letter-spacing:.5px;margin-top:3px;font-size:8px}.channel-logo.dark{color:#0b4937;min-width:0}.channel-logo.dark small{color:#71817a}.channel-logo.dark>span{width:38px;height:38px}.channel-header nav{gap:28px;margin-left:auto;display:flex}.channel-header nav a{color:#cfe0d9;white-space:nowrap;font-size:11px;font-weight:650;text-decoration:none;position:relative}.channel-header nav a:hover,.channel-header nav a.active{color:#fff}.channel-header nav a.active:after{content:"";background:#abd141;height:2px;position:absolute;bottom:-12px;left:0;right:0}.channel-header-cta{color:#fff;white-space:nowrap;border:1px solid #ffffff61;border-radius:9px;padding:10px 14px;font-size:10px;font-weight:800;text-decoration:none}.channel-eyebrow{letter-spacing:2px;color:#52806e;margin-bottom:12px;font-size:9px;font-weight:900;display:block}.corporate-hero{background:radial-gradient(circle at 83% 30%,#ead8a4 0,#f4ead2 23%,#0000 47%),linear-gradient(135deg,#fffefb 0,#f4ecd9 100%);grid-template-columns:1.08fr .92fr;align-items:center;min-height:680px;padding:64px clamp(30px,7vw,110px);display:grid;overflow:hidden}.hero-copy h1,.shop-hero h1{color:#103d2f;letter-spacing:-2.2px;margin:0;font-family:Georgia,serif;font-size:clamp(44px,5.3vw,76px);line-height:1.02}.hero-copy h1 em{color:#bb2631;font-weight:400}.hero-copy>p,.shop-hero>div>p{color:#66726c;max-width:650px;margin:24px 0;font-size:14px;line-height:1.78}.channel-actions{gap:11px;display:flex}.channel-actions a,.shop-hero>div>a{border-radius:10px;padding:14px 20px;font-size:11px;font-weight:800;text-decoration:none}.channel-actions .primary,.shop-hero>div>a{color:#fff;background:#d91f2e;box-shadow:0 10px 24px #d91f2e2e}.channel-actions .secondary{color:#0c4a36;border:1px solid #0c4a36}.hero-proof{border-top:1px solid #0c4a3626;gap:32px;max-width:670px;margin-top:38px;padding-top:23px;display:flex}.hero-proof span{color:#7b847f;font-size:9px}.hero-proof b{color:#173026;margin-bottom:5px;font-size:12px;display:block}.channel-product-visual{isolation:isolate;justify-content:center;align-items:flex-end;min-height:470px;display:flex;position:relative}.channel-product-visual:before{content:"";filter:blur(12px);z-index:-1;background:#442d142e;border-radius:50%;width:390px;height:85px;position:absolute;bottom:24px}.tea-pack{border-radius:8px;flex-direction:column;justify-content:center;align-items:center;width:190px;height:285px;font-family:Georgia,serif;display:flex;box-shadow:0 35px 50px #2e211145}.tea-pack small{letter-spacing:3px;font-size:10px}.tea-pack b{letter-spacing:3px;margin:6px 0 18px;font-size:28px}.tea-pack em{letter-spacing:1px;font-family:Inter,sans-serif;font-size:9px;font-style:normal}.pack-dandang{color:#fff;background:linear-gradient(145deg,#ed3040,#b80f20);transform:rotate(-7deg)}.pack-mulia{color:#d9c17e;background:linear-gradient(145deg,#18533f,#082f25);height:325px;transform:translateY(-22px)rotate(4deg)}.tea-cup-art{background:radial-gradient(circle,#6e3917 0 38%,#a7642d 39% 50%,#fff 51%);border:15px solid #fff;border-radius:50%;width:116px;height:116px;position:absolute;bottom:20px;right:4%;box-shadow:0 16px 28px #361f0c38}.tea-cup-art i{border:10px solid #fff;border-left:0;border-radius:0 28px 28px 0;width:40px;height:26px;position:absolute;top:30px;right:-49px}.leaf{color:#5d8b3f;opacity:.75;font-size:34px;position:absolute;transform:rotate(45deg)}.l1{bottom:64px;left:4%}.l2{top:32px;right:3%}.l3{font-size:22px;top:24px;left:20%}.channel-switcher{background:#fff;padding:90px clamp(30px,7vw,110px)}.channel-switcher>div:first-child{justify-content:space-between;align-items:end;display:flex}.channel-switcher h2,.brand-stories h2,.integration-band h2,.shop-catalog h2,.repeat-order-banner h2{color:#143f31;margin:0;font-family:Georgia,serif;font-size:36px}.channel-cards{grid-template-columns:repeat(3,1fr);gap:18px;margin-top:34px;display:grid}.channel-cards a{color:inherit;background:#fbfcfa;border:1px solid #dde4df;border-radius:16px;padding:28px;text-decoration:none;transition:all .2s}.channel-cards a:hover{border-color:#b8cdbf;transform:translateY(-4px);box-shadow:0 18px 40px #103c2e1a}.channel-cards span{letter-spacing:1.5px;color:#608071;font-size:8px}.channel-cards h3{margin:16px 0 8px;font-size:18px}.channel-cards p{color:#77827d;min-height:54px;font-size:11px;line-height:1.6}.channel-cards b{color:#13704f;font-size:10px}.brand-stories{grid-template-columns:1fr 1fr;min-height:500px;display:grid}.brand-stories article{flex-direction:column;justify-content:center;padding:85px clamp(35px,7vw,110px);display:flex}.brand-stories span{letter-spacing:2px;font-size:9px;font-weight:800}.brand-stories h2{max-width:530px;margin:16px 0;font-size:42px}.brand-stories p{max-width:530px;font-size:12px;line-height:1.7}.brand-stories a{color:inherit;margin-top:18px;font-size:10px;font-weight:800}.dandang-story{color:#fff;background:linear-gradient(135deg,#b81122,#e72c3c)}.dandang-story h2{color:#fff}.dandang-story p{color:#ffdce0}.mulia-story{color:#dbc888;background:linear-gradient(135deg,#10392d,#09261e)}.mulia-story h2{color:#e6d79f}.mulia-story p{color:#b8cbbf}.integration-band{text-align:center;background:#f3efe3;padding:88px 30px}.integration-band h2{max-width:850px;margin:0 auto}.integration-band>div{justify-content:center;align-items:center;gap:16px;margin-top:32px;display:flex}.integration-band>div span{background:#fff;border-radius:9px;padding:12px 15px;font-size:9px;font-weight:800;box-shadow:0 5px 15px #143f310f}.integration-band i{color:#d21c2d;font-style:normal}.channel-footer{color:#fff;background:#092e24;align-items:center;gap:40px;min-height:130px;padding:30px clamp(24px,5vw,78px);display:flex}.channel-footer p{color:#aabdb5;font-size:9px}.channel-footer>div:last-child{gap:20px;margin-left:auto;display:flex}.channel-footer>div:last-child a{color:#d3dfda;font-size:9px;text-decoration:none}.shop-announcement{text-align:center;color:#345b4b;background:#eff5df;padding:9px 20px;font-size:9px;font-weight:700}.shop-hero{background:linear-gradient(110deg,#fff,#f3e8cf);grid-template-columns:1fr 1fr;align-items:center;min-height:510px;padding:46px clamp(30px,7vw,110px);display:grid}.shop-hero h1{font-size:58px}.shop-hero .channel-product-visual{min-height:390px;transform:scale(.83)}.shop-hero>div>a{margin-top:4px;display:inline-block}.shop-benefits{background:#fff;border-bottom:1px solid #e3e6e0;grid-template-columns:repeat(4,1fr);padding:22px clamp(30px,7vw,110px);display:grid}.shop-benefits span{color:#7c8581;border-right:1px solid #e4e7e1;padding:8px 25px;font-size:9px}.shop-benefits span:last-child{border:0}.shop-benefits b{color:#1b4032;margin-bottom:4px;font-size:10px;display:block}.shop-catalog{padding:80px clamp(30px,7vw,110px)}.catalog-head{justify-content:space-between;align-items:end;display:flex}.catalog-head>div:last-child{gap:7px;display:flex}.catalog-head button{color:#68746e;background:#fff;border:1px solid #dce3de;border-radius:20px;padding:9px 12px;font-size:9px}.catalog-head button.active{color:#fff;background:#0c4a36;border-color:#0c4a36}.shop-product-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-top:30px;display:grid}.shop-product-grid article{background:#fff;border:1px solid #e1e5e1;border-radius:14px;padding:16px}.shop-product-grid article>span{color:#56806e;margin-top:15px;font-size:8px;display:block}.shop-product-grid h3{margin:6px 0;font-size:14px}.shop-product-grid p{color:#7d8681;font-size:8px}.shop-product-grid article>div:last-child{justify-content:space-between;align-items:center;margin-top:14px;display:flex}.shop-product-grid strong{font-size:13px}.shop-product-grid button{color:#0d5b41;background:#e8f0e3;border:0;border-radius:8px;padding:8px;font-size:8px;font-weight:800}.shop-pack{color:#fff;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;height:210px;display:flex;box-shadow:inset 0 0 60px #00000014}.shop-pack.red{background:linear-gradient(145deg,#eb3040,#bb1021)}.shop-pack.green{color:#dfca87;background:linear-gradient(145deg,#17523f,#0a2d24)}.shop-pack small{letter-spacing:2px;font-size:7px}.shop-pack b{letter-spacing:2px;margin:6px;font-family:Georgia,serif;font-size:21px}.shop-pack em{font-size:8px;font-style:normal}.repeat-order-banner{color:#fff;background:#103e30;border-radius:18px;justify-content:space-between;align-items:center;margin:0 clamp(30px,7vw,110px) 80px;padding:34px 42px;display:flex}.repeat-order-banner h2{color:#fff}.repeat-order-banner p{color:#bfd1c9;font-size:10px}.repeat-order-banner button{color:#fff;background:#d51d2c;border:0;border-radius:10px;padding:13px 17px;font-size:9px;font-weight:800}.partner-page{background:#f2f5f2;min-height:100vh;padding-bottom:45px}.partner-header{background:#fff;border-bottom:1px solid #dfe4df;align-items:center;height:74px;padding:0 4vw;display:flex}.partner-header>div{align-items:center;gap:18px;margin-left:auto;display:flex}.partner-header a{color:#52665d;font-size:9px;text-decoration:none}.partner-header b{font-size:10px}.partner-user{color:#c21b2a;background:#f8dfe1;border-radius:9px;place-items:center;width:32px;height:32px;font-size:9px;font-weight:900;display:grid}.partner-welcome{color:#fff;background:#0a4333;justify-content:space-between;align-items:center;padding:32px 5vw 26px;display:flex}.partner-welcome .channel-eyebrow{color:#a7ccbb}.partner-welcome h1{margin:0;font-size:28px}.partner-welcome p{color:#b9cec6;font-size:9px}.partner-welcome>div:last-child{gap:36px;display:flex}.partner-welcome>div:last-child span{color:#afc8bf;font-size:8px}.partner-welcome>div:last-child b{color:#fff;margin-top:5px;font-size:15px;display:block}.partner-tabs{background:#fff;border-bottom:1px solid #dde3dd;gap:6px;padding:0 5vw;display:flex}.partner-tabs button{color:#758078;background:0 0;border:0;border-bottom:2px solid #0000;padding:15px 14px;font-size:9px;font-weight:700}.partner-tabs button.active{color:#0b563d;border-color:#0b563d}.partner-layout{grid-template-columns:1fr 330px;gap:18px;padding:24px 5vw;display:grid}.partner-layout>section,.partner-summary,.partner-status{background:#fff;border:1px solid #dfe4df;border-radius:14px;padding:18px}.partner-recommend{background:#edf5dc;border:1px solid #d7e7b7;border-radius:11px;justify-content:space-between;align-items:center;padding:17px;display:flex}.partner-recommend span{color:#397356;letter-spacing:1px;font-size:8px}.partner-recommend h2{margin:5px 0;font-size:15px}.partner-recommend p{color:#6f7d75;margin:0;font-size:8px}.partner-recommend button{color:#fff;background:#0c553e;border:0;border-radius:8px;padding:10px 12px;font-size:8px;font-weight:800}.partner-order-list{margin-top:12px}.partner-order-list article{border-bottom:1px solid #e6e9e5;grid-template-columns:42px 1fr 120px 110px;align-items:center;gap:12px;padding:13px 4px;display:grid}.mini-pack{color:#fff;border-radius:4px;place-items:center;width:38px;height:48px;font-size:7px;font-weight:900;display:grid}.mini-pack.red{background:#d41d2d}.mini-pack.green{color:#dbc67d;background:#0b4937}.partner-order-list b,.partner-order-list small{display:block}.partner-order-list b{font-size:10px}.partner-order-list small{color:#78847e;margin-top:4px;font-size:7px}.partner-order-list article>span{font-size:9px}.partner-order-list label{display:flex}.partner-order-list label button,.partner-order-list input{text-align:center;background:#fff;border:1px solid #dce2dd;width:30px;height:29px;font-size:8px}.partner-order-list input{border-left:0;border-right:0;width:42px}.partner-summary h2{font-size:18px}.partner-summary>p{border-bottom:1px solid #e5e8e4;justify-content:space-between;margin:0;padding:11px 0;font-size:9px;display:flex}.partner-summary .discount{color:#158456}.partner-summary>div{justify-content:space-between;align-items:end;margin-top:20px;padding:14px 0;display:flex}.partner-summary>div span{font-size:8px}.partner-summary>div strong{font-size:19px}.partner-summary>button{color:#fff;background:#d51d2c;border:0;border-radius:9px;width:100%;padding:12px;font-size:9px;font-weight:800}.partner-summary>small{text-align:center;color:#75827c;margin-top:10px;font-size:7px;line-height:1.5;display:block}.partner-status{margin:24px 5vw}.partner-status h2{font-size:22px}.partner-status article{border-top:1px solid #e4e8e4;grid-template-columns:1fr 200px 80px;align-items:center;padding:15px 0;display:grid}.partner-status article b,.partner-status article small{display:block}.partner-status article b{font-size:11px}.partner-status article small{color:#76827c;margin-top:3px;font-size:8px}.partner-status article strong{font-size:10px}.partner-status article button{color:#0a6a49;background:0 0;border:0;font-size:8px;font-weight:800}.portal-switch{background:#e7eee9;border-radius:12px;align-items:center;gap:15px;margin:0 5vw;padding:16px 20px;display:flex}.portal-switch b{font-size:10px}.portal-switch span{color:#6d7b74;font-size:8px}.portal-switch a{color:#0a6244;margin-left:auto;font-size:8px;font-weight:800}.sales-mobile-stage{background:radial-gradient(circle at 26% 30%,#dfe9df,#0000 34%),linear-gradient(135deg,#f3f1e7,#dce6df);grid-template-columns:390px 1fr;justify-content:center;align-items:center;gap:8vw;min-height:100vh;padding:42px clamp(20px,8vw,120px);display:grid}.sales-phone{background:#f5f7f4;border:9px solid #17332a;border-radius:42px;width:390px;min-height:800px;padding-bottom:66px;position:relative;overflow:hidden;box-shadow:0 35px 70px #0c37293d}.sales-phone>header{background:#fff;align-items:center;height:67px;padding:0 18px;display:flex}.sales-phone>header button{background:#fff;border:1px solid #dde4df;border-radius:9px;width:34px;height:34px;margin-left:auto}.sales-greeting{color:#fff;background:#0b4937;align-items:center;padding:20px;display:flex}.sales-greeting small{color:#a5c2b6;letter-spacing:1.5px;font-size:7px}.sales-greeting h1{margin:6px 0 3px;font-size:22px}.sales-greeting p{color:#bad0c7;margin:0;font-size:8px}.sales-greeting>span{color:#c31c2b;background:#f8dfe1;border-radius:50%;place-items:center;width:43px;height:43px;margin-left:auto;font-size:10px;font-weight:900;display:grid}.attendance-card{background:#fff3e4;border:1px solid #f1d09d;border-radius:12px;margin:14px;padding:13px}.attendance-card>div{align-items:center;gap:10px;display:flex}.attendance-card b,.attendance-card small{display:block}.attendance-card b{font-size:10px}.attendance-card small{color:#7b807b;margin-top:3px;font-size:7px}.attendance-card>button{color:#fff;background:#d61d2c;border:0;border-radius:8px;width:100%;margin-top:10px;padding:9px;font-size:8px;font-weight:800}.attendance-card.done{background:#edf6e8;border-color:#cfe2c1}.attendance-card.done>button{background:#167553}.live-pulse{background:#e01d2c;border-radius:50%;width:10px;height:10px;box-shadow:0 0 0 6px #e01d2c1a}.attendance-card.done .live-pulse{background:#18815b;box-shadow:0 0 0 6px #18815b1a}.sales-today{background:#fff;border:1px solid #e0e5e1;border-radius:12px;margin:0 14px 14px;padding:13px}.sales-today>div{grid-template-columns:repeat(3,1fr);display:grid}.sales-today span{color:#76817b;font-size:7px}.sales-today b{color:#193b2f;margin-top:4px;font-size:11px;display:block}.sales-today>i{background:#e5e9e5;border-radius:4px;height:5px;margin-top:11px;display:block}.sales-today em{background:#53a66e;border-radius:4px;height:100%;display:block}.sales-route{margin:0 14px}.sales-section-title{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.sales-section-title small{color:#6b8277;letter-spacing:1px;font-size:7px}.sales-section-title h2{margin:4px 0 0;font-size:13px}.sales-section-title button{color:#0e6a49;background:#e4f0e7;border:0;border-radius:7px;padding:7px;font-size:7px}.sales-route article{grid-template-columns:38px 25px 1fr auto;align-items:center;gap:8px;min-height:71px;display:grid;position:relative}.sales-route article:before{content:"";border-left:1px dashed #b9c7bf;position:absolute;top:47px;bottom:-25px;left:49px}.sales-route article:last-child:before{display:none}.sales-route time{color:#728078;font-size:8px}.sales-route article>span{color:#647169;z-index:1;background:#e1e6e2;border-radius:50%;place-items:center;width:23px;height:23px;font-size:8px;display:grid}.sales-route article.done>span{color:#fff;background:#1a815c}.sales-route article.active>span{color:#d51d2c;background:#fff;border:2px solid #d51d2c}.sales-route article b,.sales-route article small,.sales-route article em{display:block}.sales-route article b{font-size:9px}.sales-route article small{color:#77827d;margin:3px 0;font-size:7px}.sales-route article em{color:#34745a;font-size:7px;font-style:normal}.sales-route article>button{color:#fff;background:#d61d2c;border:0;border-radius:7px;padding:8px;font-size:7px}.sales-route article>button:disabled{opacity:.38}.sales-alert{background:#fff;border:1px solid #e2e5e2;border-radius:11px;align-items:center;gap:10px;margin:14px;padding:12px;display:flex}.sales-alert>span{color:#d51c2b;background:#ffe8e9;border-radius:50%;place-items:center;width:26px;height:26px;font-weight:900;display:grid}.sales-alert b,.sales-alert small{display:block}.sales-alert b{font-size:8px}.sales-alert small{color:#78817d;margin-top:3px;font-size:7px}.sales-alert button{color:#0c6648;background:0 0;border:0;margin-left:auto;font-size:7px;font-weight:800}.sales-bottom-nav{background:#fff;border-top:1px solid #dfe4e0;grid-template-columns:repeat(5,1fr);height:61px;display:grid;position:absolute;bottom:0;left:0;right:0}.sales-bottom-nav button{color:#809088;background:0 0;border:0;font-size:13px}.sales-bottom-nav button.active{color:#0d6447}.sales-bottom-nav small{margin-top:3px;font-size:6px;display:block}.sales-demo-note{max-width:540px}.sales-demo-note h2{color:#103f30;margin:0;font-family:Georgia,serif;font-size:48px;line-height:1.08}.sales-demo-note>p{color:#66756e;font-size:12px;line-height:1.7}.sales-demo-note ul{grid-template-columns:1fr 1fr;gap:10px;padding:0;list-style:none;display:grid}.sales-demo-note li{color:#315a49;background:#fff;border-radius:10px;padding:13px;font-size:9px;box-shadow:0 6px 20px #1242310f}.sales-demo-note li:before{content:"✓";color:#d51d2c;margin-right:7px}.sales-demo-note a{color:#fff;background:#0b4937;border-radius:9px;margin-top:20px;padding:13px 17px;font-size:9px;font-weight:800;text-decoration:none;display:inline-block}.channel-separation-note{background:#edf5dc;border:1px solid #d7e7b7;border-radius:11px;align-items:center;gap:8px;margin-bottom:16px;padding:13px 15px;display:flex}.channel-separation-note>div{margin-right:auto}.channel-separation-note b,.channel-separation-note span{display:block}.channel-separation-note b{font-size:10px}.channel-separation-note span{color:#68776f;margin-top:3px;font-size:8px}.channel-separation-note a{color:#0b5d42;white-space:nowrap;background:#fff;border:1px solid #d6dfd8;border-radius:7px;padding:8px 9px;font-size:7px;font-weight:800;text-decoration:none}@media (width<=1050px){.channel-header nav{display:none}.corporate-hero,.shop-hero{grid-template-columns:1fr}.channel-product-visual{min-height:400px}.channel-cards,.shop-product-grid{grid-template-columns:repeat(2,1fr)}.partner-layout{grid-template-columns:1fr}.sales-mobile-stage{grid-template-columns:390px}.sales-demo-note{text-align:center}.sales-demo-note ul{text-align:left}}@media (width<=720px){.channel-header{height:70px;padding:0 15px}.channel-header .channel-logo{min-width:0}.channel-header .channel-logo div{display:none}.channel-header-cta{margin-left:auto}.corporate-hero{padding:45px 22px}.hero-copy h1,.shop-hero h1{font-size:42px}.hero-proof{flex-wrap:wrap;gap:14px}.channel-product-visual{margin:-40px -60px;transform:scale(.78)}.channel-switcher,.shop-catalog{padding:60px 22px}.channel-switcher>div:first-child,.catalog-head{display:block}.channel-cards,.shop-product-grid,.brand-stories,.shop-benefits{grid-template-columns:1fr}.brand-stories article{padding:60px 28px}.integration-band>div{flex-direction:column}.integration-band i{transform:rotate(90deg)}.channel-footer{display:block}.channel-footer p{margin:16px 0}.channel-footer>div:last-child{flex-wrap:wrap;margin:0}.shop-hero{padding:42px 22px}.shop-benefits{grid-template-columns:1fr 1fr;padding:14px 22px}.shop-benefits span{padding:10px}.repeat-order-banner{margin:0 22px 60px;padding:26px;display:block}.repeat-order-banner button{margin-top:15px}.partner-welcome{display:block}.partner-welcome>div:last-child{flex-wrap:wrap;gap:18px;margin-top:20px}.partner-tabs{overflow-x:auto}.partner-tabs button{white-space:nowrap}.partner-layout{padding:18px 14px}.partner-order-list article{grid-template-columns:38px 1fr 90px}.partner-order-list label{grid-column:2/4}.partner-status{margin:18px 14px}.portal-switch{margin:0 14px;display:block}.portal-switch span,.portal-switch a{margin:6px 0 0;display:block}.partner-header a{display:none}.sales-mobile-stage{padding:16px 0 60px;display:block}.sales-phone{width:min(390px,100%);box-shadow:none;border-width:0;border-radius:0;margin:auto}.sales-demo-note{padding:45px 24px 0}.sales-demo-note h2{font-size:38px}.channel-separation-note{flex-wrap:wrap;align-items:flex-start}.channel-separation-note>div{width:100%}}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}