body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:NotoSansJP,-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}.App-link{color:#61dafb}.App-content{padding-top:95px}.App-content.page5-active{padding-top:170px}.ExampleComponent{background-color:#f9f9f9;border:1px solid #ccc;margin:10px;max-width:600px;overflow:auto;padding:10px}.site-header{align-items:center;background-color:#fff;color:#000;flex-direction:column;margin:0;padding:0;position:fixed;top:0;z-index:1000}.header-container,.site-header{box-sizing:border-box;display:flex;width:100%}.header-container{height:57px;justify-content:space-between;padding:0 20px}.header-content1{align-items:center;box-sizing:border-box;display:flex;left:28px;margin-bottom:10px;margin-top:10px;position:absolute;top:0}.logo2{height:30px}.header-content2{margin-left:200px}.header-content2,.header-content3{align-items:center;display:flex;height:47px}.header-content3{margin-left:auto;margin-right:20px}.header-content4{align-items:center;display:flex;justify-content:space-between}.header-content4,.nav-bar{box-sizing:border-box;width:100%}.nav-bar{background-color:#e2410b;height:auto;margin:0;padding:12px}.nav-bar ul{display:flex;justify-content:space-around;list-style:none;margin:0;padding:0;width:100%}.nav-bar li{margin-right:20px}.nav-bar a{color:#fff;padding:5px;text-align:center;text-decoration:none;white-space:normal;width:80px}.nav-bar a.active-link{background-color:#f1b81b;border-radius:4px;color:#312f2f}.nav-bar ul li a{color:#fff;font-size:15px;text-decoration:none;width:25%}.nav-bar ul li a:hover{text-decoration:underline}.logo{height:22px}.settings-link{align-items:center;display:flex}.settings-icon{height:25px;width:25px}.sample-menu-bar1{background-color:#f8f9fa;border-bottom:1px solid #dee2e6;box-sizing:border-box;padding:10px 20px;text-align:center;width:100%}.sample-menu-title1{font-size:.8em;font-weight:700;margin:0}.sample-menu-nav{display:flex;gap:2px;justify-content:center;margin-top:5px}.sample-menu-nav button{background:#28a745;border:1px solid #218838;border-radius:3px;color:#fff;cursor:pointer;font-size:12px;margin-right:6px;padding:10px;transition:background .2s,box-shadow .2s}.nav-arrow{align-items:center;color:#555;display:inline-flex;font-size:13px;justify-content:center;margin:0 2px 0 -2px;pointer-events:none;-webkit-user-select:none;user-select:none}@media (max-width:600px){.sample-menu-nav button{margin-right:4px}.sample-menu-nav button:last-child{margin-right:0}.nav-arrow{font-size:12px;margin:0 2px 0 -1px}}.delivery-menu-bar{background-color:#f8f9fa;border-bottom:1px solid #dee2e6;box-sizing:border-box;padding:10px 20px;text-align:center;width:100%}.delivery-menu-title{font-size:.8em;font-weight:700;margin:0}.delivery-menu-nav{display:flex;gap:3px;justify-content:center;margin-top:5px}.delivery-menu-nav button{background:#28a745;border:1px solid #218838;border-radius:3px;color:#fff;cursor:pointer;font-size:12px;margin-right:12px;padding:10px;transition:background .2s,box-shadow .2s}.sample-menu-nav button:last-child{margin-right:0}.sample-menu-nav button:hover{background:#218838;box-shadow:0 2px 6px #0000001f}.side-menu{background-color:#e8e1e1;box-shadow:-2px 0 5px #00000080;display:flex;flex-direction:column;height:100%;padding-left:10px;position:fixed;right:-250px;top:0;transition:right .3s ease;width:250px;z-index:1000}.side-menu.open{right:0}.close-button{background:none;border:none;cursor:pointer;font-size:3rem;left:15px;position:absolute;top:15px}.side-menu ul{list-style:none;margin:60px 0 0;max-height:calc(100% - 75px);overflow-y:auto;padding:0}.side-menu li{margin:30px 0}.side-menu .active-link{font-weight:700}.overlay{background:#00000080;height:100%;left:0;position:fixed;top:0;width:100%;z-index:999}body.menu-open{overflow:hidden}.list-messageP2{background-color:#ffe1e1;border:1px solid #ccc;border-radius:7px;font-size:.9em;margin:20px 50px 0 35px;padding:10px 0;text-align:center;top:0}ul{font-size:.9em;margin:0 20px 0 5px}.li,ul{padding:0}.li{margin:0}.header-row{background-color:#ffffe0;border-top-left-radius:10px;border-top-right-radius:10px;display:flex;justify-content:space-between;margin-left:4px;margin-right:4px;margin-top:4px;padding:4px}.header-leftP2{flex:3.3 1;font-size:1em;margin-left:0;text-align:left}.header-rightP2{flex:1.7 1;margin-right:1px;text-align:right}.status-top{color:#fff}.list-item,.status-top{margin-left:4px;margin-right:4px;padding:4px}.list-item{background-color:#fff;border-top:1px solid #ccc;display:flex;justify-content:space-between}.list-item-first{flex:0.1 1}.list-item-left{flex:3.8 1;font-size:.9em;margin-left:4px;text-align:left}.list-item-right{align-items:flex-end;display:flex;flex:1.1 1;margin-bottom:5px;margin-left:6px;text-align:right}.separator{list-style-type:none;margin:0;padding:0}.order-group{background-color:#575757;border:1px solid #ccc;border-radius:10px;box-shadow:2px 2px 5px #0000001a;margin-bottom:10px;margin-top:10px;padding:2px 2px 10px}.update-button{background-color:#f0f0f0;border:1px solid #ccc;border-radius:4px;cursor:pointer;display:inline-block;font-size:.9em;margin:0;padding:5px 10px;text-align:center;writing-mode:horizontal-tb}.page2-container{margin-top:30px}.mitumori-header{background-color:#fff;border:1px solid #ccc;font-size:.9em;text-align:left}.mitumori-item{border:10px solid #c38bd4;border-radius:15px;font-size:.9em;margin-bottom:30px;margin-left:20px;margin-right:20px}.items-table{border-collapse:collapse;font-size:.9em;margin-bottom:0;margin-top:0;width:100%}.items-table td{background-color:#fff;border:1px solid #b8b6b6;padding:3px;text-align:left}.items-table th{background-color:#a3a3a3;border:1px solid #b8b6b6;color:#fff;font-size:.8em;padding:2px;text-align:center}.highlight-message-delivery{background-color:#ffffe0}.status-top2{color:#fff;margin-left:0;margin-right:0;padding:0}.mitumori-item.status-pending{border-color:#ae68c3}.status-top2.status-pending{background-color:#ae68c3}.mitumori-item.status-completed{border-color:grey}.status-top2.status-completed{background-color:grey}.date-selector{font-size:1.4em;padding-top:100px}.date-selector button{height:40px}.calendar{margin:0 auto}.uriden-item{margin-left:10px}.uriden-item2{display:block;margin-left:75%;text-align:right}.uriden-item3{margin-bottom:10px;margin-right:30px;text-align:right}.total-title{background-color:#faebd7}.content-cell{font-size:small;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page5-panels{display:flex;overflow:hidden;position:relative;width:100%}.page5-content{display:block;height:100%}.page5-panels .panel{background:#fff;min-height:calc(100vh - 80px)}.detail-panel,.list-panel{overflow:auto}.page5-panels .panel{flex:0 0 100%;transition:transform .35s ease}.page5-panels.mode-list .list-panel{transform:translateX(0)}.page5-panels.mode-list .detail-panel{transform:translateX(100%)}.page5-panels.mode-detail .list-panel{transform:translateX(-100%)}.page5-panels.mode-detail .detail-panel{transform:translateX(0)}.page5-sub1-container{display:flex;flex-direction:column;gap:.5rem;height:100%}.ledger-wrapper,.page5-sub1-container{background:#fff}.ledger-wrapper{min-height:200px}.page5-sub1-header{align-items:center;gap:.75rem;padding:.25rem .5rem}.page5-sub1-header .back-button{font-size:1.1rem;line-height:1;padding:.4rem .7rem}.page5-sub1-header .sub-title{flex:1 1;min-width:0}.page5-sub1-header .sub-sample-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page5-sub1-header .sub-caption{font-size:.75rem}.ledger-wrapper{flex:1 1;overflow:auto}.ledger-table{border-collapse:collapse;font-size:.85rem;margin-top:1px;width:100%}.ledger-table td,.ledger-table th{background:#fff;border:1px solid #ddd;padding:.25rem .4rem;text-align:left}.ledger-table th{font-weight:600}.ledger-table td.num{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;text-align:right}.ledger-table td.delta.plus{color:#0a7a0a}.ledger-table td.delta.minus{color:#c02727}.ledger-table tr:nth-child(2n){background:#fafafa}.ledger-table td.narrow-date,.ledger-table th.narrow-date{width:80px}.ledger-table td.narrow-type,.ledger-table th.narrow-type{width:60px}.ledger-table td.wide-place,.ledger-table th.wide-place{min-width:180px}.page5-sub1-offset{padding-top:10px}.page5-sub1-header{background:#fff;border-bottom:1px solid #ccc;display:flex;flex-direction:column;gap:4px;padding:4px 6px 6px}.page5-sub1-header .header-line1{align-items:center;display:flex;gap:8px;justify-content:space-between}.page5-sub1-header .header-line2{display:flex;flex-direction:column;gap:2px}.page5-sub1-header .sub-sample-name{font-size:.95rem;font-weight:600;line-height:1.25;white-space:normal;word-break:break-all}.page5-sub1-header .sub-caption{color:#666;font-size:.7rem}.page5-sub1-header .back-button{cursor:pointer;font-size:1.05rem;padding:.35rem .65rem}.page5-sub1-header .sub-actions button{font-size:.75rem;padding:.45rem .9rem}.page5-sub1-header.redesigned{background:#fff;border-bottom:none;display:flex;flex-direction:column;gap:8px;padding:12px 2px 0}.page5-sub1-header.redesigned .sub-header-top-row{align-items:center;display:flex;gap:8px;width:100%}.page5-sub1-header.redesigned .sub-header-top-row-with-back{justify-content:flex-start;margin-left:0;padding-left:0;width:100%}.page5-sub1-header.redesigned .sub-header-top-row-with-back>.back-button,.page5-sub1-header.redesigned .sub-header-top-row-with-back>.back-button-lg{margin-left:0}.page5-sub1-header.redesigned .sub-header-top-row-with-back>.sub-header-title{margin-left:4px}.page5-sub1-header.redesigned .sub-header-actions{margin-left:auto}.page5-sub1-header.redesigned .back-button-lg{align-items:center;display:inline-flex;font-size:1.28rem;justify-content:center;margin-left:0;min-width:44px;padding:.5rem .78rem}.page5-sub1-header.redesigned .back-button-lg:hover{background:#e2e8f0}.page5-sub1-header.redesigned .sub-header-title{flex:1 1;font-size:.95rem;font-weight:600;letter-spacing:.5px;margin:0}.page5-sub1-header.redesigned .back-button{background:#f3f4f6;border:1px solid #d1d5db;border-radius:4px}.page5-sub1-header.redesigned .back-button:hover{background:#e5e7eb}.page5-sub1-header.redesigned .sub-header-actions{display:flex;gap:6px}.page5-sub1-header.redesigned .reload-btn{background:#2563eb;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.7rem;padding:.45rem .8rem}.page5-sub1-header.redesigned .reload-btn:disabled{background:#94a3b8;cursor:not-allowed}.page5-sub1-header.redesigned .shukko-btn{background:#065f46;border:none;border-radius:6px;box-shadow:0 2px 4px #0000001f;color:#fff;cursor:pointer;font-size:.8rem;font-weight:600;line-height:1.05;padding:.58rem 1.15rem;transition:background .18s ease,box-shadow .18s ease,transform .18s ease}.page5-sub1-header.redesigned .shukko-btn:hover{background:#047857;box-shadow:0 3px 8px #0000002e;transform:translateY(-1px)}.page5-sub1-header.redesigned .shukko-btn:active{box-shadow:0 2px 4px #00000024;transform:translateY(0)}.page5-sub1-header.redesigned .line-sep{background:linear-gradient(90deg,#d1d5db,#e5e7eb);height:1px}.page5-sub1-header.redesigned .line-sep-topcode{background:#475569;border-radius:1px;box-shadow:none;display:block;height:2px;margin:6px 0 4px;min-height:2px;position:relative;width:100%}.page5-sub1-header.redesigned .sample-name-text{font-size:.95rem;font-weight:700;letter-spacing:.4px;line-height:1.3;margin:2px 0 4px;word-break:break-all}.page5-sub1-header.redesigned .sample-number-inline{color:#4b5563;font-size:.7rem;margin-top:-4px}.page5-sub1-header.redesigned .code-and-action-row{align-items:center;display:flex;gap:8px;justify-content:space-between;margin-top:2px}.page5-sub1-header.redesigned .sample-code-text{background:#f3f4f6;border-radius:4px;color:#374151;font-size:.75rem;font-weight:600;letter-spacing:.5px;line-height:1.2;padding:2px 8px}.page5-sub1-header.redesigned .action-below-name{display:flex;justify-content:flex-end;margin-top:2px;margin-top:10px}.page5-sub1-header.redesigned .action-below-name .shukko-btn{margin-left:auto}.page5-sub1-header.redesigned .ledger-edit-hint{background:#fed4b7;border:1px solid #fba580;border-radius:10px;box-shadow:0 1px 2px #0000000f;box-sizing:border-box;color:#832a18;font-size:.7rem;font-weight:600;letter-spacing:.4px;line-height:1.35;margin:14px 0 0;padding:5px 10px 4px;text-align:center;width:97%}@media (max-width:640px){.page5-sub1-header.redesigned .ledger-edit-hint{font-size:.68rem;margin:12px 0 0;padding:5px 8px}}.page5-container{text-align:left}.page5-content{background:#e1e1e1;box-sizing:border-box;display:flex;flex-direction:column;min-height:calc(100vh - 95px);padding:20px;top:95px}.page5-title{margin-top:20px}.page5-title-sm{color:#2d3640;font-size:1.15rem;font-weight:600;letter-spacing:.5px;margin:4px 0}.zaiko-grid{gap:10px}.zaiko-grid,.zaiko-tile{display:flex;flex-direction:column}.zaiko-tile{background:#fff;border:1px solid #e0e5ec;border-radius:10px;box-shadow:0 2px 4px #0000000f,0 0 0 1px #00000005;cursor:pointer;gap:14px;min-height:65px;overflow:hidden;padding:20px 14px 1px;position:relative;transition:box-shadow .18s ease,transform .18s ease,border-color .18s ease}.zaiko-tile:after{background:linear-gradient(145deg,#fff0,#0000000a);content:"";inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity .25s ease}.zaiko-tile:focus-visible,.zaiko-tile:hover{border-color:#c9d4e2;box-shadow:0 4px 14px #00000024,0 0 0 1px #0000000a;transform:translateY(-2px)}.zaiko-tile:focus-visible:after,.zaiko-tile:hover:after{opacity:1}.zaiko-tile:active{box-shadow:0 2px 6px #0000002e,0 0 0 1px #0000000f;transform:translateY(0)}.zaiko-tile.zero-stock{background:#e5e7eb;border-color:#cfd4da}.zaiko-tile.zero-stock:focus-visible,.zaiko-tile.zero-stock:hover{background:#dcdfe3;border-color:#bcc3ca}.tile-line1{color:#2e3a49;font-size:.95rem;font-weight:600;letter-spacing:.3px;line-height:1.25;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.tile-line2{align-items:baseline;display:flex;flex-direction:row;gap:10px;justify-content:space-between;line-height:1.1;margin-top:0;text-align:left;width:100%}.tile-arrival-inline{color:#4c5964;flex:1 1;font-size:.7rem;font-weight:600;letter-spacing:.35px;line-height:1.05;min-width:0;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.tile-arrival-inline.not-arrived{color:#e85c8b}.tile-zaiko-inline{font-feature-settings:"tnum";align-items:baseline;color:#1d5f9c;display:flex;font-size:.9rem;font-variant-numeric:tabular-nums;font-weight:700;gap:4px;line-height:1.05}.zaiko-label-inline{font-size:.64rem}.zaiko-value-inline{line-height:1}.tile-arrival,.tile-name,.tile-zaiko{display:none!important}.page5-error{background:#ffe5e5;border:1px solid #ffb3b3;border-radius:6px;color:#b30000;font-size:.85rem;margin-top:16px;padding:10px 14px}.page5-empty{color:#607080;font-size:.9rem;margin-top:20px}.page5-toolbar{display:flex;gap:10px;margin-top:8px}.page5-toolbar button{align-items:center;background:#2563eb;border:none;border-radius:6px;box-shadow:0 2px 4px #00000029;color:#fff;cursor:pointer;display:inline-flex;font-size:.85rem;gap:6px;letter-spacing:.5px;padding:8px 16px;transition:background .18s ease,box-shadow .18s ease}.page5-toolbar button:hover:not(:disabled){background:#1d4ed8}.page5-toolbar button:disabled{background:#94a3b8;box-shadow:none;cursor:not-allowed}.line-comp{align-items:center;display:flex;gap:14px;justify-content:space-between;margin-bottom:6px;margin-top:2px}.toolbar-left-hint{color:#4b5563;font-size:.72rem;font-weight:600;letter-spacing:.6px;opacity:.85;text-transform:uppercase}@media (max-width:640px){.zaiko-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.tile-zaiko{bottom:6px;font-size:1.05rem;right:14px}.tile-name{font-size:.9rem;padding-right:120px}.zaiko-label{font-size:.66rem}.zaiko-tile{min-height:52px;padding:8px 12px 6px}.tile-line1{font-size:.88rem}.tile-arrival-inline{font-size:.66rem}.tile-zaiko-inline{font-size:.86rem}.zaiko-label-inline{font-size:.6rem}}@media (min-width:1600px){.zaiko-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}}.ledger-table tr.clickable{cursor:pointer}.ledger-table tr.clickable:hover{background:#eef6ff}.sub2-form-wrapper{gap:10px;height:100%;padding:8px 10px 16px}.sub2-form-wrapper,.vertical-form{display:flex;flex-direction:column}.vertical-form{gap:8px;max-width:480px}.vertical-form .vf-row{align-items:flex-start;display:flex;gap:8px}.vertical-form .vf-label{display:inline-block;font-size:13px;font-weight:600;padding-top:6px;width:120px}.vertical-form .vf-label-empty{display:inline-block;font-size:0;line-height:0;padding-top:0;width:120px}.vertical-form .vf-value{background:#f5f5f5;border:1px solid #ccc;border-radius:4px;flex:1 1;font-size:13px;min-height:34px;padding:6px 8px}.vertical-form .vf-input,.vertical-form .vf-select{background:#fff}.vertical-form .vf-input,.vertical-form .vf-select,.vertical-form .vf-textarea{border:1px solid #bbb;border-radius:4px;flex:1 1;font-size:13px;padding:6px 8px}.vertical-form .vf-textarea{resize:vertical}.vertical-form .place-indent{margin-left:128px}@media (max-width:640px){.vertical-form .place-indent{margin-left:0}}.vertical-form .vf-input.narrow70,.vertical-form .vf-select.narrow70{max-width:70%}@media (max-width:640px){.vertical-form .vf-input.narrow70,.vertical-form .vf-select.narrow70{max-width:100%}}.vertical-form .vf-row input[disabled]{background:#eee;color:#555}.sub2-header{align-items:center;display:flex;gap:12px}.sub2-title{font-size:.95rem;font-weight:600;letter-spacing:.4px;margin:0}.sub2-top-row-centered{position:relative}.sub2-top-row-centered .sub2-title-placeholder{display:inline-block;min-width:44px;width:44px}@media (max-width:480px){.sub2-top-row-centered .sub2-title-placeholder{min-width:40px;width:40px}}.sub2-top-row-centered{display:flex;justify-content:space-between;width:100%}.sub2-top-row-centered .sub2-centered-title{flex:1 1;text-align:center}.sub2-actions{display:flex;gap:8px;margin-left:auto}.sub2-actions button{background:#f3f4f6;border:1px solid #d1d5db;border-radius:5px;cursor:pointer;font-size:.7rem;padding:.5rem .85rem}.sub2-actions .btn-save{background:#2563eb;border:none;color:#fff}.sub2-actions .btn-save:hover{background:#1d4ed8}.sub2-actions .btn-delete{background:#b91c1c;border:none;color:#fff}.sub2-actions .btn-delete:hover{background:#991b1b}.sub2-actions .btn-cancel{background:#6b7280;border:none;color:#fff}.sub2-actions .btn-cancel:hover{background:#4b5563}.sub2-save-row-bottom{display:flex;justify-content:flex-end;margin-top:4px;width:100%}.sub2-save-row-bottom .btn-save{background:#2563eb;border:none;border-radius:5px;box-shadow:0 2px 4px #00000024;color:#fff;cursor:pointer;font-size:.75rem;padding:.55rem 1rem;transition:background .18s ease,box-shadow .18s ease,transform .18s ease}.sub2-save-row-bottom .btn-save:hover:not(:disabled){background:#1d4ed8;box-shadow:0 3px 8px #0000002e;transform:translateY(-1px)}.sub2-save-row-bottom .btn-save:active:not(:disabled){box-shadow:0 2px 4px #00000024;transform:translateY(0)}.unified-bottom-actions{gap:12px;justify-content:flex-end;margin-top:24px}.unified-bottom-actions .btn-delete{background:#b91c1c;border:none;border-radius:5px;box-shadow:0 2px 4px #00000024;color:#fff;cursor:pointer;font-size:.75rem;padding:.55rem .95rem;transition:background .18s ease,box-shadow .18s ease,transform .18s ease}.unified-bottom-actions .btn-delete:hover:not(:disabled){background:#991b1b}.unified-bottom-actions .btn-delete:disabled{cursor:not-allowed;opacity:.65}.sub2-inline-delete-row{display:flex;justify-content:flex-start;margin:4px 0 2px}.sub2-inline-delete-row .btn-delete.inline-wide{background:#b91c1c;border:none;border-radius:4px;box-shadow:0 1px 3px #00000029;color:#fff;cursor:pointer;font-size:.6rem;letter-spacing:.4px;max-width:110px;min-width:70px;padding:3px 5px;text-align:center;transition:background .18s ease,box-shadow .18s ease,transform .18s ease}.sub2-inline-delete-row .btn-delete.inline-wide:hover:not(:disabled){background:#991b1b;box-shadow:0 2px 6px #00000038}.sub2-inline-delete-row .btn-delete.inline-wide:active:not(:disabled){box-shadow:0 1px 3px #0000002e;transform:translateY(0)}.sub2-inline-delete-row .btn-delete.inline-wide:disabled{cursor:not-allowed;opacity:.55}.sub2-save-row-bottom .btn-save:disabled{background:#93a5c4;box-shadow:none;cursor:not-allowed}.sub2-body .btn-delete{background:#dc2626;border:none;border-radius:6px;box-shadow:0 2px 4px #00000024;color:#fff;cursor:pointer;font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:.55rem 1rem;transition:background .18s ease,box-shadow .18s ease,transform .18s ease}.sub2-body .btn-delete:hover:not(:disabled){background:#b91c1c;box-shadow:0 3px 8px #0000002e;transform:translateY(-1px)}.sub2-body .btn-delete:active:not(:disabled){box-shadow:0 2px 4px #00000024;transform:translateY(0)}.sub2-body .btn-delete:disabled{background:#9ca3af;box-shadow:none;cursor:not-allowed}.sub2-body{display:flex;flex:1 1;flex-direction:column;gap:12px;overflow:auto}.sub2-error{background:#fee2e2;border:1px solid #fca5a5;border-radius:4px;color:#991b1b;line-height:1.3}.sub2-error,.sub2-message{font-size:.7rem;padding:6px 10px}.sub2-message{background:#ecfdf5;border:1px solid #6ee7b7;border-radius:4px;color:#065f46}.form-grid{grid-gap:10px 14px;display:grid;font-size:.72rem;gap:10px 14px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.form-grid label{display:flex;flex-direction:column;gap:4px}.form-grid label span{color:#374151;font-weight:600;letter-spacing:.4px}.form-grid input,.form-grid select,.form-grid textarea{background:#fff;border:1px solid #cbd5e1;border-radius:4px;font-size:.75rem;padding:6px 8px}.form-grid textarea{resize:vertical}.form-grid .col-span-2{grid-column:span 2}.sub2-hint{color:#64748b;font-size:.65rem}.sub2-note{background:#fde6eb;border:1px solid #f5c4ce;border-radius:6px;box-sizing:border-box;color:#5a3640;font-size:.7rem;font-weight:600;line-height:1.45;margin:2px 0 8px;padding:6px 10px}@media (max-width:640px){.sub2-note{font-size:.68rem;padding:6px 8px}}.label-small{border-radius:10px;color:#fff;display:inline-block;font-size:.72em;font-weight:600;line-height:1.1;margin-bottom:2px;margin-right:4px;padding:2px 8px}.label-green{background:#22c55e;border:1px solid #16a34a}.label-blue{background:#2563eb;border:1px solid #1d4ed8}.label-red{background:#ef4444;border:1px solid #b91c1c;color:#fff!important;color:#d00}.tile-label-row{margin-bottom:2px;min-height:1em}.template-save-row{display:flex;justify-content:flex-start;margin-top:32px}.template-save-btn{border-radius:5px;color:#fff;cursor:pointer;font-size:.8em;padding:3px 8px;transition:background .2s,box-shadow .2s}.template-save-btn:hover{background:#218838;box-shadow:0 2px 6px #0000001f}.irai-form .form-row label:has(+textarea[name=memo]),.irai-form .form-row label[for=memo],.irai-form textarea[name=memo]~label{display:block;text-align:left}.irai-form .form-row label:has(+input[name=iraiSaki]),.irai-form .form-row label[for=iraiSaki],.irai-form input[name=iraiSaki]~label{display:block;text-align:left}.irai-form input[name=iraiSaki]{max-width:100%;width:120%}.irai-form textarea[name=memo]{box-sizing:border-box;height:6em;width:100%}.irai-form select{box-sizing:border-box;font-size:1.08em;height:2.1em;padding:6px 8px}.contents-group input[type=text]{max-width:100%;width:150%}.irai-form .form-row label{display:inline-block;margin-bottom:4px;vertical-align:top}.contents-group{background:#e3f2fd;border:1px solid #e3f2fd;border-radius:12px;margin:18px 0;padding:5px}.contents-label{font-size:1.1em;font-weight:700;margin-bottom:2px}.page6-container{text-align:left}.page6-content{background-color:#f0f0f0;border:1px solid #e0e0e0;border-radius:4px;box-sizing:border-box;padding:20px}.page6-title{font-size:1em;margin-bottom:1px;margin-top:1px}.page6-actions{display:flex;flex-direction:column;gap:4px;margin-bottom:24px;margin-top:1px}.page6-actions .actions-row{display:flex;gap:4px;justify-content:flex-start;margin-top:5px}.page6-actions button{background:#2f74c0;border:1px solid #1d5fa7;border-radius:4px;color:#fff;cursor:pointer;font-size:13px;padding:8px 10px;transition:background .2s ease,box-shadow .2s ease}.page6-actions button:hover{background:#225b97;box-shadow:0 2px 4px #0003}.page6-actions button:active{background:#1b4b7c}.supplier-modal-overlay{align-items:flex-start;padding-top:80px}.supplier-modal{border:1px solid #90caf9;border-radius:8px;box-shadow:0 4px 16px #00000040;max-height:70vh;overflow:hidden}.supplier-modal-header{background:#1976d2;color:#fff;font-size:14px}.supplier-list{background:#fafafa;padding:4px 0}.supplier-item{align-items:center;border-left:4px solid #0000;font-size:13px;gap:8px;padding:6px 10px}.supplier-item:hover{background:#e3f2fd}.supplier-item.selected{background:#bbdefb;border-left-color:#1976d2}.supplier-code{color:#0d47a1;width:90px}.supplier-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.supplier-modal-footer{background:#f5f5f5;border-top:1px solid #e0e0e0;gap:12px;padding:10px 14px}.supplier-modal-footer button{background:#2f74c0;border:1px solid #1d5fa7;border-radius:4px;color:#fff;cursor:pointer;font-size:13px;padding:6px 14px}.supplier-modal-footer button:hover:not(:disabled){background:#225b97}.supplier-modal-footer button:disabled{cursor:not-allowed;opacity:.5}.supplier-empty,.supplier-error,.supplier-loading{font-size:13px;padding:12px 14px}.supplier-error{color:#b71c1c}.page6-content button:disabled,.page6-content button[disabled]{background-color:#c9c9c9!important;border-color:#b0b0b0!important;color:#666!important;cursor:not-allowed!important;opacity:.75}.page6-content button{background:#1976d2;border:1px solid #0f5fae;border-radius:4px;color:#fff;font-size:14px;padding:4px 12px}.page6-content button:hover:not(:disabled){background:#1565c0}.actions-row{display:flex;gap:8px;margin-bottom:6px}.actions-right-group{gap:8px}.actions-separator{margin:10px 0 14px}.supplier-modal-overlay{align-items:center;background:#00000059;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.supplier-modal{background:#fff;border-radius:6px;box-shadow:0 4px 14px #00000040;display:flex;flex-direction:column;max-height:80vh;width:520px}.supplier-modal-header{border-bottom:1px solid #ddd;font-weight:700;padding:10px 14px}.supplier-list{flex:1 1;font-size:14px;overflow-y:auto}.supplier-item{cursor:pointer;display:flex;padding:4px 8px}.supplier-item:hover{background:#f2f7ff}.supplier-item.selected{background:#1976d2;color:#fff}.supplier-code{flex-shrink:0;font-family:monospace;width:70px}.supplier-name{flex:1 1}.supplier-modal-footer{border-top:1px solid #ddd;display:flex;gap:8px;justify-content:flex-end;padding:8px 10px}.contents-group{border:1px solid #ccc;border-radius:4px;margin:10px 0 12px;padding:8px 10px}.contents-label{align-items:center;display:flex;gap:12px;margin-bottom:4px}.template-delete-row,.template-save-row{margin-top:12px}.template-save-btn{background:#28a745;border:1px solid #218838;font-size:.7em;padding:2px 10px}.template-save-btn:hover:not(:disabled){background:#218838}.template-delete-btn:not(:disabled){background:#dc3545;border-color:#c82333}.template-delete-btn:not(:disabled):hover{background:#c82333}.page6-content button.template-save-btn{background:#28a745!important;border:1px solid #218838!important;color:#fff;font-size:12px!important;line-height:1.2!important;padding:3px 9px!important}.page6-content button.template-save-btn:hover:not(:disabled){background:#218838!important}.message-error{background:#ffe0e0;border:1px solid #ff9a9a;color:#b40000}.message-success{background:#e0f5e9;border:1px solid #8fd4a5;color:#055a1c}.page6-content button.email-preview-btn{background:#546e7a;border:1px solid #455a64;font-size:10px;letter-spacing:.5px;line-height:2.9;padding:2px 5px}.page6-content button.email-preview-btn:hover:not(:disabled){background:#455a64}.page6-content button.email-preview-btn:disabled{background:#b0b7ba!important;border-color:#9aa1a4!important}@media (max-width:720px){.page6-content button.email-preview-btn{align-items:center;display:inline-flex;flex-direction:column;height:auto;justify-content:center;letter-spacing:.3px;line-height:1.25;padding:4px 6px;text-align:center;white-space:normal;width:70px}}.three-actions-group{display:flex;gap:2px}.three-actions-group>button{font-size:12px;padding:9px}.page6-content .date-field-wrapper{align-items:center;display:inline-flex;gap:4px;position:relative}.page6-content .calendar-btn{background:#2f74c0;border:1px solid #1d5fa7;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;line-height:1;padding:4px 6px;transition:background .2s}.page6-content .calendar-btn:hover:not(:disabled){background:#546e7a}.page6-content .calendar-btn:disabled{background:#b0b7ba;border-color:#9aa1a4;cursor:not-allowed}.page6-content .calendar-popup{background:#fff;border:1px solid #90a4ae;border-radius:8px;box-shadow:0 4px 18px #00000040;font-size:12px;padding:10px 12px 12px;position:absolute;right:40px;top:160px;width:240px;z-index:2000}.page6-content .cal-header{align-items:center;display:flex;font-weight:600;justify-content:space-between;margin-bottom:6px}.page6-content .cal-header .nav{background:#2f74c0;border:1px solid #1d5fa7;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;padding:2px 8px}.page6-content .cal-header .nav:hover{background:#225b97}.page6-content .cal-grid{display:grid;grid-template-columns:repeat(7,1fr)}.page6-content .cal-week{margin-bottom:4px}.page6-content .wk{color:#37474f;font-size:11px;font-weight:600;padding:2px 0;text-align:center}.page6-content .day-btn{background:#2f74c0;border:1px solid #1d5fa7;border-radius:4px;color:#fff;cursor:pointer;font-size:11px;height:28px;margin:1px;transition:background .15s,box-shadow .15s}.page6-content .day-btn:hover:not(:disabled){background:#225b97;box-shadow:0 1px 3px #00000040}.page6-content .day-btn.empty{background:#0000;border:1px solid #0000;box-shadow:none;cursor:default}.page6-content .day-btn.today{background:#1565c0;border-color:#0f5fae;box-shadow:0 0 0 2px #1565c059;font-weight:600}.page6-content .cal-footer{display:flex;justify-content:space-between;margin-top:6px}.page6-content .cal-footer button{background:#607d8b;border:1px solid #546e7a;border-radius:4px;color:#fff;cursor:pointer;font-size:11px;padding:3px 8px}.page6-content .cal-footer button:hover{background:#546e7a}.page8-container{text-align:left}.page8-content{background-color:#f0f0f0;border:1px solid #e0e0e0;border-radius:4px;box-sizing:border-box;margin-top:82px;padding:20px}.page8-title{font-size:1em;margin-bottom:1px;margin-top:1px}.page8-actions{display:flex;flex-direction:column;gap:4px;margin-bottom:24px;margin-top:1px}.page8-actions .actions-row{display:flex;gap:4px;justify-content:flex-start;margin-top:5px}.actions-right-group{display:flex;gap:24px;margin-left:auto}.page8-content button:not(.calendar-btn):not(.template-delete-btn):not(.expiry-none-btn):not(.expected-none-btn){background:#c77b30;border:1px solid #b36d29;border-radius:4px;color:#fff;cursor:pointer;font-size:13px;padding:8px 10px;transition:background .2s ease,box-shadow .2s ease}.page8-content button:not(.calendar-btn):not(.template-delete-btn):not(.expiry-none-btn):not(.expected-none-btn):hover{background:#b36d29;box-shadow:0 2px 4px #0003}.page8-content button:not(.calendar-btn):not(.template-delete-btn):not(.expiry-none-btn):not(.expected-none-btn):active{background:#8d5620}.page8-content button:disabled{background:#c9c9c9;border-color:#b0b0b0;color:#666;cursor:not-allowed;opacity:.75}.primary-register-btn{background:#2563eb!important;border:1px solid #1d4ed8!important;box-shadow:0 2px 4px #0000002e;color:#fff!important;font-weight:600;letter-spacing:.5px;transition:background .2s,transform .15s}.primary-register-btn:hover:not(:disabled){background:#1d4ed8!important}.primary-register-btn:active:not(:disabled){background:#1e40af!important}.actions-separator{border:none;border-top:2px solid #b0bec5;margin:18px 0 22px}.irai-form{font-size:14px}.irai-form .form-row{align-items:flex-start;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}.irai-form .form-row label{font-weight:500;min-width:90px}.irai-form .form-row.inline-center{align-items:center}.date-row-label{display:inline-block;min-width:90px}.expiry-out-row{margin-top:4px}.irai-form input[type=text],.irai-form textarea{box-sizing:border-box;font-size:1em;height:2em;padding:4px}.irai-form textarea{height:6em}.template-delete-row{display:flex;justify-content:center;margin-bottom:18px}.template-delete-btn{background:#dc3545;border:1px solid #c82333;border-radius:5px;color:#fff;cursor:pointer;font-size:.8em;padding:10px 28px;transition:background .2s,box-shadow .2s}.template-delete-btn:hover{background:#c82333;box-shadow:0 2px 6px #0000001f}.panel-soft-orange,.sample-grid-wrapper{background:#fff3e0;border:3px solid #8d5620;border-radius:8px;margin-bottom:14px;padding:10px 12px 14px;position:relative}.panel-soft-orange .top-inline-row label,.sample-grid-wrapper .top-inline-row label{font-weight:600}.label-soft-brown{display:inline-block}.label-soft-brown,.panel-soft-orange .memo-inline-row label,.sample-grid-wrapper .memo-inline-row label{color:#bf6516;font-weight:600}.sample-grid-head .col-name,.sample-grid-head .col-qty{text-align:left}.sample-grid-wrapper .memo-inline-row textarea{background:#fffdfa;border:1px solid #f5c089;border-radius:4px;box-sizing:border-box;padding:4px 6px}.sample-grid-wrapper .memo-inline-row textarea:focus{outline:2px solid #ffcc80}.sample-grid-body,.sample-grid-head{grid-gap:8px;align-items:center;display:grid;gap:8px;grid-template-columns:minmax(160px,1fr) 120px}.sample-grid-head{color:#bf6516;font-size:.85rem;font-weight:600;letter-spacing:.5px;margin-bottom:4px}.sample-grid-head .col-name,.sample-grid-head .col-qty{padding-left:4px}.sample-grid-body input[type=text]{background:#fffdfa;border:1px solid #f5c089;border-radius:4px;box-sizing:border-box;font-size:.95rem;padding:4px 6px;width:100%}.expiry-inline-row{align-items:center;border-top:1px dashed #ffb74d;display:flex;flex-wrap:wrap;gap:12px;margin-top:12px;padding-top:8px}.compact-inline-gap{gap:2px!important}.expiry-inline-row label{color:#bf6516;font-weight:600}.expiry-inline-row .date-field-wrapper input[type=text]{background:#fff!important;border:1px solid #f5c089}.expiry-inline-row .expiry-none-btn{background:#c77b30;border-color:#b36d29}.expiry-inline-row .expiry-none-btn:hover:not(.active){background:#b36d29}.expiry-inline-row .expiry-none-btn.active{background:#8d5620;border-color:#7a491b}.expiry-inline-row .expiry-none-btn.active:hover{background:#7a491b}@media (max-width:640px){.panel-soft-orange{overflow-x:auto}.sample-grid-body,.sample-grid-head{grid-template-columns:minmax(140px,1fr) 110px}.sample-grid-head .col-qty{display:block}.sample-grid-body .col-qty{margin-top:0}}.expiry-date-input.disabled{background:#e0e0e0!important;color:#555!important;cursor:not-allowed}.expiry-none-btn{background:#78909c;border:1px solid #607d8b;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;padding:4px;transition:background .2s ease}.expiry-none-btn:hover{background:#607d8b}.expiry-none-btn.active{background:#455a64;border-color:#37474f}.expiry-none-btn.active:hover{background:#37474f}.expected-none-btn{align-items:center;background:#78909c;border:1px solid #607d8b;border-radius:4px;box-sizing:border-box;color:#fff;cursor:pointer;display:inline-flex;font-size:11.5px;height:24px;line-height:1.2;padding:0 4px;transition:background .2s ease}.expected-none-btn:hover{background:#607d8b}.expected-none-btn.active{background:#455a64;border-color:#37474f}.expected-none-btn.active:hover{background:#37474f}.date-field-wrapper{align-items:center;display:inline-flex;gap:0;position:relative}.calendar-btn{background:#2f74c0;border:1px solid #1d5fa7;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;line-height:1;margin-left:4px;margin-right:0;padding:3px 2px;transition:background .2s}.calendar-btn:hover:not(:disabled){background:#546e7a}.calendar-btn:disabled{background:#b0b7ba;border-color:#9aa1a4;cursor:not-allowed}.date-input-small{width:100px}.calendar-popup{background:#fff;border:1px solid #90a4ae;border-radius:8px;box-shadow:0 4px 18px #00000040;font-size:12px;padding:10px 12px 12px;position:absolute;right:40px;top:160px;width:240px;z-index:2000}.cal-header{align-items:center;display:flex;font-weight:600;justify-content:space-between;margin-bottom:6px}.cal-header .nav{background:#2f74c0;border:1px solid #1d5fa7;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;padding:2px 8px}.cal-header .nav:hover{background:#225b97}.cal-grid{display:grid;grid-template-columns:repeat(7,1fr)}.cal-week{margin-bottom:4px}.wk{color:#37474f;font-weight:600;padding:2px 0;text-align:center}.day-btn,.wk{font-size:11px}.day-btn{background:#f5f7f8;border:1px solid #0000;border-radius:4px;cursor:pointer;height:28px;margin:1px}.day-btn:hover:not(:disabled){background:#e1edf5}.day-btn.empty{background:#0000;cursor:default}.day-btn.today{border-color:#1976d2;color:#0d47a1;font-weight:600}.cal-footer{display:flex;justify-content:space-between;margin-top:6px}.cal-footer button{background:#607d8b;border:1px solid #546e7a;border-radius:4px;color:#fff;cursor:pointer;font-size:11px;padding:3px 8px}.cal-footer button:hover{background:#546e7a}.supplier-item.selected .supplier-code,.supplier-item.selected .supplier-code:active,.supplier-item.selected .supplier-code:visited{color:#fff!important}.supplier-item .supplier-code,.supplier-item .supplier-code:active,.supplier-item .supplier-code:link,.supplier-item .supplier-code:visited{font-feature-settings:normal;color:#222!important;font-family:inherit!important;font-size:inherit!important;font-variant-numeric:normal;font-weight:inherit!important;line-height:inherit!important;text-decoration:none!important}.incoming-note{background:#fde6eb;border:1px solid #f5c4ce;border-radius:5px;box-sizing:border-box;color:#55333a;font-size:.9rem;line-height:1.5;margin:0 0 10px;padding:8px 12px}@media (max-width:640px){.incoming-note{font-size:.85rem;padding:6px 10px}}.page10-route-select,.page10-weekday-select{box-sizing:border-box;font-size:1.08em;height:2.1em;margin:0 8px;padding:6px 8px}.page10-route-label{font-size:1.08em;font-weight:700;margin-bottom:0;margin-right:18px}.page10-select{box-sizing:border-box;font-size:1.08em;height:1.6em;padding:6px 8px}.page10-select-row{margin-top:38px}.page10-container{text-align:left}.page10-content{background-color:#f0f0f0;border:1px solid #e0e0e0;border-radius:4px;padding:20px;top:100px}.page10-select-row{font-size:1.3em;margin-bottom:1px;margin-top:25px}.page10-table{background:#fff;border-collapse:collapse;font-size:.8em;width:100%}.page10-table td,.page10-table th{border:1px solid #ccc;line-height:1.25;padding:4px 6px;white-space:nowrap}.page10-table th{background:#e9f1f9;font-weight:700}.page10-table-wrapper{overflow-x:auto}@media (max-width:600px){.page10-table{word-wrap:break-word;font-size:.9em;table-layout:fixed}.page10-table td,.page10-table th{white-space:normal;word-break:break-all}}.page10-table-draggable tr{cursor:move;transition:background-color .15s ease,outline .15s ease}.page10-table-draggable tr.page10-row-drop-target{background-color:#fff8dc;outline:2px dashed #c89b3c}.page10-table-draggable tr:active{cursor:grabbing}.page10-apply-button{background:#1976d2;border:none;border-radius:4px;box-shadow:0 1px 2px #0003;color:#fff;cursor:pointer;font-size:.85rem;padding:6px 14px;transition:background .18s ease,opacity .18s ease}.page10-apply-button:hover:not(:disabled){background:#135c9f}.page10-apply-button:disabled{cursor:default;opacity:.45}.page10-revert-button{background:#666;border:none;border-radius:4px;box-shadow:0 1px 2px #0003;color:#fff;cursor:pointer;font-size:.85rem;padding:6px 14px;transition:background .18s ease,opacity .18s ease}.page10-revert-button:hover:not(:disabled){background:#4d4d4d}.page10-revert-button:disabled{cursor:default;opacity:.35}.page10-delete-button{background:#d32f2f;border:none;border-radius:4px;box-shadow:0 1px 2px #00000026;color:#fff;cursor:pointer;font-size:.65rem;line-height:1.1;padding:4px 8px;transition:background .15s ease,transform .1s ease}.page10-delete-button:hover{background:#b71c1c}.page10-delete-button:active{transform:scale(.95)}.page10-add-row-button{background:#4caf50;border:none;border-radius:4px;box-shadow:0 1px 2px #0003;color:#fff;cursor:pointer;font-size:.85rem;margin-bottom:20px;margin-right:12px;padding:6px 14px;transition:background .18s ease,filter .18s ease}.page10-add-row-button:hover{background:#43a047}.page10-add-row-button:active{filter:brightness(.92)}.page10-add-row-form select[name=kakko]{background:#fff;border:1px solid #b8b8b8;border-radius:4px;box-sizing:border-box;font-size:.8rem;padding:6px 8px;width:100%}.page10-add-row-form select[name=kakko]:focus{border-color:#64b5f6;outline:2px solid #90caf9}.page10-add-row-form input{border:1px solid #b8b8b8;border-radius:4px;box-sizing:border-box;font-size:.85rem;padding:10px;width:100%}.page10-add-row-form input:focus{border-color:#64b5f6;outline:2px solid #90caf9}.page10-add-row-form select[name=kakko]{font-size:.85rem;padding:10px}.page10-add-row-form{margin-bottom:30px;padding-bottom:20px}button{margin:0 10px}.title{padding:100px 0 0}.title,.uriden-list{list-style-type:none}.uriden-list{padding:0}.uriden-item,.uriden-item2{margin-bottom:10px;text-align:left}.uriden-item hr{margin-bottom:10px;margin-top:10px}.date-selector{align-items:center;display:flex;justify-content:center;margin-bottom:20px}.date-selector button{margin:0 10px}.tabs{display:flex;justify-content:space-around;margin-bottom:20px}.tabs button{background-color:#f1f1f1;border:none;cursor:pointer;padding:10px 20px;transition:background-color .3s}.tabs button.active{background-color:#ccc}.tab-content{background-color:#fff;border:1px solid #ccc;padding:20px}.totals{display:flex;justify-content:space-around;margin-bottom:20px}.container{padding-top:160px;text-align:center}h1{display:inline-block;margin:0;padding-top:100px}table{border-collapse:collapse;margin:20px auto;width:80%}td,th{border:1px solid #000;padding:8px;text-align:center}th{background-color:#f2f2f2}.count-number{color:blue;font-weight:700}.title{margin-bottom:50px;margin-top:30px}.form-group{margin-bottom:15px}
/*# sourceMappingURL=main.b7d730f7.css.map*/