:root{color:#13201b;background:#f7faf8;font-family:Microsoft JhengHei,Noto Sans TC,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button{align-items:center;background:#1f7a5c;border:0;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;gap:8px;justify-content:center;min-height:40px;padding:8px 14px}button:disabled{background:#9bad9f;cursor:not-allowed}.danger-button{background:#b44949}.danger-button:disabled{background:#c7aaa7}table{border-collapse:collapse;width:100%}th,td{border-bottom:1px solid #d9e3dc;padding:10px 8px;text-align:left;vertical-align:top}th{color:#44534c;font-size:14px}.app-shell{margin:0 auto;max-width:1180px;padding:24px}.topbar{align-items:flex-end;display:flex;gap:24px;justify-content:space-between;margin-bottom:18px}.topbar h1{font-size:28px;line-height:1.2;margin:0 0 6px}.topbar p,.muted{color:#5f6f67;margin:0 0 12px}.tabs{display:flex;gap:8px}.tabs button{background:#e3eee8;color:#19352a}.tabs .active{background:#1f7a5c;color:#fff}.notice{background:#fff8df;border:1px solid #ead992;border-radius:6px;margin-bottom:16px;padding:12px 14px}.panel-grid{display:grid;gap:16px;grid-template-columns:repeat(3,minmax(0,1fr))}.panel{background:#fff;border:1px solid #d9e3dc;border-radius:8px;min-width:0;padding:18px}.panel h2{font-size:18px;margin:0 0 14px}.wide{grid-column:1 / -1}.metric-row{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:16px}.metric{border-left:3px solid #1f7a5c;padding-left:10px}.metric span{color:#5f6f67;display:block;font-size:13px}.metric strong{display:block;font-size:20px;margin-top:4px;overflow-wrap:anywhere}.field{display:grid;gap:6px;margin-bottom:12px}.field span{color:#44534c;font-size:14px}.field input,.field textarea{border:1px solid #bdcbc3;border-radius:6px;min-height:40px;padding:8px 10px;width:100%}.field textarea{min-height:104px;resize:vertical}.result{background:#edf6f1;border-radius:6px;margin:12px 0 0;padding:10px}.button-row{display:flex;flex-wrap:wrap;gap:8px}.ocr-panel{background:#f7faf8;border:1px solid #d9e3dc;border-radius:8px;display:grid;gap:10px;margin:12px 0;padding:12px}.ocr-candidate-list{display:grid;gap:8px}.ocr-candidate{align-items:center;background:#fff;border:1px solid #d9e3dc;border-radius:6px;display:grid;gap:10px;grid-template-columns:minmax(0,1fr) auto;padding:10px}.ocr-candidate strong,.ocr-candidate span,.ocr-candidate small{display:block}.ocr-candidate span{color:#44534c;font-size:13px;margin-top:4px}.ocr-candidate small{color:#5f6f67;margin-top:4px;overflow-wrap:anywhere}.file-picker{align-items:center;background:#1f7a5c;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;gap:8px;min-height:40px;padding:8px 14px}.file-picker input{display:none}.secondary-picker{background:#2f5f7a}.disabled-picker{background:#9bad9f;cursor:not-allowed}.qr-preview{margin-top:14px}.qr-preview img{background:#fff;border:1px solid #d9e3dc;border-radius:8px;display:block;max-width:100%;padding:10px}.setup-qr-overlay{align-items:center;background:#0c1411d1;display:flex;top:0;right:0;bottom:0;left:0;justify-content:center;padding:18px;position:fixed;z-index:1000}.setup-qr-scanner{background:#fff;border-radius:8px;max-width:420px;padding:18px;width:100%}.setup-qr-scanner h2{font-size:18px;margin:0 0 8px}.setup-qr-scanner p{color:#5f6f67;margin:0 0 12px}.setup-qr-scanner button{margin-top:12px;width:100%}@media(max-width:860px){.topbar{align-items:stretch;flex-direction:column}.tabs,.panel-grid,.metric-row{grid-template-columns:1fr}.tabs,.panel-grid{display:grid}.draft-task-table,.draft-task-table tbody,.draft-task-table tr,.draft-task-table td{display:block;width:100%}.draft-task-table thead{display:none}.draft-task-table tr{border:1px solid #d9e3dc;border-radius:8px;margin-bottom:12px;padding:12px}.draft-task-table td{border-bottom:0;display:grid;gap:8px;grid-template-columns:84px minmax(0,1fr);padding:6px 0;overflow-wrap:anywhere}.draft-task-table td:before{color:#5f6f67;content:attr(data-label);font-weight:700}.draft-task-table button{width:100%}}