@font-face{font-family:Bell;src:url(/fonts/NotoSansThai-Regular.ttf) format("truetype");font-display:swap;font-weight:400}@font-face{font-family:Bell;src:url(/fonts/NotoSansThai-SemiBold.ttf) format("truetype");font-display:swap;font-weight:600}@font-face{font-family:BellTC;src:url(/fonts/NotoSansTC-Regular.ttf) format("truetype");font-display:swap}:root{font-family:Bell,BellTC,system-ui,sans-serif;color:#293632;background:#f5f2eb;--bg: #f5f2eb;--surface: #fdfbf7;--surface2: #edeae2;--text: #293632;--muted: #667268;--line: #dedfd5;--accent: #8c692e;--button-bg: #8c692e;--button-text: #fdfbf7;--accent-soft: #ece2ca;--green: #526f60;--danger: #ad493c;--shadow: 0 12px 36px #273b3010;--hero: #e7ede3;color-scheme:light}:root[data-theme=dark]{color-scheme:dark;--bg: #151a1b;--surface: #1e2425;--surface2: #262e2e;--text: #ece9de;--muted: #a0aaa5;--line: #384040;--accent: #d5b574;--button-bg: #765624;--button-text: #fff8e8;--accent-soft: #3c3424;--green: #9ab3a1;--danger: #f49c89;--hero: #242e2b;--shadow: 0 12px 36px #0003;color:var(--text);background:var(--bg)}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,.file-button{border:1px solid transparent;border-radius:9px;padding:11px 17px;background:var(--button-bg);color:var(--button-text);cursor:pointer;font-weight:600;line-height:1.45;transition:transform .2s}button:hover{filter:brightness(1.1)}button:active{transform:translateY(1px)}button:disabled{opacity:.45;cursor:not-allowed}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}h1{font-weight:600;font-size:clamp(24px,4vw,34px);letter-spacing:-.7px;line-height:1.4}h2{font-size:21px;font-weight:600}h3{font-size:17px;margin:16px 0}p{color:var(--muted);line-height:1.8}label{display:flex;flex-direction:column;gap:7px;font-size:13px;color:var(--muted);min-width:0}input,select{width:100%;border:1px solid var(--line);border-radius:8px;background:var(--surface);padding:11px 12px;color:var(--text);min-height:44px;outline:none}input:focus,select:focus,button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}select{max-width:100%}.secondary,.file-button.secondary{background:var(--surface);border:1px solid var(--line);color:var(--text)}.text-button{padding:9px;background:none;color:var(--accent);font-size:13px}.danger{color:var(--danger)}.eyebrow{font-size:10px;letter-spacing:1.8px;text-transform:uppercase;color:var(--muted);margin-bottom:6px}.topbar{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:16px 20px;background:var(--surface);border-bottom:1px solid var(--line);position:relative;z-index:3}.brand{display:flex;align-items:center;gap:10px;font-size:18px;letter-spacing:2px;font-weight:600}.brand small{display:block;font-size:8px;letter-spacing:1.8px;color:var(--muted)}.brand-icon{display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--accent);border-radius:10px;color:var(--accent);font-family:Georgia,serif;font-size:25px}.preferences{display:flex;gap:8px;align-items:center}.preferences label>span{display:none}.preferences select{width:auto;font-size:13px;padding:8px;min-height:42px}.preferences button{font-size:12px;padding:10px}.shell{display:flex;flex-direction:column}.sidebar{padding:12px 14px;background:var(--surface);border-bottom:1px solid var(--line)}.sidebar>.eyebrow,.sidebar>.profile,.sidebar>.secondary{display:none}.sidebar nav{display:flex;overflow-x:auto;gap:5px;scrollbar-width:thin}.sidebar nav button{display:flex;gap:8px;align-items:center;white-space:nowrap;color:var(--muted);background:none;font-weight:400;padding:11px 14px}.sidebar nav button.active{background:var(--accent-soft);color:var(--accent);font-weight:600}.nav-icon{font-size:19px}.content{padding:22px 16px 100px;min-width:0;flex:1;max-width:1800px}.page-heading{display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;align-items:center;margin-bottom:24px}.actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.actions button,.file-button{font-size:12px;padding:9px 12px}.search{min-width:100px;width:185px}.panel{border:1px solid var(--line);background:var(--surface);border-radius:15px;padding:20px 16px;margin-top:18px;box-shadow:var(--shadow);min-width:0}.panel-heading{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:15px;margin-bottom:20px}.hero{display:flex;align-items:center;position:relative;overflow:hidden;border-radius:18px;background:var(--hero);min-height:270px;padding:26px}.hero>div:first-child{position:relative;z-index:1;max-width:620px}.hero h1{max-width:460px;font-size:clamp(27px,3.4vw,42px);line-height:1.5}.hero p{font-size:13px;margin-top:8px}.hero button{margin-top:23px}.scene{height:270px;min-width:200px;position:relative}.hero .scene{position:absolute;right:-80px;width:48%;opacity:.3;top:0;pointer-events:none}.scene canvas{position:absolute;inset:0;width:100%;height:100%;z-index:1}.scene-glow{position:absolute;inset:15%;border-radius:50%;background:radial-gradient(ellipse,#c6ae6925,transparent 70%)}.stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px}.stat{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:13px;padding:17px;overflow:hidden}.stat>div{display:flex;justify-content:space-between;gap:8px;color:var(--muted);font-size:12px}.stat>div>span:last-child{color:var(--accent);font-size:18px}.stat strong{display:block;font-size:32px;font-weight:600;margin-top:8px}.stat-line{position:absolute;height:3px;width:35%;background:var(--accent);bottom:0;left:17px;opacity:.6}.table-wrap{max-width:100%;overflow:auto}table{width:100%;border-collapse:collapse;font-size:13px}th{text-align:left;font-size:11px;color:var(--muted);font-weight:400;padding:12px;border-bottom:1px solid var(--line);white-space:nowrap}td{padding:15px 12px;border-bottom:1px solid var(--line);vertical-align:middle;white-space:pre-line}tbody tr:last-child td{border-bottom:0}.row-actions{white-space:nowrap}.badge{display:inline-block;padding:4px 8px;border-radius:6px;background:var(--accent-soft);color:var(--accent);font-size:11px}.shortage{color:var(--danger);font-weight:600}.empty{text-align:center;padding:40px 12px}.empty>span{font-size:35px;color:var(--accent)}.empty h3{margin:12px 0 5px}.empty p{font-size:13px}.notice{border-left:3px solid var(--accent);background:var(--accent-soft);padding:10px 15px;font-size:12px;margin:14px 0;color:var(--text)}.app-footer{position:fixed;bottom:0;left:0;width:100%;min-height:52px;padding:10px 16px;display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--surface);border-top:1px solid var(--line);z-index:5;color:var(--muted);font-size:10px}.clock{display:flex;align-items:center;gap:7px;flex-wrap:wrap;color:var(--text);font-variant-numeric:tabular-nums;font-size:11px}.live-dot{height:6px;width:6px;background:var(--green);border-radius:50%}.clock small{color:var(--muted);font-size:9px}.auth-shell{padding:30px 20px 100px;display:grid;gap:20px;max-width:1200px;margin:auto}.auth-intro>.scene{display:none}.auth-intro>p{margin-top:12px}.auth-card{padding:28px 24px;background:var(--surface);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow)}.auth-card h2{margin-bottom:22px}.auth-card form,.auth-card form label{margin-bottom:16px}.auth-card form button{width:100%;margin-top:10px}.auth-links{display:flex;justify-content:center;flex-wrap:wrap;gap:4px}.demo-button{width:100%;margin-top:14px}.toast{position:fixed;bottom:70px;left:50%;transform:translate(-50%);width:max-content;max-width:90vw;padding:12px 20px;background:var(--text);color:var(--bg);border-radius:12px;box-shadow:var(--shadow);z-index:30;display:flex;align-items:center;gap:10px;font-size:13px}.toast button{color:inherit}.form{display:flex;flex-wrap:wrap;gap:15px;align-items:end;margin-top:20px}.form label{flex:1;min-width:180px}.form-grid{display:grid;grid-template-columns:1fr;gap:16px}.modal-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px}.modal-actions{display:flex;justify-content:end;gap:10px;margin-top:25px}.order-line{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:15px 0;border-bottom:1px solid var(--line)}dialog{border:1px solid var(--line);border-radius:18px;background:var(--surface);color:var(--text);padding:22px;width:calc(100% - 24px);max-width:760px;max-height:85dvh;overflow:auto;box-shadow:0 30px 80px #0004}dialog::backdrop{background:#0d181a99;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}dialog form>label{margin-top:16px}.date-field{position:relative;display:flex;align-items:center;justify-content:space-between;background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:11px 12px;min-height:44px;color:var(--text);font-size:13px;gap:8px}.date-field input{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer}.date-field input::-webkit-calendar-picker-indicator{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.date-field:focus-within{outline:2px solid var(--accent)}.file-button{position:relative;display:inline-block;cursor:pointer}.file-button input{position:absolute;width:100%;height:100%;inset:0;opacity:0;cursor:pointer}.profile{display:flex;gap:12px;align-items:center;margin:30px 0 15px;font-size:12px}.profile small{display:block;color:var(--muted)}.avatar{display:grid;place-items:center;border-radius:50%;background:var(--accent-soft);width:36px;height:36px;color:var(--accent)}@media(max-width:640px){.brand small{font-size:7px}.brand{font-size:14px;gap:6px}.topbar{padding:12px}.preferences{gap:5px}.preferences button{max-width:93px;font-size:10px}.preferences select{max-width:98px;font-size:11px}.hero{padding:22px;min-height:230px}.hero h1{font-size:26px}.hero .scene{width:90%;right:-160px}.panel-heading .actions{width:100%}.panel{padding:18px 12px}.panel h2{font-size:18px}thead{display:none}table,tbody,tr,td{display:block;width:100%}tbody tr{padding:9px 0;border-bottom:1px solid var(--line)}td{display:flex;justify-content:space-between;gap:16px;padding:6px 4px;border:0;text-align:right;overflow-wrap:anywhere}td:before{content:attr(data-label);color:var(--muted);font-size:11px;text-align:left;flex:0 0 35%;white-space:normal}.row-actions{justify-content:flex-end}.row-actions:before{margin-right:auto}footer>span{display:none}.clock{font-size:12px}.clock small{font-size:10px}.search{width:165px}}@media(min-width:760px){.form-grid{grid-template-columns:1fr 1fr}.order-line{grid-template-columns:2fr 1fr 1fr auto;align-items:end}.topbar{padding:18px 32px}.content{padding:32px 28px 100px}.stats{grid-template-columns:repeat(4,minmax(0,1fr))}.stat{padding:22px}.hero .scene{right:0;opacity:1;min-width:300px}.hero>div:first-child{max-width:60%}.auth-shell{grid-template-columns:1.2fr 1fr;align-items:center;padding-top:70px}.auth-intro>.scene{display:block;height:330px}.auth-intro h1{font-size:42px}}@media(min-width:1100px){.shell{flex-direction:row}.sidebar{flex:0 0 235px;padding:32px 20px;border-right:1px solid var(--line);border-bottom:0;min-height:calc(100dvh - 90px);position:sticky;top:0;align-self:flex-start}.sidebar>.eyebrow,.sidebar>.profile{display:flex}.sidebar>.secondary{display:block;width:100%}.sidebar nav{display:flex;flex-direction:column;gap:7px}.sidebar nav button{width:100%;text-align:left;font-size:13px}.content{padding:32px 38px 100px}.panel{padding:25px}.hero{padding:35px}.hero .scene{height:310px}.stat strong{font-size:38px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important;scroll-behavior:auto!important}}@media print{body{background:#fff;color:#000}.topbar,.sidebar,footer,.actions,.toast,.hero,.page-heading input,.panel-heading button,.panel-heading label,.notice{display:none!important}.content{padding:0}.panel{box-shadow:none;border:0;padding:8px}.shell{display:block}thead{display:table-header-group}table{display:table;font-size:10px}tbody{display:table-row-group}tr{display:table-row}th,td{display:table-cell;white-space:pre-line}td:before{display:none}.table-wrap{overflow:visible}.row-actions{display:none}h1{font-size:24px}}@media(max-width:1099px){.sidebar>.secondary{display:block;margin-top:10px;font-size:11px;padding:7px 12px;width:max-content}.sidebar>.profile{display:none}}.import-preview{max-height:45vh;overflow:auto;margin:1rem 0}.import-preview table{min-width:720px}.import-preview thead{display:table-header-group}.import-preview tbody{display:table-row-group}.import-preview tr{display:table-row;border:0;background:none}.import-preview td,.import-preview th{display:table-cell;padding:10px}.import-preview td:before{display:none}td span{white-space:pre-line}textarea{width:100%;padding:10px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--text);font:inherit}.delivery-details summary{cursor:pointer;color:var(--accent)}.delivery-details dl{white-space:normal;width:280px;max-width:100%;text-align:left}.delivery-details dl div{padding:8px 0;border-bottom:1px solid var(--line)}.delivery-details dt{color:var(--muted);font-size:12px}.delivery-details dd{margin:4px 0 0;overflow-wrap:anywhere;white-space:pre-line}.import-preview th{position:sticky;top:0;background:var(--surface)}.cf-sidebar{background:var(--surface);border-right:1px solid var(--line)}.sidebar-tools{position:sticky;top:-18px;z-index:2;background:var(--surface);display:flex;align-items:center;gap:8px;padding:12px 0 18px}.sidebar-tools strong{flex:1;font-size:11px;letter-spacing:.12em}.sidebar-tools button{padding:6px 12px}.sidebar-quick-search{display:flex;align-items:center;gap:9px;width:100%;min-width:0;margin-bottom:18px;padding:10px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--muted);font-weight:400;text-align:left;transition:border-color .15s,box-shadow .15s}.sidebar-quick-search:hover{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft);background:var(--surface)}.sidebar-quick-search svg{flex:none;color:var(--accent)}.quick-search-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.sidebar-quick-search kbd{flex:none;padding:2px 4px;border:1px solid var(--line);border-radius:4px;font-size:10px;font-family:inherit}.cf-sidebar nav{flex-direction:column;overflow:visible}.cf-sidebar nav button{background:transparent;color:var(--text);border-radius:5px;font-size:13px}.cf-sidebar nav .nav-parent{display:flex;align-items:center;width:100%;padding:12px 9px;text-align:left}.cf-sidebar .nav-chevron{margin-left:auto}.cf-sidebar .current-group{color:var(--accent)}.cf-sidebar .nav-children{border-left:1px solid var(--line);margin:0 0 14px 20px;padding-left:9px}.cf-sidebar .nav-children button{display:block;width:100%;padding:9px 12px;text-align:left}.cf-sidebar .nav-children button.active{background:var(--accent-soft);border-left:3px solid var(--accent);color:var(--accent)}.cf-sidebar .sidebar-bottom{margin-top:20px}.mobile-close,.mobile-menu-button,.sidebar-scrim,.mobile-scale-control{display:none}.search-select{position:relative;min-width:0;width:100%}.search-select input{width:100%}.search-options{position:absolute;top:100%;left:0;right:0;max-height:250px;overflow:auto;z-index:30;background:var(--surface);border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow)}.search-options button{display:block;width:100%;border-radius:0;text-align:left;background:var(--surface);color:var(--text);padding:11px;font-weight:400}.search-options button.highlight,.search-options button:hover{background:var(--accent-soft)}.search-options span{display:block;padding:12px}.permission-legend{display:flex;gap:12px;flex-wrap:wrap;margin:18px 0}.permission-role,.permission-grant,.permission-deny,.permission-inherit{padding:5px 9px;border-radius:6px;font-size:12px}.permission-role{background:#3b82f61c;color:#376dc1;border:1px solid #3b82f655}.permission-grant{background:#22a06b1c;color:#278055;border:1px solid #22a06b55}.permission-deny{background:#df594b1c;color:var(--danger);border:1px solid #df594b55}.permission-inherit{background:var(--surface2);color:var(--muted);border:1px solid var(--line)}:root[data-theme=dark] .permission-role{color:#a8c8ff}:root[data-theme=dark] .permission-grant{color:#a1dfbc}.production-selector{display:flex;gap:22px;align-items:end;flex-wrap:wrap}.production-selector>label{min-width:210px;flex:1}.production-selector form{display:flex;gap:12px;align-items:end;flex:2}.production-selector form{flex-wrap:wrap}.production-selector form label{min-width:min(190px,100%)}.profile-avatar{display:flex;gap:24px;align-items:center}.production-selector form label{flex:1}.production-board{background:var(--surface);border:1px solid var(--line);border-radius:22px;overflow:hidden;box-shadow:var(--shadow);margin-bottom:24px}.production-board-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:25px 30px;border-bottom:1px solid var(--line);background:linear-gradient(120deg,var(--accent-soft),var(--surface))}.production-board-heading h2{margin:0;font-size:24px}.production-board-heading time{font-variant-numeric:tabular-nums;font-size:13px;color:var(--accent)}.production-board-top{display:grid;grid-template-columns:150px 1fr 260px;gap:24px;padding:26px}.production-person{display:flex;align-items:center;flex-direction:column;margin-bottom:20px;text-align:center}.production-person img,.staff-avatar{width:86px;height:98px;object-fit:cover;border-radius:14px;border:1px solid var(--accent)}.staff-avatar{display:grid;place-items:center;background:var(--accent-soft);color:var(--accent);font-size:32px}.production-person small{margin-top:8px;color:var(--muted)}.production-facts{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:0}.production-facts>div{padding:18px;background:var(--surface2);border-radius:12px}.production-facts>div:last-child{grid-column:1/-1}.production-facts dt{font-size:12px;color:var(--muted)}.production-facts dd{margin:7px 0 0;font-size:23px;font-weight:600;word-break:break-word}.production-completion{text-align:center;border-left:1px solid var(--line);padding-left:22px}.completion-ring{width:180px;height:180px;border-radius:50%;padding:19px;margin:20px auto}.completion-ring strong{display:grid;place-items:center;width:100%;height:100%;border-radius:50%;background:var(--surface);color:var(--accent);font-size:28px}.chart-legend{display:flex;gap:16px;flex-wrap:wrap;justify-content:center;font-size:12px;color:var(--muted)}.chart-legend>span:before{content:"";display:inline-block;width:12px;height:8px;margin-right:6px;background:var(--accent)}.chart-legend .legend-actual:before{background:var(--green)}.chart-legend .legend-rate:before{background:var(--text);height:2px}.production-chart{padding:24px;border-top:1px solid var(--line)}.production-chart svg{display:block;width:100%;min-height:180px;margin-top:25px;overflow:visible}.production-chart svg text{fill:var(--muted);font-size:12px}.production-plot{overflow-x:auto}.production-chart .table-wrap{overflow:auto}.production-chart table{min-width:500px}.production-chart thead{display:table-header-group}.production-chart tbody{display:table-row-group}.production-chart tr{display:table-row}.production-chart td,.production-chart th{display:table-cell;text-align:left}.production-chart td:before{display:none}.chart-grid{stroke:var(--line);stroke-dasharray:4 4}.chart-target{fill:var(--accent);opacity:.75}.chart-actual{fill:var(--green)}.chart-rate{fill:none;stroke:var(--text);stroke-width:2.5}.production-plan-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:18px}.plan-card progress{width:100%;accent-color:var(--accent)}.slot-editor{display:flex;flex-direction:column;gap:12px;margin:20px 0}.slot-row{display:grid;grid-template-columns:1fr 1fr 1fr 44px;align-items:end;gap:12px}.scan-panel{border:1px solid var(--accent)}.scan-panel form{display:flex;align-items:end;gap:14px}.scan-panel form label{flex:1}.scan-panel input{font-size:24px}.scan-history{font-size:12px;color:var(--muted)}.bom-tree,.bom-tree ul{list-style:none;padding-left:0}.bom-tree ul{margin:4px 0 14px 20px;padding-left:15px;border-left:1px solid var(--line)}.bom-node{display:flex;align-items:center;gap:12px;flex-wrap:wrap;border:1px solid var(--line);background:var(--surface2);border-radius:10px;padding:12px;margin:8px 0}.bom-toggle{background:none;color:var(--text);padding:4px;display:flex;gap:12px;align-items:center;flex-wrap:wrap;text-align:left;flex:1;min-width:0}.bom-toggle span{overflow-wrap:anywhere}.bom-toggle span:nth-child(2){color:var(--accent)}.bom-quantity{display:flex;flex-direction:column;font-size:12px;color:var(--muted)}.bom-quantity strong{color:var(--text)}.bom-leaves>div{display:grid;grid-template-columns:minmax(90px,1fr) 2fr auto;gap:14px;border-bottom:1px solid var(--line);padding:12px 0;font-size:13px;overflow-wrap:anywhere}@media(max-width:1200px){.production-board-top{grid-template-columns:120px 1fr}.production-completion{grid-column:1/-1;border-left:0;border-top:1px solid var(--line);padding:20px 0 0}}@media(min-width:900px){.shell{display:block;padding-left:260px}.shell.sidebar-collapsed{padding-left:72px}.cf-sidebar{position:fixed;top:90px;bottom:auto;left:0;width:260px;height:calc(100dvh - 142px);max-height:calc(100dvh - 142px);min-height:0;align-self:auto;padding:18px 14px;overflow:auto;z-index:50;transition:width .18s}.cf-sidebar.is-collapsed{width:72px}.cf-sidebar.is-collapsed:not(:hover):not(:has(:focus-visible)) .sidebar-label,.cf-sidebar.is-collapsed:not(:hover):not(:has(:focus-visible)) .nav-children{display:none}.cf-sidebar.is-collapsed:hover,.cf-sidebar.is-collapsed:has(:focus-visible){width:260px;box-shadow:12px 0 30px #0002}.content{min-width:0}}@media(max-width:899px){.shell,.mobile-menu-button,.mobile-close{display:block}.cf-sidebar{position:fixed;inset:0 auto 0 0;width:min(300px,88vw);height:100dvh;max-height:100dvh;min-height:0;align-self:auto;padding:18px;z-index:101;overflow:auto;transform:translate(-105%);transition:transform .2s}.cf-sidebar.is-open{transform:translate(0)}.cf-sidebar .profile,.cf-sidebar .secondary,.cf-sidebar .sidebar-label{display:initial}.cf-sidebar .sidebar-label.sidebar-bottom{display:block}.cf-sidebar nav{display:flex}.sidebar-scrim{display:block;position:fixed;inset:0;border:0;background:#0007;z-index:100;border-radius:0}.production-board-top{grid-template-columns:120px 1fr;gap:16px}.production-completion{grid-column:1/-1;border-left:0;border-top:1px solid var(--line);padding:20px 0 0}}@media(max-width:600px){.profile-avatar{flex-direction:column;align-items:start}.topbar{gap:8px;flex-wrap:wrap;padding:12px}.topbar .brand{font-size:17px}.preferences{gap:8px;flex-wrap:wrap}.content{padding:18px 12px 60px}.page-heading{gap:12px;flex-wrap:wrap}.page-heading h1{font-size:24px}.production-board-heading{flex-direction:column;align-items:start;padding:20px}.production-board-heading h2{font-size:21px}.production-board-top{display:flex;flex-direction:column;padding:18px}.production-people{display:flex;gap:22px;justify-content:center}.production-person{margin-bottom:0}.production-facts{gap:8px}.production-facts>div{padding:12px}.production-facts dd{font-size:19px}.production-selector form,.scan-panel form{flex-direction:column;align-items:stretch;width:100%}.production-selector{display:block}.production-selector>label{display:block;margin-bottom:16px}.production-selector form label{min-width:0;width:100%}.production-selector>label{min-width:0;width:100%}.slot-row{gap:6px;grid-template-columns:1fr 1fr 1fr 32px}.slot-row input{min-width:0;padding:8px 4px;width:100%}.production-chart{padding:15px}.production-plot svg{min-width:680px}}@media(max-width:767px)and (pointer:coarse){.content{zoom:var(--mobile-scale,1)}.mobile-scale-control{display:flex;align-items:center;gap:8px}}.ppmcs-brand{min-width:0;max-width:480px;letter-spacing:normal;gap:10px}.ppmcs-mark{flex:none;filter:drop-shadow(0 3px 5px #87602025)}.ppmcs-wordmark{display:block;min-width:0}.ppmcs-wordmark>strong{display:block;font-size:25px;line-height:1.05;letter-spacing:.16em;font-family:Georgia,serif;color:var(--accent);text-shadow:0 1px 0 #fff4,0 2px 8px #b68b4e20}.brand-full{display:block;overflow:hidden;width:100%;margin-top:4px;font-size:10px;font-weight:400;line-height:1.4;color:var(--muted)}.brand-track{display:inline-flex;gap:36px;white-space:nowrap}.brand-track>span{flex:none}.brand.ppmcs-brand .brand-by{margin-top:2px;font-size:9px;letter-spacing:.08em;color:var(--accent)}@media(max-width:767px){.topbar{display:grid;grid-template-columns:40px minmax(0,1fr);gap:8px}.mobile-menu-button{width:40px;padding:8px}.ppmcs-brand{width:100%;max-width:100%;grid-column:1/-1}.topbar:has(.mobile-menu-button) .ppmcs-brand{grid-column:2}.topbar>.preferences{grid-column:1/-1;justify-content:flex-end}.ppmcs-mark{width:46px;height:46px}.ppmcs-wordmark{width:calc(100% - 56px)}.ppmcs-wordmark>strong{font-size:23px}.brand-full.has-overflow .brand-track{animation:ppmcs-marquee var(--brand-duration,18s) linear infinite}}@keyframes ppmcs-marquee{0%,12%{transform:translate(0)}88%,to{transform:translate(calc(-1 * var(--brand-distance)))}}@media(prefers-reduced-motion:reduce){.brand-full.has-overflow .brand-track{animation:none}.brand-full{overflow-x:auto;scrollbar-width:thin}}.menu-search-dialog{position:fixed;inset:10vh 0 auto;width:min(680px,calc(100vw - 32px));max-width:none;margin:0 auto;padding:0;border:1px solid var(--line);border-radius:14px;background:var(--surface);color:var(--text);overflow:hidden;box-shadow:0 22px 80px #0003,0 0 0 1px #b9904e18}.menu-search-dialog::backdrop{background:color-mix(in srgb,var(--bg) 80%,transparent);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.menu-search-input{display:flex;align-items:center;gap:12px;padding:17px 18px;border-bottom:1px solid var(--line)}.menu-search-input>svg{flex:none;color:var(--accent)}.menu-search-input input{min-width:0;width:100%;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;font-size:14px}.menu-search-input input:focus{outline:none;border:0;box-shadow:none}.menu-search-input button{flex:none;background:transparent;color:var(--muted);padding:0;font-weight:400}.menu-search-dialog kbd{display:inline-block;border:1px solid var(--line);border-radius:4px;padding:2px 5px;font-size:11px;font-family:inherit;color:var(--muted);background:var(--surface2)}.menu-search-results{max-height:min(52vh,480px);overflow:auto;overscroll-behavior:contain;padding:4px 8px 12px;scrollbar-width:thin}.menu-search-section{margin:12px 10px 7px;color:var(--muted);font-size:11px;letter-spacing:.04em}.menu-search-result{display:flex;gap:11px;align-items:center;width:100%;min-height:44px;padding:10px;border-radius:6px;background:transparent;color:var(--text);font-weight:400;text-align:left}.menu-search-result[aria-selected=true]{background:var(--accent-soft);box-shadow:inset 2px 0 var(--accent)}.menu-search-result:hover{background:var(--accent-soft)}.menu-search-icon{flex:none;width:20px;text-align:center;color:var(--accent)}.menu-search-path{display:flex;flex-wrap:wrap;align-items:center;gap:8px;min-width:0;font-size:13px;overflow-wrap:anywhere}.menu-search-path>span{color:var(--muted)}.menu-search-path strong{font-weight:500}.menu-search-result mark{padding:1px 2px;border-radius:3px;color:var(--text);background:color-mix(in srgb,var(--accent) 28%,transparent)}.menu-search-arrow{margin-left:auto;color:var(--accent);opacity:0}.menu-search-result[aria-selected=true] .menu-search-arrow{opacity:1}.menu-search-empty{margin:0;padding:40px 16px;text-align:center;color:var(--muted)}.menu-search-footer{display:flex;align-items:center;gap:18px;padding:10px 18px;border-top:1px solid var(--line);background:var(--surface2);color:var(--muted);font-size:11px}.menu-search-footer kbd{margin-right:3px}.menu-search-signature{margin-left:auto;font-family:Georgia,serif;letter-spacing:.15em;color:var(--accent)}@media(max-width:767px){.menu-search-dialog{top:8vh;width:calc(100vw - 24px);border-radius:12px}.menu-search-input{padding:15px 12px;gap:8px}.menu-search-input input{font-size:16px}.menu-search-results{max-height:58dvh}.menu-search-footer{padding:10px 12px;gap:12px}.menu-search-signature{display:none}}.warehouse-master-grid,.warehouse-bin-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));gap:14px;margin-top:22px}.warehouse-master{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:18px;background:var(--surface2);border:1px solid var(--line);border-radius:12px}.warehouse-master h3,.warehouse-master p{margin:0}.warehouse-master button{margin-top:auto}.print-modal{width:min(1100px,96vw)}.print-modal iframe{display:block;width:100%;height:min(65vh,760px);border:1px solid var(--line);border-radius:8px;background:#fff;margin:20px 0}.cf-sidebar .nav-parent.active{background:var(--accent-soft);color:var(--accent)}@media(max-width:600px){.warehouse-master{padding:15px}.print-modal{width:100%;padding:18px 12px}.print-modal iframe{height:55dvh}}.bulk-stock-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(340px,100%),1fr));gap:16px;margin:20px 0}.bulk-stock-grid .warehouse-master{margin:0}.bulk-stock-grid label,.bulk-stock-grid .form-grid{width:100%;min-width:0}.bulk-selection{display:flex;align-items:flex-start;gap:10px}.bulk-selection input[type=checkbox]{width:18px;height:18px;flex-shrink:0;margin-top:3px}.bulk-stock>form>button{margin-top:16px}.bulk-stock-grid .search-options{z-index:30}@media(max-width:600px){.bulk-stock-grid,.bulk-stock-grid .form-grid{grid-template-columns:1fr}}.cf-sidebar{display:flex;flex-direction:column;overflow:hidden}.cf-sidebar .sidebar-tools,.cf-sidebar .sidebar-quick-search,.cf-sidebar .sidebar-bottom{flex-shrink:0}.sidebar-menu-scroll{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:thin}.cf-sidebar .sidebar-bottom{margin:0;padding:12px 6px;border-top:1px solid var(--line);background:var(--surface)}.sidebar-bottom .profile{margin:0;min-width:0}.sidebar-bottom .profile>div{min-width:0}.sidebar-bottom strong,.sidebar-bottom small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-bottom .avatar{width:34px;height:34px;object-fit:cover;border-radius:50%;flex-shrink:0}.account-controls{position:relative;display:flex;align-items:center;gap:8px}.preferences .account-icon{position:relative;display:flex;align-items:center;justify-content:center;width:38px;height:38px;padding:8px;border:1px solid var(--line);background:var(--surface);border-radius:50%;color:var(--muted)}.account-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6}.preferences .profile-trigger{padding:0;overflow:hidden}.header-avatar{width:36px;height:36px;object-fit:cover;border-radius:50%;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent)}.notification-badge{position:absolute;top:-5px;right:-5px;min-width:18px;height:18px;padding:1px 4px;font-size:10px;background:var(--accent);color:var(--surface);border-radius:20px}.account-popover{position:absolute;top:calc(100% + 10px);right:0;width:280px;max-width:calc(100vw - 24px);padding:8px;background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);z-index:150}.account-identity{padding:12px 10px;border-bottom:1px solid var(--line);display:grid;gap:6px}.account-identity span,.account-identity small{font-size:12px;overflow-wrap:anywhere;color:var(--muted)}.preferences .account-popover>button{display:block;width:100%;text-align:left;background:transparent;border:0;border-radius:6px;padding:12px}.preferences .account-popover>button:hover{background:var(--accent-soft)}.account-timezone{padding:12px 10px;font-size:12px;color:var(--muted)}.preferences .account-popover>.account-logout{color:var(--danger);border-top:1px solid var(--line);border-radius:0}.notification-popover{width:360px}.notification-popover h3{font-size:15px;margin:6px}.notification-list{max-height:55dvh;overflow:auto}.preferences .notification-item{display:grid;gap:5px;text-align:left;width:100%;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;color:var(--text);padding:12px}.notification-item.unread{border-left:3px solid var(--accent);background:var(--accent-soft)}.notification-item span,.notification-item time{font-size:11px;color:var(--muted)}@media(max-width:767px){.account-controls{margin-left:auto}.preferences .account-icon{width:34px;height:34px}.account-popover{position:absolute;top:calc(100% + 10px);right:0}.notification-list{max-height:50dvh}}.hero{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:16px;background:radial-gradient(ellipse at 85% 60%,#c6a45b20,transparent 65%),linear-gradient(135deg,var(--surface),var(--hero));border:1px solid #bb995f40;min-height:300px}.hero>div:first-child{max-width:none}.hero .scene{position:relative;right:auto;top:auto;width:100%;height:285px;min-width:0;opacity:1}.scene-precision .scene-glow{inset:20% 10%;background:radial-gradient(ellipse,#c6a45b32,transparent 70%)}.scene-fallback{position:absolute;inset:0;display:grid;place-items:center}.scene-fallback span{display:grid;place-items:center;width:95px;height:95px;border:2px solid var(--accent);border-radius:28%;font:600 65px Georgia;color:var(--accent);background:var(--surface);box-shadow:0 15px 50px #b08b4620}.scene:has(canvas) .scene-fallback{display:none}:root[data-theme=dark] .hero{background:radial-gradient(ellipse at 80% 50%,#bd955624,transparent 65%),linear-gradient(135deg,#1c2924,#15201c)}@media(max-width:899px){.hero{grid-template-columns:minmax(0,1fr);gap:0;padding:22px}.hero .scene{height:230px;margin-top:4px}.hero h1{max-width:none}.hero button{margin-top:16px}}@media(prefers-reduced-motion:reduce){.scene-precision{animation:none}}.preferences .account-popover>button{color:var(--text)}.preferences .account-popover>.account-logout{color:var(--danger)}.account-popover button:disabled{opacity:.65;cursor:not-allowed}.account-popover .text-button{color:var(--accent);background:transparent}button:disabled:hover{filter:none}button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.profile-account>form{display:grid;gap:20px;margin-top:18px}.profile-account .actions{padding-top:2px}.role-manager{margin:24px 0;padding:20px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.role-manager>form{margin:18px 0}.role-manager>h3{margin-top:22px}.role-manager .warehouse-master-grid{margin:18px 0}:root[data-theme=dark] .notification-badge{color:var(--button-text);background:var(--button-bg)}:root[data-theme=dark] .toast{background:var(--surface2);color:var(--text);border:1px solid var(--line)}.profile-avatar .file-button{display:inline-flex;margin-top:14px}.profile-account>form>.actions{margin-top:2px}.profile-avatar>div>strong{display:block}.profile-avatar>div{min-width:0}.display-entry{margin-bottom:16px}.production-display{position:fixed;inset:0;z-index:2000;display:grid;grid-template-rows:auto minmax(0,1fr);gap:8px;padding:10px;background:var(--bg);color:var(--text);overflow:hidden;zoom:1}.display-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:42px}.display-toolbar>strong{font-size:13px;color:var(--muted)}.display-frame{position:relative;min-height:0;min-width:0;overflow:hidden;display:flex;align-items:flex-start;justify-content:center}.display-report{position:absolute;transform-origin:top center;display:flex;flex-direction:column;flex-shrink:0;border:1px solid var(--line);border-radius:18px;background:var(--surface);box-shadow:var(--shadow);overflow:visible}.report-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:12px 22px;border-bottom:1px solid var(--line);background:linear-gradient(120deg,var(--accent-soft),var(--surface));border-radius:18px 18px 0 0}.report-heading .eyebrow{margin:0 0 3px;font-size:10px}.report-heading h1{font-size:24px;line-height:1.25;letter-spacing:0}.report-heading>div:last-child{display:grid;gap:6px;justify-items:end}.report-heading time{font-size:18px;font-variant-numeric:tabular-nums;color:var(--accent)}.report-top{display:grid;grid-template-columns:100px minmax(0,1fr) 220px;gap:16px;padding:14px 18px}.report-people{display:grid;gap:10px}.report-people article{display:grid;justify-items:center;align-content:start;gap:3px;text-align:center;font-size:13px;overflow-wrap:anywhere}.report-avatar{width:72px;height:80px;object-fit:cover;border-radius:10px;border:1px solid var(--accent);display:grid;place-items:center;background:var(--accent-soft);color:var(--accent);font-size:25px}.report-people small{font-size:11px;color:var(--muted)}.report-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:8px;margin:0}.report-facts>div{padding:8px 12px;background:var(--surface2);border-radius:9px;min-width:0}.report-facts dt{font-size:12px;color:var(--muted)}.report-facts dd{font-size:20px;font-weight:600;margin:3px 0 0;overflow-wrap:anywhere;white-space:pre-wrap;line-height:1.3}.report-facts .report-notes{grid-column:1/-1}.report-notes dd{font-size:14px;font-weight:400}.report-completion{display:grid;justify-items:center;align-content:start;text-align:center;border-left:1px solid var(--line);padding-left:12px}.report-completion h2,.report-chart h2{font-size:17px}.report-completion .completion-ring{width:160px;height:160px;padding:16px;margin:12px 0}.report-completion .completion-ring strong{font-size:26px}.report-totals{display:grid;gap:5px;font-size:12px;color:var(--muted)}.report-totals b{color:var(--text)}.report-chart{display:flex;flex-direction:column;flex:1;min-height:240px;padding:10px 18px;border-top:1px solid var(--line);gap:7px}.report-chart .panel-heading{margin:0;gap:12px;align-items:center}.report-chart .panel-heading p{font-size:12px;color:var(--danger)}.report-chart .chart-legend{font-size:11px}.report-plot{position:relative;flex:1;min-height:170px}.report-plot svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.report-plot svg text{fill:var(--muted);font:12px Bell,BellTC,system-ui,sans-serif}.report-rate-point{fill:var(--text)}.report-slot-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:5px}.report-slot-cards article{display:grid;gap:2px;padding:5px 7px;background:var(--surface2);border:1px solid var(--line);border-radius:6px;font-size:10px}.report-slot-cards strong{font-size:11px;white-space:nowrap}.report-slot-cards span{color:var(--muted)}.report-slot-cards b{color:var(--text)}.report-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:7px 18px;border-top:1px solid var(--line);font-size:11px}.report-live{color:var(--muted)}.report-live:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--danger);margin-right:5px}.report-live.is-live:before{background:var(--green)}.report-footer time{font-variant-numeric:tabular-nums;color:var(--text)}.report-footer small{color:var(--muted)}.report-portrait .report-top{grid-template-columns:80px minmax(0,1fr);gap:12px}.report-portrait .report-heading h1{font-size:21px}.report-portrait .report-heading time{font-size:16px}.report-portrait .report-facts dd{font-size:17px}.report-portrait .report-completion{grid-column:1/-1;grid-template-columns:1fr auto 1fr;align-items:center;border-left:0;border-top:1px solid var(--line);padding:10px 0 0;gap:12px}.report-portrait .report-completion .completion-ring{width:86px;height:86px;margin:0;padding:9px}.report-portrait .report-completion .completion-ring strong{font-size:20px}.report-portrait .report-chart .panel-heading{flex-wrap:wrap}.report-portrait .report-slot-cards{grid-template-columns:repeat(3,minmax(0,1fr))}.report-portrait .report-notes dd{font-size:13px}.display-hide-controls{grid-template-rows:minmax(0,1fr)}.display-hide-controls .display-toolbar{display:none}.display-reveal{position:absolute;top:8px;right:8px;padding:5px 8px;font-size:10px;opacity:0}.display-reveal:focus-visible,.display-reveal:hover{opacity:1}@media(max-width:700px){.display-toolbar>strong{display:none}.display-toolbar .actions{justify-content:flex-end;width:100%}.display-toolbar button{padding:6px 8px;font-size:10px}.production-display{padding:5px;gap:5px}}@media print{.production-display{display:none}}.report-footer{position:static;min-height:0;height:auto;width:auto;flex:none;border-radius:0 0 18px 18px}.production-display{overscroll-behavior:none}.permission-page-hint{margin:16px 0;color:var(--muted);font-size:13px}.theme-control{display:inline-flex;align-items:center;justify-content:center;gap:6px}@media(max-width:767px){.topbar{row-gap:12px;padding:12px}.topbar>.preferences{display:flex;flex-wrap:nowrap;align-items:center;gap:6px;justify-content:space-between;min-width:0;width:100%}.preferences>label:not(.mobile-scale-control){flex:1;min-width:0}.preferences>label:not(.mobile-scale-control)>select{width:100%;max-width:none}.preferences>.theme-control{flex:0 0 38px;width:38px;height:38px;min-height:38px;max-width:none;padding:0;font-size:19px}.theme-control .theme-label{display:none}.mobile-scale-control{flex:0 0 64px;min-width:0;margin:0}.mobile-scale-control>span{display:none}.preferences .mobile-scale-control select{width:64px;max-width:none;min-height:38px;padding:8px 4px;font-size:12px}.preferences>label:not(.mobile-scale-control)>select{min-height:38px;font-size:12px;padding:8px}.account-controls{flex:none;margin:0;gap:6px}.preferences .account-icon{width:36px;height:36px;max-width:none;flex:none}.header-avatar{width:34px;height:34px}.preferences .account-popover button{max-width:none}}input[type=date],input[type=month],input[type=datetime-local]{cursor:pointer}