@import "https://fonts.googleapis.com/css2?family=Sarabun:wght@400;500;600;700;800&display=swap";:root{--jp:#2a6be0;--jp2:#3a80f0;--jpd:#1a4cae;--jl:#7faaf7;--jt:#e2ecfd;--jt2:#f1f6fe;--jbg:#f6f9ff;--jbd:#d3e1f8;--jbd2:#bcd2f3;--jink:#1b2a44;--jmut:#4f6280;--jmut2:#8194ae;--jn-success:#1e8e3e;--jn-success-bg:#e8f7ec;--jn-success-bd:#bee6c9;--jn-warning:#b8790a;--jn-warning-bg:#fff4de;--jn-warning-bd:#f5dba0;--jn-danger:#d23b3b;--jn-danger-bg:#fdeded;--jn-danger-bd:#f3c6c6;--jn-info:#2563c7;--jn-info-bg:#eaf1fd;--jn-info-bd:#c7daf6;--jn-neutral:#6b7280;--jn-neutral-bg:#f1f2f4;--jn-neutral-bd:#e3e5e8;--jn-r-sm:8px;--jn-r-md:12px;--jn-r-lg:16px;--jn-r-xl:20px;--jn-shadow-xs:0 1px 2px #1b2a440d;--jn-shadow-sm:0 2px 8px #1b2a4412;--jn-shadow-md:0 6px 20px #1b2a441a;--jn-shadow-lg:0 16px 40px #1b2a4429;--jn-ease:cubic-bezier(.22,.8,.28,1)}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--jbg);color:var(--jink);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:Sarabun,sans-serif}h1,h2,h3,p{margin:0}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}input,select,textarea{font-family:inherit}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--jp);outline-offset:2px;border-radius:4px}::selection{background:var(--jt);color:var(--jpd)}.jn-page{max-width:1280px;margin:0 auto;padding:0 clamp(16px,4vw,32px) 56px}.jn-card{border:1px solid var(--jbd);border-radius:var(--jn-r-lg);box-shadow:var(--jn-shadow-xs);transition:box-shadow .18s var(--jn-ease), transform .18s var(--jn-ease), border-color .18s var(--jn-ease);background:#fff;padding:16px}.jn-card.interactive{cursor:pointer}.jn-card.interactive:hover{box-shadow:var(--jn-shadow-md);border-color:var(--jbd2);transform:translateY(-1px)}.jn-card.selected{border-color:var(--jp);background:var(--jt2);box-shadow:0 0 0 3px color-mix(in srgb, var(--jp) 12%, transparent)}.jn-pill{border:1px solid var(--jbd);color:var(--jink);cursor:pointer;white-space:nowrap;transition:background .15s var(--jn-ease), color .15s var(--jn-ease), border-color .15s var(--jn-ease), transform .1s var(--jn-ease);background:#fff;border-radius:999px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:600;display:inline-flex}.jn-pill:hover{border-color:var(--jbd2);background:var(--jt2)}.jn-pill:active{transform:scale(.96)}.jn-pill.active{background:var(--jp);border-color:var(--jp);color:#fff;box-shadow:var(--jn-shadow-sm)}.jn-btn{border-radius:var(--jn-r-md);background:linear-gradient(180deg, var(--jp2), var(--jp));color:#fff;box-shadow:0 4px 12px -3px color-mix(in srgb, var(--jp) 60%, transparent);transition:transform .12s var(--jn-ease), box-shadow .12s var(--jn-ease), background .12s var(--jn-ease), opacity .12s var(--jn-ease);justify-content:center;align-items:center;gap:8px;padding:11px 20px;font-size:14px;font-weight:700;display:inline-flex}.jn-btn:hover{box-shadow:0 8px 18px -4px color-mix(in srgb, var(--jp) 65%, transparent);transform:translateY(-1px)}.jn-btn:active{transform:translateY(0)scale(.98)}.jn-btn.secondary{color:var(--jp);border:1.5px solid var(--jp);box-shadow:none;background:#fff}.jn-btn.secondary:hover{background:var(--jt2);box-shadow:none}.jn-btn.ghost{background:var(--jt2);color:var(--jink);box-shadow:none}.jn-btn.ghost:hover{background:var(--jt);box-shadow:none}.jn-btn.danger{background:linear-gradient(180deg, #e24949, var(--jn-danger));box-shadow:0 4px 12px -3px #d23b3b80}.jn-btn.danger:hover{box-shadow:0 8px 18px -4px #d23b3b8c}.jn-btn.danger.outline{color:var(--jn-danger);border:1.5px solid var(--jn-danger-bd);box-shadow:none;background:#fff}.jn-btn.danger.outline:hover{background:var(--jn-danger-bg);box-shadow:none}.jn-btn.sm{border-radius:var(--jn-r-sm);padding:7px 13px;font-size:12.5px}.jn-btn:disabled{opacity:.48;cursor:not-allowed;box-shadow:none!important;transform:none!important}.jn-icon-btn{border-radius:var(--jn-r-md);border:1px solid var(--jbd);width:38px;height:38px;color:var(--jmut);transition:background .15s var(--jn-ease), border-color .15s var(--jn-ease), color .15s var(--jn-ease), transform .1s var(--jn-ease);background:#fff;flex:none;justify-content:center;align-items:center;font-size:15px;display:inline-flex}.jn-icon-btn:hover{background:var(--jt2);border-color:var(--jbd2);color:var(--jpd)}.jn-icon-btn:active{transform:scale(.94)}.jn-icon-btn.on{background:var(--jp);border-color:var(--jp);color:#fff}.jn-input{border-radius:var(--jn-r-sm);border:1.5px solid var(--jbd);width:100%;color:var(--jink);transition:border-color .15s var(--jn-ease), box-shadow .15s var(--jn-ease);background:#fff;padding:10px 12px;font-size:14px}.jn-input::placeholder{color:var(--jmut2)}.jn-input:hover{border-color:var(--jbd2)}.jn-input:focus{border-color:var(--jp);box-shadow:0 0 0 3px color-mix(in srgb, var(--jp) 14%, transparent);outline:none}.jn-input:disabled{background:var(--jt2);color:var(--jmut2);cursor:not-allowed}.jn-label{color:var(--jmut);letter-spacing:.01em;margin-bottom:6px;font-size:11.5px;font-weight:700}.jn-search{position:relative}.jn-search .jn-input{padding-left:38px}.jn-search:before{content:"🔍";opacity:.55;pointer-events:none;font-size:13px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.jn-badge{white-space:nowrap;border:1px solid #0000;border-radius:999px;align-items:center;gap:5px;padding:4px 10px;font-size:11.5px;font-weight:700;line-height:1.5;display:inline-flex}.jn-badge .dot{background:currentColor;border-radius:999px;flex:none;width:6px;height:6px}.jn-badge.success{color:var(--jn-success);background:var(--jn-success-bg);border-color:var(--jn-success-bd)}.jn-badge.warning{color:var(--jn-warning);background:var(--jn-warning-bg);border-color:var(--jn-warning-bd)}.jn-badge.danger{color:var(--jn-danger);background:var(--jn-danger-bg);border-color:var(--jn-danger-bd)}.jn-badge.info{color:var(--jn-info);background:var(--jn-info-bg);border-color:var(--jn-info-bd)}.jn-badge.neutral{color:var(--jn-neutral);background:var(--jn-neutral-bg);border-color:var(--jn-neutral-bd)}.jn-badge.brand{color:var(--jpd);background:var(--jt);border-color:var(--jbd2)}.jn-tabs{background:var(--jt2);border-radius:var(--jn-r-md);flex-wrap:wrap;gap:4px;width:fit-content;padding:4px;display:flex}.jn-tab{border-radius:var(--jn-r-sm);color:var(--jmut);transition:background .15s var(--jn-ease), color .15s var(--jn-ease), box-shadow .15s var(--jn-ease);padding:9px 16px;font-size:13px;font-weight:700}.jn-tab:hover{color:var(--jpd)}.jn-tab.active{color:var(--jpd);box-shadow:var(--jn-shadow-sm);background:#fff}.jn-table-wrap{border:1px solid var(--jbd);border-radius:var(--jn-r-lg);background:#fff;overflow-x:auto}.jn-table{border-collapse:collapse;width:100%;font-size:12.5px}.jn-table thead th{z-index:1;background:var(--jt2);color:var(--jmut);text-align:left;letter-spacing:.03em;text-transform:uppercase;white-space:nowrap;border-bottom:1px solid var(--jbd);padding:10px;font-size:11px;font-weight:700;position:sticky;top:0}.jn-table tbody td{border-bottom:1px solid var(--jbd);vertical-align:middle;padding:9px 10px}.jn-table tbody tr:last-child td{border-bottom:none}.jn-table tbody tr{transition:background .12s var(--jn-ease)}.jn-table tbody tr:hover{background:var(--jt2)}.jn-table tbody tr.dim{opacity:.55}.jn-table tbody tr.flash{animation:jn-row-flash 1.4s var(--jn-ease)}@keyframes jn-row-flash{0%{background:var(--jt)}to{background:0 0}}.jn-stepper{border:1.5px solid var(--jbd2);border-radius:var(--jn-r-md);background:#fff;align-items:center;display:inline-flex;overflow:hidden}.jn-stepper button{width:32px;height:32px;color:var(--jmut);transition:background .12s var(--jn-ease), color .12s var(--jn-ease);font-size:16px;font-weight:700}.jn-stepper button:hover:not(:disabled){background:var(--jt2);color:var(--jpd)}.jn-stepper button:active:not(:disabled){background:var(--jt)}.jn-stepper button:disabled{opacity:.35;cursor:not-allowed}.jn-stepper .val{text-align:center;min-width:34px;font-size:13.5px;font-weight:800}.jn-stepper input.val{border:none;border-left:1px solid var(--jbd);border-right:1px solid var(--jbd);width:52px;height:32px;color:inherit;-moz-appearance:textfield;background:0 0;outline:none;padding:0;font-family:inherit}.jn-stepper input.val:focus{background:var(--jt2);box-shadow:inset 0 0 0 2px var(--jp)}.jn-stepper input.val:disabled{opacity:.5}.jn-stepper-wrap{flex:none;display:inline-flex;position:relative}.jn-stepper.invalid{border-color:var(--jn-danger)}.jn-stepper.invalid input.val{color:var(--jn-danger)}.jn-stepper-error{z-index:5;white-space:nowrap;color:var(--jn-danger);border:1px solid var(--jn-danger-bd);background:#fff;border-radius:6px;padding:1px 6px;font-size:11px;font-weight:700;position:absolute;top:calc(100% + 3px);right:0}.jn-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px;display:grid}.jn-row{align-items:center;gap:12px;display:flex}.jn-muted{color:var(--jmut);font-size:13px}.jn-divider{background:var(--jbd);border:none;height:1px;margin:16px 0}.jn-section-title{letter-spacing:-.01em;font-size:clamp(19px,2.4vw,24px);font-weight:800}.jn-section-sub{color:var(--jmut);margin-top:4px;font-size:13.5px}.jn-empty{text-align:center;color:var(--jmut);padding:44px 20px}.jn-empty .icon{opacity:.7;margin-bottom:10px;font-size:34px}.jn-empty .title{color:var(--jink);margin-bottom:4px;font-size:14.5px;font-weight:700}.jn-empty .sub{color:var(--jmut);max-width:320px;margin:0 auto;font-size:12.5px;line-height:1.6}.jn-empty .action{margin-top:16px}.jn-spinner{border:2.5px solid var(--jbd);border-top-color:var(--jp);border-radius:999px;flex:none;width:18px;height:18px;animation:.7s linear infinite jn-spin}.jn-spinner.lg{border-width:3px;width:28px;height:28px}@keyframes jn-spin{to{transform:rotate(360deg)}}.jn-loading{color:var(--jmut);align-items:center;gap:10px;padding:24px;font-size:13.5px;font-weight:600;display:flex}.jn-modal-overlay{-webkit-backdrop-filter:blur(1.5px);backdrop-filter:blur(1.5px);z-index:200;animation:jn-fade-in .16s var(--jn-ease);background:#1b2a4473;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.jn-modal-panel{animation:jn-scale-in .18s var(--jn-ease)}@keyframes jn-fade-in{0%{opacity:0}to{opacity:1}}@keyframes jn-scale-in{0%{opacity:0;transform:scale(.96)translateY(6px)}to{opacity:1;transform:scale(1)translateY(0)}}.jn-toast-stack{z-index:999;flex-direction:column-reverse;gap:8px;max-width:min(360px,100vw - 32px);display:flex;position:fixed;bottom:18px;right:18px}.jn-toast{border-radius:var(--jn-r-md);color:#fff;box-shadow:var(--jn-shadow-lg);animation:jn-toast-in .22s var(--jn-ease);align-items:flex-start;gap:10px;padding:12px 14px;font-size:13.5px;font-weight:600;display:flex}.jn-toast.ok{background:linear-gradient(135deg, var(--jp2), var(--jpd))}.jn-toast.err{background:linear-gradient(135deg,#e24949,#b22e2e)}@keyframes jn-toast-in{0%{opacity:0;transform:translateY(8px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.jn-product-card{cursor:pointer;border:1px solid var(--jbd);transition:box-shadow .18s var(--jn-ease), transform .18s var(--jn-ease), border-color .18s var(--jn-ease);background:#fff;border-radius:16px;overflow:hidden}.jn-product-card:hover{box-shadow:var(--jn-shadow-md);border-color:var(--jbd2);transform:translateY(-2px)}.jn-product-card:active{transform:translateY(0)scale(.98)}.jn-product-card .jn-product-img{transition:transform .25s var(--jn-ease)}.jn-product-card:hover .jn-product-img{transform:scale(1.05)}.jn-progress{background:var(--jbd);border-radius:999px;height:6px;overflow:hidden}.jn-progress .fill{background:var(--jp);height:100%;transition:width .3s var(--jn-ease);border-radius:999px}.jn-progress.success .fill{background:var(--jn-success)}.jn-progress.warning .fill{background:var(--jn-warning)}.jn-progress.danger .fill{background:var(--jn-danger)}.jn-switch{background:var(--jbd2);width:40px;height:24px;transition:background .18s var(--jn-ease);border-radius:999px;flex:none;position:relative}.jn-switch.on{background:var(--jp)}.jn-switch .knob{width:20px;height:20px;box-shadow:var(--jn-shadow-sm);transition:transform .18s var(--jn-ease);background:#fff;border-radius:999px;position:absolute;top:2px;left:2px}.jn-switch.on .knob{transform:translate(16px)}@media print{@page{size:A4;margin:10mm}html,body{background:#fff!important}#root{height:auto!important;min-height:0!important}#admin-shell,#print-toolbar,#print-options{display:none!important}#print-sheet{background:#fff!important;padding:0!important;position:static!important;overflow:visible!important}#print-frame{width:auto!important;height:auto!important;margin:0!important}#print-page{box-shadow:none!important;width:auto!important;margin:0!important;padding:0!important;transform:none!important}#print-paper{width:auto!important;padding-bottom:0!important}.doc-page-guide,.doc-page-spacer{display:none!important}.doc-page-start{break-before:page;page-break-before:always}.doc-table thead{display:table-header-group}.doc-table tr,.doc-keep{break-inside:avoid;page-break-inside:avoid}.print-qbtn{display:none!important}*{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.print-row{break-inside:avoid;page-break-inside:avoid}}.jn-doc-options{border-bottom:1px solid var(--jbd);background:#fff;flex-wrap:wrap;align-items:center;gap:8px 18px;padding:10px 20px;font-size:12.5px;display:flex;box-shadow:0 4px 12px #1b2a4414}.jn-doc-opt-group{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.jn-doc-opt-label{color:var(--jmut);margin-right:2px;font-weight:800}.jn-doc-chip{border:1px solid var(--jbd2);min-height:34px;color:var(--jink);background:#fff;border-radius:999px;align-items:center;padding:6px 12px;font-size:12.5px;font-weight:700;display:inline-flex}.jn-doc-chip.active{background:var(--jp);border-color:var(--jp);color:#fff}.jn-doc-opt-status{color:var(--jmut);margin-left:auto;font-weight:700}.doc-page-guide{border-top:2px dashed var(--jbd2);pointer-events:none;height:0;position:absolute;left:-38px;right:-38px}.doc-page-guide span{color:var(--jmut2);background:#fff;padding:0 4px;font-size:10px;font-weight:700;line-height:13px;position:absolute;top:-15px;right:6px}.doc-page-spacer{height:0;display:block}.doc-table--normal tbody tr{border-bottom:1px solid var(--jbd)}.doc-table--striped tbody tr{border-bottom:1px solid var(--doc-line,var(--jbd))}.doc-table--striped tbody tr.doc-row-odd{background:var(--doc-stripe,color-mix(in srgb, var(--jt) 75%, #fff))}.doc-table--lines thead tr{border-bottom:2px solid var(--jp)}.doc-table--lines tbody tr{border-bottom:1px solid color-mix(in srgb, var(--doc-line,var(--jbd)) 45%, #9aa0a8)}.doc-table--lines{border-bottom:2px solid var(--jp)}.doc-table--plain tbody tr{border-bottom:0}.doc-table--plain tbody td{padding-top:calc(var(--doc-row-pad) + 2px)!important;padding-bottom:calc(var(--doc-row-pad) + 2px)!important}.jn-doc-swatch{width:30px;height:30px;box-shadow:0 0 0 1px var(--jbd2);color:#fff;border:2px solid #fff;border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:12px;font-weight:800;display:inline-flex}.jn-doc-swatch.active{box-shadow:0 0 0 2px var(--jink)}.jn-doc-swatch-name{color:var(--jmut);min-width:70px;font-weight:700}.jn-quick-actions{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;display:grid}.jn-quick-action{border-radius:var(--jn-r-lg);border:1px solid var(--jbd);min-height:52px;box-shadow:var(--jn-shadow-xs);text-align:left;transition:border-color .15s var(--jn-ease), box-shadow .15s var(--jn-ease), transform .1s var(--jn-ease);background:#fff;align-items:center;gap:10px;padding:10px 14px;font-size:13.5px;font-weight:700;display:flex}.jn-quick-action .icon{flex:none;font-size:20px}.jn-quick-action:hover{border-color:var(--jp);box-shadow:var(--jn-shadow-sm)}.jn-quick-action:active{transform:scale(.98)}.jn-attention{border-radius:var(--jn-r-md);border:1px solid var(--jbd);background:#fff;border-left-width:4px;align-items:center;gap:10px;width:100%;min-height:44px;padding:8px 12px;font-size:13.5px;display:flex}.jn-attention.danger{border-left-color:var(--jn-danger)}.jn-attention.warning{border-left-color:var(--jn-warning)}.jn-attention:hover{background:var(--jt2)}@media (width<=480px){.jn-quick-actions{grid-template-columns:repeat(2,minmax(0,1fr))}}.jn-action-bar{bottom:var(--jn-sticky-bottom,0px);z-index:20;border:1px solid var(--jbd);border-radius:var(--jn-r-lg);background:#fff;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:10px;padding:12px 14px;display:flex;position:sticky;box-shadow:0 -8px 20px #0000000f}.jn-action-bar-summary{min-width:0;font-size:13.5px}.jn-action-bar .jn-btn{min-height:44px}.jn-sticky-bottom{bottom:calc(var(--jn-sticky-bottom,0px) + 12px);z-index:20;position:sticky}.jn-imgedit{flex-wrap:wrap;align-items:flex-start;gap:12px;display:flex}.jn-imgedit-frame{background-color:var(--jt);border:1px solid var(--jbd2);touch-action:none;-webkit-user-select:none;user-select:none;border-radius:14px;flex:none;justify-content:center;align-items:center;width:168px;height:168px;display:flex;overflow:hidden}.jn-imgedit-frame.can-drag{cursor:grab}.jn-imgedit-frame.can-drag:active{cursor:grabbing}.jn-imgedit-empty{color:var(--jl);text-align:center;padding:0 10px;font-size:11.5px}.jn-imgedit-side{flex-direction:column;gap:8px;width:140px;display:flex}.jn-imgedit-tools{flex-direction:column;gap:8px;display:flex}.jn-imgedit-tools .jn-btn,.jn-imgedit-browse{width:100%;min-height:40px;padding-left:8px;padding-right:8px}.jn-imgedit-browse{white-space:normal;line-height:1.3}.jn-rs-note{border-radius:var(--jn-r-md);padding:10px 12px;font-size:12.5px;line-height:1.6}.jn-rs-note.info{background:var(--jn-info-bg);border:1px solid var(--jn-info-bd)}.jn-rs-note.warn{background:var(--jn-warning-bg);border:1px solid var(--jn-warning-bd)}.jn-rs-note.err{background:var(--jn-danger-bg);border:1px solid var(--jn-danger-bd);color:var(--jn-danger)}.jn-rs-quota{color:var(--jmut);font-size:12.5px;font-weight:700}.jn-rs-chips{flex-wrap:wrap;gap:6px;display:flex}.jn-rs-chip{background:var(--jt2);border:1px solid var(--jbd);overflow-wrap:anywhere;border-radius:999px;padding:4px 10px;font-size:12px}.jn-rs-cands{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;display:grid}.jn-rs-cand{border:1px solid var(--jbd2);border-radius:var(--jn-r-md);background:#fff;flex-direction:column;gap:8px;min-width:0;padding:10px;display:flex}.jn-rs-cand-head{align-items:flex-start;gap:10px;display:flex}.jn-rs-thumb{border:1px solid var(--jbd);background:var(--jt) center / contain no-repeat;border-radius:10px;flex:none;width:64px;height:64px}.jn-rs-letter{background:var(--jpd);color:#fff;border-radius:999px;flex:none;justify-content:center;align-items:center;width:22px;height:22px;font-size:12px;font-weight:800;display:inline-flex}.jn-rs-cand-title{overflow-wrap:anywhere;font-size:13px;font-weight:700;line-height:1.4}.jn-rs-src{color:var(--jmut);overflow-wrap:anywhere;font-size:11.5px}.jn-rs-reasons{color:var(--jmut);margin:0;padding-left:18px;font-size:11.5px;line-height:1.55}.jn-rs-identity{color:var(--jink);overflow-wrap:anywhere;font-size:12px;font-weight:700}.jn-rs-mismatch{flex-direction:column;gap:3px;margin:0;padding:0;list-style:none;display:flex}.jn-rs-mismatch li{color:var(--jn-warning);background:var(--jn-warning-bg);border:1px solid var(--jn-warning-bd);overflow-wrap:anywhere;border-radius:8px;padding:4px 8px;font-size:11.5px;line-height:1.45}.jn-rs-mismatch li.hard{color:var(--jn-danger);background:var(--jn-danger-bg);border-color:var(--jn-danger-bd);font-weight:700}.jn-rs-evidence{font-size:11.5px}.jn-rs-evidence summary{cursor:pointer;color:var(--jmut);align-items:center;min-height:28px;font-weight:700;display:flex}.jn-rs-evidence ul{color:var(--jmut);overflow-wrap:anywhere;margin:4px 0;padding-left:16px;line-height:1.5}.jn-rs-signal{border:1px solid var(--jbd);border-radius:999px;padding:2px 8px;font-size:11px}.jn-rs-signal.match{color:var(--jn-success);border-color:var(--jn-success-bd);background:var(--jn-success-bg)}.jn-rs-signal.conflict{color:var(--jn-danger);border-color:var(--jn-danger-bd);background:var(--jn-danger-bg)}.jn-rs-signal.partial{color:var(--jn-warning);border-color:var(--jn-warning-bd);background:var(--jn-warning-bg)}.jn-rs-field{border:1px solid var(--jbd);border-radius:var(--jn-r-md);min-width:0;margin:0;padding:10px 12px}.jn-rs-field legend{padding:0 4px;font-size:12.5px;font-weight:800}.jn-rs-opts{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:6px;display:grid}.jn-rs-opt{border:1px solid var(--jbd);cursor:pointer;border-radius:10px;align-items:flex-start;gap:8px;min-width:0;min-height:44px;padding:8px 10px;font-size:12.5px;line-height:1.45;display:flex}.jn-rs-opt input{accent-color:var(--jp);flex:none;width:18px;height:18px;margin-top:2px}.jn-rs-opt.on{border-color:var(--jp);background:var(--jt2)}.jn-rs-opt.off{opacity:.45;cursor:not-allowed}.jn-rs-opt .val{overflow-wrap:anywhere;min-width:0}.jn-rs-opt .muted{color:var(--jmut2);font-size:11.5px}.jn-rs-optimg{border:1px solid var(--jbd);background:var(--jt) center / contain no-repeat;border-radius:8px;flex:none;width:44px;height:44px}.jn-rs-prev{grid-template-columns:minmax(110px,auto) 1fr;align-items:start;gap:8px 12px;font-size:12.5px;display:grid}.jn-rs-prev .lbl{font-weight:700}.jn-rs-prev .old{color:var(--jmut2);overflow-wrap:anywhere;text-decoration:line-through}.jn-rs-prev .new{overflow-wrap:anywhere;font-weight:700}.jn-rs-h{margin-bottom:6px;font-size:12.5px;font-weight:800}.jn-rs-ref{align-items:flex-start;gap:10px;min-width:0;display:flex}.jn-rs-q{flex-wrap:wrap;align-items:center;gap:6px;min-width:0;display:flex}.jn-rs-q>.jn-input{flex:220px;min-width:0;min-height:40px}.jn-rs-q-btns{flex:none;gap:6px;display:flex}.jn-rs-q-btns .jn-btn{white-space:nowrap;min-height:40px;text-decoration:none}.jn-btn.disabled,.jn-btn[aria-disabled=true]{opacity:.45;pointer-events:none}.jn-rs-mk{vertical-align:1px;border-radius:999px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 4px;font-size:11px;font-weight:800;display:inline-flex}.jn-rs-mk.same{color:var(--jn-success);background:var(--jn-success-bg);border:1px solid var(--jn-success-bd)}.jn-rs-mk.diff{color:var(--jn-warning);background:var(--jn-warning-bg);border:1px solid var(--jn-warning-bd)}.jn-rs-kv{gap:2px;margin:0;font-size:12px;display:grid}.jn-rs-kv>div{grid-template-columns:96px 1fr;gap:6px;min-width:0;display:grid}.jn-rs-kv dt{color:var(--jmut)}.jn-rs-kv dd{overflow-wrap:anywhere;min-width:0;margin:0}@media (width<=520px){.jn-rs-cands,.jn-rs-opts{grid-template-columns:1fr}.jn-rs-prev{grid-template-columns:1fr;gap:2px}.jn-rs-prev .lbl{margin-top:8px}}.jn-imgdrop{transition:background .12s var(--jn-ease), box-shadow .12s var(--jn-ease);border-radius:16px;outline:none;margin:-6px;padding:6px;position:relative}.jn-imgdrop:focus-visible{box-shadow:0 0 0 2px var(--jp)}.jn-imgdrop.active{background:var(--jt2);box-shadow:0 0 0 2px var(--jp) inset}.jn-imgdrop-overlay{text-align:center;background:color-mix(in srgb, var(--jt2) 88%, transparent);border:2px dashed var(--jp);color:var(--jpd);pointer-events:none;border-radius:16px;justify-content:center;align-items:center;padding:10px;font-size:14px;font-weight:800;display:flex;position:absolute;inset:0}.jn-imgdrop-error{background:var(--jn-danger-bg);border:1px solid var(--jn-danger-bd);color:var(--jn-danger);border-radius:10px;margin-top:8px;padding:8px 10px;font-size:12.5px;line-height:1.5}.jn-fold{border:1px solid var(--jbd);border-radius:var(--jn-r-md);background:#fff}.jn-fold>summary{cursor:pointer;align-items:center;gap:8px;min-height:44px;padding:12px 14px;font-size:13.5px;font-weight:700;list-style:none;display:flex}.jn-fold>summary::-webkit-details-marker{display:none}.jn-fold>summary:before{content:"▸";color:var(--jmut2);transition:transform .15s var(--jn-ease)}.jn-fold[open]>summary:before{transform:rotate(90deg)}.jn-fold>summary .hint{color:var(--jmut2);text-align:right;margin-left:auto;font-size:11.5px;font-weight:400}.jn-fold-body{flex-direction:column;gap:12px;padding:2px 14px 14px;display:flex}.jn-check-row{cursor:pointer;align-items:center;gap:10px;min-height:40px;font-size:13.5px;display:flex}.jn-check-row input{width:20px;height:20px;accent-color:var(--jp);flex:none}.jn-check-row small{color:var(--jmut2);font-size:11.5px}.jn-prod-card{align-items:center;gap:12px;padding:10px;display:flex}.jn-prod-name{overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13.5px;font-weight:700;line-height:1.35;display:-webkit-box;overflow:hidden}.jn-prod-stock .jn-stepper input.val{width:58px;font-size:16px}.jn-prod-saved{color:var(--jn-success);text-align:right;min-height:15px;font-size:11px;font-weight:700}.jn-prod-saved.err{color:var(--jn-danger)}@media (width<=600px),(pointer:coarse){.jn-prod-stock .jn-stepper button{width:42px;height:42px}.jn-prod-stock .jn-stepper input.val{height:42px}}@media (width<=480px){.jn-prod-card{flex-wrap:wrap}.jn-prod-card .jn-prod-actions{justify-content:space-between;flex-direction:row!important;flex:100%!important;align-items:center!important}.jn-imgedit-frame{width:140px;height:140px}.jn-imgedit-side{width:128px}}.jn-sort{flex:0 230px;align-items:center;gap:6px;min-width:0;max-width:340px;display:flex}.jn-sort-label{color:var(--jmut);flex:none;font-size:12.5px;font-weight:700}.jn-sort .jn-input{width:100%;min-width:0;min-height:40px;padding-top:6px;padding-bottom:6px}@media (width<=480px){.jn-sort{flex:100%;max-width:none}}.jn-link{color:var(--jpd);text-underline-offset:2px;font-weight:700;font:inherit;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.jn-pick-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 12px;margin:12px 0 10px;font-size:13px;display:flex}.jn-pick-section{flex-direction:column;gap:6px;display:flex}.jn-pick-section.selected{border:1.5px solid var(--jp);border-radius:var(--jn-r-lg);background:var(--jt2);margin-bottom:14px;padding:10px}.jn-pick-section-title{color:var(--jpd);padding:0 2px 4px;font-size:13.5px;font-weight:800}.jn-pick-row{border:1.5px solid var(--jbd);border-radius:var(--jn-r-md);background:#fff;align-items:center;gap:10px;min-width:0;padding:6px 10px 6px 6px;display:flex}.jn-pick-row.on{border-color:var(--jp);box-shadow:0 0 0 1px var(--jp) inset}.jn-pick-main{text-align:left;border-radius:var(--jn-r-sm,8px);min-width:0;min-height:48px;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;flex:1;align-items:center;gap:10px;padding:4px;display:flex}.jn-pick-main:focus-visible{outline:2px solid var(--jp);outline-offset:1px}.jn-pick-check{border:1.5px solid var(--jbd2);color:#fff;background:#fff;border-radius:999px;flex:none;justify-content:center;align-items:center;width:24px;height:24px;font-size:13px;font-weight:800;display:flex}.jn-pick-row.on .jn-pick-check{background:var(--jp);border-color:var(--jp)}.jn-pick-name{overflow-wrap:anywhere;font-size:13.5px;font-weight:700;line-height:1.35;display:block}.jn-pick-meta{color:var(--jmut2);overflow-wrap:anywhere;font-size:11.5px;display:block}.jn-pick-meta:empty{display:none}.jn-pick-price{color:var(--jmut);margin-top:1px;font-size:12px;display:block}.jn-pick-actions{flex-wrap:wrap;gap:8px;display:flex}.jn-sel-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 12px;padding:0 2px 6px;display:flex}.jn-sel-head .jn-pick-section-title{padding:0}.jn-sel-sort{color:var(--jmut);align-items:center;gap:6px;font-size:12px;display:flex}.jn-sel-sort .jn-input{width:auto;min-height:34px;padding:4px 28px 4px 10px;font-size:12.5px}.jn-sel-list{grid-template-columns:repeat(auto-fill,minmax(min(100%,380px),1fr));gap:4px 10px;margin:0;padding:0;list-style:none;display:grid}.jn-sel-row{border:1px solid var(--jbd);border-radius:var(--jn-r-md);background:#fff;align-items:center;gap:8px;min-width:0;padding:4px 4px 4px 6px;display:flex}.jn-sel-no{background:var(--jp);color:#fff;font-variant-numeric:tabular-nums;border-radius:999px;flex:none;justify-content:center;align-items:center;min-width:26px;height:24px;padding:0 4px;font-size:11.5px;font-weight:800;display:flex}.jn-sel-main{flex-direction:column;flex:1;min-width:0;display:flex}.jn-sel-name{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:700;line-height:1.3;overflow:hidden}.jn-sel-meta{color:var(--jmut);text-overflow:ellipsis;white-space:nowrap;font-size:11.5px;overflow:hidden}.jn-sel-remove{border:1px solid var(--jbd);width:34px;height:34px;color:var(--jmut);cursor:pointer;background:#fff;border-radius:10px;flex:none;font-size:13px}.jn-sel-remove:hover{color:var(--jn-danger);border-color:var(--jn-danger-bd);background:var(--jn-danger-bg)}@media (width<=640px){.jn-sel-row{flex-wrap:wrap;row-gap:2px;padding:6px 4px 6px 6px}.jn-sel-main{display:contents}.jn-sel-name{white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;flex:calc(100% - 40px);display:-webkit-box}.jn-sel-meta{flex:1 1 0;padding-left:34px}.jn-sel-remove{width:44px;height:44px}.jn-sel-row .jn-stepper button{width:40px;height:40px}.jn-sel-row .jn-stepper input.val{height:40px;font-size:16px}.jn-sel-sort{width:100%}.jn-sel-sort .jn-input{flex:1;min-height:40px}}@media (width<=600px),(pointer:coarse){.jn-pick-row .jn-stepper button{width:44px;height:44px}.jn-pick-row .jn-stepper input.val{height:44px;font-size:16px}}@media (width<=480px){.jn-pick-row{flex-wrap:wrap;padding-right:6px}.jn-pick-row .jn-stepper-wrap{margin-left:auto}.jn-pick-actions{grid-template-columns:1fr 1fr;width:100%;display:grid}.jn-pick-actions .jn-btn{width:100%;padding-left:8px;padding-right:8px}}.jn-topbar{z-index:30;background:linear-gradient(150deg, var(--jl), var(--jp) 60%, var(--jpd));position:sticky;top:0;box-shadow:0 4px 20px #2a6be038}.jn-topbar-inner{align-items:center;gap:14px;padding:14px clamp(16px,3vw,28px);display:flex}.jn-topbar-user{display:flex}.jn-admin{flex-direction:column;min-height:100vh;display:flex}.jn-admin-body{flex:1;align-items:flex-start;display:flex}.jn-admin-main{flex:1;min-width:0}.jn-sidebar{border-right:1px solid var(--jbd);width:236px;height:calc(100vh - 62px);transition:width .18s var(--jn-ease);background:#fff;flex-direction:column;flex:none;display:flex;position:sticky;top:62px}.jn-sidebar-nav{flex-direction:column;flex:1;gap:4px;padding:14px 10px;display:flex;overflow-y:auto}.jn-side-group{border-radius:12px}.jn-side-group.active{background:var(--jt2)}.jn-side-section,.jn-side-collapse{width:100%;min-height:44px;color:var(--jmut);text-align:left;transition:background .15s var(--jn-ease), color .15s var(--jn-ease);border-radius:12px;align-items:center;gap:10px;padding:8px 12px;font-size:13.5px;font-weight:700;display:flex}.jn-side-section .icon,.jn-side-collapse .icon{text-align:center;flex:none;width:24px;font-size:17px;line-height:1}.jn-side-section .label,.jn-side-collapse .label{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.jn-side-section:hover{background:color-mix(in srgb, var(--nav-color,var(--jp)) 10%, white);color:var(--nav-color,var(--jp))}.jn-side-group.active .jn-side-section{color:var(--nav-color,var(--jp))}.jn-side-group.active .jn-side-section[aria-current=page]{background:var(--nav-color,var(--jp));color:#fff}.jn-side-items{flex-direction:column;gap:2px;padding:0 6px 8px 40px;display:flex}.jn-side-item{text-align:left;min-height:38px;color:var(--jmut);transition:background .15s var(--jn-ease), color .15s var(--jn-ease);border-radius:10px;padding:8px 12px;font-size:13px;font-weight:700}.jn-side-item:hover{color:var(--nav-color,var(--jp));background:#fff}.jn-side-item.active{background:var(--nav-color,var(--jp));color:#fff;box-shadow:0 5px 14px -4px color-mix(in srgb, var(--nav-color,var(--jp)) 65%, transparent)}.jn-side-collapse{border-top:1px solid var(--jbd);border-radius:0;padding:12px 22px;font-size:12.5px;font-weight:600}.jn-side-collapse:hover{background:var(--jt2);color:var(--jpd)}.jn-admin.is-collapsed .jn-sidebar{width:72px}.jn-admin.is-collapsed .jn-side-section{justify-content:center;padding:8px 0}.jn-admin.is-collapsed .jn-side-section .label,.jn-admin.is-collapsed .jn-side-collapse .label,.jn-admin.is-collapsed .jn-side-items{display:none}.jn-admin.is-collapsed .jn-side-group.active .jn-side-section{background:var(--nav-color,var(--jp));color:#fff}.jn-admin.is-collapsed .jn-side-collapse{justify-content:center;padding:12px 0}.jn-subnav{margin-bottom:18px;display:none}.jn-admin.is-collapsed .jn-subnav{display:block}.jn-subnav-title{letter-spacing:.06em;color:var(--nav-color,var(--jp));margin-bottom:8px;font-size:11px;font-weight:800}.jn-subnav-items,.jn-more-items{flex-wrap:wrap;gap:8px;display:flex}.jn-subnav-item{background:var(--jt2);min-height:40px;color:var(--jmut);border:1px solid var(--jbd);transition:background .15s var(--jn-ease), color .15s var(--jn-ease);border-radius:12px;padding:9px 14px;font-size:13px;font-weight:700}.jn-subnav-item:hover{color:var(--nav-color,var(--jp))}.jn-subnav-item.active{background:var(--nav-color,var(--jp));color:#fff;box-shadow:0 5px 14px -4px color-mix(in srgb, var(--nav-color,var(--jp)) 65%, transparent);border-color:#0000}.jn-admin-bottomnav{display:none}.jn-more-overlay{z-index:150;animation:jn-fade-in .16s var(--jn-ease);background:#1b2a4473;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.jn-more-sheet{width:100%;max-width:560px;max-height:82vh;padding:6px 16px calc(84px + env(safe-area-inset-bottom,0px));background:#fff;border-radius:20px 20px 0 0;overflow-y:auto;box-shadow:0 -10px 30px #1b2a4433}.jn-more-head{z-index:1;background:#fff;justify-content:space-between;align-items:center;padding:10px 0;display:flex;position:sticky;top:0}.jn-more-group{border-top:1px solid var(--jbd);padding:10px 0 12px}.jn-more-group-label{color:var(--nav-color,var(--jp));margin-bottom:8px;font-size:12px;font-weight:800}.jn-more-items .jn-subnav-item{min-height:44px}@media (width<=767px){.jn-sidebar{display:none}.jn-subnav{display:block}.jn-topbar-user{display:none}.jn-admin-main{padding-bottom:calc(72px + env(safe-area-inset-bottom,0px))}.jn-admin-bottomnav{z-index:160;border-top:1px solid var(--jbd);padding:6px 4px calc(6px + env(safe-area-inset-bottom,0px));background:#fff;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 16px #1b2a4414}.jn-admin-bottomnav .jn-bottom-nav-item{border-radius:var(--jn-r-md);min-width:0;min-height:52px;color:var(--jmut);transition:color .15s var(--jn-ease), background .15s var(--jn-ease);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;font-size:11px;font-weight:700;display:flex}.jn-admin-bottomnav .jn-bottom-nav-item .icon{font-size:20px;line-height:1}.jn-admin-bottomnav .jn-bottom-nav-item.active{color:var(--jpd);background:var(--jt2)}body:has(.jn-admin) .jn-toast-stack{bottom:calc(78px + env(safe-area-inset-bottom,0px))}.jn-admin{--jn-sticky-bottom:calc(66px + env(safe-area-inset-bottom,0px))}.jn-action-bar .jn-btn{flex:auto}.jn-doc-opt-status{width:100%;margin-left:0}}@media (width<=640px){.jn-page{padding-bottom:40px}.jn-btn{padding:12px 18px}.jn-pd-grid{grid-template-columns:1fr!important}}.jn-store-navlinks{display:none}@media (width>=641px){.jn-store-navlinks{display:flex}}.jn-store-navlink{color:#ffffffe0;transition:background .15s var(--jn-ease), color .15s var(--jn-ease);border-radius:999px;padding:8px 14px;font-size:13.5px;font-weight:700}.jn-store-navlink:hover{color:#fff;background:#ffffff24}.jn-store-navlink.active{color:#fff;background:#ffffff38}.jn-bottom-nav{display:none}@media (width<=640px){.jn-storefront-body{padding-bottom:calc(60px + env(safe-area-inset-bottom,0px))}.jn-bottom-nav{z-index:30;border-top:1px solid var(--jbd);padding:6px 4px calc(6px + env(safe-area-inset-bottom,0px));background:#fff;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 16px #1b2a4414}.jn-bottom-nav-item{border-radius:var(--jn-r-md);min-height:44px;color:var(--jmut);transition:color .15s var(--jn-ease), background .15s var(--jn-ease);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;font-size:10.5px;font-weight:700;display:flex}.jn-bottom-nav-item .icon{font-size:19px;line-height:1}.jn-bottom-nav-item:active{background:var(--jt2)}.jn-bottom-nav-item.active{color:var(--jpd)}}