:root{--bg:#f6f7f4;--card:#fff;--text:#1f2a1f;--muted:#6b756b;--line:#e3e6df;--brand:#3b7d34;--brand-dark:#0d3b33;--brand-light:#8cc63f;--warn-bg:#fff8e1;--warn-line:#ffd54f;--error:#c62828;--error-bg:#ffebee;--ok:#2e7d32;--ok-bg:#e8f5e9;--info-bg:#e3f2fd;--info-line:#90caf9;--shadow-sm:0 1px 2px #0f280f0a;--shadow-md:0 4px 16px #0f280f12;--radius:12px;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;font-family:Noto Sans TC,system-ui,-apple-system,Segoe UI,Microsoft JhengHei,sans-serif;line-height:1.6}*{box-sizing:border-box}body{margin:0}a{color:var(--brand)}h1,h2{margin:0}h1{letter-spacing:-.01em;font-size:1.75rem;font-weight:700}h2{margin-bottom:.75rem;font-size:1.15rem;font-weight:700}button{font:inherit;border:1px solid var(--line);background:var(--card);cursor:pointer;border-radius:8px;padding:.45rem .9rem}button:disabled{opacity:.5;cursor:not-allowed}button.primary{background:var(--brand);border-color:var(--brand);color:#fff;box-shadow:var(--shadow-sm);transition:background .15s,transform 80ms}button.primary:not(:disabled):hover{background:var(--brand-dark)}button.primary:not(:disabled):active{transform:translateY(1px)}button.big{padding:.7rem 1.5rem;font-size:1.05rem}button.link{color:var(--brand);background:0 0;border:none;padding:0;text-decoration:underline}input,select{font:inherit;border:1px solid var(--line);background:#fff;border-radius:8px;padding:.5rem .6rem}.muted{color:var(--muted)}.small{font-size:.85rem}.mono{font-family:ui-monospace,Cascadia Mono,Consolas,monospace}.num{text-align:right;white-space:nowrap}.error-text{color:var(--error);margin:.25rem 0}.ok-text{color:var(--ok)}.boot,.loading{color:var(--muted);padding:2rem}.loading:after{content:"";background:linear-gradient(90deg, var(--line) 0%, var(--ok-bg) 50%, var(--line) 100%);background-size:200% 100%;border-radius:3px;max-width:320px;height:6px;margin-top:.75rem;animation:1.1s linear infinite shimmer;display:block}@keyframes shimmer{to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){.loading:after,.gauge-value,.bar-value{transition:none;animation:none}}.app{min-height:100vh}.topbar{background:var(--card);border-bottom:1px solid var(--line);z-index:10;box-shadow:var(--shadow-sm);flex-wrap:wrap;align-items:center;gap:.5rem 1.5rem;padding:.6rem 1.25rem;display:flex;position:sticky;top:0}.brand{color:var(--brand-dark);align-items:center;gap:.5rem;font-weight:700;text-decoration:none;display:flex}.brand-logo{object-fit:contain;width:40px;height:40px}.demo-badge{color:#e65100;background:#fff3e0;border:1px solid #ffcc80;border-radius:999px;padding:.05rem .55rem;font-size:.75rem;font-weight:600}.nav{flex-wrap:wrap;gap:.25rem;display:flex}.nav a{color:var(--muted);white-space:nowrap;border-radius:999px;padding:.35rem .8rem;text-decoration:none;transition:background .15s,color .15s}.nav a:hover{color:var(--brand-dark);background:var(--bg)}.nav a.active{background:var(--brand);color:#fff;font-weight:500}.nav-module{color:var(--brand);border-right:1px solid var(--line);align-self:center;margin-right:.2rem;padding-right:.6rem;font-size:.8rem;font-weight:700}.user{color:var(--muted);align-items:center;gap:.75rem;margin-left:auto;font-size:.82rem;display:flex}.user .muted{background:var(--bg);border-radius:999px;padding:.15rem .6rem}.main{flex-direction:column;gap:1rem;max-width:none;padding:1rem 1.25rem 1.5rem;display:flex}.page{flex-direction:column;gap:1rem;display:flex}.page[hidden]{display:none}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1rem;display:flex}.page-header p{margin:.25rem 0 0}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:1.1rem 1.35rem}.notice{border:1px solid;border-radius:12px;padding:.75rem 1rem}.notice p,.notice ul{margin:.35rem 0 0}.notice ul{padding-left:1.25rem}.notice-info{background:var(--info-bg);border-color:var(--info-line)}.notice-warn{background:var(--warn-bg);border-color:var(--warn-line)}.notice-error{background:var(--error-bg);border-color:#ef9a9a}.notice-ok{background:var(--ok-bg);border-color:#a5d6a7}.chip{white-space:nowrap;border-radius:999px;padding:.2rem .7rem;font-size:.95rem;font-weight:600;display:inline-block}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.92rem}th,td{border-bottom:1px solid var(--line);text-align:left;vertical-align:top;padding:.45rem .6rem}th{color:var(--muted);white-space:nowrap;font-weight:600}.day-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.75rem;display:grid}.day{background:var(--card);border:1px solid var(--line);border-radius:12px;flex-direction:column;gap:.5rem;padding:.75rem .9rem;display:flex}.day-head{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.badge{white-space:nowrap;color:#455a64;background:#eceff1;border-radius:999px;padding:.05rem .55rem;font-size:.75rem}.day-confirmed{background:#fafbf9}.badge-confirmed{color:#283593;background:#e8eaf6}.day-decision{border:2px solid var(--brand);box-shadow:0 2px 10px #2e7d3226}.badge-decision{background:var(--brand);color:#fff}.day-unconfirmed{border:2px dashed #fb8c00}.badge-unconfirmed{color:#e65100;background:#fff3e0}.day-tentative{opacity:.72}.day-holiday{background:0 0;border-style:dashed}.slots{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.reason{color:var(--muted);margin:.2rem 0 0;font-size:.8rem}.flavor-select{border-radius:999px;width:100%;padding:.25rem .6rem;font-weight:600}.flavor-select option{color:var(--text);background:#fff}.day-foot{flex-direction:column;gap:.35rem;margin-top:auto;display:flex}.slot-label{color:var(--muted);margin-bottom:.15rem;font-size:.78rem;display:block}.history-list{flex-direction:column;gap:.75rem;display:flex}.history-day .day-head{margin-bottom:.5rem}.qty-input{text-align:right;width:6rem}.tag{color:#e65100;vertical-align:middle;background:#fff3e0;border-radius:999px;margin-left:.4rem;padding:.05rem .45rem;font-size:.72rem;display:inline-block}.checks{flex-direction:column;gap:.35rem;margin:.75rem 0 0;padding:0;font-size:.9rem;list-style:none;display:flex}.history-actions{align-items:center;gap:.75rem;margin-top:.75rem}.strong{font-weight:700}.tag-ok{background:var(--ok-bg);color:var(--brand-dark)}.trend th,.trend td{white-space:nowrap}.trend-cell{min-width:4.5rem}.trend-out,.tone-out{background:var(--error-bg);color:var(--error);font-weight:600}.trend-low,.tone-low{background:var(--warn-bg)}.tone-out,.tone-low{border-radius:4px;padding:0 .25rem}.trend tfoot td{border-top:2px solid var(--line);color:var(--muted);border-bottom:none;font-weight:600}.card-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.75rem;display:flex}.card-head h2{margin-bottom:0}.trend-avail{color:var(--muted);font-size:.72rem;font-weight:400;display:block}.toggle{cursor:pointer;align-items:center;gap:.35rem;font-size:.9rem;display:inline-flex}.note-cell{white-space:pre-wrap;color:#8d4e00;max-width:22rem}.decision{border-left:4px solid var(--brand)}.decision-done{border-left-color:var(--line)}.decision-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.75rem;display:flex}.decision-head h2{margin:.1rem 0 0;font-size:1.35rem}.button-link{border:1px solid var(--brand);color:var(--brand);white-space:nowrap;border-radius:8px;padding:.4rem .9rem;text-decoration:none}.button-link:hover{background:var(--ok-bg)}.decision-batches{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.decision-batches li{background:var(--bg);border-radius:10px;padding:.6rem .8rem}.home-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;display:grid}.kpi{flex-direction:column;justify-content:center;gap:.2rem;display:flex}.kpi strong{letter-spacing:-.02em;color:var(--brand-dark);font-size:2.1rem;font-weight:700;line-height:1.15}.kpi,.home-charts .card,.decision{box-shadow:var(--shadow-md)}.kpi-warn{background:var(--warn-bg);border-color:var(--warn-line)}.kpi-warn strong{color:#e65100}.kpi-gauge{align-items:center;padding:.6rem}.home-charts{grid-template-columns:3fr 2fr;gap:1rem;display:grid}@media (width<=900px){.home-charts{grid-template-columns:1fr}}.chart{margin:0}.chart svg{width:100%;height:auto;overflow:visible}.chart-off{fill:var(--bg)}.chart-line-stock{fill:none;stroke:var(--brand);stroke-width:2.5px;stroke-linejoin:round}.chart-line-shortage{fill:none;stroke:var(--error);stroke-width:2px;stroke-dasharray:5 4}.chart-dot{fill:var(--brand)}.chart-label{fill:var(--muted);font-size:11px}.legend{align-items:center;gap:.25rem;margin-right:.75rem;display:inline-flex}.legend:before{content:"";background:var(--brand);border-radius:2px;width:14px;height:3px}.legend-shortage:before{background:var(--error)}.gauge{text-align:center;margin:0}.gauge svg{width:130px;height:130px}.gauge-track{fill:none;stroke:var(--line);stroke-width:12px}.gauge-value{fill:none;stroke:var(--brand);stroke-width:12px;stroke-linecap:round;transition:stroke-dasharray .6s}.gauge-warn .gauge-value{stroke:#ef9a00}.gauge-error .gauge-value{stroke:var(--error)}.gauge-number{fill:var(--brand-dark);font-size:26px;font-weight:700}.gauge-caption{fill:var(--muted);font-size:12px}.bars{flex-direction:column;gap:.4rem;margin:.5rem 0 0;padding:0;list-style:none;display:flex}.bars li{grid-template-columns:4.5rem 1fr 4.5rem;align-items:center;gap:.5rem;font-size:.9rem;display:grid}.bar-track{background:var(--bg);border-radius:999px;height:12px;overflow:hidden}.bar-value{border-radius:999px;height:100%;transition:width .5s;display:block}.bar-number{text-align:right;color:var(--muted)}.benchmark{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.25rem;display:grid}.benchmark h3{flex-direction:column;margin:0 0 .35rem;font-size:1rem;display:flex}.stats{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.75rem;display:grid}.stat{background:var(--card);border:1px solid var(--line);border-radius:12px;flex-direction:column;gap:.15rem;padding:.6rem .9rem;display:flex}.stat strong{color:var(--brand-dark);font-size:1.35rem}.stat-label{color:var(--muted);font-size:.85rem}.stat-click{font:inherit;text-align:left;cursor:pointer}.stat-click:disabled{cursor:default;opacity:1}.stat-click:not(:disabled):hover{border-color:var(--brand)}.stat-warn{background:var(--warn-bg);border-color:var(--warn-line)}.stat-warn strong{color:#e65100}.stat-error{background:var(--error-bg);border-color:#ef9a9a}.stat-error strong{color:var(--error)}.drag-x{cursor:grab}.drag-x.dragging-x{cursor:grabbing;-webkit-user-select:none;user-select:none}.sticky-first th:first-child,.sticky-first td:first-child{z-index:1;background:var(--card);border-right:1px solid var(--line);position:sticky;left:0}.trend-off{background:var(--bg);color:var(--muted)}.trend-off.trend-out,.trend-off.trend-low{background:var(--bg)}.toggles{flex-wrap:wrap;gap:1rem;display:flex}.trend-made{color:var(--brand);font-size:.72rem;font-weight:600;display:block}.pick-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.5rem;display:grid}.pick{border:1px solid var(--line);border-radius:10px;justify-content:space-between;align-items:center;padding:.4rem .6rem;display:flex}.pick-qty{font-weight:700}.pick-total{background:var(--ok-bg)}.search{gap:.5rem;display:flex}.search input{flex:1;min-width:0}.order-result dl,.summary{grid-template-columns:max-content 1fr;gap:.35rem 1rem;margin:0 0 1rem;display:grid}.order-result dt,.summary dt{color:var(--muted)}.order-result dd,.summary dd{margin:0}.message{background:var(--bg);border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1rem;display:flex}.message p{margin:0}.dropzone{background:var(--card);cursor:pointer;text-align:center;border:2px dashed #a5d6a7;border-radius:14px;flex-direction:column;align-items:center;gap:.35rem;padding:2rem 1rem;display:flex}.dropzone.dragging{background:var(--ok-bg);border-color:var(--brand)}.dropzone input{display:none}.inline-form{flex-wrap:wrap;gap:.75rem 1.25rem;margin:.5rem 0;display:flex}.inline-form label{flex-direction:column;gap:.25rem;font-size:.9rem;display:flex}.file-status p{margin:.2rem 0}.actions{justify-content:flex-end;display:flex}.login{place-items:center;min-height:100vh;padding:1rem;display:grid}.login-card{flex-direction:column;gap:.75rem;width:min(360px,100%);display:flex}.login-card h1{text-align:center;color:var(--brand-dark)}.login-logo{align-self:center;width:160px}.login-card label{flex-direction:column;gap:.25rem;font-size:.9rem;display:flex}@media (width<=640px){.main{padding:.75rem}.user{margin-left:0;font-size:.78rem}h1{font-size:1.4rem}.nav{scrollbar-width:none;flex-wrap:nowrap;width:100%;padding-bottom:.15rem;overflow-x:auto}.nav::-webkit-scrollbar{display:none}.table-wrap>table{min-width:640px}.table-wrap>table.phone-cards{min-width:0;font-size:1rem;display:block}.phone-cards thead{display:none}.phone-cards tbody,.phone-cards tr,.phone-cards td{width:auto;display:block}.phone-cards tr{border:1px solid var(--line);border-radius:10px;margin-bottom:.6rem;padding:.5rem .8rem}.phone-cards td{text-align:right;border:none;justify-content:space-between;align-items:baseline;gap:.75rem;padding:.2rem 0;display:flex}.phone-cards td:before{content:attr(data-label);text-align:left;color:var(--muted);flex:0 0 5rem;font-size:.85rem}.phone-cards td:empty{display:none}.phone-cards .note-cell{max-width:none}}