body{margin:0;min-width:320px;min-height:100vh;font-family:SF Pro Text,PingFang TC,PingFang HK,Microsoft JhengHei,Noto Sans TC,Heiti TC,Segoe UI,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.5;font-weight:500;color:#1f2933;background:#f3f5f7;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit}:root{--bg-0: #f6f7f9;--bg-1: #eceff4;--panel-bg: #ffffff;--panel-border: #d7dde7;--text-0: #1a2430;--text-1: #526273;--primary-0: #1f6fd6;--primary-1: #0f57b2;--danger-0: #ba3f3f;--focus-ring: rgba(31, 111, 214, .22)}#root{min-height:100vh}.auth-shell{min-height:100vh;display:grid;place-items:center;padding:20px;background:var(--bg-0)}.auth-card{display:grid;gap:12px;width:min(100%,420px)}.auth-card h1{margin:0}.auth-card p{margin:0;color:var(--text-1)}.cloud-records-card{display:grid;gap:10px}.cloud-records-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.cloud-records-head h2{margin:0}.cloud-records-head span{color:var(--text-1);font-size:.76rem}.cloud-message{margin:0;color:var(--text-1);font-size:.8rem}.cloud-message.error{color:#8a3030}.cloud-pagination{display:flex;justify-content:space-between;align-items:center;gap:8px}.app-shell{max-width:1480px;margin:0 auto;padding:20px}.topbar{display:grid;grid-template-columns:1fr auto;gap:18px;padding:16px;margin-bottom:16px;border:1px solid var(--panel-border);border-radius:16px;background:radial-gradient(140% 160% at 0% 0%,#fff,#f3f7fb 55%,#edf2f8),linear-gradient(145deg,#f4f7fb,#eef2f7);box-shadow:0 12px 28px #11274214,inset 0 1px #ffffffd9}.topbar-main h1{margin:0;font-size:1.72rem;letter-spacing:.01em;color:var(--text-0)}.topbar-main p{margin:8px 0 0;max-width:58ch;font-size:.93rem;color:var(--text-1)}.eyebrow{display:inline-flex;align-items:center;gap:6px;margin-bottom:8px;padding:3px 9px;border-radius:999px;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#21415f;background:linear-gradient(120deg,#d5e9ff,#eaf4ff)}.quick-stats{display:flex;gap:8px;align-items:stretch}.summary-card{padding:10px 14px}.summary-tools{margin-top:10px;padding-top:10px;border-top:1px solid #dbe4ef}.summary-input{display:grid;gap:4px;max-width:220px;font-size:.8rem;font-weight:600;color:var(--text-1)}.amount-words-box{border:1px dashed #c5d1df;border-radius:10px;padding:10px 12px;background:#f8fbff;color:#2b3a4a;font-size:.92rem;text-transform:lowercase}.stat-chip{min-width:90px;padding:6px 8px;border-radius:10px;border:1px solid #d2dbe8;background:#ffffffe6;box-shadow:0 4px 10px #10253d0f}.stat-chip span{display:block;font-size:.66rem;color:var(--text-1)}.stat-chip strong{display:block;margin-top:1px;font-size:.82rem;color:var(--text-0)}.toolbar{display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap;justify-content:flex-end;position:relative}.inline-field{display:grid;gap:4px;min-width:150px;font-size:.8rem;font-weight:600;color:var(--text-1)}.workspace{display:grid;grid-template-columns:minmax(360px,540px) minmax(440px,1fr);gap:16px;align-items:start}.editor-panel{display:grid;gap:12px}.editor-card{position:relative;padding:14px;border-radius:14px;border:1px solid var(--panel-border);background:var(--panel-bg);box-shadow:0 8px 18px #12263e0f,inset 0 1px #fffc}.editor-card h2{margin:0 0 12px;font-size:.98rem;letter-spacing:.01em;color:#253241}.ai-inbox-card{display:grid;gap:12px;border-color:#b9d0eb;background:linear-gradient(145deg,#fff,#f3f8ff)}.ai-inbox-heading,.ai-inbox-actions{display:flex;align-items:center;justify-content:space-between;gap:12px}.ai-inbox-heading h2{margin-bottom:0}.ai-settings{position:relative}.ai-settings summary{cursor:pointer;color:var(--primary-1);font-size:.82rem;font-weight:700}.ai-settings-fields{position:absolute;right:0;z-index:20;display:grid;gap:9px;width:min(360px,78vw);margin-top:8px;padding:12px;border:1px solid var(--panel-border);border-radius:12px;background:#fff;box-shadow:0 12px 28px #11274229}.ai-key-notice,.ai-inbox-actions span,.ai-message{margin:0;color:var(--text-1);font-size:.78rem}.ai-message{padding:9px 10px;border-radius:9px}.ai-message.success{color:#245d3c;background:#eaf7ef}.ai-message.error{color:#8a3030;background:#fff0f0}.history-list{display:grid;gap:8px;max-height:300px;overflow:auto;padding-right:4px}.history-empty{margin:0;color:var(--text-1);font-size:.86rem}.history-item{display:flex;justify-content:space-between;gap:10px;border:1px solid #d6deea;border-radius:10px;padding:8px 9px;background:#fbfdff}.history-menu-wrap{position:relative}.history-menu{position:absolute;right:0;top:calc(100% + 8px);width:min(460px,84vw);max-height:min(60vh,520px);border:1px solid #cdd7e3;border-radius:12px;padding:10px;background:#fff;box-shadow:0 16px 36px #12263e33;z-index:50}.history-menu-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.history-menu-tools{display:flex;gap:6px;margin-bottom:8px}.hidden-file-input{display:none}.history-item strong{font-size:.84rem;color:#1d2b3a}.history-item p{margin:2px 0 0;font-size:.76rem;color:#59697b}.history-actions{display:flex;align-items:flex-start;gap:6px}.field-grid{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.field-grid label,.inline-field{font-size:.8rem;font-weight:600;color:var(--text-1)}.optional-fields-box{padding:10px;border:1px solid #d7e0ec;border-radius:10px;background:#f7fbff}.optional-fields-box p{margin:0 0 8px;font-size:.76rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#4d5f73}.optional-toggle-grid{display:grid;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}.optional-toggle{border:1px solid #c9d7e8;border-radius:9px;padding:7px 10px;text-align:left;color:#35475b;font-size:.82rem;font-weight:600;background:#fff;box-shadow:0 1px #fffc inset}.optional-toggle.active{border-color:#8fb4de;color:#0f3c76;background:linear-gradient(180deg,#eaf4ff,#dcecff)}.checkbox-label{display:flex;align-items:center;gap:8px}.checkbox-label input[type=checkbox]{margin:0;width:16px;height:16px}.full-width{grid-column:1 / -1}input,select,textarea,button{font:inherit}input,select,textarea{width:100%;box-sizing:border-box;margin-top:4px;border:1px solid #cfd8e4;border-radius:10px;padding:9px 10px;color:var(--text-0);background:#fff;transition:border-color .16s ease,box-shadow .16s ease,background-color .16s ease}input:hover,select:hover,textarea:hover{border-color:#b9c8da}input:focus,select:focus,textarea:focus{outline:none;border-color:#89aedb;box-shadow:0 0 0 4px var(--focus-ring)}textarea{resize:vertical}button{border:1px solid transparent;border-radius:10px;padding:8px 12px;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,background-color .12s ease,border-color .12s ease}button:hover{transform:translateY(-1px)}button:active{transform:translateY(0)}button:disabled{cursor:not-allowed;opacity:.55;transform:none}button.primary{color:#fff;background:linear-gradient(145deg,var(--primary-0),var(--primary-1));box-shadow:0 8px 16px #1959aa4d}button.secondary{color:#243345;border-color:#cad5e2;background:linear-gradient(180deg,#fff,#f6f8fb)}button.small{font-size:.78rem;padding:4px 8px}button.danger{color:var(--danger-0);border-color:#efc9c9;background:#fff8f8}.add-item{margin-top:10px}.items-editor-table{width:100%;border-collapse:collapse}.items-editor-table th,.items-editor-table td{border-bottom:1px solid var(--panel-border);padding:8px 6px;text-align:left;vertical-align:middle}.items-editor-table tbody tr:hover{background:#f9fbfd}.items-editor-table th{font-size:.8rem;color:var(--text-1)}.preview-panel{position:sticky;top:16px;display:flex;justify-content:center}.invoice-preview{position:relative;width:min(100%,794px);min-height:1123px;display:flex;flex-direction:column;padding:34px 30px;font-family:PingFang TC,PingFang HK,Microsoft JhengHei,Noto Sans TC,Heiti TC,SF Pro Text,sans-serif;border:1px solid #d8dde4;border-radius:14px;background:linear-gradient(135deg,#fffffff0,#f7fafdfa),repeating-linear-gradient(0deg,transparent,transparent 23px,rgba(208,220,235,.08) 24px);box-shadow:0 14px 32px #11253e24;overflow:hidden}.invoice-stamp{position:absolute;width:135px;max-width:40%;opacity:.88;pointer-events:none;z-index:2;mix-blend-mode:multiply}.preview-header{display:flex;justify-content:space-between;gap:20px}.document-heading{margin:0 0 14px;text-align:right;letter-spacing:.08em;text-transform:uppercase;font-size:2.1rem;color:#2d3947}.brand-mark{font-size:2rem;font-weight:600;color:#2d3947;letter-spacing:.01em}.section-label{margin:0 0 4px;font-weight:700;color:#394250}.party-name{margin:0 0 4px;font-weight:700;font-size:1.05rem}.preview-header p,.preview-meta p,.preview-meta dt,.preview-meta dd,.preview-notes p{margin:0 0 2px;font-size:.92rem;color:#323e4b}.preview-meta{margin-top:18px;display:grid;grid-template-columns:1.1fr 1fr;gap:24px}.preview-meta dl{margin:0}.preview-meta dl div{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #e3e7ec;padding:5px 0}.preview-meta dt{font-weight:500}.preview-meta dd{text-align:right}.preview-items{width:100%;border-collapse:collapse;margin-top:18px}.preview-items th,.preview-items td{text-align:left;border-bottom:1px solid #d9dfe5;padding:8px 4px;font-size:.92rem}.preview-items th{font-weight:700}.preview-items th:nth-child(n+2),.preview-items td:nth-child(n+2){text-align:right}.preview-summary{margin-top:14px;margin-left:auto;width:min(320px,100%)}.preview-summary div{display:flex;justify-content:space-between;border-bottom:1px solid #d9dfe5;padding:6px 0;font-size:.92rem}.preview-summary .total-row{border:1px solid #8e959e;border-radius:4px;padding:7px 9px;margin-top:4px;background:#fafbfd}.preview-summary strong{font-variant-numeric:tabular-nums}.preview-notes{margin-top:14px}.preview-notes .capitalize{text-transform:capitalize;margin-bottom:8px}.preview-footer{margin-top:auto;border-top:1px solid #d2d8df;padding-top:10px;display:flex;justify-content:space-between;gap:12px;font-size:.85rem;color:#445262}@media(max-width:1240px){.topbar{grid-template-columns:1fr}.toolbar{justify-content:flex-start}.quick-stats{flex-wrap:wrap}.workspace{grid-template-columns:1fr}.preview-panel{position:static}}@media(max-width:680px){.app-shell{padding:12px}.ai-inbox-heading,.ai-inbox-actions{align-items:stretch;flex-direction:column}.ai-settings-fields{position:static;width:auto}.field-grid,.optional-toggle-grid,.preview-meta{grid-template-columns:1fr}.preview-footer{flex-direction:column;gap:2px}}@media print{@page{size:A4 portrait;margin:0}.topbar,.editor-panel{display:none!important}.app-shell,.workspace,.preview-panel{margin:0;padding:0;max-width:none;width:100%;display:block;position:static}.app-shell{padding:0}.workspace{display:block}.invoice-preview{font-family:PingFang TC,PingFang HK,Microsoft JhengHei,Noto Sans TC,Heiti TC,serif;border:none;border-radius:0;box-shadow:none;box-sizing:border-box;width:210mm;height:297mm;padding:12mm 12mm 20mm;min-height:0;background:#fff;margin:0;overflow:hidden;break-inside:avoid-page;page-break-inside:avoid}.preview-footer{position:absolute;left:12mm;right:12mm;bottom:8mm;margin-top:0;break-inside:avoid-page;page-break-inside:avoid}}