:root{--ground:#f4f6f8;--surface:#ffffff;--raised:#f8f9fa;--active:#ebedee;--border:#e5e7eb;--rule:#f0f1f2;--control:#cdced1;--text:#131416;--muted:#5d5f60;--faint:#6b6b6b;--primary:#131416;--accent:#1b6c80;--positive:#1e7b4f;--negative:#c4242a;--warning:#92400e;--pill-positive-bg:#dcfae5;--pill-positive-ink:#04250e;--pill-warning-bg:#fffbeb;--pill-warning-ink:#92400e;}*{box-sizing:border-box;margin:0;padding:0;}body{font-family:"IBM Plex Sans",-apple-system,BlinkMacSystemFont,"Noto Sans TC","PingFang TC","Microsoft JhengHei",sans-serif;background-color:var(--ground);color:var(--text);line-height:1.5;font-size:14px;}.hidden{display:none!important;}.text-center{text-align:center;}.text-right{text-align:right;}.text-muted{color:var(--muted);}.text-primary{color:var(--accent);}.text-danger{color:var(--negative);}.text-emerald{color:var(--positive);}.font-bold{font-weight:700;}.font-semibold{font-weight:600;}.font-mono{font-family:"IBM Plex Mono",ui-monospace,Menlo,Monaco,Consolas,monospace;font-variant-numeric:tabular-nums;}.app-header{background:var(--ground);color:var(--text);padding:10px 24px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border);}.brand{display:flex;align-items:center;gap:10px;}.brand-icon{color:var(--accent);display:inline-flex;align-items:center;justify-content:center;}.brand-title{font-size:16px;font-weight:600;color:var(--text);letter-spacing:-0.2px;}.brand-subtitle{font-size:11px;color:var(--muted);display:block;margin-top:1px;}.header-right{display:flex;align-items:center;gap:12px;font-size:12px;}.system-status{display:flex;align-items:center;gap:6px;color:var(--muted);}.status-dot{width:7px;height:7px;background:var(--positive);border-radius:50%;display:inline-block;}.subtabs-bar{background:var(--ground);padding:0 24px;display:flex;justify-content:space-between;align-items:flex-end;border-bottom:1px solid var(--border);}.subtabs-container{display:flex;gap:4px;overflow-x:auto;}.tab-btn{background:transparent;color:var(--muted);border:none;border-bottom:2px solid transparent;height:38px;padding:0 14px;font-size:13px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:6px;white-space:nowrap;transition:color .15s;}.tab-btn svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.5;}.tab-btn:hover{color:var(--text);}.tab-btn.active-tab{color:var(--accent);font-weight:600;border-bottom-color:var(--accent);}.tab-badge{background:var(--negative);color:#fff;font-size:10px;padding:1px 5px;border-radius:10px;margin-left:4px;}.quick-actions{padding-bottom:5px;}.workbench-content{padding:12px 16px 20px;min-height:calc(100vh - 100px);}.subtab-sheet{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:24px;margin:0 8px 8px 8px;box-shadow:none;}.kpi-strip{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--border);border-radius:8px;margin-bottom:20px;background:var(--surface);}.kpi-cell{padding:14px 18px;display:flex;flex-direction:column;gap:4px;border-right:1px solid var(--rule);}.kpi-cell:last-child{border-right:none;}.kpi-label{font-size:12px;font-weight:500;color:var(--muted);}.kpi-val{font-size:22px;font-weight:600;font-variant-numeric:tabular-nums;color:var(--text);display:flex;align-items:baseline;gap:4px;}.kpi-val-primary{font-size:26px;color:var(--text);}.kpi-val-accent{color:var(--accent);}.kpi-unit{font-size:13px;font-weight:400;color:var(--muted);}.sheet-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;gap:10px;flex-wrap:wrap;}.search-group{display:flex;align-items:center;gap:8px;}.form-control{padding:6px 10px;border:1px solid var(--control);border-radius:5px;font-size:13px;outline:none;background:var(--surface);color:var(--text);font-family:inherit;}.form-control:focus{border-color:var(--accent);box-shadow:0 0 0 2px rgba(27,108,128,0.15);}.form-control-sm{padding:4px 8px;font-size:12px;}.btn{padding:6px 14px;border-radius:5px;font-size:13px;font-weight:500;cursor:pointer;border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:6px;font-family:inherit;}.btn-sm{padding:4px 10px;font-size:12px;}.btn-primary{background:var(--primary);color:#fff;border-color:var(--primary);}.btn-primary:hover{background:#26282b;}.btn-secondary{background:var(--raised);color:var(--text);border-color:var(--border);}.btn-secondary:hover{background:var(--active);}.btn-outline{background:var(--surface);border-color:var(--border);color:var(--text);}.btn-outline:hover{background:var(--raised);}.btn-outline-primary{background:var(--surface);border-color:var(--accent);color:var(--accent);}.btn-outline-primary:hover{background:var(--raised);}.btn-outline-white{background:transparent;border:1px solid var(--border);color:var(--text);}.btn-outline-white:hover{background:var(--raised);}.btn-block{width:100%;justify-content:center;}.btn-link{background:none;border:none;color:var(--accent);cursor:pointer;padding:2px 4px;font-weight:500;font-size:12px;}.btn-link:hover{text-decoration:underline;}.table-container{overflow-x:auto;border:1px solid var(--border);border-radius:6px;}.data-table{width:100%;border-collapse:collapse;font-size:13px;}.data-table th{background:transparent;color:var(--muted);font-weight:500;font-size:12px;padding:10px 12px;border-bottom:1px solid var(--border);text-align:left;white-space:nowrap;}.data-table td{padding:10px 12px;border-bottom:1px solid var(--rule);vertical-align:middle;color:var(--text);}.data-table tr:hover{background:var(--raised);}.data-table tr:last-child td{border-bottom:none;}.badge{display:inline-block;padding:2px 8px;border-radius:10px;font-size:11px;font-weight:500;white-space:nowrap;}.badge-success{background:var(--pill-positive-bg);color:var(--pill-positive-ink);}.badge-warning{background:var(--pill-warning-bg);color:var(--pill-warning-ink);}.actions-cell{display:flex;gap:6px;justify-content:center;align-items:center;white-space:nowrap;}.card{background:var(--surface);border:1px solid var(--border);border-radius:6px;margin-bottom:14px;box-shadow:none;}.card-header{padding:10px 14px;background:var(--raised);border-bottom:1px solid var(--border);font-weight:600;font-size:13px;color:var(--text);display:flex;justify-content:space-between;align-items:center;}.card-body{padding:14px;}.form-grid-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;}.form-grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;}.form-group{display:flex;flex-direction:column;gap:4px;}.form-group label{font-size:12px;font-weight:500;color:var(--muted);}.edit-header-bar{display:flex;justify-content:space-between;align-items:center;padding-bottom:12px;margin-bottom:14px;border-bottom:1px solid var(--border);}.edit-title-group{display:flex;align-items:center;gap:10px;}.edit-title-group h2{font-size:16px;font-weight:600;color:var(--text);}.edit-actions{display:flex;gap:6px;}.items-editor-table input,.items-editor-table select{width:100%;border:1px solid transparent;background:transparent;border-radius:4px;padding:6px 8px;font-size:13px;color:var(--text);font-family:inherit;font-variant-numeric:tabular-nums;transition:border-color .15s,background .15s;}.items-editor-table input:hover,.items-editor-table select:hover{border-color:var(--border);background:var(--raised);}.items-editor-table input:focus,.items-editor-table select:focus{border-color:var(--accent);background:var(--surface);outline:none;box-shadow:0 0 0 2px rgba(27,108,128,0.12);}.summary-grid{display:grid;grid-template-columns:1fr 360px;gap:14px;margin-top:14px;}.summary-grid>.card{display:flex;flex-direction:column;margin-bottom:0;}.summary-grid>.card>.card-body{flex:1;display:flex;flex-direction:column;}textarea.form-control,#edit-notes{width:100%;min-height:150px;resize:vertical;line-height:1.6;display:block;flex:1;}.calc-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:7px;font-size:13px;}.calc-label{color:var(--muted);font-weight:500;}.calc-value{font-weight:600;font-variant-numeric:tabular-nums;}.discount-input-group,.tax-input-group{display:flex;align-items:center;gap:5px;}.discount-input-group select{width:105px;}.discount-input-group input{width:75px;text-align:right;}.tax-input-group input{width:55px;text-align:right;}.total-label{font-size:14px;font-weight:600;color:var(--text);}.total-value{font-size:18px;font-weight:700;color:var(--negative);font-variant-numeric:tabular-nums;}.category-tabs{display:flex;gap:6px;overflow-x:auto;padding-bottom:3px;}.cat-chip{padding:4px 10px;border-radius:14px;background:var(--raised);border:1px solid var(--border);font-size:12px;cursor:pointer;white-space:nowrap;font-weight:500;color:var(--muted);}.cat-chip.active{background:var(--accent);color:#fff;border-color:var(--accent);}.category-tag{background:var(--raised);color:var(--accent);border:1px solid var(--border);font-size:11px;padding:2px 6px;border-radius:4px;font-weight:500;}.templates-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px;}.template-card{border:1px solid var(--border);border-radius:8px;padding:16px;background:var(--surface);display:flex;flex-direction:column;justify-content:space-between;box-shadow:none;}.template-card:hover{border-color:var(--accent);}.template-industry-tag{font-size:11px;color:var(--accent);font-weight:600;}.template-title{font-size:14px;font-weight:600;color:var(--text);margin-top:2px;}.template-desc{font-size:12px;color:var(--muted);margin:6px 0 10px;min-height:32px;}.template-stats{display:flex;justify-content:space-between;background:var(--raised);border-radius:5px;padding:6px 10px;margin-bottom:10px;font-size:12px;}.template-items-preview{font-size:11px;color:var(--muted);margin-bottom:12px;border-top:1px dashed var(--border);padding-top:6px;}.template-items-preview ul{list-style:none;margin-top:3px;}.modal{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;}.modal-backdrop{position:absolute;inset:0;background:rgba(19,20,22,0.45);}.modal-dialog{position:relative;background:var(--surface);width:90%;max-width:480px;border-radius:10px;border:1px solid var(--border);box-shadow:0 12px 32px rgba(0,0,0,0.12);z-index:1001;overflow:hidden;}.modal-header{padding:10px 16px;background:var(--raised);border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;}.modal-header h3{font-size:14px;font-weight:600;color:var(--text);}.modal-close{background:none;border:none;font-size:16px;color:var(--muted);cursor:pointer;}.modal-body{padding:16px;max-height:60vh;overflow-y:auto;}.modal-footer{padding:10px 16px;background:var(--raised);border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:6px;}.picker-list{margin-top:10px;display:flex;flex-direction:column;gap:5px;}.picker-item{padding:8px 10px;border:1px solid var(--border);border-radius:5px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;}.picker-item:hover{background:var(--raised);border-color:var(--accent);}.toast-container{position:fixed;bottom:20px;right:20px;z-index:10001;display:flex;flex-direction:column;gap:6px;}.toast{background:var(--primary);color:#fff;padding:8px 14px;border-radius:6px;font-size:13px;font-weight:500;box-shadow:0 4px 14px rgba(0,0,0,0.15);display:flex;align-items:center;gap:6px;}.toast-success{border-left:4px solid var(--positive);}.toast-error{border-left:4px solid var(--negative);}.auth-overlay{position:fixed;inset:0;min-height:100vh;width:100%;background:var(--ground);z-index:9999;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;overflow-y:auto;}.auth-brand{text-align:center;margin-bottom:24px;color:var(--text);}.auth-brand-icon{font-size:28px;display:inline-flex;align-items:center;justify-content:center;margin-bottom:6px;color:var(--accent);}.auth-brand-title{font-size:20px;font-weight:600;color:var(--text);letter-spacing:-0.2px;}.auth-brand-subtitle{font-size:13px;color:var(--muted);margin-top:4px;}.auth-footer{text-align:center;margin-top:24px;color:var(--muted);font-size:12px;}.auth-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;max-width:420px;width:100%;padding:28px;box-shadow:none;}.auth-header{text-align:center;margin-bottom:18px;}.auth-header h3{font-size:16px;font-weight:600;color:var(--text);}.auth-desc{font-size:12px;color:var(--muted);margin-top:4px;}.user-badge{background:var(--raised);color:var(--accent);padding:3px 8px;border-radius:12px;font-size:11px;font-weight:600;display:inline-flex;align-items:center;gap:4px;}.perm-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:6px;background:var(--raised);padding:10px;border-radius:6px;border:1px solid var(--border);}.perm-item{display:flex;align-items:center;gap:6px;font-size:12px;cursor:pointer;}.form-header-row{display:flex;justify-content:space-between;align-items:center;}.category-mgr-panel{margin-top:6px;padding:8px;background:var(--raised);border:1px solid var(--border);border-radius:5px;}.mgr-input-row{display:flex;gap:6px;margin-bottom:6px;}.mgr-input-row input{flex:1;}.mgr-list{display:flex;flex-wrap:wrap;gap:5px;}.form-row-spacing{margin-top:8px;}.auth-btn{margin-top:12px;}.card-row-spacing{margin-top:10px;}.calc-divider{margin:8px 0;border:none;border-top:1px solid var(--border);}.preset-toolbar{flex-direction:column;align-items:stretch;gap:10px;}.toolbar-header-row{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;}.preset-search-wrap{flex:1;max-width:420px;}.user-toolbar{gap:10px;flex-wrap:wrap;}.auth-card .form-group,.modal-body>.form-group{margin-bottom:12px;}.flex{display:flex;}.items-center{align-items:center;}.gap-2{gap:8px;}.template-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;}@media (max-width: 768px){.app-header{flex-wrap:wrap;gap:8px;padding:10px 14px;}.subtabs-bar{flex-direction:column;align-items:stretch;padding:8px 14px 0;gap:6px;}.subtabs-container{overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:2px;}.tab-btn{white-space:nowrap;padding:6px 10px;font-size:12px;}.quick-actions{padding-bottom:8px;display:flex;}.quick-actions .btn{width:100%;justify-content:center;}.workbench-content{padding:8px;}.subtab-sheet{padding:14px;margin:0;}.kpi-strip{grid-template-columns:1fr 1fr;}.kpi-cell:nth-child(2){border-right:none;}.kpi-cell:nth-child(1),.kpi-cell:nth-child(2){border-bottom:1px solid var(--rule);}.sheet-toolbar,.edit-header-bar{flex-direction:column;align-items:stretch;gap:8px;}.search-group{flex-direction:column;align-items:stretch;width:100%;}.search-group .form-control,.search-group .btn{width:100%;}.edit-actions{flex-wrap:wrap;width:100%;}.edit-actions .btn{flex:1;justify-content:center;}.summary-grid{grid-template-columns:1fr;}.form-grid-3,.form-grid-2{grid-template-columns:1fr;}.items-editor-table{min-width:680px;}.data-table{min-width:560px;}.table-container{overflow-x:auto;-webkit-overflow-scrolling:touch;}.modal-dialog{width:95%;max-height:92vh;}.perm-grid{grid-template-columns:1fr;}}@media (max-width: 480px){.brand-title{font-size:15px;}.header-right{width:100%;justify-content:space-between;}.edit-actions .btn{min-width:45%;}.auth-card{padding:18px;width:95%;}.kpi-strip{grid-template-columns:1fr;}.kpi-cell{border-right:none;border-bottom:1px solid var(--rule);}.kpi-cell:last-child{border-bottom:none;}}