:root,[data-theme=light]{--bg-app: #F6F5F2;--bg-surface: #FFFFFF;--bg-subtle: #EFECE6;--bg-hover: #E7E4DD;--bg-input: #FFFFFF;--border-color: #D4D4D8;--border-strong: #71717A;--text-primary: #111827;--text-secondary: #3F3F46;--text-muted: #52525B;--accent: #1D4ED8;--accent-hover: #1E40AF;--accent-text: #1D4ED8;--accent-btn: #1D4ED8;--accent-btn-text: #FFFFFF;--accent-subtle: #EFF6FF;--accent-border: #93C5FD;--focus-ring: #1D4ED8;--status-success-bg: #ECFDF5;--status-success-text: #065F46;--status-success-border: #6EE7B7;--status-warning-bg: #FFFBEB;--status-warning-text: #92400E;--status-warning-border: #FCD34D;--status-danger-bg: #FEF2F2;--status-danger-text: #991B1B;--status-danger-border: #FCA5A5;--shadow-elevated: 0 2px 6px rgba(17, 24, 39, .08);--font-sans: "IBM Plex Sans Thai", "Sarabun", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-doc: "Sarabun", "IBM Plex Sans Thai", sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--radius-xs: 2px;--radius-sm: 4px;--radius-md: 6px}[data-theme=dark]{--bg-app: #0F141C;--bg-surface: #18202C;--bg-subtle: #1E293B;--bg-hover: #263449;--bg-input: #131A24;--border-color: #2E3A4B;--border-strong: #64748B;--text-primary: #F3F4F6;--text-secondary: #CBD5E1;--text-muted: #94A3B8;--accent: #3B82F6;--accent-hover: #60A5FA;--accent-text: #60A5FA;--accent-btn: #2563EB;--accent-btn-text: #FFFFFF;--accent-subtle: #172554;--accent-border: #3B82F6;--focus-ring: #60A5FA;--status-success-bg: #064E3B;--status-success-text: #A7F3D0;--status-success-border: #059669;--status-warning-bg: #78350F;--status-warning-text: #FDE68A;--status-warning-border: #D97706;--status-danger-bg: #7F1D1D;--status-danger-text: #FECACA;--status-danger-border: #DC2626;--shadow-elevated: 0 2px 8px rgba(0, 0, 0, .35)}*,*:before,*:after{box-sizing:border-box}html{font-size:16px;-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;padding:0;min-height:100dvh;background-color:var(--bg-app);color:var(--text-primary);font-family:var(--font-sans);font-size:clamp(.9375rem,.9rem + .15vw,1rem);line-height:1.55;overflow-x:hidden}:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.skip-link{position:absolute;top:-100px;left:1rem;z-index:1000;padding:.625rem 1rem;background-color:var(--accent-btn);color:var(--accent-btn-text);font-weight:600;text-decoration:none;border-radius:var(--radius-sm)}.skip-link:focus-visible{top:.75rem}.app-shell{display:flex;flex-direction:column;min-height:100dvh;width:100%}.app-header{position:sticky;top:0;z-index:40;background-color:var(--bg-surface);border-bottom:1px solid var(--border-color)}.header-inner{max-width:1600px;margin:0 auto;padding:.625rem 1.5rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.brand-block{display:flex;align-items:center;gap:.75rem}.brand-code{display:inline-flex;align-items:center;justify-content:center;padding:.25rem .5rem;background-color:var(--text-primary);color:var(--bg-surface);font-family:var(--font-mono);font-size:.75rem;font-weight:600;letter-spacing:.05em;border-radius:var(--radius-xs)}.brand-titles{display:flex;flex-direction:column}.brand-name{margin:0;font-size:clamp(1.05rem,1rem + .3vw,1.25rem);font-weight:700;letter-spacing:-.01em;line-height:1.2;color:var(--text-primary)}.brand-tagline{margin:0;font-size:.75rem;color:var(--text-secondary)}.header-controls{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.module-nav{display:flex;align-items:center;gap:.375rem;background-color:var(--bg-subtle);padding:.25rem;border:1px solid var(--border-color);border-radius:var(--radius-md)}.module-tab{display:inline-flex;align-items:center;gap:.5rem;min-height:40px;padding:.375rem .875rem;border:1px solid transparent;border-radius:var(--radius-sm);background:transparent;color:var(--text-secondary);font-family:var(--font-sans);font-size:.875rem;font-weight:600;text-decoration:none;cursor:pointer;transition:background-color .12s ease,color .12s ease,border-color .12s ease}.module-tab:hover{background-color:var(--bg-hover);color:var(--text-primary)}.module-tab.active{background-color:var(--bg-surface);color:var(--accent-text);border-color:var(--border-strong);box-shadow:var(--shadow-elevated)}.module-index{font-family:var(--font-mono);font-size:.75rem;font-weight:600;padding:.1rem .35rem;border-radius:var(--radius-xs);background-color:var(--bg-subtle);color:var(--text-secondary);border:1px solid var(--border-color)}.module-tab.active .module-index{background-color:var(--accent-btn);color:var(--accent-btn-text);border-color:var(--accent-btn)}.theme-toggle-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:40px;padding:.375rem .75rem;background-color:var(--bg-surface);color:var(--text-primary);border:1px solid var(--border-strong);border-radius:var(--radius-sm);font-family:var(--font-sans);font-size:.8125rem;font-weight:600;cursor:pointer;transition:background-color .12s ease}.theme-toggle-btn:hover{background-color:var(--bg-hover)}.theme-indicator{display:inline-block;width:10px;height:10px;border-radius:var(--radius-xs);background-color:var(--accent);border:1px solid var(--border-strong)}.app-context-bar{background-color:var(--bg-subtle);border-bottom:1px solid var(--border-color)}.context-bar-inner{max-width:1600px;margin:0 auto;padding:.5rem 1.5rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;font-size:.8125rem;color:var(--text-secondary)}.context-module-info{display:flex;align-items:center;gap:.625rem;flex-wrap:wrap}.context-code{font-family:var(--font-mono);font-weight:600;color:var(--text-primary);background-color:var(--bg-surface);padding:.125rem .4rem;border:1px solid var(--border-color);border-radius:var(--radius-xs)}.context-shortcuts{display:flex;align-items:center;gap:.75rem;font-family:var(--font-mono);font-size:.75rem;color:var(--text-muted)}.kbd-tag{display:inline-block;padding:.1rem .35rem;font-family:var(--font-mono);font-size:.7rem;background-color:var(--bg-surface);color:var(--text-primary);border:1px solid var(--border-strong);border-radius:var(--radius-xs)}.app-main{flex:1;width:100%;max-width:1600px;margin:0 auto;padding:1.25rem 1.5rem 2.5rem}.app-footer{border-top:1px solid var(--border-color);background-color:var(--bg-surface);padding:.75rem 1.5rem;font-size:.75rem;color:var(--text-muted)}.footer-inner{max-width:1600px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.module-workspace{display:flex;flex-direction:column;gap:1.25rem}.workspace-grid-2{display:grid;grid-template-columns:minmax(320px,1fr) minmax(420px,1.6fr);gap:1.25rem;align-items:start}.panel{background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-md)}.panel-elevated{box-shadow:var(--shadow-elevated)}.panel-header{padding:.875rem 1.25rem;border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;background-color:var(--bg-subtle);border-top-left-radius:var(--radius-md);border-top-right-radius:var(--radius-md)}.panel-title-group{display:flex;flex-direction:column;gap:.125rem}.panel-title{margin:0;font-size:1rem;font-weight:700;color:var(--text-primary)}.panel-subtitle{margin:0;font-size:.8125rem;color:var(--text-secondary)}.panel-body{padding:1.25rem}.panel-toolbar{padding:.75rem 1.25rem;border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap;background-color:var(--bg-surface)}.btn-group{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:40px;padding:.45rem .9rem;font-family:var(--font-sans);font-size:.875rem;font-weight:600;line-height:1.2;border-radius:var(--radius-sm);border:1px solid var(--border-strong);background-color:var(--bg-surface);color:var(--text-primary);cursor:pointer;text-decoration:none;transition:background-color .12s ease,border-color .12s ease,color .12s ease}.btn:hover:not(:disabled){background-color:var(--bg-hover)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background-color:var(--accent-btn);color:var(--accent-btn-text);border-color:var(--accent-btn)}.btn-primary:hover:not(:disabled){background-color:var(--accent-hover);border-color:var(--accent-hover)}.btn-secondary{background-color:var(--bg-subtle);color:var(--text-primary);border-color:var(--border-strong)}.btn-outline{background-color:transparent;color:var(--accent-text);border-color:var(--accent-border)}.btn-outline:hover:not(:disabled){background-color:var(--accent-subtle)}.btn-danger{background-color:var(--status-danger-bg);color:var(--status-danger-text);border-color:var(--status-danger-border)}.btn-sm{min-height:34px;padding:.25rem .625rem;font-size:.8125rem}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.form-group{display:flex;flex-direction:column;gap:.375rem}.form-label{font-size:.8125rem;font-weight:600;color:var(--text-primary)}.form-input,.form-select,.form-textarea{width:100%;min-height:40px;padding:.5rem .75rem;font-family:var(--font-sans);font-size:.9375rem;color:var(--text-primary);background-color:var(--bg-input);border:1px solid var(--border-strong);border-radius:var(--radius-sm)}.form-textarea{min-height:140px;resize:vertical;line-height:1.5}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-muted)}.form-hint{font-size:.75rem;color:var(--text-muted);margin:0}.form-error{font-size:.8125rem;font-weight:600;color:var(--status-danger-text);margin:0}.table-container{width:100%;overflow-x:auto;border:1px solid var(--border-color);border-radius:var(--radius-sm);background-color:var(--bg-surface)}.data-table{width:100%;border-collapse:collapse;font-size:.875rem;text-align:left}.data-table th,.data-table td{padding:.625rem .75rem;border-bottom:1px solid var(--border-color);border-right:1px solid var(--border-color);vertical-align:top}.data-table th:last-child,.data-table td:last-child{border-right:none}.data-table thead th{background-color:var(--bg-subtle);color:var(--text-primary);font-weight:700;font-size:.8125rem;white-space:nowrap;border-bottom:2px solid var(--border-strong)}.data-table tbody tr:hover{background-color:var(--bg-hover)}.data-table tfoot td,.data-table tfoot th{background-color:var(--bg-subtle);font-weight:700;border-top:2px solid var(--border-strong)}.row-clickable{cursor:pointer}.row-selected{background-color:var(--accent-subtle)!important}.cell-mono,.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.cell-num{font-family:var(--font-mono);font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap}.cell-center{text-align:center}.stat-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem}.stat-item{background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:.875rem 1rem;display:flex;flex-direction:column;gap:.25rem}.stat-label{font-size:.75rem;font-weight:600;color:var(--text-secondary)}.stat-value{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:clamp(1.125rem,1rem + .5vw,1.5rem);font-weight:700;color:var(--text-primary)}.stat-meta{font-size:.75rem;color:var(--text-muted)}.badge{display:inline-flex;align-items:center;gap:.35rem;padding:.15rem .45rem;font-family:var(--font-sans);font-size:.75rem;font-weight:600;border-radius:var(--radius-xs);border:1px solid var(--border-strong);background-color:var(--bg-subtle);color:var(--text-primary);white-space:nowrap}.badge-success{background-color:var(--status-success-bg);color:var(--status-success-text);border-color:var(--status-success-border)}.badge-warning{background-color:var(--status-warning-bg);color:var(--status-warning-text);border-color:var(--status-warning-border)}.badge-danger{background-color:var(--status-danger-bg);color:var(--status-danger-text);border-color:var(--status-danger-border)}.badge-accent{background-color:var(--accent-subtle);color:var(--accent-text);border-color:var(--accent-border)}.state-box{padding:2rem 1.5rem;border:1px dashed var(--border-strong);border-radius:var(--radius-md);background-color:var(--bg-subtle);text-align:center;display:flex;flex-direction:column;align-items:center;gap:.625rem}.state-title{margin:0;font-size:1rem;font-weight:700;color:var(--text-primary)}.state-desc{margin:0;max-width:540px;font-size:.875rem;color:var(--text-secondary)}.state-error{border-style:solid;border-color:var(--status-danger-border);background-color:var(--status-danger-bg);color:var(--status-danger-text)}.state-error .state-title,.state-error .state-desc{color:var(--status-danger-text)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background-color:#0f141ca6;display:flex;align-items:center;justify-content:center;padding:1rem}.modal-dialog{width:100%;max-width:960px;max-height:90dvh;background-color:var(--bg-surface);border:1px solid var(--border-strong);border-radius:var(--radius-md);box-shadow:var(--shadow-elevated);display:flex;flex-direction:column;overflow:hidden}.modal-header{padding:.875rem 1.25rem;background-color:var(--bg-subtle);border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;gap:1rem}.modal-body{padding:1.25rem;overflow-y:auto}.modal-footer{padding:.75rem 1.25rem;background-color:var(--bg-subtle);border-top:1px solid var(--border-color);display:flex;align-items:center;justify-content:flex-end;gap:.5rem}.cost-subtab-list{display:flex;align-items:center;gap:.375rem;flex-wrap:wrap;width:100%}.cost-subtab{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:.375rem .875rem;font-family:var(--font-sans);font-size:.8125rem;font-weight:600;color:var(--text-secondary);background-color:var(--bg-subtle);border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;transition:background-color .12s ease,color .12s ease,border-color .12s ease}.cost-subtab:hover{background-color:var(--bg-hover);color:var(--text-primary)}.cost-subtab.active{background-color:var(--accent-btn);color:var(--accent-btn-text);border-color:var(--accent-btn)}.cost-field-hint{font-weight:400;font-size:.75rem;color:var(--text-muted)}.cost-product-name-wrap{max-width:420px;margin-bottom:1.25rem}.cost-input-suffix-wrap{position:relative;display:flex;align-items:center}.cost-input-suffix{position:absolute;right:.75rem;font-size:.75rem;color:var(--text-muted);pointer-events:none}.cost-input-auto{background-color:var(--bg-subtle);border-style:dashed}.cost-rate-label-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.cost-ext-link{color:var(--accent-text);font-weight:600;text-decoration:underline}.cost-breakdown-list{margin:0;display:flex;flex-direction:column;gap:.75rem}.cost-breakdown-row{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;padding-bottom:.625rem;border-bottom:1px solid var(--border-color)}.cost-breakdown-term{font-size:.875rem;color:var(--text-secondary)}.cost-breakdown-val{margin:0;font-size:.9375rem;font-weight:600;color:var(--text-primary)}.cost-breakdown-suffix{font-size:.75rem;font-weight:400;color:var(--text-muted)}.cost-final-highlight{margin-top:.5rem;padding:1rem 1.25rem;background-color:var(--bg-subtle);border:2px solid var(--accent-border);border-radius:var(--radius-sm)}.cost-final-label{margin:0;font-size:.75rem;font-weight:700;color:var(--text-secondary)}.cost-final-value{margin:.25rem 0 0;font-size:clamp(1.35rem,1.15rem + .8vw,1.85rem);font-weight:700;color:var(--accent-text)}.cost-notice-banner{padding:.625rem .875rem;background-color:var(--status-warning-bg);color:var(--status-warning-text);border:1px solid var(--status-warning-border);border-radius:var(--radius-sm);font-size:.8125rem;font-weight:600}.cost-margin-negative{color:var(--status-danger-text);font-weight:700}.cost-checkbox-label{display:inline-flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;color:var(--text-primary);cursor:pointer;padding:.25rem .5rem}.cost-checkbox-label input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent-btn)}.sheet-wrap{display:flex;justify-content:center}.sheet{width:100%;max-width:210mm;background-color:var(--bg-surface);color:var(--text-primary);border:1px solid var(--border-strong);border-radius:var(--radius-md);padding:1.75rem 2rem;font-family:var(--font-doc);box-shadow:var(--shadow-elevated)}.sheet-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1.5rem;flex-wrap:wrap;padding-bottom:1rem;margin-bottom:1.25rem;border-bottom:2px solid var(--text-primary)}.sheet-head h2{margin:0;font-size:1.35rem;font-weight:700;color:var(--text-primary)}.sheet-head p{margin:.25rem 0 0;font-size:.875rem;color:var(--text-secondary)}.sheet-head dl{margin:0;display:flex;flex-direction:column;gap:.25rem;font-size:.8125rem}.sheet-head dl>div{display:flex;justify-content:space-between;gap:1rem}.sheet-head dt{color:var(--text-secondary);font-weight:600}.sheet-head dd{margin:0;font-family:var(--font-mono);font-weight:600;color:var(--text-primary)}.sheet table{width:100%;border-collapse:collapse;font-size:.875rem}.sheet th,.sheet td{border:1px solid var(--border-strong);padding:.5rem .625rem;text-align:left;height:2.25rem}.sheet thead th{background-color:var(--bg-subtle);font-weight:700}.sheet th.num,.sheet td.num{text-align:right;font-family:var(--font-mono);font-variant-numeric:tabular-nums;width:1%;white-space:nowrap}.sheet th.write,.sheet td.write{min-width:120px}.sheet-foot{margin-top:2rem;display:flex;justify-content:flex-end;font-size:.875rem;color:var(--text-secondary)}@media (max-width: 1024px){.workspace-grid-2{grid-template-columns:1fr}.header-inner,.context-bar-inner,.app-main{padding-left:1rem;padding-right:1rem}}@media (max-width: 768px){.header-inner{flex-direction:column;align-items:stretch}.header-controls{width:100%;justify-content:space-between}.module-nav{flex:1;display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.module-tab,.theme-toggle-btn,.cost-subtab,.btn,.btn-sm,.form-input,.form-select{min-height:44px}.module-tab{justify-content:center;padding:.5rem}.context-shortcuts{display:none}.panel-header,.panel-body,.panel-toolbar{padding:.875rem}.sheet{padding:1rem}}@media (max-width: 480px){.module-nav,.stat-strip{grid-template-columns:1fr}}@media print{body{background-color:#fff!important;color:#000!important;font-family:var(--font-doc)!important}.app-header,.app-context-bar,.app-footer,.no-print{display:none!important}.app-main{max-width:100%!important;padding:0!important;margin:0!important}.panel{border:none!important;box-shadow:none!important}.sheet{max-width:100%!important;border:none!important;box-shadow:none!important;padding:0!important;background-color:#fff!important;color:#000!important}.sheet th,.sheet td{border-color:#000!important;color:#000!important}}