:root{--canvas:#f4f6f8;--surface:#fff;--surface-subtle:#f8fafc;--surface-raised:#fff;--ink:#172033;--ink-soft:#344054;--muted:#667085;--muted-light:#98a2b3;--line:#e4e7ec;--line-strong:#d0d5dd;--navy:#101828;--navy-soft:#1d2939;--primary:#2457d6;--primary-hover:#1849b5;--primary-soft:#eef4ff;--success:#087a55;--success-soft:#ecfdf3;--warning:#a15c07;--warning-soft:#fffaeb;--danger:#b42318;--danger-soft:#fef3f2;--info:#175cd3;--shadow-sm:0 1px 2px #1018280d;--shadow-md:0 8px 24px #10182814;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--sidebar-width:252px}*{box-sizing:border-box}html{background:var(--canvas);color:var(--ink);font-synthesis:none;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans TC,PingFang TC,Microsoft JhengHei,sans-serif}body{background:var(--canvas);min-width:320px;color:var(--ink);margin:0;line-height:1.5}button,input,select,textarea{color:inherit;font:inherit}button,select,input[type=checkbox]{cursor:pointer}a{color:inherit;text-decoration:none}:focus-visible{box-shadow:0 0 0 5px var(--primary);outline-offset:2px;outline:3px solid #fff}::selection{color:#12203a;background:#c7d7fe}.sr-only{clip:rect(0, 0, 0, 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip-link{background:var(--surface);border:2px solid var(--primary);color:var(--primary);z-index:100;border-radius:8px;min-height:44px;padding:10px 14px;font-size:14px;font-weight:750;transition:transform .16s;position:fixed;top:12px;left:16px;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}#main-content{scroll-margin-top:84px}.app-shell{min-height:100vh}.sidebar{background:var(--navy);color:#e4e7ec;width:var(--sidebar-width);z-index:30;border-right:1px solid #ffffff0f;flex-direction:column;padding:20px 14px;display:flex;position:fixed;top:0;bottom:0;left:0}.brand{align-items:center;gap:11px;min-height:48px;padding:0 8px 16px;display:flex}.brand-mark{color:var(--navy);letter-spacing:-.03em;background:#fff;border-radius:9px;justify-content:center;align-items:center;width:34px;height:34px;font-size:14px;font-weight:800;display:inline-flex}.brand-name{color:#fff;letter-spacing:-.01em;font-size:15px;font-weight:700;line-height:1.2}.brand-caption{color:#98a2b3;margin-top:3px;font-size:11px;font-weight:500;display:block}.nav-section{margin-top:18px}.nav-label{color:#667085;letter-spacing:.09em;text-transform:uppercase;padding:0 11px 7px;font-size:10px;font-weight:700}.nav-list{gap:3px;margin:0;padding:0;list-style:none;display:grid}.nav-link{color:#d0d5dd;border-radius:8px;align-items:center;gap:11px;min-height:44px;padding:9px 11px;font-size:14px;font-weight:550;transition:background-color .18s,color .18s;display:flex}.nav-link:hover,.nav-link[data-active=true]{background:var(--navy-soft);color:#fff}.nav-link[data-active=true]{box-shadow:inset 3px 0 #84adff}.nav-link svg{flex:none}.sidebar-foot{border-top:1px solid #ffffff14;margin-top:auto;padding:16px 8px 0}.mvp-note{color:#98a2b3;font-size:11px;line-height:1.55}.workspace{margin-left:var(--sidebar-width);min-height:100vh}.topbar{border-bottom:1px solid var(--line);z-index:20;background:#fffffff0;justify-content:space-between;align-items:center;gap:16px;height:72px;padding:0 28px;display:flex;position:sticky;top:0}.org-block{min-width:0}.org-name{text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:700;overflow:hidden}.org-meta{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin-top:1px;font-size:12px;overflow:hidden}.topbar-actions{align-items:center;gap:10px;display:flex}.org-select{appearance:none;background:var(--surface) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23667085' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 10px center;border:1px solid var(--line-strong);border-radius:8px;min-width:180px;min-height:44px;padding:0 36px 0 12px;font-size:13px}.page-wrap{max-width:1540px;margin:0 auto;padding:28px}.section-gap{margin-top:16px}.demo-banner{background:var(--primary-soft);border-radius:var(--radius-md);color:#1849a9;border:1px solid #c7d7fe;align-items:center;gap:12px;margin-bottom:20px;padding:12px 14px;display:flex}.demo-banner>svg{flex:none}.demo-banner>div{flex:1;gap:1px;display:grid}.demo-banner strong{color:#153e9f;font-size:13px}.demo-banner span:not(.badge){font-size:12px}.page-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:24px;display:flex}.page-eyebrow{color:var(--primary);letter-spacing:.08em;text-transform:uppercase;margin-bottom:6px;font-size:11px;font-weight:800}.page-title{letter-spacing:-.035em;margin:0;font-size:clamp(24px,3vw,34px);font-weight:720;line-height:1.15}.page-description{color:var(--muted);max-width:720px;margin:8px 0 0;font-size:14px}.actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.button{border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:0 14px;font-size:13px;font-weight:650;transition:background-color .18s,border-color .18s,color .18s,box-shadow .18s;display:inline-flex}.button-primary{background:var(--primary);color:#fff;box-shadow:var(--shadow-sm)}.button-primary:hover{background:var(--primary-hover)}.button-secondary{background:var(--surface);border-color:var(--line-strong);color:var(--ink-soft)}.button-secondary:hover{background:var(--surface-subtle);border-color:#98a2b3}.button-danger{background:var(--danger-soft);color:var(--danger);border-color:#fecdca}.button:disabled{cursor:not-allowed;opacity:.55}.icon-button{background:var(--surface);border:1px solid var(--line);color:var(--ink-soft);border-radius:8px;justify-content:center;align-items:center;width:44px;height:44px;transition:background-color .18s,border-color .18s;display:inline-flex}.icon-button:hover{background:var(--surface-subtle);border-color:var(--line-strong)}.grid{gap:16px;display:grid}.kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.two-column-grid{grid-template-columns:minmax(0,1.5fr) minmax(300px,.75fr)}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.card-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:14px;min-height:62px;padding:14px 18px;display:flex}.card-title{margin:0;font-size:15px;font-weight:700}.card-description{color:var(--muted);margin:3px 0 0;font-size:12px}.card-body{padding:18px}.card-footer{border-top:1px solid var(--line);justify-content:flex-end;padding:14px 18px}.demo-task-list{padding:4px 18px;display:grid}.demo-task{border-bottom:1px solid var(--line);grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:72px;padding:10px 0;display:grid}.demo-task:last-child{border-bottom:0}.demo-task:hover strong{color:var(--primary)}.demo-task-icon{background:var(--primary-soft);color:var(--primary);border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;display:inline-flex}.demo-task strong,.demo-task small{display:block}.demo-task strong{font-size:13px;transition:color .16s}.demo-task small{color:var(--muted);margin-top:2px;font-size:12px}.invoice-form-alert{margin:0 18px 14px}.invoice-review-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.kpi-card{min-height:146px;padding:18px;position:relative}.kpi-card:after{background:var(--primary);content:"";height:3px;position:absolute;top:0;left:18px;right:18px}.kpi-label{color:var(--muted);align-items:center;gap:7px;font-size:12px;font-weight:650;display:flex}.kpi-value{font-variant-numeric:tabular-nums;letter-spacing:-.035em;margin-top:14px;font-size:clamp(23px,2vw,30px);font-weight:720}.kpi-detail{color:var(--muted);margin-top:8px;font-size:12px}.badge{white-space:nowrap;border:1px solid #0000;border-radius:999px;align-items:center;gap:5px;min-height:24px;padding:0 8px;font-size:11px;font-weight:700;line-height:1;display:inline-flex}.badge-draft,.badge-neutral{color:#475467;background:#f2f4f7;border-color:#e4e7ec}.badge-pending,.badge-warning{background:var(--warning-soft);color:var(--warning);border-color:#fedf89}.badge-approved,.badge-info{background:var(--primary-soft);color:var(--info);border-color:#c7d7fe}.badge-posted,.badge-success{background:var(--success-soft);color:var(--success);border-color:#abefc6}.badge-reversed,.badge-danger{background:var(--danger-soft);color:var(--danger);border-color:#fecdca}.table-wrap{overflow-x:auto}.data-table{border-collapse:collapse;width:100%;min-width:720px;font-size:13px}.data-table th,.data-table td{border-bottom:1px solid var(--line);text-align:left;vertical-align:middle;padding:13px 16px}.data-table th{background:var(--surface-subtle);color:var(--muted);letter-spacing:.06em;text-transform:uppercase;font-size:10px;font-weight:750}.data-table tbody tr{transition:background-color .16s}.data-table tbody tr:hover{background:#f9fafb}.data-table tbody tr:last-child td{border-bottom:0}.numeric{font-variant-numeric:tabular-nums;white-space:nowrap;text-align:right!important}.account-code,.hash-value,.journal-no,.mono{font-variant-numeric:tabular-nums;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px}.journal-no{color:var(--primary);font-weight:700}.table-subtext{color:var(--muted);margin-top:3px;font-size:11px;display:block}.inline-action{color:var(--primary);white-space:nowrap;align-items:center;gap:5px;min-height:44px;padding:0 4px;font-size:12px;font-weight:750;display:inline-flex}.inline-action:hover{color:var(--primary-hover);text-underline-offset:3px;text-decoration:underline}.einvoice-card-list{display:none}.einvoice-list-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);padding:14px}.einvoice-list-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.einvoice-list-card dl{margin:12px 0;display:grid}.einvoice-list-card dl>div{border-bottom:1px solid var(--line);justify-content:space-between;align-items:start;gap:16px;padding:8px 0;display:flex}.einvoice-list-card dt{color:var(--muted);font-size:12px}.einvoice-list-card dd{text-align:right;margin:0;font-size:13px;font-weight:650}.einvoice-list-card .button{width:100%}.empty-state{color:var(--muted);text-align:center;padding:48px 24px}.empty-state svg{color:var(--muted-light);margin-bottom:12px}.empty-state h3{color:var(--ink);margin:0 0 6px;font-size:16px}.empty-state p{max-width:480px;margin:0 auto 18px;font-size:13px}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.field{gap:6px;display:grid}.field-full{grid-column:1/-1}.field label{color:var(--ink-soft);font-size:12px;font-weight:650}.field input,.field select,.field textarea{background:var(--surface);border:1px solid var(--line-strong);border-radius:8px;width:100%;min-height:44px;padding:9px 11px}.field textarea{resize:vertical;min-height:90px}.field input:hover,.field select:hover,.field textarea:hover{border-color:#98a2b3}.field-help,.form-error{color:var(--muted);font-size:11px}.posting-preview{background:var(--surface-subtle);border:1px solid var(--line);border-radius:var(--radius-md);padding:14px}.posting-preview h3{margin:0 0 8px;font-size:13px}.posting-preview dl{margin:0;display:grid}.posting-preview dl>div{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;min-height:38px;display:flex}.posting-preview dt{color:var(--muted);font-size:12px}.posting-preview dd{font-variant-numeric:tabular-nums;margin:0;font-size:13px;font-weight:700}.posting-preview p{color:var(--muted);margin:10px 0 0;font-size:11px}.rejection-panel{background:var(--danger-soft);border-top:1px solid #fecdca;gap:12px;padding:18px;display:grid}.rejection-panel .actions{justify-content:flex-end}.journal-lines-wrap{padding:4px 18px 10px;overflow-x:auto}.journal-line{border-bottom:1px solid var(--line);grid-template-columns:minmax(210px,1fr) minmax(220px,1.2fr) minmax(130px,.62fr) minmax(130px,.62fr) 44px;align-items:end;gap:10px;min-width:900px;padding:10px 0;display:grid}.journal-line-head{background:var(--surface-subtle);color:var(--muted);letter-spacing:.06em;text-transform:uppercase;align-items:center;margin:0 -18px;padding:11px 18px;font-size:10px;font-weight:750}.journal-totals{background:var(--surface-subtle);justify-content:flex-end;align-items:center;gap:28px;padding:16px 18px;display:flex}.journal-totals>div{text-align:right;gap:2px;display:grid}.journal-totals span{color:var(--muted);font-size:11px}.journal-totals strong{font-variant-numeric:tabular-nums;font-size:15px}.form-error{color:var(--danger)}.alert{border-radius:var(--radius-md);border:1px solid;align-items:flex-start;gap:10px;padding:12px 14px;font-size:13px;display:flex}.alert-warning{background:var(--warning-soft);color:#7a2e0e;border-color:#fedf89}.alert-info{background:var(--primary-soft);color:#1849a9;border-color:#c7d7fe}.alert-danger{background:var(--danger-soft);color:var(--danger);border-color:#fecdca}.demo-limit-alert{margin-bottom:16px}.demo-limit-alert svg{flex:none}.demo-result-alert{flex-wrap:wrap;justify-content:space-between;align-items:center}.demo-result-alert>span{flex:260px}.demo-result-alert strong{margin-bottom:2px;display:block}.status-list{gap:2px;margin:0;padding:0;list-style:none;display:grid}.status-list li{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;min-height:54px;padding:9px 2px;display:flex}.status-list li:last-child{border-bottom:0}.status-label{align-items:center;gap:9px;font-size:13px;display:flex}.status-label svg{color:var(--success)}.workflow-list{gap:0;margin:0;padding:0;list-style:none;display:grid}.workflow-list li{border-bottom:1px solid var(--line);align-items:flex-start;gap:12px;padding:13px 0;display:flex}.workflow-list li:last-child{border-bottom:0}.workflow-list svg{color:var(--primary);flex:none;margin-top:2px}.workflow-list strong,.workflow-list small{display:block}.workflow-list strong{font-size:13px}.workflow-list small{color:var(--muted);margin-top:2px;font-size:11px}.filter-bar{grid-template-columns:minmax(240px,1fr) minmax(150px,.36fr) minmax(150px,.36fr) auto;align-items:end;gap:12px;padding:16px;display:grid}.closing-grid,.report-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.statement-list,.detail-list{gap:0;margin:0;display:grid}.statement-list>div,.detail-list>div{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;min-height:48px;display:flex}.statement-list>div:last-child,.detail-list>div:last-child{border-bottom:0}.statement-list span,.detail-list dt{color:var(--muted);font-size:12px}.statement-list strong,.detail-list dd{font-variant-numeric:tabular-nums;text-align:right;margin:0;font-size:14px;font-weight:700}.statement-list .statement-total{border-top:2px solid var(--line-strong);margin-top:4px}.technical-details{height:100%}.technical-details summary{cursor:pointer;justify-content:space-between;align-items:center;gap:14px;min-height:62px;padding:14px 18px;list-style:none;display:flex}.technical-details summary::-webkit-details-marker{display:none}.technical-details summary strong,.technical-details summary small{display:block}.technical-details summary strong{font-size:15px}.technical-details summary small{color:var(--muted);margin-top:3px;font-size:12px;font-weight:400}.technical-details[open] summary{border-bottom:1px solid var(--line)}.technical-alert-wrap{border-top:1px solid var(--line);padding-top:0}.feature-list.compact{margin-bottom:0}.start-page{background:#f8fafc;min-height:100vh;padding:28px}.start-shell{grid-template-columns:minmax(0,1.08fr) minmax(420px,.92fr);gap:0;max-width:1280px;min-height:calc(100vh - 56px);margin:0 auto;display:grid}.start-intro{background:var(--navy);color:#fff;border-radius:18px 0 0 18px;flex-direction:column;justify-content:space-between;padding:clamp(34px,6vw,72px);display:flex;position:relative;overflow:hidden}.start-intro:after{content:"";border:1px solid #ffffff17;border-radius:50%;width:520px;height:520px;position:absolute;top:-210px;right:-250px}.start-kicker{color:#84adff;letter-spacing:.1em;text-transform:uppercase;font-size:11px;font-weight:800}.start-title{letter-spacing:-.055em;max-width:720px;margin:26px 0 22px;font-size:clamp(38px,5.4vw,70px);line-height:.98}.start-lead{color:#d0d5dd;max-width:640px;margin:0;font-size:clamp(16px,1.6vw,20px);line-height:1.65}.start-flow{z-index:1;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:58px;margin-bottom:0;padding:0;list-style:none;display:grid;position:relative}.start-flow-step{color:#98a2b3;border-top:1px solid #ffffff40;padding-top:12px;font-size:11px}.start-flow-step strong{color:#fff;margin-bottom:3px;font-size:13px;display:block}.start-panel{border:1px solid var(--line);background:#fff;border-left:0;border-radius:0 18px 18px 0;align-items:center;padding:clamp(32px,5vw,70px);display:flex}.start-card{width:100%}.start-card h2{letter-spacing:-.035em;margin:0 0 8px;font-size:28px}.start-card>p{color:var(--muted);margin:0 0 28px;font-size:14px}.feature-list{gap:0;margin:0 0 26px;padding:0;list-style:none;display:grid}.feature-list li{border-bottom:1px solid var(--line);align-items:flex-start;gap:12px;padding:13px 0;font-size:13px;display:flex}.feature-list svg{color:var(--success);flex:none;margin-top:2px}.start-button{width:100%;min-height:50px}.legal-note{color:var(--muted);margin-top:16px;font-size:11px;line-height:1.6}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.mobile-nav{display:none}@media (max-width:1100px){.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.two-column-grid,.closing-grid,.settings-grid,.invoice-review-grid,.start-shell{grid-template-columns:1fr}.start-intro,.start-panel{border-radius:0}.start-intro{border-radius:18px 18px 0 0;min-height:460px}.start-panel{border-left:1px solid var(--line);border-radius:0 0 18px 18px}}@media (max-width:820px){.sidebar{display:none}.workspace{padding-bottom:calc(78px + env(safe-area-inset-bottom));margin-left:0}.topbar{height:64px;padding:0 16px}.org-select{min-width:146px;max-width:48vw}.mobile-nav{background:var(--navy);padding:6px 4px max(6px, env(safe-area-inset-bottom));z-index:50;grid-template-columns:repeat(5,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.mobile-nav .nav-link{white-space:nowrap;flex-direction:column;justify-content:center;gap:3px;min-height:54px;padding:5px 2px;font-size:10px}.mobile-nav .nav-link[data-active=true]{box-shadow:inset 0 3px #84adff}.page-wrap{padding:20px 16px}.page-header{display:block}.page-header .actions,.page-header>.button{margin-top:16px}.filter-bar,.report-grid{grid-template-columns:1fr}}@media (max-width:600px){.kpi-grid,.form-grid{grid-template-columns:1fr}.field-full{grid-column:auto}.kpi-card{min-height:128px}.card-header{flex-wrap:wrap;align-items:flex-start}.card-header .actions{width:100%}.card-header .actions .button{flex:1}.card-footer.actions .button,.page-header .actions .button{flex:100%}.demo-banner{flex-wrap:wrap;align-items:flex-start}.demo-banner>div{min-width:calc(100% - 36px)}.demo-banner>.badge{margin-left:32px}.demo-task{grid-template-columns:40px minmax(0,1fr);align-items:start;padding:14px 0}.demo-task>.badge{grid-column:2;justify-self:start}.einvoice-desktop-table{display:none}.einvoice-card-list{background:var(--surface-subtle);gap:12px;padding:12px;display:grid}.detail-list>div{align-items:flex-start}.detail-list dd{overflow-wrap:anywhere;max-width:62%}.demo-result-alert .button{width:100%}.rejection-panel .actions .button{flex:1}.start-page{padding:0}.start-shell{min-height:100vh}.start-intro,.start-panel{border:0;border-radius:0}.start-intro{min-height:auto;padding:24px}.start-kicker{margin-top:28px!important}.start-title{margin:18px 0 16px;font-size:clamp(32px,10vw,44px);line-height:1.02}.start-lead{font-size:15px}.start-panel{padding:38px 24px}.start-flow{display:none}}@media (max-width:390px){.topbar{gap:8px;padding:0 12px}.org-meta{font-size:11px}.topbar .badge{padding:0 7px}.mobile-nav .nav-link{font-size:9px}.page-wrap{padding-left:12px;padding-right:12px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}.spin{animation:none!important}}