:root{--color-header-bg: transparent;--color-footer-bg: #efdebc;--color-header-text: #4f443a;--color-footer-text: #b46922;--z-index-add-all: 100;--main-inline-size: clamp(22rem, 28rem, calc(100vw - 1rem) );--ff-sans: Avenir Next, Helvetica Neue, Arial, Hiragino Sans, Hiragino Sans GB, system-ui, sans-serif }:root{box-sizing:border-box;margin:0;padding:0;font-size:16px;font-family:var(--ff-sans);text-autospace:normal;text-spacing-trim:normal;text-underline-offset:.125em}html *,*:before,*:after{box-sizing:inherit}body{margin:0;padding:0;background-color:#f3f6f7}button{padding:0;font-family:inherit;font-size:inherit;line-height:inherit;background:none;border:none;color:inherit;cursor:pointer;transition:all .2s ease-out}button:disabled{opacity:.75;cursor:not-allowed}a:link,a:visited{color:#084ca0;cursor:pointer;transition:all .15s ease-out}a:hover,a:active{color:#094ebd;text-decoration-color:#094ebd9e}ul,ol{margin:0;padding:0;list-style:none}:where(svg.Icon){display:inline-flex;vertical-align:middle;flex-shrink:0;block-size:1em;stroke-width:2px}.Question{position:relative;display:flex;flex-direction:column;padding:2rem;inline-size:var(--main-inline-size);min-block-size:70vh;overflow:hidden;background:#fff;border-radius:1.5rem;box-shadow:#0000001a 0 20px 25px -5px,#0000001a 0 8px 10px -6px}@media(max-width:50rem){.Question{margin-block-end:2rem;padding:2rem 1rem;border-radius:.75rem}}.Question:before{content:"";position:absolute;inset-inline-end:-40px;inset-block-start:-40px;block-size:10rem;inline-size:10rem;background-color:#fef3c7;border-radius:50%;opacity:.5;filter:blur(2.5rem);pointer-events:none}.Question Progress{position:relative;margin-block:1.5rem 2rem;inline-size:100%;block-size:.75rem;appearance:none;background-color:#e5e7eb;border:0;border-radius:.375rem}.Question Progress:before,.Question Progress:after{content:"第" attr(data-index) "題，共" attr(data-count) "題";position:absolute;inset-block-end:0;block-size:1.125rem;font-size:.75rem;font-weight:700;color:#9ca3af;transform:translateY(-100%)}.Question Progress:after{content:attr(value) "%完成";inset-inline-end:0}.Question Progress::-webkit-progress-bar{background-color:#e5e7eb;border-radius:.375rem}.Question Progress::-webkit-progress-value{background:linear-gradient(to right,#fb923c,#ef4444);border-radius:.375rem;transition:width .5s ease-out}.Question>Header{display:flex;align-items:flex-start;gap:1rem;margin-block-end:2rem}.Question>H2{position:relative;margin:0 0 1em;font-size:1.25rem;font-weight:600;line-height:1.125;color:#1f2937}.Question>H2:before{content:"Q" attr(data-index) ".";font-weight:400;color:#3c3b38}.Question>H2 svg{position:absolute;z-index:0;inset:-1rem 0 0 -2rem;block-size:10rem;color:#fb923c;opacity:.125;filter:blur(.125rem)}.Question .Options{position:relative;z-index:10;display:flex;flex-direction:column;gap:.75rem;margin:0 0 2rem;padding:0;list-style:none}.Question .Options button{width:100%;text-align:left;padding:1.25rem;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:all .2s;font-size:1rem;font-weight:500;color:#4b5563}.Question .Options button:hover:not([data-disabled]){border-color:#fb923c;box-shadow:0 4px 12px #0000001a}.Question .Options button[data-selected]{border-color:#fb923c;background:#fef3c780;color:#78350f;box-shadow:0 4px 12px #fb923c33}.Question .Options button[data-disabled]{opacity:.5;cursor:not-allowed;pointer-events:none}.Question .Options svg[data-name=check]{display:inline-flex;align-items:center;justify-content:center;padding:.125rem;block-size:1.5rem;background:#fb923c;border-radius:50%;color:#fff}.Question .Options svg[data-name=chevron-right]{font-size:1.25rem;transition:color .2s;color:#d1d5db}.Question .Options button:hover svg[data-name=chevron-right]{color:#fb923c}.Question .Options[data-multiple] button[data-selected] svg[data-name=check]{border-radius:4px}.Question .Options[data-multiple] .checkbox-placeholder{display:inline-block;block-size:1.5rem;inline-size:1.5rem;border:2px solid #d1d5db;border-radius:4px;background:#fff;transition:all .2s}.Question .Options[data-multiple] button:hover:not([data-disabled]) .checkbox-placeholder{border-color:#fb923c}.Question .Options[data-multiple] button[data-selected] .checkbox-placeholder{border-color:#fb923c;background:#fb923c;position:relative}.Question .Options[data-multiple] button[data-selected] .checkbox-placeholder:after{content:"✓";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1rem;font-weight:700}.Question footer{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-block:0 1rem;font-size:.875rem;font-weight:200;color:#475569}.Question button.next-multiple{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1rem;min-inline-size:7rem;font-size:1rem;font-weight:600;background-color:#fb923c;border-radius:.5rem;color:#fff}.Question button.next-multiple:disabled{opacity:.75}.Question button.next-multiple:not(:disabled):hover{background-color:#f97316;box-shadow:0 2px 8px #3c3c3c4d}.Question button.next-multiple:not(:disabled):active{transform:scale(.98)}.Question aside{margin-block:auto 2rem;padding:.75rem 1rem;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:.5rem}.Question aside h4{margin:0 0 .25rem;display:flex;align-items:center;gap:.25rem;flex-shrink:0;font-size:.75rem;font-weight:700;color:#3b82f6;letter-spacing:.125em}.Question aside svg{block-size:1.25rem;opacity:.875}.Question aside p{margin:0 0 0 1.5rem;font-size:.875rem;color:#475569;line-height:1.6;text-align:justify}.Question Button.back{align-self:center;display:flex;align-items:center;gap:.25rem;justify-content:center;padding:1.5rem 1rem .5rem;inline-size:100%;border-block-start:1px solid #e5e7eb;font-size:.875rem;font-weight:500;transition:color .15s;color:#9ca3af;cursor:pointer}.Question Button.back:hover{color:#4b5563}article.Product{position:relative;display:flex;flex:1;flex-direction:column;gap:.25rem .5rem;padding:.75rem .75rem .75rem 6rem;counter-increment:product-rank;background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;transition:all .2s}article.Product:hover{box-shadow:0 4px 12px #0000001a;border-color:#fb923c66;transform:scale(1.01)}article.Product>img,article.Product:not(:has(img)):before{content:"圖片示意";position:absolute;inset-block-start:.75rem;inset-inline-start:.75rem;flex-shrink:0;display:flex;align-items:center;justify-content:center;inline-size:4.5rem;block-size:fit-content;min-block-size:5.5rem;max-block-size:10rem;object-fit:cover;font-size:.75rem;font-weight:300;background:#f3f4f6;border-radius:.5rem;color:#6b7280}article.Product header{display:flex;justify-content:space-between;align-items:flex-start;margin-block-end:.25rem}article.Product header h4{flex:1;margin:0 0 0 .25rem;font-size:1.125rem;font-weight:700;line-height:2.5rem;color:#1f2937}article.Product header .badge{--f: .5em;position:absolute;inset:0 0 auto auto;padding-inline:1lh;padding-block:.125rem var(--f);font-size:.875rem;letter-spacing:.05em;line-height:1.8;border-image:conic-gradient(#000a 0 0) 51%/var(--f);clip-path:polygon(100% calc(100% - var(--f)),100% 100%,calc(100% - var(--f)) calc(100% - var(--f)),var(--f) calc(100% - var(--f)),0 100%,0 calc(100% - var(--f)),999px calc(100% - var(--f) - 999px),calc(100% - 999px) calc(100% - var(--f) - 999px));transform:translate(calc((1 - cos(45deg))*100%),-100%) rotate(45deg);transform-origin:0% 100%;background-color:#d42b66;color:#fffd;cursor:default}article.Product header .badge.basic{background-color:#16a34a;color:#f0fdf4}article.Product .Symptoms{padding:.75rem;background:#fff7ed;border:1px solid #fed7aa;border-radius:.5rem}article.Product .Symptoms h5{display:flex;align-items:center;gap:.375rem;margin:0 0 .5rem;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#9a3412}article.Product .Symptoms h5 svg{inline-size:1rem;block-size:1rem;color:#fb923c}article.Product .Symptoms ul.Reasons{display:flex;flex-wrap:wrap;gap:.375rem .25rem;margin:0;padding:0;list-style:none}article.Product .Symptoms ul.Reasons li{display:inline-flex;inline-size:fit-content;block-size:fit-content;padding:.25rem .375rem;font-size:.75rem;background:#fff;color:#9a3412;border:1px solid #fed7aa;border-radius:.25rem;box-shadow:0 1px 2px #0000000d}article.Product .Ingredients{display:flex;align-items:center;gap:.25rem;margin-block:.25rem 0;font-size:.875rem;color:#6b7280}article.Product .Ingredients svg{block-size:1rem}article.Product .Desc{margin:0 .25rem .125rem;font-size:.875rem;text-align:justify;color:#475569}article.Product .Desc p{margin:.125rem 0}article.Product .References{padding:.75rem;margin-block-start:.5rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:.5rem}article.Product .References H5{display:flex;align-items:center;gap:.375rem;margin-block:0 .5rem;font-size:.75rem;font-weight:700;color:#1e40af;text-transform:uppercase;letter-spacing:.05em}article.Product .References H5 svg{block-size:1rem;color:#2563eb}article.Product .References ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}article.Product .References ul li{font-size:.75rem;color:#475569;line-height:1.5;border-inline-start:2px solid #bfdbfe;padding-inline-start:.5rem}article.Product .References ul li .source{display:block;margin-block-end:.25rem;font-weight:600;color:#1e3a8a}article.Product .References ul li .claim{display:block;color:#475569}article.Product .Buy{margin-block-start:1rem;padding:.75rem 1rem;inline-size:100%;background:#fb923c;color:#fff;font-weight:700;border-radius:.75rem;display:flex;align-items:center;justify-content:center;gap:.5rem;text-decoration:none;transition:background-color .2s}article.Product .Buy:hover{background:#f97316}article.Product .Buy svg{block-size:1.25rem}article.Product .Buy svg[data-name=shopping-cart]{margin-inline-end:.25rem}article.Product .Buy svg[data-name=external-link]{block-size:1rem;opacity:.75}.LoadingIndicator{display:flex;justify-content:center;align-items:center;margin-inline:auto;block-size:100%;min-block-size:400px}.LoadingIndicator svg[data-name=loading]{animation:spin 1s linear infinite;block-size:3rem}body:has(>.LoadingIndicator:only-child) .LoadingIndicator{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}body{display:grid;grid-template-areas:"header header" "aside main";grid-template-rows:4rem 1fr;grid-template-columns:15rem auto;inline-size:100%;min-block-size:100vh}body>header{grid-area:header;display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1.5rem;background-color:#3a3f3d;color:#fffa}body>header h1{display:flex;align-items:center;gap:.5rem;margin:0;font-size:1.25rem;font-weight:700;color:#fffa}body>header svg[data-name=logo]{block-size:2rem}body>header div{display:grid;grid-template-columns:auto auto;align-items:center;gap:1rem}body>header span{font-size:.875rem;color:#ffffffe6}body>header button{padding:.5rem 1rem;background-color:#d6d6d6;color:#4e4d4d;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:.2s all ease-out}body>header button:hover{vertical-align:middle;color:inherit}.MuiAlert-root{inline-size:100%}body>aside{grid-area:aside;background-color:#fffa;border-inline-end:1px solid #e5e7eb;overflow-y:auto}body>aside nav{padding:1rem 0}body>aside nav>ul{margin-block-end:.25rem}body>aside nav>ul :is(a,button){display:flex;justify-content:space-between;align-items:center;padding:.5rem .75rem .5rem 1.5rem;inline-size:100%;background:none;border:none;font-size:.9375rem;text-decoration:none;cursor:pointer;transition:background-color .2s,color .2s}body>aside nav>ul :is(a,button):link,body>aside nav>ul :is(a,button):visited{color:#374151}body>aside nav>ul :is(a,button):not(:has(svg[data-name=chevron-right])):hover{background-color:#e3e8eeaa}body>aside nav>ul :is(a,button):active,body>aside nav>ul :is(a,button).is-active{background-color:#f3f4f6;color:#111827;font-weight:500}body>aside nav>ul :is(a,button) svg{block-size:1rem;transition:.25s all ease-out;color:#6b7280;transform:rotate(90deg)}body>aside nav>ul :is(a,button) svg.expanded{transform:rotate(-90deg)}body>aside nav>ul ul{margin-inline-start:1.25rem;background-color:#fff;padding:0;list-style:none}body>aside nav>ul ul li{margin:0}body>aside nav>ul ul a{display:flex;align-items:center;padding:0 1.5rem 0 .75rem;inline-size:100%;block-size:2rem;font-size:.875rem;background:none;border:none;text-decoration:none;transition:.15s all ease-out}body>aside nav>ul ul a:link,body>aside nav>ul ul a:visited{color:#4c5656}body>aside nav>ul ul a:hover{background-color:#f5f8fbaa;color:#374151}body>aside nav>ul ul a:active,body>aside nav>ul ul a.is-active{background-color:#f5f8fb;color:#434343;font-weight:600}body>main{grid-area:main;padding:1rem}body>main>article{padding:1rem 1.5rem}body>main>article:not(.Dashboard){background:#fff;border-radius:.25rem;box-shadow:0 2px 8px #0000001a}body>main>article h2{margin:0 0 1.5rem;font-size:1.5rem;font-weight:700;color:#1f2937}body>main>article p{margin:0;color:#4b5563;line-height:1.6}body:has(.Login){display:flex;justify-content:center;align-items:center;min-height:100vh}.Login{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-block-end:7rem;padding:1.5rem 2rem 1rem;background-color:#fff;min-block-size:15rem;border-radius:.5rem}.Login:has(svg[data-name=loading]:only-child){background-color:transparent}.Login:has(svg[data-name=loading]:only-child) svg[data-name=loading]{animation:loading 1s linear infinite;block-size:3rem;color:#08a0a0}.Login h1{display:flex;justify-content:center;align-items:center;gap:.5rem;margin-block:0;inline-size:clamp(12rem,25rem,40rem);font-size:1.5rem;font-weight:500;color:#1f2937;margin:0 0 1rem}.Login h1~p{font-size:.875rem;color:#6b7280;margin:0 0 1rem;line-height:1.6;text-align:center}.Login h1~p.error{margin-block:-.5rem 1rem;color:#b81818}.Login button.login{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-block:auto 1rem;margin-inline:auto;padding:.875rem 1.5rem;font-size:.9375rem;font-weight:500;background-color:#fafafb;color:#1f2937;border:1px solid #d1d5db;border-radius:8px;cursor:pointer;transition:.15s all ease-out}.Login button.login svg[data-name=google]{block-size:1.5rem}.Login button.login:hover{background-color:#fff;border-color:#9ca3afd6;box-shadow:0 2px 2px #6a6a6a2e}.Login button.login:active{background-color:#f3f4f6}.Dashboard{padding:0}.Dashboard h2{margin:3rem 0 1rem;font-size:1.5rem;font-weight:400;color:#1f2937}.Dashboard h2:first-child{margin-block-start:0}.Dashboard .Stats{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1rem}.Dashboard .Stats .StatCard{display:block;padding:1rem 1.5rem;background:#fff9;border-radius:.25rem;box-shadow:0 2px 8px #0000000d;cursor:pointer;transition:all .15s ease-out}.Dashboard .Stats .StatCard:link,.Dashboard .Stats .StatCard:visited{text-decoration:none}.Dashboard .Stats .StatCard:hover{background:#fff;box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.Dashboard .Stats .StatCard h3{margin:0 0 .75rem;font-size:1rem;font-weight:300;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.Dashboard .Stats .StatCard .value{margin:0;font-size:2rem;font-weight:400;line-height:1;color:#1f2937}.AdminDialog-form{padding-block-start:.5rem;display:flex;flex-direction:column;gap:1rem}.DeleteAdminDialog-warning{margin-top:1rem;padding:1rem;border:1px solid var(--mui-palette-error-main, #d32f2f);border-radius:4px}.Accounts .Accounts-header{display:flex;align-items:center;gap:.5rem;margin-block-end:1.5rem}.Accounts .Accounts-header h2{margin:0 auto 0 0;font-size:1.5rem;font-weight:400;color:#1f2937}.CopySurveyDialog-description{margin-block-end:1rem!important}.Surveys .Surveys-header{display:flex;align-items:center;gap:.5rem;margin-block-end:1.5rem}.Surveys .Surveys-header h2{margin:0 auto 0 0;font-size:1.5rem;font-weight:400;color:#1f2937}.Surveys .DescriptionCell{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-inline-size:100%}.SurveyDetail header{display:flex;align-items:center;gap:.5rem}.SurveyDetail h2{margin:0}.SurveyDetail h3{margin:1rem 0}.SurveyDetail form{max-inline-size:40rem}.SurveyDetail .MuiFormControl-root{inline-size:100%;margin-block-end:1rem}.SurveyDetail .MuiFormLabel-root{margin-block-end:1rem}.SurveyDetail footer{display:flex;justify-content:flex-end;margin:.5rem 0 1rem}.QuestionItem{display:flex;flex-direction:column;height:100%}.QuestionItem-accordion{display:flex;height:100%;flex-direction:column;background:#fcfcfc!important;box-shadow:none}.QuestionItem-accordion:before{display:none}.QuestionItem-header{display:flex;align-items:center;gap:.5rem;inline-size:100%}.QuestionItem-title{flex:1;font-size:.75rem;margin:0}.QuestionItem-dragHandle{display:inline-flex;align-items:center;justify-content:center;cursor:grab;opacity:.3;transition:opacity .2s;padding:8px;border-radius:50%}.QuestionItem-dragHandle:hover{opacity:1;background-color:var(--mui-palette-action-hover)}.QuestionItem-dragHandle:active{cursor:grabbing}.QuestionItem-deleteAction{display:inline-flex;align-items:center;justify-content:center;padding:8px;border-radius:50%;cursor:pointer;color:var(--mui-palette-error-main)}.QuestionItem-deleteAction:hover{background-color:var(--mui-palette-action-hover)}.QuestionItem-content{flex:1;overflow:auto}.QuestionItem-form{display:flex;flex-direction:column;gap:1rem}.QuestionItem-icon-option{display:flex;align-items:center;gap:.5rem}.QuestionItem-multiple-options{display:flex;gap:.5rem;align-items:center;justify-content:space-between}.QuestionItem-max-options{width:100px}.QuestionItem-options-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.QuestionItem-options-title{font-family:var(--font-family-sans, Roboto, sans-serif);font-size:.875rem;font-weight:500;line-height:1.57;letter-spacing:.00714em}.OptionEditor-input-group{display:flex;align-items:center;margin-bottom:1rem}.OptionEditor-input{margin-right:.5rem}.OptionEditor-dialog-content{display:flex;flex-direction:column;gap:1rem;padding-top:.5rem}.OptionEditor-checkbox-label{align-items:flex-start;margin-top:.5rem}.OptionEditor-checkbox{margin-top:-.5rem}.OptionEditor-weights-section{margin-top:1rem}.OptionEditor-weights-title{font-family:var(--font-family-sans, Roboto, sans-serif);font-size:.875rem;font-weight:500;line-height:1.57;letter-spacing:.00714em;margin-top:1rem;margin-bottom:1rem}.OptionEditor-product-select{margin-bottom:1.5rem}.OptionEditor-weight-input{width:100px}.OptionEditor table .MuiTableCell-root.col-weight{width:150px}.OptionEditor table .MuiTableCell-root.col-actions{width:50px}.SurveyQuestions{padding:1.5rem}.SurveyQuestions-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.SurveyQuestions-title-section{display:flex;align-items:center;gap:1rem;flex:1;min-width:0}.SurveyQuestions-title{font-size:1.25rem;font-weight:500;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.SurveyQuestions-unsaved-warning{color:var(--mui-palette-warning-main);font-size:.75rem;flex-shrink:0;margin-left:.5rem}.SurveyQuestions-actions{display:flex;gap:.5rem;flex-shrink:0;flex-wrap:wrap}.SurveyQuestions-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:1rem;margin-top:1rem}@media(min-width:600px){.SurveyQuestions-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:900px){.SurveyQuestions-grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:1200px){.SurveyQuestions-grid{grid-template-columns:repeat(4,1fr)}}.SurveyQuestions-grid-item{grid-column:span 12}@media(min-width:600px){.SurveyQuestions-grid-item{grid-column:span 1}}.SurveyQuestions-draggable-item{cursor:grab;border:2px solid transparent;border-radius:4px;transition:all .2s ease;height:100%}.SurveyQuestions-draggable-item:active{cursor:grabbing}.SurveyQuestions-draggable-item:hover .QuestionItem-dragHandle{opacity:1}.SurveyQuestions-draggable-item.is-dragging{opacity:.5}.SurveyQuestions-draggable-item.is-drag-over{border-color:var(--mui-palette-primary-main);border-style:dashed}.loading{display:flex;justify-content:center;align-items:center;min-height:400px}.ProductDialog-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.ProductDialog-header-actions{display:flex;gap:.5rem}.ProductDialog-content{padding-block-start:.5rem;display:flex;flex-direction:column;gap:1.5rem}.ProductItem{padding:1rem;border:1px solid var(--mui-palette-divider, rgba(0, 0, 0, .12));border-radius:4px;display:flex;flex-direction:column;gap:1rem}.ProductItem header{display:flex;justify-content:space-between;align-items:center;font-weight:500}.ProductItem-references{display:flex;flex-direction:column;gap:1rem;margin-block-start:.5rem}.ProductItem-referencesHeader{display:flex;justify-content:space-between;align-items:center}.ProductItem-referencesLabel{font-weight:500;display:block}.ReferenceItem{padding:1rem;border:1px solid var(--mui-palette-divider, rgba(0, 0, 0, .12));border-radius:4px;display:flex;flex-direction:column;gap:.5rem}.ReferenceItem-header{display:flex;justify-content:space-between;align-items:center}.ReferenceItem-title{font-weight:500;display:block}.ProductItem-image{display:flex;flex-direction:column;gap:.5rem}.ProductItem-imageLabel{font-weight:500;display:block}.ProductItem-dropzone{border:2px dashed var(--mui-palette-divider, rgba(0, 0, 0, .12));border-radius:4px;padding:2rem;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:var(--mui-palette-action-hover, rgba(0, 0, 0, .04));cursor:pointer;transition:all .2s ease-in-out;min-height:120px}.ProductItem-dropzone:hover,.ProductItem-dropzone.active{border-color:var(--mui-palette-primary-main, #1976d2);background-color:var(--mui-palette-action-selected, rgba(25, 118, 210, .08))}.ProductItem-dropzoneContent{display:flex;flex-direction:column;align-items:center;gap:.5rem;color:var(--mui-palette-text-secondary, rgba(0, 0, 0, .6))}.ProductItem-imagePreview{position:relative;display:inline-block;align-self:flex-start}.ProductItem-imagePreview img{max-width:200px;max-height:200px;border-radius:4px;border:1px solid var(--mui-palette-divider, rgba(0, 0, 0, .12))}.ProductItem-removeImage{position:absolute!important;top:-8px;right:-8px;background-color:#fff!important;box-shadow:0 1px 3px #0003}.ProductItem-removeImage:hover{background-color:#f5f5f5!important}.CategoryDialog-content{padding-block-start:.5rem;display:flex;flex-direction:column;gap:1rem}.CategoryDialog-actions{display:flex;justify-content:flex-end}.Products header{display:flex;align-items:center;gap:.75rem;margin-block-end:1.5rem}.Products h2{margin:0 auto 0 0;font-size:1.5rem;font-weight:400;color:#1f2937}.Products a:has(svg[data-name=external-link]):link,.Products a:has(svg[data-name=external-link]):visited{margin-inline-start:.25rem;color:#61abae}.Products a:has(svg[data-name=external-link]) svg{block-size:1rem;vertical-align:-.125rem}.Products div[role=grid]{inline-size:100%}.DateFilter{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1.5rem}.DateFilter .Shortcuts{display:flex;gap:.5rem}.DateFilter .Shortcuts button{background:#fff;border:1px solid #e5e7eb;padding:.5rem 1rem;border-radius:8px;font-size:.875rem;font-weight:500;color:#374151;cursor:pointer;transition:all .2s}.DateFilter .Shortcuts button:hover{background:#f9fafb}.DateFilter .Shortcuts button.active{background:#eff6ff;border-color:#3b82f6;color:#3b82f6}.DateFilter .Pickers{display:flex;align-items:center;gap:1rem}.DateFilter .Separator{color:#9ca3af;display:flex;align-items:center}.Statistics{display:flex;flex-direction:column;gap:2rem;padding:2rem;max-width:1600px;margin:0 auto}.Statistics header h2{margin:0 0 .5rem;font-size:1.875rem;font-weight:700;color:#1f2937}.Statistics header p{margin:0;color:#6b7280}.Card{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;border:1px solid #e5e7eb}.Card h3{margin:0 0 1.5rem;font-size:1.125rem;font-weight:600;color:#374151}.Overview{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem}.Overview .Metric{display:flex;align-items:center;gap:1.5rem}.Overview .Metric .Icon{display:grid;place-items:center;width:48px;height:48px;background:#eff6ff;color:#3b82f6;border-radius:12px}.Overview .Metric .Icon svg{width:24px;height:24px}.Overview .Metric .Info h3{margin:0 0 .25rem;font-size:.875rem;font-weight:500;color:#6b7280}.Overview .Metric .Info p{margin:0;font-size:1.875rem;font-weight:700;color:#111827}.Charts{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:1.5rem}.Charts .Chart{min-height:400px;display:flex;flex-direction:column}.ResultTable{overflow:hidden}.LoadingState,.ErrorState{display:flex;flex-direction:column;align-items:center;justify-content:center;height:50vh;color:#6b7280}.LoadingState svg{width:48px;height:48px;color:#3b82f6;margin-bottom:1rem}.ErrorState{color:#ef4444}.Answers{display:flex;flex-direction:column;gap:2rem;padding:2rem;max-width:1600px;margin:0 auto}.Answers header h2{margin:0 0 .5rem;font-size:1.875rem;font-weight:700;color:#1f2937}.Answers header p{margin:0;color:#6b7280}.TableContainer{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 1px 3px #0000001a}.ActionBtn{padding:0 .25rem;font-weight:500;background:none;border:none;color:#3b82f6;cursor:pointer}.ActionBtn:hover{text-decoration:underline}.ModalOverlay{position:fixed;inset:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.ModalContent{background:#fff;border-radius:16px;width:90%;max-width:800px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 25px -5px #0000001a;overflow:hidden}.ModalHeader{padding:1.5rem;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center}.ModalHeader h3{margin:0;font-size:1.25rem;font-weight:600}.CloseBtn{background:none;border:none;cursor:pointer;padding:.5rem;border-radius:8px;color:#6b7280}.CloseBtn:hover{background:#f3f4f6;color:#111827}.LoadMore button:disabled{background:#f3f4f6;color:#9ca3af;cursor:not-allowed;border-color:#e5e7eb}.LoadMore button:not(:disabled):hover{background:#f9fafb;border-color:#9ca3af}.ModalBody{padding:1.5rem;overflow-y:auto}.DetailSection{margin-bottom:2rem}.DetailSection h4{margin:0 0 1rem;font-size:1rem;font-weight:600;color:#374151;border-left:4px solid #3b82f6;padding-left:.75rem}.ScoreCard{background:#f8fafc;padding:1.5rem;border-radius:12px;display:flex;gap:2rem;align-items:center}.ScoreValue{font-size:2.5rem;font-weight:700;color:#3b82f6}.QuestionItem{margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid #f3f4f6}.QuestionItem:last-child{border-bottom:none}.QuestionText{font-weight:500;margin-bottom:.5rem;color:#111827}.AnswerText{color:#4b5563;margin-bottom:.5rem}.Impacts{display:flex;flex-wrap:wrap;gap:.5rem;font-size:.875rem}.ImpactTag{padding:.25rem .75rem;border-radius:9999px;font-weight:500}.ImpactTag.Penalty{background:#fef2f2;color:#ef4444}.ImpactTag.Weight{background:#f0f9ff;color:#0ea5e9}.Settings header{margin-block-end:1.5rem}.Settings header h2{margin:0;font-size:1.5rem;font-weight:400;color:#1f2937}body:has(.Settings) small.slug{margin-inline-start:.5rem;color:#6b7280}.Settings .loading{display:flex;justify-content:center;align-items:center;min-block-size:400px}.Settings form{max-inline-size:40rem}.Settings .MuiFormControl-root{margin-block-end:1rem;inline-size:100%}.Settings .MuiFormControl-root small{font-size:inherit;color:#909ba0}.Settings footer{display:flex;justify-content:flex-end;margin-block:1.5rem 1rem}.App-loading{position:fixed;inset:0;display:flex;justify-content:center;align-items:center;background-color:#f8fafc}.App-loading svg{animation:loading 1s linear infinite;block-size:3rem;color:#fb923c}@keyframes loading{0%{transform:rotate(0)}to{transform:rotate(360deg)}}