:root{--color-app-bg:#f0f8ff;--color-page-bg:#fff;--color-soft-bg:#f7fbff;--color-text:#10233f;--color-muted:#526d8c;--color-primary:#1f7ae0;--color-primary-hover:#155fb1;--color-table-header-bg:#bde3ff;--color-table-header-text:#1c66b1;--color-table-row-alt:#f7fbff;--color-table-row-hover:#eaf5ff;--color-table-row-active:#dceeff;--color-accent:#8ccbff;--color-accent-border:#8ccbff;--color-accent-hover:#f3a6c0;--color-accent-bg:#fff0f7;--color-border:#d9e8f8;--color-error:#b42318;color:var(--color-text);background:var(--color-app-bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:system-ui,Segoe UI,sans-serif}body{margin:0}button,input,select,textarea{font:inherit}a{color:var(--color-primary);text-decoration:none}a:hover{color:var(--color-primary-hover);text-decoration:underline}#app{min-height:100vh}.app-shell{box-sizing:border-box;background:var(--color-app-bg);min-height:100vh;padding:12px 28px 20px}.app-shell-login{flex-direction:column;display:flex}.app-header{z-index:40;background:var(--color-app-bg);justify-content:space-between;align-items:flex-end;gap:24px;width:min(92vw,1440px);max-width:none;margin:-12px auto 10px;padding:12px 0 8px;display:flex;position:sticky;top:0}.header-actions{align-items:flex-end;gap:14px;display:flex}.brand-area h1{color:var(--color-primary);margin:0;font-size:26px;font-weight:750;line-height:1.1}.brand-subtitle{color:#48617f;margin:4px 0 0;font-size:15px;font-weight:600}.main-nav{flex-wrap:wrap;gap:8px;display:flex}.session-area{color:var(--color-muted);white-space:nowrap;align-items:center;gap:8px;font-size:13px;font-weight:700;display:flex}.main-nav a{border:1px solid var(--color-border);color:#1f4068;background:var(--color-page-bg);border-radius:8px;align-items:center;min-height:36px;padding:0 14px;font-size:14px;font-weight:600;display:inline-flex}.main-nav a:hover{border-color:var(--color-primary);color:var(--color-primary-hover);text-decoration:none}.main-nav a.router-link-active{border-color:var(--color-accent-border);color:var(--color-page-bg);background:var(--color-accent);box-shadow:none}.content-shell{border:1px solid var(--color-border);background:var(--color-page-bg);border-radius:8px;width:min(92vw,1440px);max-width:none;margin:0 auto;box-shadow:0 8px 22px #2f7dd10a}.app-shell-login .content-shell{box-shadow:none;background:0 0;border:0;flex:auto;place-items:center;display:grid}h1{margin:0;font-size:30px;font-weight:600}p{color:var(--color-muted);margin:0}.page-section{padding:28px}.workspace-page{box-sizing:border-box;flex-direction:column;height:calc(100vh - 116px);min-height:520px;display:flex;overflow:hidden}.table-scroll-page{box-sizing:border-box;flex-direction:column;height:calc(100vh - 58px);min-height:520px;display:flex;overflow:hidden}.page-header{border-bottom:1px solid var(--color-border);box-shadow:inset 0 -2px 0 var(--color-accent);justify-content:space-between;align-items:flex-start;gap:20px;padding-bottom:20px;display:flex}.page-header p{margin-top:8px}.workspace-detail-header{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:18px 24px;display:grid}.workspace-detail-header .page-actions{white-space:nowrap;align-self:start}.readonly-field-grid{border-top:0;grid-column:1/-1;grid-template-columns:repeat(4,minmax(180px,1fr));gap:14px 16px;margin:0;padding-top:0;display:grid}.readonly-field-grid div{min-width:0}.readonly-field-grid dt{color:var(--color-muted);margin-bottom:7px;font-size:13px;font-weight:700}.readonly-field-grid dd{box-sizing:border-box;color:var(--color-text);margin:0;padding:0 2px;font-size:14px;font-weight:700;line-height:1.45}.readonly-field-grid .readonly-field-emphasis{grid-column:auto}.readonly-field-grid .readonly-field-emphasis dd{color:var(--color-primary-hover);font-size:15px}.page-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.button{border:1px solid var(--color-border);color:#1d4774;background:var(--color-page-bg);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;min-height:36px;padding:0 14px;font-size:14px;font-weight:600;display:inline-flex}.button:hover{border-color:var(--color-primary);color:var(--color-primary-hover);text-decoration:none}.button:disabled{border-color:var(--color-border);color:#8aa0ba;cursor:not-allowed;background:#f6f9fd}.button:disabled:hover{border-color:var(--color-border);color:#8aa0ba;background:#f6f9fd}.button-primary{border-color:var(--color-primary);color:var(--color-page-bg);background:var(--color-primary)}.button-primary:hover{border-color:var(--color-primary-hover);color:var(--color-page-bg);background:var(--color-primary-hover)}.content-panel{box-sizing:border-box;width:100%;padding-top:20px}.login-page{place-items:stretch stretch;width:min(100%,420px);padding:42px 0;display:grid}.login-panel{border:1px solid var(--color-border);background:var(--color-page-bg);border-radius:8px;gap:18px;padding:28px;display:grid;box-shadow:0 10px 26px #2f7dd114}.login-header{gap:6px;display:grid}.login-header p{color:var(--color-primary);font-size:14px;font-weight:800}.login-header h1{color:var(--color-text);font-size:26px}.login-error{color:var(--color-error);font-size:13px;font-weight:700}.login-submit{width:100%}.workspace-body{scrollbar-gutter:stable;flex:auto;min-height:0;padding-right:12px;overflow:hidden auto}.table-scroll-content,.table-scroll-results{flex-direction:column;flex:auto;min-height:0;display:flex}.filter-panel{border-bottom:1px solid var(--color-border);gap:16px;margin-bottom:18px;padding-bottom:18px;display:grid}.filter-grid{grid-template-columns:repeat(4,minmax(160px,1fr));gap:14px 16px;display:grid}.filter-fields-row{grid-template-columns:minmax(0,1fr) 30px;align-items:stretch;gap:10px;display:grid}.filter-fields{gap:14px;min-width:0;display:grid}.primary-filter-grid{grid-template-columns:minmax(180px,1fr) minmax(260px,2fr) minmax(180px,1fr)}.date-range-field{grid-column:auto}.filter-side-toggle{border:1px solid var(--color-border);width:30px;height:100%;min-height:40px;color:var(--color-text);background:var(--color-page-bg);cursor:pointer;border-radius:8px;place-items:center;display:inline-grid}.filter-side-toggle:hover{border-color:var(--color-primary);color:var(--color-primary);background:#eaf5ff}.filter-side-toggle span{border-bottom:2px solid;border-right:2px solid;width:8px;height:8px;transform:translateY(-2px)rotate(45deg)}.filter-side-toggle span.is-open{transform:translateY(2px)rotate(225deg)}.filter-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.date-range-picker{min-width:0;position:relative}.date-range-input{box-sizing:border-box;border:1px solid var(--color-border);width:100%;min-height:40px;color:var(--color-text);background:var(--color-page-bg);font:inherit;cursor:pointer;border-radius:8px;justify-content:space-between;align-items:center;padding:0 11px;font-size:14px;display:flex}.date-range-input:after{content:"";border-right:2px solid var(--color-muted);border-bottom:2px solid var(--color-muted);width:8px;height:8px;transform:translateY(-2px)rotate(45deg)}.date-range-input:hover,.date-range-input:focus{border-color:var(--color-primary);outline:2px solid #1f7ae029}.date-range-popover{z-index:30;box-sizing:border-box;border:1px solid var(--color-border);background:var(--color-page-bg);border-radius:8px;width:292px;padding:12px;position:absolute;top:calc(100% + 6px);left:0;box-shadow:0 12px 28px #10233f24}.date-range-calendar-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.date-range-calendar-header strong{color:var(--color-text);font-size:14px}.date-range-weekdays,.date-range-calendar-grid{grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.date-range-weekdays{margin-bottom:5px}.date-range-weekdays span{min-height:24px;color:var(--color-muted);text-align:center;font-size:12px;font-weight:700;line-height:24px}.date-range-day{min-width:0;min-height:32px;color:var(--color-text);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:6px;font-size:13px}.date-range-day:hover{background:var(--color-table-row-hover)}.date-range-day.is-muted{color:#93a9c1}.date-range-day.is-today{box-shadow:inset 0 0 0 1px var(--color-primary)}.date-range-day.is-selected{color:var(--color-primary-hover);background:#dceeff}.date-range-day.is-range-start,.date-range-day.is-range-end{color:var(--color-page-bg);background:var(--color-primary);font-weight:700}.date-range-actions{justify-content:space-between;gap:8px;margin-top:12px;display:flex}.summary{color:var(--color-muted);font-size:14px}.pagination-bar{flex-wrap:wrap;flex:none;justify-content:space-between;align-items:center;gap:12px;margin-top:16px;margin-bottom:12px;display:flex}.pagination-controls{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.pagination-control{min-height:36px;color:var(--color-muted);align-items:center;gap:8px;font-size:14px;font-weight:600;display:inline-flex}.pagination-control select{border:1px solid var(--color-border);color:#1d4774;background:var(--color-page-bg);cursor:pointer;border-radius:8px;min-height:36px;padding:0 32px 0 10px}.pagination-control select:disabled{color:#8aa0ba;cursor:not-allowed;background:#f6f9fd}.pagination-actions{justify-content:flex-end;gap:8px;display:flex}.state-message{color:var(--color-muted);padding:20px 0}.error-message{color:var(--color-error)}.table-wrap{box-sizing:border-box;border:1px solid var(--color-border);border-radius:8px;width:100%;overflow-x:auto}.table-scroll-area{box-sizing:border-box;flex:auto;min-height:0;padding-bottom:20px;overflow:auto}.table-scroll-area .data-table th{z-index:2;position:sticky;top:0}.data-table{table-layout:fixed;border-collapse:collapse;background:var(--color-page-bg);width:100%;min-width:1240px}.batch-item-table{min-width:1180px}.purchase-item-list-table{min-width:1160px}.purchase-batch-list-table{min-width:1180px}.batch-list-code-col{width:170px}.batch-list-source-col{width:160px}.batch-list-date-col{width:140px}.batch-list-amount-col{width:170px}.purchase-batch-list-table th,.purchase-batch-list-table td{border-right:1px solid #d9e8f7}.purchase-batch-list-table th:last-child,.purchase-batch-list-table td:last-child{border-right:0}.purchase-batch-list-table td.number-cell{font-variant-numeric:tabular-nums}.purchase-item-list-table th,.purchase-item-list-table td{border-right:1px solid #d9e8f7}.purchase-item-list-table th:last-child,.purchase-item-list-table td:last-child{border-right:0}.purchase-item-code-col{width:94px}.purchase-date-col{width:116px}.source-name-col,.shop-name-col{width:98px}.item-name-col{width:auto}.category-summary-col{width:150px}.source-shop-summary-col{width:190px}.batch-code-col{width:230px}.size-col{width:76px}.quantity-col{width:96px}.stock-summary-col{width:110px}.cost-col{width:104px}.amount-summary-col{width:112px}.photo-status-col{width:142px}.data-table th,.data-table td{text-align:left;vertical-align:top;border-bottom:1px solid #e7f0fa;padding:13px 14px}.data-table tbody tr:last-child td{border-bottom:0}.data-table tbody tr{transition:background-color .14s,box-shadow .14s}.data-table tbody tr:nth-child(2n){background:var(--color-table-row-alt)}.data-table tbody tr.clickable-row{cursor:pointer}.data-table tbody tr.clickable-row:hover{background:var(--color-table-row-hover)}.data-table tbody tr.clickable-row:active{background:var(--color-table-row-active)}.data-table tbody tr.clickable-row:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px;background:var(--color-table-row-hover)}.data-table th{color:var(--color-table-header-text);background:var(--color-table-header-bg);font-size:13px;font-weight:700}.table-sort-button,.table-header-label{align-items:center;width:100%;min-height:28px;display:inline-flex}.table-sort-button{color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;padding:0}.table-sort-button:hover{color:var(--color-primary-hover)}.table-sort-button.align-right{text-align:left;justify-content:flex-start}.data-table td{color:var(--color-text);font-size:14px}.nowrap-cell{white-space:nowrap}.item-name-cell{word-break:break-word}.cell-primary{color:var(--color-text);word-break:break-word;font-weight:600}.cell-secondary{color:var(--color-muted);word-break:break-word;margin-top:4px;font-size:12px;line-height:1.4}.field-value-with-action{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.field-value-with-action .button{min-height:32px;padding:0 12px}.cell-error{color:var(--color-error);margin-top:6px;font-size:12px;line-height:1.4}.batch-edit-cell{overflow:visible}.batch-display{align-items:center;gap:7px;max-width:100%;display:inline-flex}.batch-code-text{min-width:0;color:var(--color-text);word-break:break-word;font-weight:600}.batch-edit-button{width:28px;height:28px;color:var(--color-muted);flex:none;font-size:12px}.batch-edit-panel{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:7px;display:grid}.batch-edit-panel .cell-error{grid-column:1/-1}.batch-search-box{min-width:0;position:relative}.batch-search-box input{box-sizing:border-box;border:1px solid var(--color-border);width:100%;color:var(--color-text);background:var(--color-page-bg);font:inherit;border-radius:8px;padding:7px 9px;font-size:13px}.batch-search-box input:focus{border-color:var(--color-primary);outline:2px solid #1f7ae029}.batch-search-list{z-index:25;border:1px solid var(--color-border);background:var(--color-page-bg);border-radius:8px;width:min(320px,78vw);max-height:230px;padding:4px;position:absolute;top:calc(100% + 4px);left:0;overflow-y:auto;box-shadow:0 12px 28px #10233f24}.batch-search-option{width:100%;min-height:42px;color:var(--color-text);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;padding:7px 9px;display:grid}.batch-search-option:hover,.batch-search-option.is-selected{background:var(--color-table-row-hover)}.batch-search-option.is-selected span{color:var(--color-primary-hover)}.batch-search-option span{font-size:13px;font-weight:700}.batch-search-option small{color:var(--color-muted);margin-top:2px;font-size:12px}.batch-search-empty{color:var(--color-muted);padding:8px 9px;font-size:12px}.batch-edit-actions{gap:5px;display:inline-flex}.batch-edit-actions .icon-button{width:30px;height:30px}.batch-reassignment-modal{box-sizing:border-box;border:1px solid var(--color-border);background:var(--color-page-bg);border-radius:8px;width:min(620px,100%);max-height:min(760px,100vh - 48px);padding:22px;display:grid;overflow:auto;box-shadow:0 22px 60px #10233f2e}.batch-reassignment-body{gap:10px;display:grid}.batch-reassignment-modal .batch-search-list{width:100%;max-height:280px;box-shadow:none;margin-top:6px;position:static}.batch-reassignment-modal-actions{justify-content:flex-end;gap:8px;margin-top:18px;display:flex}.purchase-item-batch-selector{gap:12px;max-width:620px;display:grid}.purchase-item-batch-selector .batch-search-list{width:100%;max-height:280px;box-shadow:none;margin-top:6px;position:static}.selected-batch-summary{border:1px solid var(--color-border);background:#f7fbff;border-radius:8px;gap:4px;padding:12px;display:grid}.selected-batch-summary span,.selected-batch-summary small{color:var(--color-muted);font-size:12px}.selected-batch-summary strong{color:var(--color-text);font-size:16px}.component-table-wrap{max-height:none;margin-top:12px;overflow:auto visible}.content-table-scroll-wrap{max-height:min(42vh,360px);overflow:auto}.content-table-scroll-wrap .data-table th{z-index:2;position:sticky;top:0}.component-edit-table{min-width:1060px}.content-edit-table{table-layout:fixed;min-width:1500px}.component-readonly-table{min-width:820px}.content-readonly-table{table-layout:fixed;min-width:1540px}.stock-movement-table{min-width:860px}.component-edit-table input{box-sizing:border-box;border:1px solid var(--color-border);width:100%;min-width:0;min-height:36px;color:var(--color-text);background:var(--color-page-bg);font:inherit;border-radius:8px;padding:7px 9px;font-size:14px}.component-edit-table textarea{box-sizing:border-box;border:1px solid var(--color-border);width:100%;min-width:0;min-height:54px;color:var(--color-text);background:var(--color-page-bg);font:inherit;resize:vertical;overflow-wrap:anywhere;border-radius:8px;padding:7px 9px;font-size:14px;line-height:1.4}.component-edit-table input[type=checkbox]{border-radius:4px;width:16px;min-width:16px;height:16px;min-height:16px;padding:0}.component-edit-table input:disabled,.component-edit-table textarea:disabled,.component-edit-table select:disabled{color:var(--color-muted);background:var(--color-soft-bg);cursor:not-allowed}.component-edit-table .is-locked-content-row{background:var(--color-soft-bg)}.converted-content-status{white-space:nowrap;min-height:36px;color:var(--color-muted);align-items:center;gap:6px;font-size:13px;display:inline-flex}.converted-content-status a{color:var(--color-primary);font-weight:600;text-decoration:none}.converted-content-status a:hover{text-decoration:underline}.component-edit-table input:focus,.component-edit-table textarea:focus{border-color:var(--color-primary);outline:2px solid #1f7ae029}.component-edit-table .checkbox-cell{text-align:center;vertical-align:top;padding-top:23px}.component-edit-table .searchable-select{min-width:0}.content-edit-table .searchable-select-control input{padding-right:34px}.content-edit-table .searchable-select-clear{width:18px;height:18px;right:17px}.content-edit-table .searchable-select-arrow{right:7px}.component-edit-table .searchable-select-list{max-height:220px}.component-edit-table td,.content-readonly-table th,.content-readonly-table td{vertical-align:top}.content-readonly-table th{white-space:normal;overflow-wrap:anywhere;line-height:1.35}.content-readonly-table .wrap-cell{white-space:normal;overflow-wrap:anywhere;max-width:180px}.content-readonly-table .content-action-cell{white-space:nowrap;gap:6px;width:210px;min-width:210px;display:flex}.content-readonly-table th:last-child{width:210px}.content-readonly-table .content-action-cell .button{white-space:nowrap;flex:none;min-height:32px;padding:0 10px}.content-readonly-table .unit-cost-cell{white-space:normal}.content-readonly-table .unit-cost-cell span{line-height:1.45;display:block}.content-readonly-name-col{width:92px}.content-readonly-option-col{width:84px}.content-readonly-size-col{width:64px}.content-readonly-quantity-col{width:92px}.content-readonly-money-col{width:88px}.content-readonly-wide-money-col{width:116px}.content-readonly-boolean-col{width:76px}.content-readonly-unit-cost-col{width:108px}.content-readonly-note-col{width:90px}.content-readonly-action-col{width:210px}.content-name-col{width:190px}.content-option-col{width:132px}.content-size-col{width:82px}.content-number-col{width:86px}.content-unit-col{width:106px}.content-money-col{width:120px}.content-checkbox-col{width:84px}.content-small-number-col{width:92px}.content-note-col{width:130px}.content-action-col{width:120px}.number-cell{text-align:left;white-space:nowrap}.status-list{white-space:nowrap;flex-wrap:nowrap;gap:6px;display:flex}.status-pill{border:1px solid var(--color-border);color:#1d4774;background:var(--color-soft-bg);white-space:nowrap;border-radius:8px;align-items:center;min-height:24px;padding:0 8px;font-size:12px;font-weight:700;display:inline-flex}.detail-layout{gap:22px;display:grid}.detail-section{border-bottom:1px solid var(--color-border);min-width:0;padding-bottom:22px}.detail-section:last-child{border-bottom:0;padding-bottom:0}.detail-section h2{color:var(--color-text);margin:0 0 14px;font-size:18px;font-weight:700}.section-heading-row{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.section-heading-row h2{margin:0}.batch-item-create-layout{height:100%;min-height:0}.batch-item-create-section{border-bottom:0;flex-direction:column;min-height:0;padding-bottom:0;display:flex}.batch-item-create-section .section-heading-row{border-bottom:1px solid var(--color-border);flex:none;padding-bottom:14px}.batch-item-create-scroll{scrollbar-gutter:stable;flex:auto;min-height:0;padding-right:6px;overflow-y:auto}.detail-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px 28px;margin:0;display:grid}.detail-grid div{min-width:0}.detail-grid dt{color:var(--color-muted);margin-bottom:4px;font-size:13px;font-weight:700}.detail-grid dd{color:var(--color-text);margin:0;font-size:15px;line-height:1.5}.compact-detail-grid{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:16px}.detail-empty{color:var(--color-muted);font-size:14px}.note-text{color:var(--color-text);white-space:pre-wrap;line-height:1.7}.edit-form{gap:22px;display:grid}.form-action-message{flex-basis:100%}.form-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px 20px;display:grid}.compact-form-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.cost-field-groups{gap:18px;display:grid}.cost-field-group{gap:12px;display:grid}.cost-field-group h3{color:var(--color-primary);margin:0;font-size:15px;font-weight:700}.cost-consistency-panel{border:1px solid var(--color-border);background:var(--color-soft-bg);border-radius:8px;gap:10px;padding:12px 14px;display:grid}.cost-consistency-panel-warning{background:#fff8e5;border-color:#f0b429}.cost-consistency-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 12px;display:flex}.cost-consistency-heading strong{color:var(--color-primary);font-size:15px}.cost-consistency-panel-warning .cost-consistency-heading strong{color:#8a5a00}.cost-consistency-heading span{color:var(--color-muted);font-size:13px}.cost-consistency-list{color:var(--color-text);gap:6px;margin:0;padding-left:18px;font-size:14px;line-height:1.6;display:grid}.cost-consistency-list li{padding-left:2px}.cost-consistency-list a{margin-right:6px;font-weight:700}.stock-adjustment-section{gap:14px;display:grid}.stock-adjustment-heading{justify-items:start;gap:12px;display:grid}.stock-adjustment-mode-actions{flex-wrap:wrap;justify-content:flex-start;gap:8px;display:flex}.stock-adjustment-panel{border:1px solid var(--color-border);background:var(--color-table-stripe);border-radius:8px;grid-template-columns:minmax(0,220px) minmax(0,1fr) auto;align-items:end;gap:14px;padding:14px;display:grid}.stock-adjustment-actions{align-items:center;gap:8px;display:flex}.stock-adjustment-preview{background:var(--color-page-bg);border-radius:8px;grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 18px;margin:0;padding:12px;display:grid}.stock-adjustment-preview div{gap:4px;display:grid}.stock-adjustment-preview dt{color:var(--color-muted);font-size:12px;font-weight:700}.stock-adjustment-preview dd{color:var(--color-text);margin:0;font-size:15px;font-weight:700}.stock-adjustment-message{grid-column:1/-1;margin:0;font-size:13px;font-weight:700}.stock-adjustment-message-error{color:#b42318}.stock-adjustment-message-success{color:#237a4b}.form-field{min-width:0;color:var(--color-muted);gap:7px;font-size:13px;font-weight:700;display:grid}.form-field input,.form-field select,.form-field textarea{box-sizing:border-box;border:1px solid var(--color-border);width:100%;color:var(--color-text);background:var(--color-page-bg);font:inherit;border-radius:8px;padding:9px 11px;font-size:14px}.form-field select{appearance:none;background:linear-gradient(45deg, transparent 50%, var(--color-muted) 50%) calc(100% - 18px) 17px / 6px 6px no-repeat, linear-gradient(135deg, var(--color-muted) 50%, transparent 50%) calc(100% - 13px) 17px / 6px 6px no-repeat, var(--color-page-bg);min-height:40px;padding-right:34px}.form-field select:disabled{color:var(--color-muted);background:linear-gradient(45deg, transparent 50%, #93a9c1 50%) calc(100% - 18px) 17px / 6px 6px no-repeat, linear-gradient(135deg, #93a9c1 50%, transparent 50%) calc(100% - 13px) 17px / 6px 6px no-repeat, var(--color-soft-bg);cursor:not-allowed}.form-field input:disabled,.form-field input:read-only,.form-field textarea:disabled,.form-field textarea:read-only{color:var(--color-muted);background:var(--color-soft-bg);cursor:not-allowed}.field-control-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;display:grid}.form-note-field{margin-top:16px}.discount-list{gap:12px;display:grid}.discount-row{border:1px solid var(--color-border);background:var(--color-soft-bg);border-radius:8px;gap:12px;padding:12px;display:grid}.discount-row-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.discount-row-header strong{color:var(--color-text);font-size:14px}.discount-note-field{grid-column:span 2}.form-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.form-checkbox-field{align-self:end;min-height:40px}.searchable-select{width:100%;min-width:0;position:relative}.searchable-select-control{position:relative}.searchable-select-control input{padding-right:58px}.searchable-select-clear{width:22px;height:22px;color:var(--color-muted);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;font-size:16px;line-height:1;display:inline-grid;position:absolute;top:50%;right:30px;transform:translateY(-50%)}.searchable-select-clear:hover{color:var(--color-primary);background:#eaf5ff}.searchable-select-arrow{border-right:2px solid var(--color-muted);border-bottom:2px solid var(--color-muted);pointer-events:none;width:8px;height:8px;position:absolute;top:50%;right:13px;transform:translateY(-62%)rotate(45deg)}.searchable-select-list{z-index:20;border:1px solid var(--color-border);background:var(--color-page-bg);border-radius:8px;max-height:220px;padding:4px;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto;box-shadow:0 12px 28px #10233f24}.searchable-select-option{width:100%;min-height:34px;color:var(--color-text);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;padding:7px 9px;font-size:14px;display:block}.searchable-select-option:hover,.searchable-select-option.is-highlighted{background:var(--color-table-row-hover)}.searchable-select-option.is-selected{color:var(--color-primary-hover);background:#dceeff;font-weight:700}.searchable-select-empty{color:var(--color-muted);padding:8px 9px;font-size:13px}.field-manage-button{white-space:nowrap;min-height:40px;padding:0 12px}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:var(--color-primary);outline:2px solid #1f7ae029}.form-field textarea{resize:vertical;line-height:1.6}.readonly-field{box-sizing:border-box;border:1px solid var(--color-border);min-height:39px;color:var(--color-text);background:var(--color-soft-bg);border-radius:8px;align-items:center;padding:0 11px;font-size:14px;display:inline-flex}.cost-toggle-row{flex-wrap:wrap;align-items:center;gap:10px 12px;padding-top:2px;display:flex}.cost-toggle-checkbox{min-width:210px}.inline-checkbox-field{color:#1d4774;align-items:center;gap:7px;width:fit-content;margin-top:8px;font-size:13px;font-weight:700;display:inline-flex}.inline-checkbox-field input{margin:0}.checkbox-list{flex-wrap:wrap;gap:10px;display:flex}.checkbox-field{border:1px solid var(--color-border);color:#1d4774;background:var(--color-soft-bg);cursor:pointer;border-radius:8px;align-items:center;gap:8px;min-height:34px;padding:0 12px;font-size:14px;font-weight:700;display:inline-flex}.checkbox-field input{margin:0}.modal-backdrop{z-index:50;background:#10233f47;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.error-dialog-backdrop{z-index:70}.option-modal{box-sizing:border-box;border:1px solid var(--color-border);background:var(--color-page-bg);border-radius:8px;flex-direction:column;width:min(680px,100%);max-height:min(760px,100vh - 48px);padding:22px;display:flex;overflow:hidden;box-shadow:0 22px 60px #10233f2e}.error-dialog{box-sizing:border-box;background:var(--color-page-bg);border:1px solid #f5b7b7;border-radius:8px;width:min(460px,100%);padding:20px;box-shadow:0 22px 60px #10233f2e}.error-dialog-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:14px;display:flex}.error-dialog-header h2{color:#9f1d1d;margin:0;font-size:20px}.error-dialog-message{color:#9f1d1d;white-space:pre-wrap;margin:0;line-height:1.6}.error-dialog-actions{justify-content:flex-end;margin-top:20px;display:flex}.option-modal-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:18px;display:flex}.option-modal-header h2{color:var(--color-text);margin:0 0 4px;font-size:20px}.option-modal-header p{color:var(--color-muted);margin:0;font-size:13px}.icon-button{border:1px solid var(--color-border);width:34px;height:34px;color:var(--color-text);background:var(--color-page-bg);cursor:pointer;border-radius:8px;place-items:center;display:inline-grid}.icon-button:hover{border-color:var(--color-primary);color:var(--color-primary)}.option-edit-row{grid-template-columns:minmax(0,1fr) 110px auto;align-items:end;gap:12px;margin-bottom:18px;display:grid}.option-modal-actions,.option-row-actions{align-items:center;gap:8px;display:flex}.option-list{flex:auto;align-content:start;gap:8px;min-height:0;padding-right:4px;display:grid;overflow-y:auto}.option-list-row{border:1px solid var(--color-border);background:var(--color-soft-bg);border-radius:8px;justify-content:space-between;align-items:center;gap:16px;padding:10px 12px;display:flex}.option-list-row strong,.option-list-row span{display:block}.option-list-row strong{color:var(--color-text);font-size:14px}.option-list-row span{color:var(--color-muted);font-size:12px}.danger-button{color:var(--color-error)}.danger-button:hover{border-color:var(--color-error);color:var(--color-error)}@media (width<=1200px){.detail-grid,.compact-detail-grid,.form-grid,.compact-form-grid,.readonly-field-grid{grid-template-columns:repeat(4,minmax(112px,1fr))}}@media (width<=900px){.detail-grid,.compact-detail-grid,.form-grid,.compact-form-grid,.readonly-field-grid{grid-template-columns:repeat(3,minmax(112px,1fr))}}@media (width<=720px){.app-shell{padding:10px 16px 16px}.app-header{width:100%;margin:-10px auto 14px;padding:10px 0 8px}.content-shell{width:100%}.app-header,.page-header,.header-actions{display:block}.main-nav,.page-actions{justify-content:flex-start;margin-top:16px}.session-area{flex-wrap:wrap;margin-top:12px}.app-shell-login .app-header{margin-bottom:0}.login-page{width:100%;padding:24px 0}.login-panel{padding:22px}.readonly-field-grid{grid-template-columns:1fr;margin-top:0}.page-section{padding:20px}.workspace-page{height:auto;min-height:0;overflow:visible}.workspace-body{padding-right:0;overflow:visible}.stock-adjustment-panel,.stock-adjustment-preview{grid-template-columns:1fr}.table-scroll-page{height:auto;min-height:0;overflow:visible}.table-scroll-content{display:block}.table-scroll-area{max-height:70vh}.detail-grid,.compact-detail-grid,.form-grid,.compact-form-grid,.filter-grid,.filter-fields-row,.primary-filter-grid{grid-template-columns:1fr}.filter-side-toggle{width:100%;height:36px}.date-range-field{grid-column:auto}.filter-actions{justify-content:flex-start}.option-edit-row{grid-template-columns:1fr}.option-list-row{display:grid}.section-heading-row,.discount-row-header{align-items:flex-start}.batch-item-create-layout{height:auto}.batch-item-create-section{display:block}.batch-item-create-scroll{padding-right:0;overflow:visible}.discount-note-field{grid-column:auto}}.handmade-form[data-v-749a9dcb]{gap:18px;min-width:0;display:grid}.section-title-row[data-v-749a9dcb]{justify-content:space-between;align-items:center;gap:12px;display:flex}.form-field-wide[data-v-749a9dcb]{grid-column:span 4}.handmade-usage-table-wrap[data-v-749a9dcb]{max-width:100%;overflow:auto}.handmade-usage-table[data-v-749a9dcb]{table-layout:fixed;width:100%;min-width:1300px}.handmade-usage-table th[data-v-749a9dcb],.handmade-usage-table td[data-v-749a9dcb]{vertical-align:middle;padding:9px 10px}.usage-code-column[data-v-749a9dcb]{width:180px}.usage-name-column[data-v-749a9dcb]{width:170px}.usage-content-column[data-v-749a9dcb]{width:180px}.usage-quantity-column[data-v-749a9dcb],.usage-unit-column[data-v-749a9dcb],.usage-cost-column[data-v-749a9dcb],.usage-stock-column[data-v-749a9dcb]{width:115px}.usage-note-column[data-v-749a9dcb]{width:180px}.usage-action-column[data-v-749a9dcb]{width:80px}.handmade-usage-table input[data-v-749a9dcb],.handmade-usage-table select[data-v-749a9dcb]{box-sizing:border-box;border:1px solid var(--color-border);width:100%;min-height:36px;color:var(--color-text);background:var(--color-page-bg);border-radius:8px;padding:6px 10px}.handmade-usage-table input[data-v-749a9dcb]:disabled,.handmade-usage-table select[data-v-749a9dcb]:disabled{color:var(--color-muted);background:var(--color-soft-bg)}.purchase-item-code-field[data-v-749a9dcb]{grid-template-columns:minmax(96px,1fr) auto;align-items:center;gap:6px;display:grid}.purchase-item-code-field .button[data-v-749a9dcb]{white-space:nowrap;min-width:48px;padding:0 8px}.usage-content-text[data-v-749a9dcb]{color:var(--color-muted);margin-top:6px;font-size:.85rem;display:block}.handmade-filter[data-v-d93f774a]{border-bottom:1px solid var(--color-border);grid-template-columns:minmax(240px,1fr) auto auto;align-items:end;gap:12px;padding:18px 0;display:grid}.handmade-list-table[data-v-d93f774a]{min-width:1180px}.handmade-code-col[data-v-d93f774a]{width:150px}.handmade-name-col[data-v-d93f774a]{width:190px}.handmade-date-col[data-v-d93f774a]{width:150px}.handmade-summary-col[data-v-d93f774a]{width:auto}.handmade-amount-col[data-v-d93f774a]{width:140px}.handmade-list-table .amount-cell[data-v-d93f774a]{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}.handmade-list-table .amount-sort-button[data-v-d93f774a]{text-align:right;justify-content:flex-end}