/*! tailwindcss v4.3.2 | 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)))){*,::backdrop,:after,:before{--tw-space-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}@layer theme{:host,:root{--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;--color-red-50:oklch(97.1% .013 17.38);--color-red-200:oklch(88.5% .062 18.334);--color-red-700:oklch(50.5% .213 27.518);--color-emerald-50:oklch(97.9% .021 166.113);--color-emerald-100:oklch(95% .052 163.051);--color-emerald-200:oklch(90.5% .093 164.15);--color-slate-100:oklch(96.8% .007 247.896);--color-white:#fff;--spacing:.25rem;--container-md:28rem;--container-5xl:64rem;--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25 / 1.875);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--font-weight-bold:700;--font-weight-black:900;--leading-tight:1.25;--radius-lg:.5rem;--radius-3xl:1.5rem;--animate-pulse:pulse 2s cubic-bezier(.4,0,.6,1) infinite;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,::backdrop,:after,:before{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}:host,html{-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;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{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}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,optgroup,select,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,::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-second-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,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-5{margin-top:calc(var(--spacing) * 5)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mt-8{margin-top:calc(var(--spacing) * 8)}.block{display:block}.grid{display:grid}.hidden{display:none}.h-12{height:calc(var(--spacing) * 12)}.min-h-screen{min-height:100vh}.w-\[150px\]{width:150px}.w-full{width:100%}.max-w-5xl{max-width:var(--container-5xl)}.max-w-md{max-width:var(--container-md)}.animate-pulse{animation:var(--animate-pulse)}.grid-cols-\[1fr_auto\]{grid-template-columns:1fr auto}.place-items-center{place-items:center}.gap-2{gap:calc(var(--spacing) * 2)}:where(.space-y-5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)))}.overflow-hidden{overflow:hidden}.rounded-3xl{border-radius:var(--radius-3xl)}.rounded-lg{border-radius:var(--radius-lg)}.border{border-style:var(--tw-border-style);border-width:1px}.border-\[var\(--line\)\]{border-color:var(--line)}.border-red-200{border-color:var(--color-red-200)}.bg-\[\#214d38\]{background-color:#214d38}.bg-red-50{background-color:var(--color-red-50)}.bg-slate-100{background-color:var(--color-slate-100)}.bg-white{background-color:var(--color-white)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.p-7{padding:calc(var(--spacing) * 7)}.p-12{padding:calc(var(--spacing) * 12)}.px-3{padding-inline:calc(var(--spacing) * 3)}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.leading-7{--tw-leading:calc(var(--spacing) * 7);line-height:calc(var(--spacing) * 7)}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-black{--tw-font-weight:var(--font-weight-black);font-weight:var(--font-weight-black)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.tracking-\[\.2em\]{--tw-tracking:.2em;letter-spacing:.2em}.tracking-\[\.28em\]{--tw-tracking:.28em;letter-spacing:.28em}.text-\[var\(--green\)\]{color:var(--green)}.text-\[var\(--muted\)\]{color:var(--muted)}.text-emerald-50\/80{color:#ecfdf5cc}@supports (color:color-mix(in lab,red,red)){.text-emerald-50\/80{color:color-mix(in oklab,var(--color-emerald-50) 80%,transparent)}}.text-emerald-100\/70{color:#d0fae5b3}@supports (color:color-mix(in lab,red,red)){.text-emerald-100\/70{color:color-mix(in oklab,var(--color-emerald-100) 70%,transparent)}}.text-emerald-200{color:var(--color-emerald-200)}.text-red-700{color:var(--color-red-700)}.text-white{color:var(--color-white)}.shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}@media (min-width:40rem){.sm\:p-12{padding:calc(var(--spacing) * 12)}}@media (min-width:48rem){.md\:flex{display:flex}.md\:hidden{display:none}.md\:grid-cols-\[1\.1fr_1fr\]{grid-template-columns:1.1fr 1fr}.md\:flex-col{flex-direction:column}.md\:justify-between{justify-content:space-between}}}:root{--ink:#1f2924;--muted:#68736d;--line:#dde5e0;--green:#27734e;--green-soft:#edf7f1;--purple:#7653a6;--purple-soft:#f3eff9;--canvas:#f4f7f5}*{box-sizing:border-box}body{color:var(--ink);background:var(--canvas);margin:0;font-family:Arial,Noto Sans TC,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.card{border:1px solid var(--line);background:#fff;border-radius:1rem;padding:1.25rem;box-shadow:0 8px 28px #1b34270d}.field{gap:.4rem;display:grid}.field label{color:var(--muted);font-size:.82rem;font-weight:700}.field input,.field select,.field textarea{border:1px solid var(--line);background:#fff;border-radius:.65rem;outline:none;width:100%;padding:.75rem .85rem}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--accent,var(--green));box-shadow:0 0 0 3px var(--accent,var(--green))}@supports (color:color-mix(in lab,red,red)){.field input:focus,.field select:focus,.field textarea:focus{box-shadow:0 0 0 3px color-mix(in srgb,var(--accent,var(--green)) 15%,transparent)}}.button{background:var(--accent,var(--green));color:#fff;border:0;border-radius:.65rem;justify-content:center;align-items:center;gap:.45rem;padding:.72rem 1rem;font-weight:800;display:inline-flex}.button.secondary{border:1px solid var(--line);color:var(--ink);background:#fff}.button:disabled{opacity:.5;cursor:not-allowed}.table-wrap{border:1px solid var(--line);border-radius:.8rem;max-width:100%;overflow:auto}table{border-collapse:collapse;background:#fff;width:100%;font-size:.9rem}td,th{border-bottom:1px solid var(--line);text-align:left;white-space:nowrap;padding:.8rem 1rem}th{color:var(--muted);background:#fafcfb;font-size:.78rem;position:sticky;top:0}.badge{background:var(--accent,var(--green));border-radius:99px;padding:.25rem .6rem;display:inline-flex}@supports (color:color-mix(in lab,red,red)){.badge{background:color-mix(in srgb,var(--accent,var(--green)) 12%,white)}}.badge{color:var(--accent,var(--green));font-size:.75rem;font-weight:800}.design-portal{--design-bg:#f7f9f7;--design-surface:#fff;--design-fg:#1a1a1a;--design-muted:#5a5a5a;--design-border:#d0e0d0;--design-accent:#2e7d32;--design-accent-light:#e8f5e9;background:var(--design-bg);min-height:100vh;color:var(--design-fg);font-family:IBM Plex Sans,Arial,Noto Sans TC,sans-serif;line-height:1.5}.design-portal.design-customer{--design-bg:#f7f5fa;--design-border:#d8d0e8;--design-accent:#6a1b9a;--design-accent-light:#f3e5f5}.design-header{background:var(--design-accent);color:#fff;justify-content:space-between;align-items:center;height:56px;padding:0 32px;display:flex}.design-logo{letter-spacing:-.3px;font-size:18px;font-weight:700}.design-header-right{align-items:center;gap:20px;font-size:14px;display:flex}.design-back,.design-logout{color:#fff;background:#ffffff26;border:1px solid #ffffff4d;border-radius:4px;align-items:center;gap:6px;padding:5px 14px;display:inline-flex}.design-main{width:100%;max-width:1200px;margin:0 auto;padding:28px 24px}.design-welcome{justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:16px;display:flex}.design-welcome h1{font-size:22px;font-weight:700}.design-updated{color:var(--design-muted);font-size:13px}.design-welcome-actions{align-items:center;gap:16px;display:flex}.design-ai-link{background:var(--design-accent);color:#fff;border-radius:6px;padding:6px 16px;font-size:13px;font-weight:700}.design-tabs{scrollbar-width:thin;gap:8px;margin-bottom:24px;padding-bottom:4px;display:flex;overflow-x:auto}.design-tab{border:1px solid var(--design-border);background:var(--design-surface);color:var(--design-muted);white-space:nowrap;border-radius:20px;flex:none;padding:8px 16px;font-size:14px;font-weight:600}.design-tab:hover{border-color:var(--design-accent);color:var(--design-accent)}.design-tab.active{border-color:var(--design-accent);background:var(--design-accent);color:#fff}.design-kpi-grid{grid-template-columns:1fr 1fr;gap:20px;margin-bottom:24px;display:grid}.design-card,.design-chart-block{border:1px solid var(--design-border);background:var(--design-surface);border-radius:8px;padding:22px 24px}.design-chart-block{margin-bottom:24px}.design-card-title{color:var(--design-muted);letter-spacing:.5px;text-transform:uppercase;align-items:center;gap:6px;margin-bottom:12px;font-size:13px;font-weight:600;display:flex}.design-kpi-value{color:var(--design-fg);margin-bottom:4px;font-size:32px;font-weight:800}.design-kpi-sub{color:var(--design-muted);font-size:13px}.design-kpi-sub.up{color:#2e7d32}.design-kpi-sub.down{color:#e65100}.design-chart-title{margin-bottom:16px;font-size:14px;font-weight:600}.design-chart-area{background:linear-gradient(#f0f7f0,#e8f5e9);border:1px solid #d0e0d0;border-radius:6px;padding:16px 8px 8px;overflow-x:auto}.design-chart-area svg{width:100%;min-width:680px;height:auto;display:block}.design-chart-empty{min-height:220px;color:var(--design-muted);place-items:center;display:grid}.design-chart-legend{color:var(--design-muted);gap:24px;margin-top:12px;font-size:12px;display:flex}.design-chart-legend span{align-items:center;gap:6px;display:flex}.design-chart-legend i{background:#2e7d32;border-radius:50%;width:10px;height:10px}.design-bottom-grid{grid-template-columns:1fr;gap:20px;display:grid}.design-timeline-item{border-bottom:1px solid var(--design-border);justify-content:space-between;align-items:center;gap:12px;padding:10px 0;font-size:13px;display:flex}.design-timeline-item .month{font-weight:600}.design-timeline-item .amount{color:var(--design-accent);font-weight:700}.design-timeline-item .note{color:#e65100;background:#fff3e0;border-radius:3px;padding:2px 6px;font-size:11px}.design-recommendation{color:var(--design-muted);padding-top:12px;font-size:13px}.design-rec-list{max-height:250px;overflow-y:auto}.design-rec-item{border-bottom:1px solid var(--design-border);justify-content:space-between;align-items:center;gap:16px;padding:8px 0;font-size:14px;display:flex}.design-rec-item:last-child{border-bottom:0}.design-rec-item .name{font-weight:600}.design-rec-item .qty{color:var(--design-accent);font-weight:700}.design-insight-item{border-bottom:1px solid var(--design-border);gap:8px;padding:6px 0;font-size:13px;display:flex}.design-insight-item:last-child{border-bottom:0}.design-insight-item .tag{color:#e65100;background:#fff3e0;border-radius:3px;flex:none;align-self:flex-start;padding:2px 6px;font-size:11px;font-weight:600}.design-table-wrap{overflow-x:auto}.design-data-table{border-collapse:collapse;width:100%;font-size:13px}.design-data-table th{border-bottom:2px solid var(--design-border);background:var(--design-accent-light);color:var(--design-accent);text-align:left;padding:8px 12px;font-size:13px;font-weight:600;position:static}.design-data-table td{border-bottom:1px solid var(--design-border);padding:8px 12px}.design-main-section-title{color:var(--design-text);font-size:22px;font-weight:700;line-height:1.3}.design-prediction-section{min-height:390px}.design-prediction-table{table-layout:fixed;margin-top:16px}.design-prediction-table td:first-child,.design-prediction-table th:first-child{width:46%}.design-prediction-table td{height:48px}.design-prediction-table strong{color:var(--design-accent)}.design-required-note{color:var(--design-muted);margin-bottom:12px;font-size:13px}.design-field-error{color:#b42318;margin-top:4px;font-size:12px;font-weight:600;display:block}.design-data-table input[aria-invalid=true]{background:#fff7f6;border-color:#b42318}.design-placeholder,.design-placeholder-cell{color:var(--design-muted);font-size:13px}.design-placeholder-cell{text-align:center;padding:28px 12px!important}.design-empty{text-align:center;padding:40px 24px}.design-error{color:brown;background:#fff1f1;border:1px solid #efb7b7;border-radius:6px;margin-bottom:20px;padding:10px 14px;font-size:13px}.design-error,.design-notice{justify-content:space-between;align-items:center;gap:1rem;display:flex}.design-error button,.design-notice button{color:inherit;background:0 0;border:0;font-weight:800}.design-notice{color:#17633e;background:#eff9f3;border:1px solid #bfe2cd;border-radius:6px;margin-bottom:20px;padding:10px 14px;font-size:13px}.design-floating-toast{z-index:100;color:#17633e;background:#eff9f3;border:1px solid #bfe2cd;border-radius:8px;justify-content:space-between;align-items:center;gap:16px;width:min(520px,100vw - 32px);padding:12px 16px;font-size:14px;font-weight:700;animation:design-toast-drop .2s ease-out;display:flex;position:fixed;top:18px;left:50%;transform:translate(-50%);box-shadow:0 12px 32px #0003}.design-floating-toast.error{color:brown;background:#fff1f1;border-color:#efb7b7}.design-floating-toast button{color:inherit;background:0 0;border:0;flex:none;font-size:18px;font-weight:900}@keyframes design-toast-drop{0%{opacity:0;transform:translate(-50%,-18px)}to{opacity:1;transform:translate(-50%)}}.design-picker-card{z-index:10;border:1px solid var(--design-border);background:#fff;border-radius:8px;margin-bottom:24px;padding:18px 24px;position:relative}.design-picker-card>label{color:var(--design-muted);margin-bottom:7px;font-size:13px;font-weight:700;display:block}.design-current-item{align-items:baseline;gap:10px;margin:-10px 0 20px;padding:0 4px;display:flex}.design-current-item small,.design-current-item span{color:var(--design-muted);font-size:13px}.design-current-item strong{color:var(--design-ink);font-size:20px}.design-inline-search,.design-search{border:1px solid var(--design-border);background:#fff;border-radius:6px;align-items:center;gap:8px;padding:0 12px;display:flex}.design-inline-search input,.design-search input{background:0 0;border:0;outline:0;width:100%;padding:10px 0}.design-search-options{border:1px solid var(--design-border);background:#fff;border-radius:6px;max-height:280px;position:absolute;top:calc(100% - 8px);left:24px;right:24px;overflow:auto;box-shadow:0 12px 30px #00000024}.design-search-options>button{border:0;border-bottom:1px solid var(--design-border);text-align:left;background:#fff;justify-content:space-between;width:100%;padding:10px 12px;display:flex}.design-search-options>button:hover{background:var(--design-accent-light);color:var(--design-accent)}.design-search-options>button span,.design-search-options>div{color:var(--design-muted);font-size:12px}.design-search-options>div{text-align:center;padding:14px}.design-action,.design-ai-link{background:var(--design-accent);color:#fff;border:0;border-radius:6px;justify-content:center;align-items:center;gap:6px;padding:7px 14px;font-size:13px;font-weight:700;display:inline-flex}.design-action.secondary{border:1px solid var(--design-border);color:var(--design-accent);background:#fff}.design-action:disabled{opacity:.45;cursor:not-allowed}.design-two-columns{grid-template-columns:1fr 1fr}.design-warning{color:#b45200;background:#fff5e7;border-radius:5px;margin-top:10px;padding:8px 10px;font-size:12px}.design-card hr{border:0;border-top:1px solid var(--design-border);margin:14px 0}.design-chart-legend i.actual{background:#2e7d32}.design-chart-legend i.predicted{background:#1976d2}.design-chart-data{color:var(--design-muted);margin-top:12px;font-size:12px}.design-chart-data summary{cursor:pointer;font-weight:700}.design-section-heading{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:14px;display:flex}.design-section-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.design-inline-search{max-width:360px;margin-bottom:12px}.design-pager{color:var(--design-muted);justify-content:flex-end;align-items:center;gap:12px;margin-top:14px;font-size:12px;display:flex}.design-pager button,.design-text-link{color:var(--design-accent);background:0 0;border:0;font-weight:700}.design-pager button:disabled{opacity:.35}.design-event-scroll{max-height:350px;padding-right:5px;overflow:auto}.design-event-month{border-bottom:1px solid var(--design-border);padding:10px 0}.design-event-month>strong{margin-bottom:7px;display:block}.design-insight-item .tag.increase{color:#2e7d32;background:#e8f5e9}.design-insight-item .tag.decrease{color:#e65100;background:#fff3e0}.design-modal-backdrop{z-index:70;background:#0006;place-items:center;padding:20px;display:grid;position:fixed;inset:0;overflow:auto}.design-modal{background:#fff;border-radius:8px;width:min(100%,1050px);max-height:90vh;overflow:hidden;box-shadow:0 20px 60px #00000040}.design-modal>header{border-bottom:1px solid var(--design-border);justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.design-modal>header h2{margin:0;font-size:17px}.design-modal>header button{background:0 0;border:0}.design-modal-body{max-height:calc(90vh - 58px);padding:18px;overflow:auto}.design-modal-actions{justify-content:flex-end;gap:8px;margin-top:16px;display:flex}.design-table-wrap.max-h{max-height:55vh}.design-data-table input{border:1px solid var(--design-border);border-radius:5px;min-width:120px;padding:7px}@media (max-width:768px){.design-header{height:auto;min-height:56px;padding:10px 16px}.design-logo{font-size:15px}.design-header-right{gap:10px}.design-header-right>span{display:none}.design-main{padding:20px 14px}.design-customer-welcome,.design-welcome{flex-direction:column;align-items:flex-start}.design-welcome-actions{flex-wrap:wrap;align-items:flex-start}.design-kpi-grid,.design-two-columns{grid-template-columns:1fr}.design-kpi-value{font-size:28px}.design-card,.design-chart-block{padding:18px}.design-timeline-item{flex-wrap:wrap;align-items:flex-start}.design-timeline-item .amount{margin-left:auto}.design-section-heading{flex-direction:column}.design-section-actions{justify-content:flex-start;width:100%}.design-modal-backdrop{padding:8px}.design-modal{max-height:96vh}.design-modal-body{max-height:calc(96vh - 58px)}}.design-recipe-page{flex-direction:column;height:100vh;display:flex;overflow:hidden}.design-recipe-main{flex:1;gap:24px;width:100%;max-width:1400px;min-height:0;margin:0 auto;padding:24px;display:flex}.design-recipe-left{flex-direction:column;flex:4;gap:20px;padding-right:8px;display:flex;overflow-y:auto}.design-recipe-right{flex-direction:column;flex:5;min-width:0;min-height:0;display:flex}.design-recipe-card{border:1px solid var(--design-border);background:#fff;border-radius:8px;padding:24px}.design-recipe-title{margin-bottom:20px;font-size:18px;font-weight:700}.design-form-group{margin-bottom:16px;display:block}.design-form-group>span{color:var(--design-muted);margin-bottom:8px;font-size:14px;font-weight:600;display:block}.design-form-group input,.design-form-group select{border:1px solid var(--design-border);width:100%;color:var(--design-fg);background:#fff;border-radius:6px;outline:0;padding:10px 12px;font-size:14px}.design-form-group input{margin-bottom:7px}.design-form-group select:focus{border-color:var(--design-accent)}.design-form-group select:disabled{color:#999;background:#f5f5f5}.design-selected-recipe{border:1px solid var(--design-accent-light);background:#faf9fc;border-radius:8px;margin-top:8px;padding:20px}.design-selected-recipe>h2{color:var(--design-accent);margin-bottom:16px;font-size:18px;font-weight:700}.design-recipe-section{margin-bottom:16px}.design-recipe-section h3{border-bottom:1px solid var(--design-border);color:var(--design-muted);margin-bottom:10px;padding-bottom:6px;font-size:14px}.design-recipe-section ul{max-height:260px;list-style:none;overflow-y:auto}.design-recipe-section li{border-bottom:1px dashed var(--design-border);justify-content:space-between;gap:16px;padding:6px 0;font-size:14px;display:flex}.design-recipe-section p{color:var(--design-fg);white-space:pre-line;font-size:14px;line-height:1.6}.design-primary{background:var(--design-accent);color:#fff;border:0;border-radius:6px;width:100%;margin-top:20px;padding:12px 24px;font-size:15px;font-weight:600}.design-primary:disabled{cursor:not-allowed;background:#b0bec5}.design-chat-container{border:1px solid var(--design-border);background:#fff;border-radius:8px;flex-direction:column;height:100%;min-height:0;display:flex;overflow:hidden}.design-chat-header{border-bottom:1px solid var(--design-border);background:var(--design-accent-light);color:var(--design-accent);justify-content:space-between;align-items:center;gap:8px;padding:16px 20px;font-size:16px;font-weight:700;display:flex}.design-chat-header button{border:1px solid var(--design-border);color:var(--design-accent);background:#fff;border-radius:6px;padding:6px 10px;font-size:12px;font-weight:600}.design-chat-header button:disabled{cursor:not-allowed;opacity:.5}.design-chat-messages{background:#fcfbfe;flex-direction:column;flex:1;gap:16px;min-height:0;padding:20px;display:flex;overflow-y:auto}.design-message{white-space:pre-wrap;border-radius:12px;max-width:85%;padding:14px 18px;font-size:14px;line-height:1.6}.design-message.user{background:var(--design-accent);color:#fff;border-bottom-right-radius:2px;align-self:flex-end}.design-message.ai{border:1px solid var(--design-border);background:#fff;border-bottom-left-radius:2px;align-self:flex-start;box-shadow:0 2px 4px #00000005}.design-message.has-card{width:100%;max-width:95%}.design-markdown{white-space:normal;overflow-wrap:anywhere;min-width:0}.design-markdown>:first-child{margin-top:0}.design-markdown>:last-child{margin-bottom:0}.design-markdown ol,.design-markdown p,.design-markdown pre,.design-markdown table,.design-markdown ul{margin:.65em 0}.design-markdown ol,.design-markdown ul{padding-left:1.4em}.design-markdown ul{list-style:outside}.design-markdown ol{list-style:decimal}.design-markdown h1,.design-markdown h2,.design-markdown h3{margin:.8em 0 .4em;font-weight:700;line-height:1.35}.design-markdown h1{font-size:1.3em}.design-markdown h2{font-size:1.18em}.design-markdown h3{font-size:1.08em}.design-markdown code{background:#f3f4f6;border-radius:4px;padding:.1em .35em;font-size:.92em}.design-markdown pre{background:#f3f4f6;border-radius:6px;padding:10px;overflow:auto}.design-markdown pre code{padding:0}.design-markdown table{border-collapse:collapse;max-width:100%;display:block;overflow:auto}.design-markdown td,.design-markdown th{border:1px solid var(--design-border);text-align:left;padding:6px 8px}.design-markdown a{color:var(--design-accent);text-decoration:underline}.design-chat-input-area{border-top:1px solid var(--design-border);background:#fff;flex:none;gap:12px;padding:16px;display:flex}.design-chat-input{border:1px solid var(--design-border);border-radius:6px;outline:0;flex:1;min-width:0;padding:10px 14px;font-size:14px}.design-chat-input:disabled{cursor:not-allowed;background:#f5f5f5}.design-send{background:var(--design-accent);color:#fff;border:0;border-radius:6px;flex:none;padding:0 20px;font-weight:600}.design-send:disabled{cursor:not-allowed;background:#ccc}.design-send.stop{background:#b23a3a}.design-chat-error{justify-content:space-between;align-items:center;gap:10px;display:flex}.design-chat-error button,.design-load-more{color:inherit;background:0 0;border:0;font-weight:700}.design-load-more{color:var(--design-accent);margin-top:7px}.design-pricing-grid{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:16px;display:grid}.design-chat-error{color:brown;background:#fff1f1;border-top:1px solid #efb7b7;padding:10px 16px;font-size:13px}.design-typing{align-items:center;gap:4px;min-width:46px;min-height:22px;display:flex}.design-typing i{background:var(--design-muted);border-radius:50%;width:6px;height:6px;animation:design-blink 1.4s infinite both}.design-typing i:nth-child(2){animation-delay:.2s}.design-typing i:nth-child(3){animation-delay:.4s}@keyframes design-blink{0%{opacity:.3}20%{opacity:1}to{opacity:.3}}.design-analysis-content{gap:16px;padding-top:8px;display:flex}.design-analysis-col{flex-direction:column;flex:1;align-items:center;min-width:0;display:flex}.design-analysis-col h4{border-bottom:1px solid var(--design-border);width:100%;color:var(--design-muted);text-align:center;margin-bottom:16px;padding-bottom:6px;font-size:14px;font-weight:700}.design-ai-table{border:1px solid var(--design-border);border-collapse:collapse;text-align:center;background:#fff;width:100%;font-size:13px}.design-ai-table td,.design-ai-table th{border-bottom:1px dashed var(--design-border);color:var(--design-fg);text-align:center;white-space:normal;background:0 0;padding:8px 4px;font-size:13px;position:static}.design-ai-table thead{background:var(--design-accent-light);color:var(--design-accent)}.design-ai-table tfoot{border-top:1px solid var(--design-border);background:#f8f9fa;font-weight:700}.design-stats-grid{grid-template-columns:1fr 1fr;gap:10px;width:100%;display:grid}.design-stat{border:1px solid var(--design-border);text-align:center;background:#fff;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;min-height:78px;padding:12px 6px;display:flex}.design-stat span{color:var(--design-muted);margin-bottom:6px;font-size:12px;font-weight:700}.design-stat strong{font-size:17px}.design-stat strong.large{font-size:21px}.design-stat strong.accent{color:var(--design-accent)}.design-donut{width:120px;height:120px;margin:0 auto;position:relative}.design-donut>div{text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.design-donut span{color:var(--design-muted);font-size:11px;font-weight:700}.design-donut strong{color:var(--design-accent);font-size:18px;line-height:1.1}.design-donut small{font-size:11px}.design-donut em{color:var(--design-muted);margin-top:2px;font-size:11px;font-style:normal}.design-donut-footer{color:var(--design-muted);text-align:center;margin-top:12px;font-size:12px;font-weight:700}@media (max-width:1200px){.design-analysis-content{flex-direction:column}}@media (max-width:768px){.design-recipe-page{height:auto;min-height:100vh;overflow:visible}.design-recipe-main{flex-direction:column;padding:14px}.design-recipe-left{padding:0;overflow:visible}.design-chat-container,.design-recipe-right{min-height:620px}.design-message.has-card{max-width:100%}.design-analysis-content{flex-direction:column}.design-prediction-table,.design-prediction-table tbody,.design-prediction-table td,.design-prediction-table tr{display:block}.design-prediction-table thead{display:none}.design-prediction-table tr{border-bottom:1px solid var(--design-border);padding:10px 0}.design-prediction-table td{border:0;justify-content:space-between;height:auto;padding:5px 0;display:flex;width:100%!important}.design-prediction-table td:nth-child(2):before{content:"上月訂購量"}.design-prediction-table td:nth-child(3):before{content:"建議訂購量"}}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@keyframes pulse{50%{opacity:.5}}