@layer components{.survey-analytics-page{flex-direction:column;gap:14px;min-height:100vh;padding:16px;display:flex}.internal-analytics-shell{width:min(1800px,100%);max-width:1800px;min-height:100vh;margin-inline:auto;padding:12px}.internal-analytics-shell>.survey-analytics-page--embedded{min-height:0;padding:12px 4px 4px}.survey-analytics-header{background:#f5f9ef;border:1px solid #d4e1ca;border-radius:24px;justify-content:space-between;align-items:flex-start;gap:20px;padding:18px 22px;display:flex;box-shadow:0 8px 22px #41582d14}.survey-analytics-header__copy{min-width:0}.survey-analytics-header__copy>span{color:var(--green);letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-weight:950}.survey-analytics-header h1{letter-spacing:-.055em;margin:7px 0 0;font-size:clamp(28px,3.4vw,48px);font-weight:950;line-height:.98}.survey-analytics-header p{color:var(--muted);margin:10px 0 0;font-size:12px;font-weight:780;line-height:1.5}.survey-analytics-header__actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:7px;display:flex}.survey-analytics-header__actions>a{color:#2a5c21;background:#fff;border:1px solid #d2dfca;border-radius:11px;align-items:center;min-height:37px;padding:8px 11px;font-size:10px;font-weight:950;text-decoration:none;display:inline-flex}.analytics-preview-note{color:#6d5a27;background:#fff8e2c7;border:1px solid #97762733;border-radius:13px;padding:9px 12px;font-size:10px;font-weight:850}.analytics-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.analytics-metrics article{opacity:0;background:#ffffffb8;border:1px solid #8ea27b57;border-radius:18px;min-width:0;padding:15px 16px;animation:.52s cubic-bezier(.22,1,.36,1) forwards analytics-card-enter;box-shadow:0 7px 18px #41582d0f}.analytics-metrics article:first-child{background:linear-gradient(145deg,#eff5faf0,#ffffffc2);border-color:#4f739540}.analytics-metrics article:nth-child(2){background:linear-gradient(145deg,#faf4e9f0,#ffffffc2);border-color:#d09a4a42}.analytics-metrics article:nth-child(3){background:linear-gradient(145deg,#faefedf0,#ffffffc2);border-color:#c975673d}.analytics-metrics article:nth-child(4){background:linear-gradient(145deg,#edf6f4f0,#ffffffc2);border-color:#578c883d}.analytics-metrics article:nth-child(2){animation-delay:70ms}.analytics-metrics article:nth-child(3){animation-delay:.14s}.analytics-metrics article:nth-child(4){animation-delay:.21s}.analytics-metrics>article>span{color:#607456;letter-spacing:.05em;text-transform:uppercase;font-size:9px;font-weight:950;display:block}.analytics-metrics>article>strong{color:var(--green);font-variant-numeric:tabular-nums;margin-top:9px;font-size:clamp(26px,3vw,40px);font-weight:950;line-height:.9;display:block}.analytics-metrics article:first-child>strong{color:#416684}.analytics-metrics article:nth-child(2)>strong{color:#a87328}.analytics-metrics article:nth-child(3)>strong{color:#ad5f53}.analytics-metrics article:nth-child(4)>strong{color:#467b77}.analytics-metrics>article>strong>span{color:inherit;font:inherit;letter-spacing:inherit;text-transform:none}.analytics-metrics small{color:#6c8062;margin-top:9px;font-size:9px;font-weight:900;display:block}.analytics-dashboard-grid{grid-template-columns:repeat(12,minmax(0,1fr));align-items:stretch;gap:11px;display:grid}.analytics-panel{opacity:0;--analytics-accent:#4f7395;--analytics-accent-light:#91abc1;--analytics-track:#e3e9ed;background:#ffffffb8;border:1px solid #8ea27b59;border-radius:20px;grid-column:span 4;min-width:0;height:100%;padding:16px;box-shadow:0 8px 22px #41582d12}.analytics-panel.is-visible{animation:.58s cubic-bezier(.22,1,.36,1) forwards analytics-panel-enter}.analytics-panel:nth-child(2){animation-delay:70ms}.analytics-panel:nth-child(3){animation-delay:.12s}.analytics-panel:nth-child(4){animation-delay:.17s}.analytics-panel:nth-child(5){animation-delay:.22s}.analytics-panel:nth-child(6){animation-delay:.27s}.analytics-panel:nth-child(n+7){animation-delay:.32s}.analytics-panel--trend{--analytics-accent:#4f7395;--analytics-accent-light:#8da9c0;order:1;grid-column:span 6}.analytics-panel--customer{--analytics-accent:#8a7898;--analytics-accent-light:#b4a6bf;order:2;grid-column:span 3}.analytics-panel--logistics{--analytics-accent:#578c88;--analytics-accent-light:#8db5b1;order:3;grid-column:span 3}.analytics-panel--products{--analytics-accent:#c97567;--analytics-accent-light:#dfa497;--analytics-track:#f0e3df;order:4;grid-column:span 4}.analytics-panel--models{--analytics-accent:#4f7395;--analytics-accent-light:#91abc1;order:5;grid-column:span 4}.analytics-panel--grades{--analytics-accent:#d09a4a;--analytics-accent-light:#e2bc7d;--analytics-track:#f2eadc;order:6;grid-column:span 4}.analytics-panel--markets{--analytics-accent:#578c88;--analytics-accent-light:#8db5b1;--analytics-track:#e0ecea;order:7;grid-column:span 4}.analytics-panel--sources{--analytics-accent:#a4ad70;--analytics-accent-light:#c5c994;--analytics-track:#ececdd;order:8;grid-column:span 4}.analytics-panel--language{--analytics-accent:#8a7898;--analytics-accent-light:#b4a6bf;--analytics-track:#e9e4ec;order:9;grid-column:span 4}.analytics-panel--customer .analytics-donut-layout,.analytics-panel--logistics .analytics-donut-layout{grid-template-columns:1fr;align-content:start;gap:10px}.analytics-panel--customer .analytics-donut,.analytics-panel--logistics .analytics-donut{max-width:150px}.analytics-panel--customer .analytics-legend,.analytics-panel--logistics .analytics-legend{width:100%;max-width:230px;margin-inline:auto}.analytics-panel__head{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:flex-start;gap:12px;margin:0;list-style:none;transition:margin-bottom .24s cubic-bezier(.22,1,.36,1),transform .18s;display:flex}.analytics-panel__head:active{transform:scale(.992)}.analytics-panel[open]>.analytics-panel__head{margin-bottom:14px}.analytics-panel__head::-webkit-details-marker{display:none}.analytics-panel__head:after{content:"›";background:color-mix(in srgb, var(--analytics-accent) 12%, white);width:28px;height:28px;color:var(--analytics-accent);font-family:var(--font-icon);border-radius:9px;flex:0 0 28px;place-items:center;margin-left:auto;font-size:22px;font-weight:700;line-height:1;transition:transform .22s,background .22s;display:grid;transform:rotate(90deg)}.analytics-panel[open]>.analytics-panel__head:after{transform:rotate(-90deg)}.analytics-panel__head:hover:after{background:color-mix(in srgb, var(--analytics-accent) 20%, white)}.analytics-panel:not([open]){align-self:start;height:max-content}.analytics-panel[open]>:not(summary){animation:.24s cubic-bezier(.22,1,.36,1) both analytics-panel-content-open}.analytics-panel__head h2{color:#27343b;letter-spacing:-.02em;margin:0;font-size:16px;font-weight:950}.analytics-panel__head p{color:#6a7d61;margin:5px 0 0;font-size:9px;font-weight:780;line-height:1.4}.analytics-panel__head>span{background:color-mix(in srgb, var(--analytics-accent) 12%, white);color:var(--analytics-accent);border-radius:999px;flex:none;padding:5px 8px;font-size:8px;font-weight:950}.analytics-chart{width:100%;min-width:0}.analytics-chart svg{width:100%;height:auto;overflow:visible}.analytics-grid-line{stroke:#dfe5e8;stroke-width:1px}.analytics-axis-label{fill:#75866d;font-size:9px;font-weight:800}.analytics-axis-label--date{font-size:8px}.analytics-trend-line{fill:none;stroke:#4f7395;stroke-width:3px;stroke-linejoin:round;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1px}.analytics-trend-area{opacity:0}.analytics-trend-dot{fill:#f7fafc;stroke:#4f7395;stroke-width:3px;opacity:0;transform-box:fill-box;transform-origin:50%}.analytics-bars{gap:11px;display:grid}.analytics-bar-row{opacity:0;min-width:0}.analytics-bar-row__copy{justify-content:space-between;align-items:center;gap:12px;margin-bottom:5px;display:flex}.analytics-bar-row__copy span{color:#46555d;overflow-wrap:anywhere;min-width:0;font-size:10px;font-weight:850}.analytics-bar-row__copy strong{color:var(--analytics-accent);font-variant-numeric:tabular-nums;flex:none;font-size:10px;font-weight:950}.analytics-bar-track{background:var(--analytics-track);border-radius:999px;height:9px;overflow:hidden}.analytics-bar-track span{border-radius:inherit;background:linear-gradient(90deg, var(--analytics-accent), var(--analytics-accent-light));transform-origin:0;height:100%;display:block;transform:scaleX(0)}.analytics-donut-layout{grid-template-columns:minmax(120px,.8fr) minmax(130px,1.2fr);align-items:center;gap:12px;display:grid}.analytics-donut{width:100%;max-width:180px;margin:auto}.analytics-donut__track{fill:none;stroke:#e5e8e7;stroke-width:17px}.analytics-donut__segment{opacity:0}.analytics-panel.is-visible.is-replaying .analytics-trend-line{animation:.9s ease-out .18s forwards analytics-line-draw}.analytics-panel.is-visible.is-replaying .analytics-trend-area{animation:.65s ease-out .43s forwards analytics-area-in}.analytics-panel.is-visible.is-replaying .analytics-trend-dot{animation:.3s ease-out forwards analytics-dot-pop}.analytics-panel.is-visible.is-replaying .analytics-bar-row{animation:.42s ease-out forwards analytics-bar-row-in}.analytics-panel.is-visible.is-replaying .analytics-bar-track span{animation:.72s cubic-bezier(.22,1,.36,1) .18s forwards analytics-bar-grow}.analytics-panel.is-visible.is-replaying .analytics-donut__segment{animation:.52s ease-out forwards analytics-donut-segment-in}.analytics-donut__value{fill:#344750;font-size:22px;font-weight:950}.analytics-donut__label{fill:#718087;text-transform:uppercase;font-size:7px;font-weight:900}.analytics-legend{gap:8px;min-width:0;display:grid}.analytics-legend>div{grid-template-columns:9px minmax(0,1fr) auto;align-items:center;gap:7px;min-width:0;display:grid}.analytics-legend>div>span{border-radius:50%;width:9px;height:9px}.analytics-legend p{color:#4d5b62;overflow-wrap:anywhere;min-width:0;margin:0;font-size:9px;font-weight:850}.analytics-legend strong{color:#3e515b;font-size:9px;font-weight:950}@keyframes analytics-card-enter{0%{opacity:0;transform:translateY(10px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes analytics-panel-enter{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes analytics-panel-content-open{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@keyframes analytics-line-draw{to{stroke-dashoffset:0}}@keyframes analytics-area-in{0%{opacity:0}to{opacity:1}}@keyframes analytics-dot-pop{0%{opacity:0;transform:scale(.2)}to{opacity:1;transform:scale(1)}}@keyframes analytics-bar-row-in{0%{opacity:0;transform:translate(-5px)}to{opacity:1;transform:translate(0)}}@keyframes analytics-bar-grow{to{transform:scaleX(1)}}@keyframes analytics-donut-segment-in{0%{opacity:0;stroke-width:4px}to{opacity:1;stroke-width:17px}}@media (prefers-reduced-motion:reduce){.analytics-panel,.analytics-panel.is-visible,.analytics-panel[open]>:not(summary),.analytics-panel.is-visible.is-replaying .analytics-trend-line,.analytics-panel.is-visible.is-replaying .analytics-trend-area,.analytics-panel.is-visible.is-replaying .analytics-trend-dot,.analytics-panel.is-visible.is-replaying .analytics-bar-row,.analytics-panel.is-visible.is-replaying .analytics-bar-track span,.analytics-panel.is-visible.is-replaying .analytics-donut__segment{animation:none}.analytics-panel,.analytics-trend-area,.analytics-trend-dot,.analytics-bar-row,.analytics-donut__segment{opacity:1}.analytics-trend-line{stroke-dashoffset:0}.analytics-bar-track span{transform:scaleX(1)}}}@layer responsive{@media (max-width:1100px){.analytics-panel,.analytics-panel--wide{grid-column:span 6}.analytics-panel--customer .analytics-donut-layout,.analytics-panel--logistics .analytics-donut-layout{grid-template-columns:minmax(120px,.8fr) minmax(130px,1.2fr);align-items:center}.analytics-panel--customer .analytics-legend,.analytics-panel--logistics .analytics-legend{max-width:none}}@media (max-width:760px){.survey-analytics-page{gap:10px;padding:10px}.survey-analytics-header{border-radius:19px;flex-direction:column;padding:16px}.survey-analytics-header__actions{justify-content:flex-start;width:100%}.survey-analytics-header__actions>a,.survey-analytics-header__actions .survey-language button{min-height:44px}.survey-analytics-header__actions>a{text-align:center;flex:130px;justify-content:center}.analytics-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.analytics-panel,.analytics-panel--wide{border-radius:17px;grid-column:1/-1;padding:14px}.analytics-chart{-webkit-overflow-scrolling:touch;overflow-x:auto}}@media (max-width:460px){.survey-analytics-page{padding:8px}.survey-analytics-header{padding:14px}.survey-analytics-header h1{font-size:29px;line-height:1}.survey-analytics-header__actions{grid-template-columns:1fr 1fr;display:grid}.survey-analytics-header__actions .survey-language{grid-column:1/-1}.analytics-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.analytics-metrics article{padding:12px;display:block}.analytics-metrics>article>strong{margin-top:7px;font-size:clamp(24px,7.2vw,29px)}.analytics-metrics small{margin-top:7px}.analytics-donut-layout{grid-template-columns:minmax(105px,.85fr) minmax(0,1.15fr);align-items:center;gap:10px}.analytics-panel--customer .analytics-donut-layout,.analytics-panel--logistics .analytics-donut-layout{grid-template-columns:minmax(105px,.85fr) minmax(0,1.15fr)}.analytics-donut{max-width:132px}.analytics-panel__head{flex-direction:row;align-items:flex-start}}}
@layer responsive{@media (min-width:1700px){.portal-page{padding:clamp(24px,12.1px + .7vw,32px)}.showroom-index-page{padding:clamp(18px,6.1px + .7vw,26px) clamp(24px,12.1px + .7vw,32px)}.internal-page{padding:clamp(14px,7.2px + .4vw,18px)}.survey-page{padding:clamp(16px,9.2px + .4vw,20px)}.admin-shell{width:min(clamp(1180px,1010px + 10vw,1280px),100%);padding:clamp(18px,11.2px + .4vw,22px)}.api-console-shell{width:min(clamp(1540px,1370px + 10vw,1640px),100%)}.super-admin-shell{width:min(clamp(1600px,1430px + 10vw,1700px),100%)}.questionnaire-db-shell{width:min(1800px,100%);max-width:1800px}.portal-header h1{font-size:clamp(46px,25.6px + 1.2vw,56px)}.showroom-index-page>.stock-hero .stock-hero__copy h1,.stock-screen>.stock-hero .stock-hero__copy h1{font-size:clamp(34px,20.4px + .8vw,41px)}.internal-page>.stock-hero .stock-hero__copy h1,.survey-page>.stock-hero .stock-hero__copy h1{font-size:clamp(30px,16.4px + .8vw,37px)}.portal-grid{gap:clamp(16px,9.2px + .4vw,20px)}.showroom-index-grid{gap:clamp(20px,13.2px + .4vw,24px)}.portal-card{padding:clamp(24px,12.1px + .7vw,32px)}.portal-card__title h2{font-size:clamp(38px,24.4px + .8vw,45px)}.showroom-index-card h2{font-size:clamp(36px,22.4px + .8vw,43px)}.portal-card__copy p{font-size:clamp(14px,10.6px + .2vw,16px)}.showroom-index-card p{font-size:clamp(12px,8.6px + .2vw,14px)}.showroom-index-card{height:clamp(338px,253px + 5vw,390px);padding-left:clamp(28px,16.1px + .7vw,36px);padding-right:clamp(28px,16.1px + .7vw,36px)}.showroom-index-card__total{font-size:clamp(46px,25.6px + 1.2vw,56px)}.inventory-toolbar{grid-template-columns:minmax(0,clamp(620px,38vw,760px)) minmax(0,1fr);gap:clamp(14px,9px + .3vw,18px)}.device-tab{min-height:0;font-size:inherit;padding:clamp(9px,5.6px + .2vw,11px) clamp(11px,6px + .3vw,14px)}.device-tab__label span,.exchange-rate-panel__copy strong{font-size:clamp(12px,8.6px + .2vw,14px)}.device-tab__label small,.exchange-rate-panel__input{font-size:clamp(10px,6.6px + .2vw,12px)}.device-tab b{font-size:clamp(17px,11.9px + .3vw,20px)}.exchange-rate-panel{gap:clamp(10px,6.6px + .2vw,12px);padding:clamp(10px,6.6px + .2vw,12px) clamp(12px,7px + .3vw,15px)}.showroom-card{grid-template-rows:clamp(52px,43.5px + .5vw,60px) minmax(0,1fr)}.showroom-card__head{padding-top:clamp(6px,2.6px + .2vw,8px);padding-bottom:clamp(6px,2.6px + .2vw,8px)}.internal-card__title h2{font-size:clamp(22px,13.5px + .5vw,27px)}.internal-card__head{min-height:clamp(72px,55px + 1vw,82px);padding:clamp(12px,8.6px + .2vw,14px) clamp(16px,9.2px + .4vw,20px)}.showroom-card__row{font-size:clamp(11px,7.6px + .2vw,13px)}.internal-card table{font-size:clamp(12px,8.6px + .2vw,14px)}.internal-header-filter,.internal-header-label{letter-spacing:.025em;font-size:clamp(9px,7.3px + .1vw,10px)}.showroom-card__row{min-height:clamp(24px,17.2px + .4vw,28px)}.survey-question-grid{gap:clamp(14px,7.2px + .4vw,18px)}.survey-question-card{padding:clamp(16px,9.2px + .4vw,20px)}.api-console-card{padding:clamp(17px,10.2px + .4vw,21px)}.survey-question-card__label{font-size:clamp(14px,7.2px + .4vw,18px)}.survey-question-card__description{font-size:clamp(10px,6.6px + .2vw,12px)}.super-admin-table,.questionnaire-table{font-size:clamp(12px,8.6px + .2vw,14px)}}@media (min-width:1860px){.showroom-board--ipad-macbook{grid-template-columns:repeat(3,minmax(355px,1fr)) repeat(2,minmax(420px,1.18fr));grid-auto-columns:minmax(355px,1fr);width:100%}}@media (min-width:1800px){.showroom-board--ipad-macbook .showroom-card__columns,.showroom-board--ipad-macbook .header-filter{letter-spacing:.025em;font-size:clamp(7px,3.34px + .2vw,8px)}.showroom-board--graded .showroom-card__columns,.showroom-board--graded .header-filter{letter-spacing:.025em;font-size:clamp(7px,3.4px + .2vw,8px)}}@media (min-width:2000px){.showroom-board--wholesale{grid-auto-columns:minmax(480px,1fr)}.showroom-board--wholesale .showroom-card{min-width:480px}}@media (min-width:2260px){.showroom-board--wholesale .showroom-card__columns,.showroom-board--wholesale .header-filter{letter-spacing:.025em;font-size:clamp(7px,2.48px + .2vw,8px)}}@media (min-width:2250px){.showroom-board--wholesale{grid-auto-columns:minmax(500px,1fr)}.showroom-board--wholesale .showroom-card{min-width:500px}}}