*{box-sizing:border-box;margin:0;padding:0}:root{--k-blue:#1e3a8a;--k-blue-mid:#2563eb;--k-blue-light:#3b82f6;--k-title:#039;--k-yellow:#ff0;--k-pink:#ffb3c1;--k-green:#90ee90;--k-orange:orange;--k-cyan:#00bcd4;--k-win-bg:#ece9d8;--k-toolbar:#d4d0c8;--k-toolbar-btn:#d4d0c8;--k-content-bg:#fff;--k-border:gray;--k-border-dark:#404040;--k-header-bg:#1e3a8a;--k-header-text:#fff;--k-row-alt:#f0f0f0;--k-row-hover:#dbeafe;--k-selected:#ff0;--k-status-bg:#c8c8c8;--k-font:"MS Gothic", "MS UI Gothic", "Noto Sans JP", "Yu Gothic", "Meiryo", monospace;--k-font-size:13px;--k-line-height:1.4}html,body{background:var(--k-win-bg);height:100%;font-family:var(--k-font);font-size:var(--k-font-size);color:#000;overflow:hidden}#root{flex-direction:column;width:100%;height:100vh;display:flex;overflow:hidden}.k-window{background:var(--k-win-bg);border:2px solid var(--k-border);flex-direction:column;width:100%;height:100vh;display:flex;overflow:hidden}.k-titlebar{color:#fff;-webkit-user-select:none;user-select:none;background:linear-gradient(90deg,#0a246a,#3a6ea8);flex-shrink:0;align-items:center;height:22px;padding:0 4px;font-size:11px;font-weight:700;display:flex}.k-titlebar-title{flex:1}.k-titlebar-btns{gap:2px;display:flex}.k-titlebar-btn{background:var(--k-toolbar);cursor:pointer;border:1px solid #000;justify-content:center;align-items:center;width:16px;height:14px;font-size:9px;line-height:1;display:flex}.k-menubar{background:var(--k-toolbar);border-bottom:1px solid var(--k-border);flex-shrink:0;align-items:center;gap:2px;height:22px;padding:0 4px;display:flex}.k-menubar-item{cursor:pointer;font-size:12px;font-family:var(--k-font);background:0 0;border:none;padding:2px 6px}.k-menubar-item:hover{background:var(--k-blue);color:#fff}.k-screen-header{background:var(--k-content-bg);border-bottom:1px solid var(--k-border);flex-shrink:0;justify-content:space-between;align-items:baseline;padding:8px 12px 4px;display:flex}.k-screen-title{color:var(--k-title);letter-spacing:2px;font-size:22px;font-weight:700;font-family:var(--k-font)}.k-screen-subtitle{color:#666;font-size:11px}.k-connection-string{color:#999;font-family:monospace;font-size:10px}.k-fkey-bar{background:var(--k-toolbar);border-bottom:2px solid var(--k-border);flex-wrap:wrap;flex-shrink:0;align-items:center;gap:1px;min-height:26px;padding:2px 4px;display:flex}.k-fkey-btn{background:var(--k-toolbar-btn);border:1px solid;border-color:#fff var(--k-border) var(--k-border) #fff;font-size:11px;font-family:var(--k-font);cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;align-items:center;gap:2px;min-height:20px;padding:1px 5px;display:inline-flex}.k-fkey-btn:hover{background:#e8e4dc}.k-fkey-btn:active{border-color:var(--k-border) #fff #fff var(--k-border);background:#c8c4bc}.k-fkey-key{color:var(--k-blue);font-size:10px;font-weight:700}.k-fkey-label{color:#000}.k-fkey-sep{background:var(--k-border);width:1px;height:18px;margin:0 2px}.k-content{background:var(--k-content-bg);flex-direction:column;flex:1;display:flex;overflow:auto}.k-bottom-bar{background:var(--k-status-bg);border-top:2px solid var(--k-border);flex-shrink:0;align-items:center;gap:8px;height:28px;padding:0 8px;display:flex}.k-prompt-arrow{color:var(--k-blue);font-size:14px;font-weight:700}.k-prompt-text{font-size:12px;font-family:var(--k-font)}.k-prompt-input{border:2px inset var(--k-border);width:50px;height:18px;font-family:var(--k-font);background:#fff;padding:0 2px;font-size:13px}.k-status-info{color:#555;margin-left:auto;font-size:11px}.k-menu-container{flex-direction:column;flex:1;padding:20px 40px;display:flex}.k-menu-title-row{text-align:center;margin-bottom:20px}.k-menu-body{grid-template-columns:1fr 1fr;gap:4px 40px;width:100%;max-width:780px;margin:0 auto;display:grid}.k-menu-col{flex-direction:column;gap:4px;display:flex}.k-menu-item{cursor:pointer;align-items:center;gap:0;display:flex}.k-menu-item:hover .k-menu-box,.k-menu-item.selected .k-menu-box{background:var(--k-yellow)}.k-menu-badge{background:var(--k-blue);color:#fff;min-width:28px;height:22px;font-size:12px;font-weight:700;font-family:var(--k-font);border:1px solid var(--k-border-dark);flex-shrink:0;justify-content:center;align-items:center;padding:0 3px;display:inline-flex}.k-menu-box{border:1px solid var(--k-border);height:22px;font-size:13px;font-family:var(--k-font);background:#fff;flex:1;align-items:center;padding:0 8px;transition:background 50ms;display:flex}.k-table-wrapper{border:1px solid var(--k-border);flex:1;margin:0;overflow:auto}.k-table{border-collapse:collapse;width:100%;font-family:var(--k-font);table-layout:fixed;font-size:12px}.k-table th{background:var(--k-header-bg);color:var(--k-header-text);text-align:center;white-space:nowrap;z-index:1;border:1px solid #5a7fc0;padding:2px 4px;font-size:12px;font-weight:400;position:sticky;top:0}.k-table td{white-space:nowrap;text-overflow:ellipsis;border:1px solid silver;padding:1px 4px;overflow:hidden}.k-table tbody tr:nth-child(2n) td{background:var(--k-row-alt)}.k-table tbody tr:hover td{background:var(--k-row-hover);cursor:pointer}.k-table tbody tr.row-selected td{color:#000;background:var(--k-selected)!important}.k-table tbody tr.row-provisional td{background:var(--k-pink)}.k-table tbody tr.row-confirmed td{background:var(--k-green)}.k-table tbody tr.row-draft td{background:#fffacd}.k-table .td-right{text-align:right}.k-table .td-center{text-align:center}.k-filter-section{border:1px solid var(--k-border);background:#f5f5f5;flex-wrap:wrap;flex-shrink:0;align-items:center;gap:8px 16px;padding:6px 8px;display:flex}.k-filter-group{align-items:center;gap:4px;display:flex}.k-label{font-size:12px;font-family:var(--k-font);white-space:nowrap;color:#333}.k-input{height:20px;font-family:var(--k-font);background:#fff;border:2px inset #999;padding:0 3px;font-size:12px}.k-input:focus{outline:1px solid var(--k-blue)}.k-input-sm{width:80px}.k-input-md{width:140px}.k-input-lg{width:200px}.k-input-xl{width:280px}.k-select{height:20px;font-family:var(--k-font);background:#fff;border:2px inset #999;padding:0 2px;font-size:12px}.k-info-bar{border:1px solid var(--k-border);background:#e8e8e8;border-top:none;flex-shrink:0;align-items:center;gap:16px;padding:2px 8px;font-size:11px;display:flex}.k-info-item{align-items:center;gap:4px;display:flex}.k-info-count{color:var(--k-blue);font-weight:700}.k-form-row{align-items:center;gap:8px;margin-bottom:4px;display:flex}.k-panel{border:1px solid var(--k-border);background:#fafafa;padding:6px}.k-panel-title{color:var(--k-blue);border-bottom:1px solid var(--k-border);margin-bottom:4px;padding-bottom:2px;font-size:11px;font-weight:700}.k-btn{background:var(--k-toolbar);border:1px solid;border-color:#fff var(--k-border) var(--k-border) #fff;min-height:22px;font-family:var(--k-font);cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;padding:2px 10px;font-size:12px;display:inline-flex}.k-btn:hover{background:#e0dcd4}.k-btn:active{border-color:var(--k-border) #fff #fff var(--k-border);background:#c0bcb4}.k-btn-blue{background:var(--k-blue);color:#fff;border-color:#5a7fc0 #001060 #001060 #5a7fc0}.k-btn-blue:hover{background:#2a4aa0}.k-totals-bar{border:1px solid var(--k-border);border-top:2px solid var(--k-blue);background:#e8e8ff;flex-shrink:0;align-items:center;gap:20px;padding:4px 8px;display:flex}.k-total-item{align-items:center;gap:4px;display:flex}.k-total-label{color:#333;font-size:12px}.k-total-value{color:#c00;text-align:right;border-bottom:1px solid #999;min-width:80px;font-family:monospace;font-size:13px;font-weight:700}.k-notice{font-size:12px;font-family:var(--k-font);color:#900;background:#fff8f0;border:2px solid #c00;margin:4px;padding:6px 10px}.k-notice-title{margin-bottom:4px;font-weight:700}.k-section-divider{background:var(--k-blue);color:#fff;align-items:center;gap:6px;padding:3px 8px;font-size:12px;font-weight:700;display:flex}.pos-wrapper{background:#d0d0d0;flex:1;display:flex;overflow:hidden}.pos-left-panel{border-right:2px solid var(--k-border);background:silver;flex-direction:column;flex-shrink:0;gap:2px;width:70px;padding:4px 3px;display:flex}.pos-left-btn{color:#fff;font-family:var(--k-font);cursor:pointer;text-align:center;background:gray;border:1px solid #404040;border-color:#b0b0b0 #404040 #404040 #b0b0b0;flex:1;justify-content:center;align-items:center;min-height:32px;font-size:11px;display:flex}.pos-left-btn:hover{background:#909090}.pos-center{flex-direction:column;flex:1;display:flex;overflow:hidden}.pos-tabs{background:var(--k-toolbar);border-bottom:1px solid var(--k-border);display:flex}.pos-tab{border:1px solid var(--k-border);font-family:var(--k-font);cursor:pointer;background:#d4d0c8;border-bottom:none;margin-right:2px;padding:3px 12px;font-size:11px}.pos-tab.active{z-index:1;background:#fff;border-bottom:1px solid #fff;margin-bottom:-1px;position:relative}.pos-transaction-area{flex:1;padding:4px;overflow:auto}.pos-summary-panel{border:2px solid var(--k-border);background:#f0f0f0;flex-direction:column;flex-shrink:0;gap:3px;width:200px;padding:4px;display:flex}.pos-summary-row{font-size:12px;font-family:var(--k-font);border-bottom:1px solid #ccc;justify-content:space-between;align-items:center;padding:2px 0;display:flex}.pos-summary-amount{color:#c00;font-family:monospace;font-size:16px;font-weight:700}.pos-right-panel{border-left:2px solid var(--k-border);background:silver;flex-direction:column;flex-shrink:0;gap:2px;width:130px;padding:4px 3px;display:flex}.pos-right-btn{color:#fff;font-family:var(--k-font);cursor:pointer;text-align:center;background:#4080c0;border:1px solid #204080;border-color:#80a8e0 #204080 #204080 #80a8e0;justify-content:center;align-items:center;min-height:28px;padding:3px 4px;font-size:11px;display:flex}.pos-right-btn.btn-yellow{background:#d4a000;border-color:#e8c040 #806000 #806000 #e8c040}.pos-right-btn.btn-green{background:#208040;border-color:#50b070 #104020 #104020 #50b070}.pos-right-btn.btn-red{background:#c02020;border-color:#e06060 #601010 #601010 #e06060}.pos-right-btn.btn-gray{background:gray;border-color:#b0b0b0 #404040 #404040 #b0b0b0}.pos-right-btn.btn-orange{background:#c06020;border-color:#e09050 #603010 #603010 #e09050}.pos-numpad{border-left:2px solid var(--k-border);background:silver;flex-shrink:0;grid-template-columns:repeat(3,1fr);align-content:start;gap:2px;width:110px;padding:4px 3px;display:grid}.pos-numpad-btn{font-family:var(--k-font);cursor:pointer;background:#d4d0c8;border:1px solid gray;border-color:#fff gray gray #fff;justify-content:center;align-items:center;height:36px;font-size:14px;font-weight:700;display:flex}.pos-page-tabs{border-top:1px solid var(--k-border);background:#d4d0c8;gap:2px;padding:2px 4px;display:flex}.pos-page-tab{border:1px solid var(--k-border);cursor:pointer;background:#d4d0c8;padding:2px 8px;font-size:11px}.pos-page-tab.active{background:var(--k-yellow);border-color:gray}.pos-credit-section{color:#806020;text-align:center;background:#f5e8c8;border-top:2px solid #c08020;flex-shrink:0;padding:4px 8px;font-size:13px;font-weight:700}.jimu-overlay{background:linear-gradient(135deg,#2a1a6a 0%,#6a2a8a 50%,#2a4a9a 100%);flex:1;justify-content:center;align-items:center;padding:10px;display:flex;overflow:auto}.jimu-dialog{background:var(--k-toolbar);border:2px solid gray;border-color:#fff gray gray #fff;width:100%;min-width:700px;max-width:900px;box-shadow:4px 4px 10px #00000080}.jimu-title-bar{color:#fff;-webkit-user-select:none;user-select:none;background:linear-gradient(90deg,#0a246a,#3a6ea8);align-items:center;height:22px;padding:0 6px;font-size:12px;font-weight:700;display:flex}.jimu-body{flex-direction:column;gap:6px;padding:8px;display:flex}.jimu-date-row{text-align:right;color:var(--k-blue);margin-bottom:4px;font-size:13px;font-weight:700}.jimu-grid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.jimu-section{border:1px solid var(--k-border);background:#fff}.jimu-section-header{background:var(--k-blue);color:#fff;text-align:center;padding:2px 6px;font-size:11px;font-weight:700}.jimu-section-items{flex-direction:column;gap:1px;padding:3px;display:flex}.jimu-menu-btn{text-align:left;width:100%;font-family:var(--k-font);cursor:pointer;white-space:nowrap;text-overflow:ellipsis;background:#e8e4dc;border:1px solid gray;border-color:#fff gray gray #fff;padding:2px 6px;font-size:11px;display:block;overflow:hidden}.jimu-menu-btn:hover{background:var(--k-blue);color:#fff}.jimu-footer{border-top:1px solid var(--k-border);background:#e8e4dc;justify-content:space-between;align-items:center;padding:4px 8px;display:flex}.jimu-system-id{color:#666;font-size:11px}.jimu-shutdown-btn{color:#fff;font-family:var(--k-font);cursor:pointer;background:#c03030;border:1px solid #601818;border-color:#e06060 #601818 #601818 #e06060;padding:3px 12px;font-size:11px}.se-header{background:var(--k-toolbar);border-bottom:1px solid var(--k-border);flex-direction:column;flex-shrink:0;gap:4px;padding:4px 8px;display:flex}.se-header-row1{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.se-slip-no{color:var(--k-blue);font-family:monospace;font-size:16px;font-weight:700}.se-customer-toggle{gap:4px;display:flex}.se-toggle-btn{border:2px solid var(--k-border);font-family:var(--k-font);cursor:pointer;background:#e8e4dc;padding:1px 10px;font-size:12px}.se-toggle-btn.active{background:var(--k-blue);color:#fff;border-color:#002080}.se-customer-search{border:1px solid var(--k-blue-light);background:#f0f0ff;flex-wrap:wrap;align-items:center;gap:8px;padding:2px 6px;display:flex}.ar-tabs{border-bottom:2px solid var(--k-blue);flex-shrink:0;display:flex}.ar-tab{border:1px solid var(--k-border);font-family:var(--k-font);cursor:pointer;background:#d4d0c8;border-bottom:none;margin-right:2px;padding:4px 16px;font-size:12px}.ar-tab.active{color:var(--k-blue);background:#fff;border-bottom:2px solid #fff;margin-bottom:-2px;font-weight:700}.ec-source-select{background:#fff8e0;border:1px solid #c0a020;flex-shrink:0;align-items:center;gap:6px;padding:4px 8px;display:flex}.report-header-grid{border-bottom:2px solid var(--k-blue);background:#e0e8ff;flex-shrink:0;grid-template-columns:repeat(6,1fr);gap:2px;padding:4px 8px;display:grid}.report-header-cell{border:1px solid var(--k-border);background:#fff;flex-direction:column;align-items:center;padding:2px 4px;display:flex}.report-header-label{color:#666;font-size:10px}.report-header-value{color:var(--k-blue);font-family:monospace;font-size:13px;font-weight:700}.flex{display:flex}.flex-col{flex-direction:column}.flex-1{flex:1}.gap-2{gap:8px}.gap-1{gap:4px}.p-2{padding:8px}.p-1{padding:4px}.mb-1{margin-bottom:4px}.mb-2{margin-bottom:8px}.text-right{text-align:right}.text-center{text-align:center}.font-bold{font-weight:700}.text-blue{color:var(--k-blue)}.text-red{color:#c00}.text-sm{font-size:11px}.w-full{width:100%}.overflow-auto{overflow:auto}.border{border:1px solid var(--k-border)}.bg-white{background:#fff}.bg-light{background:#f5f5f5}