body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.home-container{margin-top:50px;text-align:center}.home-title{font-size:32px;font-weight:700}.home-button{background-color:blue;border:none;border-radius:5px;color:#fff;cursor:pointer;margin-top:20px;padding:10px 20px}.home-button:hover{background-color:#00008b}.w-split{--w-split-bar-shadow:#d5d5d5;--w-split-bar-shadow-disable:#d5d5d5;display:flex;flex-direction:row;height:100%}.w-split-bar{background:#f8f8f9;background:var(--w-split-bar-background,#f8f8f9);display:flex;justify-content:center;position:relative;-webkit-user-select:none;user-select:none;z-index:10}.w-split-bar:after,.w-split-bar:before{content:"";display:block}.w-split-bar.disable{cursor:not-allowed!important;pointer-events:none}.w-split-bar:hover:not(.disable){background:#ecf7ff;background:var(--w-split-bar-hover-background,#ecf7ff);transition:background-color .3s}.w-split.dragging .w-split-pane{position:relative}.w-split.dragging .w-split-pane:before{content:"";display:block;height:100%;position:absolute;width:100%;z-index:10}.w-split>.w-split-pane{transform:none}.w-split:not(.dragging)>.w-split-pane{transition:all .3s}.w-split-horizontal>.w-split-bar{box-shadow:inset 1px 0 0 0 var(--w-split-bar-shadow),1px 0 0 0 var(--w-split-bar-shadow);cursor:col-resize;flex-direction:column;width:5px}.w-split-horizontal>.w-split-bar:after,.w-split-horizontal>.w-split-bar:before{box-shadow:inset 0 1px 0 0 var(--w-split-bar-shadow),0 1px 0 0 var(--w-split-bar-shadow);height:3px;width:100%}.w-split-horizontal>.w-split-bar:before{margin-top:-1px}.w-split-horizontal>.w-split-bar:after{margin-top:3px}.w-split-horizontal>.w-split-bar.disable{box-shadow:inset 1px 0 0 0 var(--w-split-bar-shadow-disable),1px 0 0 0 var(--w-split-bar-shadow-disable)!important}.w-split-vertical{flex-direction:column}.w-split-vertical>.w-split-bar{align-items:center;box-shadow:inset 0 1px 0 0 var(--w-split-bar-shadow),0 1px 0 0 var(--w-split-bar-shadow);cursor:row-resize;flex-direction:row;height:5px;width:100%}.w-split-vertical>.w-split-bar.disable{box-shadow:inset 0 1px 0 0 var(--w-split-bar-shadow-disable),0 1px 0 0 var(--w-split-bar-shadow-disable)!important}.w-split-vertical>.w-split-bar:after,.w-split-vertical>.w-split-bar:before{box-shadow:inset 1px 0 0 0 var(--w-split-bar-shadow),1px 0 0 0 var(--w-split-bar-shadow);height:100%;width:3px}.w-split-vertical>.w-split-bar:before{margin-left:-1px}.w-split-vertical>.w-split-bar:after{margin-left:3px}.w-split-large-bar div{bottom:0;left:0;position:absolute;right:0;top:0}.w-split-horizontal>.w-split-line-bar:hover:before,.w-split-vertical>.w-split-line-bar:hover:before{background:#008ef0;background:var(--w-split-line-bar-hover-border-color,#008ef0)}.w-split-vertical>.w-split-line-bar{height:1px}.w-split-vertical>.w-split-line-bar div{cursor:row-resize;height:8px;margin-bottom:-2px;margin-top:-2px;width:100%}.w-split-vertical>.w-split-line-bar div:active,.w-split-vertical>.w-split-line-bar div:focus,.w-split-vertical>.w-split-line-bar div:hover{height:6px;margin-bottom:-6px;margin-top:-6px}.w-split-vertical>.w-split-line-bar div:active:after,.w-split-vertical>.w-split-line-bar div:focus:after,.w-split-vertical>.w-split-line-bar div:hover:after{background:#008ef0;background:var(--w-split-line-bar-active-background,#008ef0)}.w-split-vertical>.w-split-line-bar div:after{height:1px;width:100%}.w-split-horizontal>.w-split-line-bar{width:1px}.w-split-horizontal>.w-split-line-bar div{cursor:col-resize;height:100%;margin-left:-2px;margin-right:-2px;width:8px}.w-split-horizontal>.w-split-line-bar div:active,.w-split-horizontal>.w-split-line-bar div:focus,.w-split-horizontal>.w-split-line-bar div:hover{margin-left:-6px;margin-right:-6px;width:6px}.w-split-horizontal>.w-split-line-bar div:active:after,.w-split-horizontal>.w-split-line-bar div:focus:after,.w-split-horizontal>.w-split-line-bar div:hover:after{background:#008ef0;background:var(--w-split-line-bar-active-background,#008ef0)}.w-split-horizontal>.w-split-line-bar div:after{height:100%;width:1px}.w-split-horizontal>.w-split-line-bar,.w-split-vertical>.w-split-line-bar{flex-direction:inherit}.w-split-horizontal>.w-split-line-bar:before,.w-split-vertical>.w-split-line-bar:before{display:none}.w-split-horizontal>.w-split-line-bar div,.w-split-vertical>.w-split-line-bar div{align-items:center;display:flex;justify-content:center;position:relative}.w-split-horizontal>.w-split-line-bar div:after,.w-split-vertical>.w-split-line-bar div:after{background-color:#d5d5d5;background-color:var(--w-split-line-bar-background,#d5d5d5);content:"";display:block}.w-split-line-bar{background:#0000}.w-split-line-bar,.w-split-line-bar:before{box-shadow:inset 0 0 0 0!important}.w-split-line-bar:after{display:none}.table-layout{display:flex;height:100vh}.left-pane{border-right:1px solid #ccc;box-sizing:border-box;height:100%;overflow:auto;padding:8px;width:100%}.table-list{list-style:none;margin:0;padding:0}.table-list li{border-bottom:1px solid #eee;cursor:pointer;padding:8px}.table-list li:hover{background-color:#f0f0f0}.table-list li.selected{background-color:#d0ebff;font-weight:700}.sql-input-area,.table-result-area{overflow:auto;padding:12px}.sql-input-area textarea{height:80px;margin-bottom:10px;resize:vertical;width:100%}.sql-input-area button{padding:6px 12px}.error{color:red;font-size:14px;margin-top:6px}.w-split-vertical{height:100%}.w-split-pane{display:flex;flex-direction:column;height:100%}.sidebar{background-color:#2c3e50;box-sizing:border-box;color:#fff;height:calc(100vh - 60px);left:0;overflow-x:hidden;padding:20px;position:fixed;top:60px;transition:transform .3s ease;width:200px;z-index:999}.sidebar.closed{transform:translateX(-100%)}.sidebar.open{transform:translateX(0)}.sidebar-header{display:flex;justify-content:flex-end}.close-button{background:none;border:none;color:#fff;cursor:pointer;font-size:18px;margin-bottom:10px}.sidebar ul{list-style:none;margin:0;padding:0}.sidebar li{cursor:pointer;margin-bottom:15px}.sidebar a{color:#fff;text-decoration:none}.sidebar a:visited{color:#fff}.sidebar a:hover{color:#4caf50}.sidebar a.active{color:#fc0;font-weight:700}.dashboard-header{align-items:center;background-color:#2c3e50;box-shadow:0 2px 4px #0003;color:#fff;display:flex;height:60px;left:0;padding:0 16px;position:fixed;top:0;width:100%;z-index:1001}.toggle-sidebar-button{background-color:initial;border:none;color:#fff;cursor:pointer;font-size:24px;margin-right:16px}.dashboard-title{font-size:20px;margin:0}.language-picker{align-items:center;display:flex;font-size:14px;gap:8px;margin-left:auto;margin-right:28px}.language-picker select{background:#fff;border:1px solid #ffffff73;border-radius:4px;color:#263238;font:inherit;padding:7px 28px 7px 9px}@media (max-width:600px){.language-picker{margin-right:18px}.language-picker span{display:none}.language-picker select{max-width:125px}}.dashboard-content{flex-grow:1;margin-left:0;padding:80px 20px 20px;transition:margin-left .3s ease}.dashboard-content.with-sidebar{margin-left:200px}.order-details-page,.orders-page{color:#263238;font-family:Arial,Noto Sans TC,sans-serif;margin:0 auto;max-width:1400px;padding:10px 16px 40px}.order-details-page h1,.order-details-page h2,.orders-page h1,.orders-page h2{text-align:center}.orders-table-wrap{overflow-x:auto}.order-items-table,.orders-table{background:#fff;border-collapse:collapse;min-width:1150px;width:100%}.order-items-table td,.order-items-table th,.orders-table td,.orders-table th{border:1px solid #ddd;padding:10px;text-align:center;vertical-align:middle}.order-items-table th,.orders-table th{background:#f4f4f4;white-space:nowrap}.order-items-table input,.order-items-table select,.order-items-table textarea,.orders-table input,.orders-table select,.orders-table textarea{border:1px solid #cfd8dc;border-radius:4px;box-sizing:border-box;font:inherit;min-width:95px;padding:7px;width:100%}.order-items-table textarea,.orders-table textarea{min-height:65px;resize:vertical}.new-item-form button,.new-order-form button,.order-details-page button,.orders-page button{border:0;border-radius:4px;color:#fff;cursor:pointer;padding:9px 12px}.detail-button{background:#1565c0}.edit-button{background:#0c869c}.new-item-form>button,.new-order-form>button,.save-button{background:#28a745}.back-button,.cancel-button{background:#6c757d}.delete-button{background:#dc3545}.order-actions{display:flex;gap:5px;justify-content:center}.orders-error{background:#f8d7da;border-radius:4px;color:#842029;margin:0 auto 16px;max-width:700px;padding:10px 14px}.order-status{border-radius:12px;display:inline-block;padding:5px 9px;white-space:nowrap}.status-生產中{background:#fff3cd;color:#856404}.status-已完成{background:#d4edda;color:#155724}.status-作廢{background:#f8d7da;color:#721c24}.new-item-form,.new-order-form{grid-gap:15px 22px;display:grid;gap:15px 22px;grid-template-columns:repeat(2,minmax(240px,1fr));margin:18px auto;max-width:950px}.new-item-form label,.new-order-form label{display:flex;flex-direction:column;font-weight:600;gap:6px}.new-item-form input,.new-item-form select,.new-item-form textarea,.new-order-form input,.new-order-form select,.new-order-form textarea{border:1px solid #bbb;border-radius:4px;box-sizing:border-box;font:inherit;padding:10px}.new-item-form textarea,.new-order-form textarea{min-height:80px}.new-item-form>button,.new-order-form>button{grid-column:1/-1;justify-self:center;min-width:130px}.customer-picker{grid-gap:8px;display:grid;gap:8px;grid-template-columns:minmax(170px,.8fr) minmax(220px,1.2fr);width:100%}.customer-picker input,.customer-picker select{min-width:0;width:100%}.back-button{margin-bottom:6px}.order-summary{grid-gap:1px;background:#ddd;border:1px solid #ddd;display:grid;gap:1px;grid-template-columns:repeat(3,1fr);margin:18px auto 30px;max-width:1050px}.order-summary>div{background:#fff;display:flex;flex-direction:column;gap:6px;padding:12px}.order-summary b{color:#455a64}.summary-notes{grid-column:1/-1}.order-items-table img,.selected-product-preview img{height:88px;object-fit:contain;width:88px}.product-picker{grid-gap:8px;display:grid;gap:8px;grid-template-columns:minmax(180px,.85fr) minmax(260px,1.15fr);min-width:460px;width:100%}.product-picker input,.product-picker select{min-width:0;width:100%}.order-items-table small{color:#607d8b;display:block;margin-top:6px}.selected-product-preview{grid-gap:5px 12px;align-items:center;background:#f7f8f9;border-radius:5px;display:grid;gap:5px 12px;grid-template-columns:100px 1fr;padding:10px}.selected-product-preview img,.selected-product-preview>div{grid-row:span 3}.order-usage-summary{margin-top:42px}.order-usage-summary h3{color:#37474f;margin:28px 0 10px;text-align:left}.order-usage-table{background:#fff;border-collapse:collapse;min-width:720px;width:100%}.order-usage-table td,.order-usage-table th{border:1px solid #ddd;padding:10px;text-align:center}.order-usage-table th{background:#eef3f5;white-space:nowrap}@media (max-width:720px){.customer-picker,.new-item-form,.new-order-form,.order-summary,.product-picker{grid-template-columns:1fr}.product-picker{min-width:0}.new-item-form>button,.new-order-form>button,.summary-notes{grid-column:1}}.raw-detail-page{color:#263238;font-family:Arial,Noto Sans TC,sans-serif;margin:0 auto;max-width:1250px;padding:10px 16px 40px}.raw-detail-page h1,.raw-detail-page h2{text-align:center}.raw-back,.raw-detail-page button{border:0;border-radius:4px;color:#fff;cursor:pointer;padding:9px 13px}.raw-back,.raw-detail-cancel{background:#6c757d}.raw-detail-summary{grid-gap:1px;background:#ddd;border:1px solid #ddd;display:grid;gap:1px;grid-template-columns:repeat(5,1fr);margin:20px auto 30px;max-width:1100px}.raw-detail-summary>div{background:#fff;display:flex;flex-direction:column;gap:7px;padding:14px;text-align:center}.raw-detail-summary b{color:#546e7a}.raw-detail-wrap{overflow-x:auto}.raw-detail-wrap table{background:#fff;border-collapse:collapse;min-width:850px;width:100%}.raw-detail-wrap td,.raw-detail-wrap th{border:1px solid #ddd;padding:11px;text-align:center;vertical-align:middle}.raw-detail-wrap th{background:#f4f4f4}.raw-detail-wrap input,.raw-detail-wrap select,.raw-detail-wrap textarea{border:1px solid #bdc8cd;border-radius:4px;box-sizing:border-box;font:inherit;padding:8px;width:100%}.raw-detail-wrap textarea{min-height:65px}.raw-detail-actions{display:flex;gap:5px;justify-content:center}.raw-detail-edit{background:#0c869c}.raw-detail-save{background:#28a745}.raw-detail-error{background:#f8d7da;border-radius:4px;color:#842029;margin:0 auto 15px;max-width:700px;padding:10px 14px}@media(max-width:750px){.raw-detail-summary{grid-template-columns:1fr 1fr}.raw-detail-summary>div:last-child{grid-column:1/-1}}.product-detail-page{color:#263238;font-family:Arial,Noto Sans TC,sans-serif;margin:0 auto;max-width:1400px;padding:10px 18px 50px}.product-detail-page>h1{margin:0 0 24px;text-align:center}.product-detail-back{background:#607d8b;border:0;border-radius:4px;color:#fff;cursor:pointer;padding:9px 14px}.product-detail-error{background:#f8d7da;border-radius:4px;color:#842029;margin:14px auto;max-width:800px;padding:11px 14px}.product-basic-card{grid-gap:14px;align-items:center;background:#fff;border:1px solid #dce3e6;border-radius:7px;display:grid;gap:14px;grid-template-columns:130px repeat(3,minmax(150px,1fr));margin:20px 0 32px;padding:18px}.product-basic-card img,.product-basic-no-image{color:#78909c;display:grid;grid-row:span 2;height:110px;object-fit:contain;place-items:center;width:110px}.product-basic-card>div:not(.product-basic-no-image){display:flex;flex-direction:column;gap:5px}.product-basic-card b{color:#546e7a;font-size:14px}.product-basic-card span{font-size:17px}.product-basic-notes{grid-column:span 2}.usage-section{margin-top:34px}.usage-section h2{text-align:center}.usage-table-wrap{overflow-x:auto}.usage-table-wrap table{background:#fff;border-collapse:collapse;min-width:850px;width:100%}.usage-table-wrap td,.usage-table-wrap th{border:1px solid #ddd;padding:10px;text-align:center;vertical-align:middle}.usage-table-wrap th{background:#f4f4f4;white-space:nowrap}.usage-table-wrap input,.usage-table-wrap select,.usage-table-wrap textarea{border:1px solid #cfd8dc;border-radius:4px;box-sizing:border-box;font:inherit;min-width:90px;padding:7px;width:100%}.usage-table-wrap textarea{min-height:60px;resize:vertical}.usage-actions{display:flex;gap:6px;justify-content:center}.usage-actions button,.usage-add{border:0;border-radius:4px;color:#fff;cursor:pointer;padding:8px 11px}.usage-edit{background:#0c869c}.usage-add,.usage-save{background:#28a745}.usage-cancel{background:#6c757d}.usage-delete{background:#dc3545}.usage-add-form{grid-gap:14px;align-items:end;background:#fafcfd;border:1px solid #dce3e6;border-top:0;display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));padding:18px}.usage-add-form label{display:flex;flex-direction:column;font-weight:600;gap:6px}.usage-add-form input,.usage-add-form select,.usage-add-form textarea{border:1px solid #cfd8dc;border-radius:4px;box-sizing:border-box;font:inherit;padding:9px;width:100%}.usage-add-form textarea{min-height:42px;resize:vertical}.usage-add{min-height:40px}@media (max-width:800px){.product-basic-card{grid-template-columns:100px 1fr}.product-basic-card img,.product-basic-no-image{height:90px;width:90px}.product-basic-notes{grid-column:1/-1}}.companies-page{color:#263238;font-family:Arial,Noto Sans TC,sans-serif;margin:0 auto;max-width:1280px}.companies-page h2,.companies-page h3{text-align:center}.companies-page h2{font-size:28px;margin:12px 0 24px}.companies-page h3{margin-top:36px}.company-table-wrap{overflow-x:auto}.companies-table{background:#fff;border-collapse:collapse;min-width:1050px;width:100%}.companies-table td,.companies-table th{border:1px solid #ddd;padding:12px 10px;text-align:center;vertical-align:middle}.companies-table th{background:#f4f4f4;white-space:nowrap}.companies-table input,.companies-table select{border:1px solid #cfd8dc;border-radius:4px;box-sizing:border-box;min-width:90px;padding:7px;width:100%}.company-actions{display:flex;gap:6px;justify-content:center}.companies-page button{border:0;border-radius:4px;color:#fff;cursor:pointer;padding:9px 13px}.companies-page button:disabled{cursor:wait;opacity:.6}.company-message{background:#f8d7da;border-radius:4px;color:#842029;margin:0 auto 16px;max-width:700px;padding:10px 14px}.new-company-form{grid-gap:14px 20px;display:grid;gap:14px 20px;grid-template-columns:repeat(2,minmax(220px,1fr));margin:20px auto 40px;max-width:850px}.new-company-form label{display:flex;flex-direction:column;font-weight:600;gap:6px}.new-company-form input,.new-company-form select{border:1px solid #ccc;border-radius:4px;box-sizing:border-box;font:inherit;padding:10px}.new-company-form .add{grid-column:1/-1;justify-self:center;min-width:130px}@media (max-width:700px){.new-company-form{grid-template-columns:1fr}}.components-test-container{border:1px solid #ccc;border-radius:10px;box-shadow:2px 2px 10px #0000001a;margin:20px auto;max-width:500px;padding:20px}h2{text-align:center}.component{margin-bottom:15px}label{display:block;font-weight:700;margin-bottom:5px}input,select{border:1px solid #ccc;border-radius:5px;font-size:16px;padding:8px;width:100%}input[type=color]{border:none;height:30px;padding:0;width:50px}p{color:#555;font-size:14px;margin-top:5px}.tabs-container{width:100%}.tab-header{border-bottom:2px solid #ccc;display:flex;margin-bottom:10px}.tab-button{background:none;border:none;border-bottom:2px solid #0000;cursor:pointer;font-size:16px;padding:10px 20px;transition:.2s}.tab-button:hover{background-color:#f0f0f0}.tab-button.active{border-bottom:2px solid #007bff;font-weight:700}.tab-content{background:#fafafa;border:1px solid #ddd;padding:20px}.raw-materials{color:#263238}.raw-materials>h2,.raw-materials>h3{text-align:center}.raw-table-wrap{overflow-x:auto}.raw-materials table{background:#fff;border-collapse:collapse;min-width:900px;width:100%}.raw-materials td,.raw-materials th{border:1px solid #ddd;padding:10px;text-align:center;vertical-align:middle}.raw-materials th{background:#f4f4f4}.raw-materials input,.raw-materials select,.raw-materials textarea{border:1px solid #c8d0d4;border-radius:4px;box-sizing:border-box;font:inherit;padding:8px;width:100%}.raw-materials textarea{min-height:70px;resize:vertical}.raw-image-editor img,.raw-image-empty,.raw-thumbnail{height:96px;object-fit:contain;width:96px}.raw-image-empty{background:#f4f6f7;color:#78909c;display:grid;place-items:center}.raw-image-editor{align-items:center;display:flex;flex-direction:column;gap:6px}.raw-image-editor label{background:#607d8b;border-radius:4px;color:#fff;cursor:pointer;padding:7px 10px;white-space:nowrap}.raw-image-editor input{display:none}.raw-materials button{border:0;border-radius:4px;color:#fff;cursor:pointer;padding:9px 13px}.raw-edit{background:#0c869c}.new-raw-form>button,.raw-save{background:#28a745}.raw-cancel{background:#6c757d}.raw-actions{display:flex;gap:5px;justify-content:center}.raw-error{background:#f8d7da;border-radius:4px;color:#842029;margin:0 auto 14px;max-width:700px;padding:10px 14px}.new-raw-form{grid-gap:15px 22px;display:grid;gap:15px 22px;grid-template-columns:repeat(2,minmax(220px,1fr));margin:18px auto;max-width:850px}.new-raw-form>div,.new-raw-form>label{display:flex;flex-direction:column;font-weight:600;gap:6px}.new-raw-form small{color:#607d8b;font-weight:400;text-align:center}.new-raw-form>button{grid-column:1/-1;justify-self:center;min-width:130px}@media(max-width:700px){.new-raw-form{grid-template-columns:1fr}.new-raw-form>button{grid-column:1}}.raw-inventory{color:#263238}.raw-inventory>h2,.raw-inventory>h3{text-align:center}.raw-stock-error{background:#f8d7da;border-radius:4px;color:#842029;margin:0 auto 15px;max-width:700px;padding:10px 14px}.movement-panel{background:#f8fafb;border:1px solid #d5dde1;border-radius:7px;margin-bottom:32px;padding:18px}.movement-panel h3{margin-top:0;text-align:center}.movement-panel form{grid-gap:14px 18px;display:grid;gap:14px 18px;grid-template-columns:repeat(4,minmax(150px,1fr))}.movement-panel label{display:flex;flex-direction:column;font-weight:600;gap:6px}.movement-panel input,.movement-panel select,.movement-panel textarea,.raw-stock-wrap input,.raw-stock-wrap textarea{border:1px solid #bdc8cd;border-radius:4px;box-sizing:border-box;font:inherit;padding:8px;width:100%}.material-search{grid-column:span 3}.material-search>div{grid-gap:8px;display:grid;gap:8px;grid-template-columns:minmax(180px,.8fr) minmax(240px,1.2fr)}.material-search small{color:#607d8b}.movement-notes{grid-column:span 3}.movement-panel textarea{min-height:70px}.movement-panel button,.raw-inventory button{border:0;border-radius:4px;color:#fff;cursor:pointer;padding:9px 13px}.movement-panel form>button{align-self:end;background:#28a745}.raw-stock-wrap{overflow-x:auto}.raw-stock-wrap table{background:#fff;border-collapse:collapse;min-width:1100px;width:100%}.raw-stock-wrap td,.raw-stock-wrap th{border:1px solid #ddd;padding:10px;text-align:center;vertical-align:middle}.raw-stock-wrap th{background:#f4f4f4;white-space:nowrap}.raw-stock-wrap textarea{min-height:65px}.spec-edit{grid-gap:4px;align-items:center;display:grid;gap:4px;grid-template-columns:1fr auto 1fr auto 1fr;min-width:280px}.stock-actions{gap:5px}.stock-edit{background:#0c869c}.stock-save{background:#28a745}.stock-cancel{background:#6c757d}@media(max-width:850px){.movement-panel form{grid-template-columns:1fr 1fr}.material-search,.movement-notes{grid-column:span 2}}@media(max-width:600px){.material-search>div,.movement-panel form{grid-template-columns:1fr}.material-search,.movement-notes{grid-column:1}}.stock-image{height:76px;object-fit:contain;width:76px}.stock-detail{background:#1565c0}.stock-table-tools{grid-gap:8px;align-items:center;display:grid;gap:8px;grid-template-columns:minmax(240px,1fr) 160px 110px auto;margin:0 0 12px}.stock-table-tools input,.stock-table-tools select{border:1px solid #bdc8cd;border-radius:4px;box-sizing:border-box;font:inherit;padding:9px;width:100%}.stock-table-tools span{color:#607d8b;white-space:nowrap}.stock-actions{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.stock-actions button{border:0;border-radius:4px;color:#fff;cursor:pointer;min-width:54px;padding:8px 10px}.stock-move-in{background:#1e9b50}.stock-move-out{background:#e07a20}.stock-actions .stock-detail{background:#078da5}.stock-actions button:hover{filter:brightness(.92)}@media (max-width:700px){.stock-table-tools{grid-template-columns:1fr 1fr}.stock-table-tools input{grid-column:1/-1}}.raw-inventory-title{align-items:center;display:flex;justify-content:center;margin-bottom:12px;min-height:44px;position:relative}.raw-inventory-title h2{margin:0}.raw-inventory-title .inventory-switch-button{background:#0c869c;position:absolute;right:0}@media (max-width:650px){.raw-inventory-title{flex-direction:column;gap:10px}.raw-inventory-title .inventory-switch-button{position:static}}.paint-auto-summary{grid-gap:12px;background:#f5fafc;border:1px solid #d7e6ec;border-radius:6px;display:grid;gap:12px;grid-column:1/-1;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));padding:16px}.paint-auto-summary div{display:flex;flex-direction:column;gap:5px}.paint-auto-summary b{color:#455a64;font-size:14px}.paint-auto-summary span{color:#173748;font-size:17px}.paint-auto-summary p{color:#607d8b;grid-column:1/-1;margin:0;text-align:center}.inventory-page{color:#263238;font-family:Arial,Noto Sans TC,sans-serif;margin:0 auto;max-width:1400px;padding:10px 16px 40px}.inventory-page>h1{font-size:30px;margin:8px 0 28px;text-align:center}.inventory-page .tab-header{gap:4px;margin-bottom:0;overflow-x:auto;padding:0 4px;scrollbar-width:thin}.inventory-page .tab-button{color:#37474f;flex:1 0 auto;min-width:115px;padding:13px 16px;white-space:nowrap}.inventory-page .tab-button.active{background:#eef7fb;border-bottom-color:#0c869c;color:#0c6fa0}.inventory-page .tab-content{background:#fff;min-height:360px;padding:24px}.inventory-placeholder{align-items:center;color:#607d8b;display:flex;flex-direction:column;justify-content:center;min-height:310px;text-align:center}.inventory-placeholder h2{color:#263238;margin:0 0 12px}.inventory-placeholder p{margin:0 0 14px}.inventory-placeholder span{background:#eceff1;border-radius:14px;font-size:14px;padding:7px 12px}@media (max-width:700px){.inventory-page{padding:6px 4px 28px}.inventory-page .tab-content{min-height:280px;padding:16px}.inventory-placeholder{min-height:240px}}.login-container{align-items:center;background:linear-gradient(135deg,#6e8efb,#a777e3);display:flex;height:100vh;justify-content:center;position:relative}.login-language-picker{align-items:center;color:#fff;display:flex;gap:8px;position:absolute;right:24px;top:20px}.login-language-picker select{background:#fff;border:1px solid #fff9;border-radius:5px;color:#263238;font:inherit;padding:8px 10px}@media (max-width:500px){.login-language-picker{right:12px;top:12px}.login-language-picker span{display:none}}.login-box{background:#fff;border-radius:12px;box-shadow:0 4px 10px #0003;padding:2rem;text-align:center;width:350px}h2{color:#444}.error-message,h2{margin-bottom:1rem}.error-message{color:red}.login-input{border:1px solid #ccc;border-radius:6px;font-size:16px;margin-bottom:10px;padding:10px;width:100%}.login-button{background:#6e8efb;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:18px;padding:12px;transition:background .3s;width:100%}.login-button:hover{background:#5a7be1}.product-container{color:#263238;font-family:Arial,Noto Sans TC,sans-serif;margin:0 auto;max-width:1350px;padding:12px 20px 40px}.product-container h1,.product-container h2{text-align:center}.product-container h1{font-size:28px;margin:0 0 24px}.product-container h2{margin-top:36px}.product-table-wrap{overflow-x:auto}.product-table{background:#fff;border-collapse:collapse;min-width:1100px;width:100%}.product-table td,.product-table th{border:1px solid #ddd;padding:10px;text-align:center;vertical-align:middle}.product-table th{background:#f4f4f4;white-space:nowrap}.product-table input,.product-table textarea{border:1px solid #cfd8dc;border-radius:4px;box-sizing:border-box;font:inherit;min-width:100px;padding:7px;width:100%}.product-table textarea{min-height:72px;resize:vertical}.image-placeholder,.product-image-editor img,.product-thumbnail{background:#0000;border-radius:5px;height:96px;object-fit:contain;width:96px}.image-placeholder{color:#6c757d;display:grid;place-items:center}.no-image{color:#888;white-space:nowrap}.product-image-editor{align-items:center;display:flex;flex-direction:column;gap:7px}.upload-button{background:#607d8b;border-radius:4px;color:#fff;cursor:pointer;display:inline-block;font-size:14px;padding:7px 10px;white-space:nowrap}.upload-button input{display:none}.product-actions{display:flex;gap:6px;justify-content:center}.product-container button{border:0;border-radius:4px;color:#fff;cursor:pointer;padding:9px 13px}.product-container button:disabled{cursor:wait;opacity:.6}.edit{background:#0c869c}.details{background:#607d8b}.add,.save{background:#28a745}.cancel{background:#6c757d}.product-message{background:#f8d7da;border-radius:4px;color:#842029;margin:0 auto 16px;max-width:700px;padding:10px 14px}.new-product-form{grid-gap:16px 22px;display:grid;gap:16px 22px;grid-template-columns:repeat(2,minmax(220px,1fr));margin:20px auto;max-width:900px}.new-product-form>label,.new-product-image{display:flex;flex-direction:column;font-weight:600;gap:6px}.new-product-form input,.new-product-form textarea{border:1px solid #ccc;border-radius:4px;font:inherit;padding:10px}.new-product-form textarea{min-height:80px;resize:vertical}.new-product-image{align-items:center;grid-row:span 2}.new-product-image small{color:#607d8b;font-weight:400}.new-product-form .add{grid-column:1/-1;justify-self:center;min-width:130px}@media (max-width:700px){.new-product-form{grid-template-columns:1fr}.new-product-image{grid-row:auto}}
/*# sourceMappingURL=main.842559be.css.map*/