:root{--ink:#17231f;--ink-soft:#53625c;--ink-muted:#75817c;--canvas:#eef1ec;--surface:#fff;--surface-soft:#f5f7f3;--surface-tint:#e7efea;--line:#dce2de;--line-strong:#c8d1cc;--accent:#1f604d;--accent-deep:#164637;--accent-soft:#dcebe4;--danger:#a33a32;--warning:#9a640e;--shadow:0 18px 50px #1f3d3117;--radius-card:16px;--radius-control:8px;--sidebar-width:248px}*{box-sizing:border-box}html{background:var(--canvas)}body{color:var(--ink);background:radial-gradient(circle at 92% 3%, #c7dbd073, transparent 24rem), var(--canvas);-webkit-font-smoothing:antialiased;margin:0;font-family:Segoe UI Variable,Microsoft YaHei UI,PingFang SC,Noto Sans CJK SC,sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}.app-provider{min-height:100dvh;background:0 0!important}.fui-Button,.fui-Input{border-radius:var(--radius-control)!important}.console-shell{min-height:100dvh}.console-sidebar{z-index:30;width:var(--sidebar-width);color:#edf4f0;background:linear-gradient(#ffffff09,#0000 30%),#173b30;border-right:1px solid #ffffff14;flex-direction:column;display:flex;position:fixed;inset:0 auto 0 0}.sidebar-brand{padding:28px 22px 24px}.brand-lockup{align-items:center;gap:12px;min-width:0;display:inline-flex}.brand-lockup>span:last-child{line-height:1.15;display:grid}.brand-lockup strong{letter-spacing:.08em;font-size:17px}.brand-lockup small{color:#a8beb4;letter-spacing:.05em;margin-top:5px;font-size:11px;font-weight:400}.brand-mark{color:#173b30;background:#dcebe4;border-radius:11px;flex:0 0 40px;place-items:center;width:40px;height:40px;font-size:18px;font-weight:800;display:grid!important}.sidebar-nav{gap:5px;padding:10px 13px;display:grid}.nav-link{color:#b9cac3;border-radius:10px;align-items:center;gap:12px;min-height:46px;padding:0 13px;font-size:14px;transition:color .18s,background .18s,transform .18s;display:flex;position:relative}.nav-link svg{width:21px;height:21px}.nav-link:hover{color:#fff;background:#ffffff12}.nav-link:active{transform:translateY(1px)}.nav-link.is-active{color:#fff;background:#dcebe424}.nav-link.is-active:before{content:"";background:#b8d8c9;border-radius:0 3px 3px 0;width:3px;position:absolute;top:12px;bottom:12px;left:-13px}.sidebar-account{background:#ffffff0b;border:1px solid #ffffff1a;border-radius:13px;grid-template-columns:36px minmax(0,1fr);align-items:center;gap:10px;margin:auto 15px 18px;padding:14px;display:grid}.company-avatar{color:#173b30;background:#c9dfd4;border-radius:10px;place-items:center;width:36px;height:36px;font-weight:700;display:grid}.sidebar-account>div:last-child{min-width:0;display:grid}.sidebar-account strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.sidebar-account span{color:#9fb5ab;margin-top:3px;font-size:11px}.console-main{min-height:100dvh;margin-left:var(--sidebar-width)}.mobile-header,.sidebar-scrim{display:none}.page-frame{width:min(1180px,100% - 64px);margin:0 auto;padding:48px 0 64px}.page-frame-wide{width:min(1500px,100% - 48px)}.page-heading{margin-bottom:28px}.heading-with-action{justify-content:space-between;align-items:flex-start;gap:28px;display:flex}.page-heading h1{letter-spacing:-.035em;max-width:760px;margin:5px 0 10px;font-size:clamp(28px,3.3vw,44px);line-height:1.12}.page-heading p{max-width:720px;color:var(--ink-soft);margin:0;font-size:15px;line-height:1.7}.page-heading .context-label{color:var(--accent);letter-spacing:.09em;font-size:12px;font-weight:700}.heading-with-action>.fui-Badge{white-space:nowrap;margin-top:8px}.metric-grid{grid-template-columns:1.05fr .8fr .8fr 1.35fr;gap:12px;display:grid}.metric{border-radius:var(--radius-card);background:#ffffffe0;border:1px solid #cdd7d1e6;min-height:178px;padding:22px;box-shadow:0 7px 24px #1d3a2f0a}.metric-primary{color:#eef6f2;background:linear-gradient(145deg,#1f604d,#194b3c);border-color:#0000}.metric-icon{width:38px;height:38px;color:var(--accent);background:var(--accent-soft);border-radius:10px;place-items:center;margin-bottom:20px;display:grid}.metric-primary .metric-icon{color:#e4f1eb;background:#ffffff21}.metric>span,.metric>div>span{color:var(--ink-soft);font-size:12px;display:block}.metric-primary>span{color:#bad3c8}.metric>strong{letter-spacing:-.04em;margin:2px 0;font-size:34px;line-height:1.1;display:block}.metric small{color:var(--ink-muted);font-size:11px}.metric-primary small{color:#aac4b9}.metric-wide{background:linear-gradient(135deg,#fff,#f4f8f5);flex-direction:column;justify-content:space-between;display:flex}.metric-wide .status-copy{letter-spacing:-.01em;margin:8px 0 2px;font-size:17px;display:block}.inline-action,.primary-link,.secondary-link{align-items:center;gap:7px;width:fit-content;font-size:13px;font-weight:650;transition:transform .18s,color .18s,background .18s;display:inline-flex}.inline-action,.secondary-link{color:var(--accent)}.inline-action:hover,.secondary-link:hover{color:var(--accent-deep)}.inline-action:active,.primary-link:active,.secondary-link:active{transform:translateY(1px)}.primary-link{color:#fff;background:var(--accent);border-radius:var(--radius-control);padding:10px 14px}.primary-link:hover{background:var(--accent-deep)}.dashboard-columns{grid-template-columns:1.12fr .88fr;gap:14px;margin-top:14px;display:grid}.panel{border:1px solid var(--line);border-radius:var(--radius-card);background:#ffffffe6;padding:24px;box-shadow:0 7px 24px #1d3a2f0a}.panel-feature{background:linear-gradient(145deg,#f9fbf8,#ecf3ee)}.panel-heading{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.panel-heading>svg{width:34px;height:34px;color:var(--accent)}.panel-heading h2,.integration-strip h2,.next-action-panel h2{letter-spacing:-.015em;margin:0 0 7px;font-size:18px}.panel-heading p,.integration-strip p,.next-action-panel p{color:var(--ink-soft);margin:0;font-size:13px;line-height:1.6}.panel-heading.compact{align-items:center}.workflow-list{gap:13px;margin:26px 0 24px;display:grid}.workflow-list>div{grid-template-columns:24px 1fr;align-items:start;gap:10px;display:grid}.workflow-list svg{color:var(--accent)}.workflow-list span{display:grid}.workflow-list strong{font-size:13px}.workflow-list small{color:var(--ink-muted);margin-top:3px;font-size:11px}.document-stack{gap:4px;margin-top:18px;display:grid}.document-row{grid-template-columns:38px 1fr auto;align-items:center;gap:11px;padding:12px 0;display:grid}.document-row+.document-row{border-top:1px solid var(--line)}.document-symbol{width:38px;height:38px;color:var(--accent);background:var(--surface-tint);border-radius:10px;place-items:center;display:grid}.document-row>div:nth-child(2){display:grid}.document-row strong{font-size:13px}.document-row span{color:var(--ink-muted);margin-top:3px;font-size:11px}.document-row time{color:var(--ink-muted);align-items:center;gap:4px;font-size:10px;display:flex}.integration-strip,.next-action-panel{border:1px solid var(--line);border-radius:var(--radius-card);background:#ffffffb3;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;margin-top:14px;padding:20px 22px;display:grid}.integration-mark{width:44px;height:44px;color:var(--accent);background:var(--accent-soft);border-radius:12px;place-items:center;display:grid}.records-heading{margin-bottom:20px}.print-workbench{grid-template-columns:minmax(0,1.45fr) minmax(360px,.65fr);align-items:start;gap:14px;display:grid}.records-panel,.preview-panel{border:1px solid var(--line);border-radius:var(--radius-card);background:#ffffffeb;overflow:hidden;box-shadow:0 8px 30px #1b372c0d}.records-toolbar{border-bottom:1px solid var(--line);gap:10px;padding:16px 18px;display:flex}.records-toolbar .fui-Input{background:var(--surface-soft);flex:1;min-width:220px}.select-field{min-width:138px;color:var(--ink-soft);background:var(--surface-soft);border:1px solid var(--line-strong);border-radius:var(--radius-control);align-items:center;gap:6px;padding:0 10px;display:flex}.select-field select{width:100%;height:30px;color:var(--ink);background:0 0;border:0;outline:0}.selection-bar{border-bottom:1px solid var(--line);min-height:48px;color:var(--ink-soft);background:#f8faf7;align-items:center;gap:12px;padding:8px 18px;font-size:12px;display:flex}.selection-bar>span{margin-left:auto}.selection-bar strong{color:var(--accent)}.records-table-wrap{overflow-x:auto}.records-table{border-collapse:collapse;table-layout:fixed;width:100%;min-width:880px}.records-table th{color:var(--ink-muted);border-bottom:1px solid var(--line);text-align:left;background:#fff;padding:11px 9px;font-size:11px;font-weight:600}.records-table td{color:var(--ink-soft);vertical-align:middle;border-bottom:1px solid #e7ebe8;padding:12px 9px;font-size:12px}.records-table tbody tr{cursor:pointer;transition:background .15s}.records-table tbody tr:hover{background:#f5f8f5}.records-table tbody tr.is-previewing{background:#edf4f0}.records-table th:first-child,.records-table td:first-child{text-align:center;width:44px}.records-table th:nth-child(2){width:138px}.records-table th:nth-child(3){width:220px}.records-table th:nth-child(4){width:88px}.records-table th:nth-child(5){width:82px}.records-table th:nth-child(6){width:100px}.records-table th:nth-child(7){width:110px}.records-table td:nth-child(3){display:grid}.records-table td:nth-child(3) strong{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.records-table td:nth-child(3) span{color:var(--ink-muted);margin-top:3px;font-size:10px}.record-link{color:var(--accent);cursor:pointer;background:0 0;border:0;padding:0;font-family:Consolas,Cascadia Mono,monospace;font-size:11px}.numeric{font-variant-numeric:tabular-nums;color:var(--ink)!important}.empty-state{min-height:260px;color:var(--ink-muted);align-content:center;place-items:center;gap:8px;display:grid}.empty-state svg{width:30px;height:30px}.empty-state strong{color:var(--ink)}.empty-state span{font-size:12px}.preview-panel{position:sticky;top:18px}.preview-toolbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:62px;padding:12px 16px;display:flex}.preview-toolbar>div{align-items:center;gap:9px;display:flex}.preview-toolbar svg{color:var(--accent)}.preview-toolbar span{display:grid}.preview-toolbar strong{font-size:12px}.preview-toolbar small{color:var(--ink-muted);margin-top:2px;font-size:10px}.paper-preview{aspect-ratio:210/270;color:#18241f;background:#fff;border:1px solid #d9dfdc;width:calc(100% - 30px);margin:15px auto;padding:20px 18px;font-size:8px;overflow:hidden;box-shadow:0 12px 34px #142f251f}.paper-preview header{border-bottom:2px solid var(--accent);justify-content:space-between;padding-bottom:8px;display:flex}.paper-preview header span{font-weight:700}.paper-preview header h2{margin:2px 0 0;font-size:20px;line-height:1}.paper-preview header>div:last-child{justify-items:end;gap:4px;display:grid}.paper-preview header em{color:var(--accent);border:1px solid var(--accent);border-radius:999px;padding:2px 6px;font-style:normal}.paper-preview header code{color:var(--ink);font-size:8px}.preview-customer{grid-template-columns:1.4fr .6fr;gap:12px;padding:14px 0 11px;display:grid}.preview-customer>div{gap:3px;display:grid}.preview-customer small,.preview-note small{color:#718079}.preview-customer strong{font-size:10px}.preview-customer span{color:#53625c}.paper-preview table{border-collapse:collapse;width:100%}.paper-preview th{color:#fff;background:var(--accent);text-align:left;padding:5px}.paper-preview th:nth-child(2),.paper-preview th:nth-child(3),.paper-preview td:nth-child(2),.paper-preview td:nth-child(3){text-align:right}.paper-preview td{vertical-align:top;border-bottom:1px solid #dde3df;padding:6px 5px}.paper-preview td:first-child{gap:2px;display:grid}.paper-preview td span{color:#738079}.preview-total{justify-content:flex-end;align-items:baseline;gap:20px;padding:12px 0;display:flex}.preview-total strong{color:var(--accent-deep);font-size:14px}.preview-note{background:#f0f4f1;border-radius:5px;gap:3px;min-height:44px;padding:7px;display:grid}.paper-preview footer{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:20px;display:grid}.paper-preview footer span{color:#718079;text-align:center;border-bottom:1px solid #8e9994;padding-top:18px}.preview-actions{border-top:1px solid var(--line);padding:14px 16px 16px}.download-button{color:#fff;background:var(--accent);border-radius:var(--radius-control);justify-content:center;align-items:center;gap:8px;min-height:42px;font-size:13px;font-weight:650;transition:background .18s,transform .18s;display:flex}.download-button:hover{background:var(--accent-deep)}.download-button:active{transform:translateY(1px)}.download-button.is-disabled{color:#8b9791;cursor:not-allowed;background:#e6eae7}.preview-actions p{color:var(--ink-muted);text-align:center;margin:9px 2px 0;font-size:10px;line-height:1.5}.template-grid{grid-template-columns:1.1fr 1fr .8fr;gap:14px;display:grid}.template-card{border:1px solid var(--line);border-radius:var(--radius-card);background:#ffffffe6;min-height:360px;overflow:hidden}.template-sheet{min-height:190px;color:var(--accent);background:linear-gradient(145deg,#e2eee8,#f4f7f3);align-content:start;gap:12px;padding:28px;display:grid}.template-card-2 .template-sheet{background:linear-gradient(145deg,#e9eeec,#f8f9f7)}.template-sheet svg{width:34px;height:34px}.template-sheet span{color:var(--ink-soft);font-size:11px}.template-sheet i{background:#1f604d29;border-radius:2px;width:76%;height:6px;display:block}.template-sheet i:nth-of-type(2){width:90%}.template-sheet i:nth-of-type(3){width:54%}.template-copy{padding:20px}.template-copy>div{color:var(--ink-muted);justify-content:space-between;display:flex}.template-copy h2,.template-placeholder h2{margin:15px 0 7px;font-size:17px}.template-copy p,.template-placeholder p{color:var(--ink-soft);margin:0;font-size:12px;line-height:1.6}.template-copy small{color:var(--ink-muted);margin-top:18px;display:block}.template-placeholder{background:0 0;border-style:dashed;flex-direction:column;justify-content:flex-end;padding:24px;display:flex}.template-placeholder>span{color:var(--accent);font-size:11px;font-weight:700}.jobs-panel{padding:0;overflow:hidden}.jobs-summary{border-bottom:1px solid var(--line);background:#f3f7f4;justify-content:space-between;align-items:center;gap:24px;padding:22px 24px;display:flex}.jobs-summary>div{align-items:center;gap:11px;display:flex}.jobs-summary svg{color:var(--accent)}.jobs-summary span{display:grid}.jobs-summary strong{font-size:23px}.jobs-summary small{color:var(--ink-muted)}.jobs-summary p{color:var(--ink-soft);margin:0;font-size:12px}.job-list article{grid-template-columns:38px minmax(0,1fr) 140px 80px;align-items:center;gap:12px;padding:17px 24px;display:grid}.job-list article+article{border-top:1px solid var(--line)}.job-icon{border-radius:10px;place-items:center;width:36px;height:36px;display:grid}.job-completed{color:var(--accent);background:var(--accent-soft)}.job-failed{color:var(--danger);background:#f6e7e5}.job-list article>div:nth-child(2){display:grid}.job-list article>div:nth-child(2) strong{font-size:13px}.job-list article>div:nth-child(2) span,.job-list time{color:var(--ink-muted);margin-top:3px;font-size:11px}.security-notice{color:#513c0e;border-radius:var(--radius-card);background:#fff8df;border:1px solid #ead99d;grid-template-columns:34px 1fr;gap:12px;margin-bottom:16px;padding:16px 18px;display:grid}.security-notice svg{color:var(--warning)}.notice-symbol{color:#fff;background:var(--warning);border-radius:7px;place-items:center;width:34px;height:26px;font-size:10px;font-weight:700;display:grid}.security-notice strong{font-size:13px}.security-notice p{color:#725f2d;margin:4px 0 0;font-size:12px;line-height:1.6}.security-notice code{color:#4a3a15;background:#ffffffa6;border-radius:4px;padding:1px 5px}.integration-mode-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.integration-mode{border:1px solid var(--line);border-radius:var(--radius-card);background:#ffffffeb;padding:24px}.integration-mode>header{grid-template-columns:44px 1fr;gap:12px;display:grid}.integration-mode-icon{width:44px;height:44px;color:var(--accent);background:var(--accent-soft);border-radius:12px;place-items:center;display:grid}.integration-mode-text{letter-spacing:.02em;font-size:11px;font-weight:800}.integration-mode h2{margin:0 0 5px;font-size:17px}.integration-mode p{color:var(--ink-soft);margin:0;font-size:12px;line-height:1.55}.readiness{border-top:1px solid var(--line);color:var(--ink-soft);justify-content:space-between;align-items:center;margin:22px 0 8px;padding-top:16px;font-size:12px;display:flex}.readiness strong{color:var(--ink);font-size:13px}.credential-list{gap:3px;display:grid}.credential-list>div{justify-content:space-between;align-items:center;padding:8px 0;display:flex}.credential-list>div>span{align-items:center;gap:7px;font-size:12px;display:inline-flex}.credential-list svg{color:var(--warning)}.plain-badge{border-radius:999px;align-items:center;width:fit-content;min-height:22px;padding:2px 8px;font-size:11px;font-weight:650;display:inline-flex}.plain-badge.is-warning{color:#6e4b0d;background:#fff2c6;border:1px solid #e5d18f}.plain-badge.is-success{color:#174d3c;background:#e1f1e9;border:1px solid #b8d9ca}.check-symbol,.pending-symbol{border-radius:6px;flex:0 0 18px;place-items:center;width:18px;height:18px;font-size:11px;font-weight:800;display:inline-grid}.check-symbol{color:#fff;background:var(--accent)}.pending-symbol{color:#fff;background:var(--warning)}.key-symbol{min-width:34px;height:20px;color:var(--accent);background:var(--accent-soft);border-radius:6px;place-items:center;font-size:9px;font-weight:700;display:inline-grid}.integration-mode ol{border-top:1px solid var(--line);color:var(--ink-soft);gap:8px;margin:18px 0 0;padding:16px 0 0 20px;font-size:11px;line-height:1.6;display:grid}.access-checklist{margin-top:14px}.checklist-columns{grid-template-columns:1fr 1fr;gap:34px;margin-top:20px;display:grid}.checklist-columns h3{margin:0 0 12px;font-size:13px}.checklist-columns ul{gap:10px;margin:0;padding:0;list-style:none;display:grid}.checklist-columns li{color:var(--ink-soft);align-items:center;gap:8px;font-size:12px;display:flex}.checklist-columns li svg{color:var(--accent)}.next-action-panel{background:linear-gradient(135deg,#e8f1ec,#f6f8f5)}.next-action-panel>div>strong{color:var(--accent);font-size:11px}.next-action-panel h2{margin-top:5px}.page-loading{width:min(1100px,100% - 48px);margin-left:calc(var(--sidebar-width) + 32px);padding-top:58px}.loading-line{background:#dce3df;border-radius:5px;height:13px;margin-bottom:12px;animation:1.4s ease-in-out infinite pulse}.loading-line-short{width:90px}.loading-line-title{width:340px;height:36px}.loading-grid{grid-template-columns:repeat(4,1fr);gap:12px;margin-top:34px;display:grid}.loading-grid span{border-radius:var(--radius-card);background:#e1e6e3;height:170px;animation:1.4s ease-in-out infinite pulse}.route-error{text-align:center;align-content:center;place-items:center;gap:10px;width:min(520px,100% - 40px);min-height:100dvh;margin:auto;display:grid}.route-error>svg{width:42px;height:42px;color:var(--danger)}.route-error h2{margin:4px 0 0}.route-error p{color:var(--ink-soft);margin:0 0 10px}@keyframes pulse{0%,to{opacity:.55}50%{opacity:1}}@media (max-width:1180px){.metric-grid{grid-template-columns:1fr 1fr}.metric-wide{min-height:150px}.print-workbench{grid-template-columns:1fr}.preview-panel{position:static}.paper-preview{width:min(560px,100% - 30px)}.template-grid{grid-template-columns:1fr 1fr}.template-placeholder{min-height:220px}}@media (max-width:820px){:root{--sidebar-width:0px}.mobile-header{z-index:25;color:#fff;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#173b30f5;border-bottom:1px solid #ffffff17;justify-content:space-between;align-items:center;height:62px;padding:0 15px;display:flex;position:sticky;top:0}.mobile-header .brand-mark{border-radius:9px;flex-basis:34px;width:34px;height:34px;font-size:15px}.mobile-header .brand-lockup{font-weight:700}.mobile-header .fui-Button{color:#fff}.console-sidebar{width:260px;transition:transform .25s cubic-bezier(.16,1,.3,1);transform:translate(-105%);box-shadow:24px 0 60px #08171142}.console-sidebar.is-open{transform:translate(0)}.sidebar-scrim{z-index:29;background:#09181261;border:0;padding:0;display:block;position:fixed;inset:0}.console-main{margin-left:0}.page-frame,.page-frame-wide{width:calc(100% - 30px);padding:28px 0 48px}.page-heading h1{font-size:30px}.dashboard-columns,.integration-mode-grid,.checklist-columns{grid-template-columns:1fr}.integration-strip,.next-action-panel{grid-template-columns:auto 1fr}.integration-strip>a,.next-action-panel>a{grid-column:2}.page-loading{width:calc(100% - 30px);margin:0 auto}}@media (max-width:600px){.heading-with-action{gap:10px;display:grid}.heading-with-action>.fui-Badge{justify-self:start}.metric-grid,.template-grid{grid-template-columns:1fr}.metric{min-height:150px}.records-toolbar{display:grid}.records-toolbar .fui-Input{min-width:0}.selection-bar{flex-wrap:wrap}.selection-bar>span{width:100%;margin:0}.paper-preview{padding:16px 13px}.paper-preview header h2{font-size:16px}.preview-customer{grid-template-columns:1fr;gap:7px}.job-list article{grid-template-columns:38px minmax(0,1fr) auto}.job-list time{display:none}.jobs-summary{flex-direction:column;align-items:flex-start}.integration-strip,.next-action-panel{grid-template-columns:1fr}.integration-strip>a,.next-action-panel>a{grid-column:1}.integration-mark{display:none}.loading-grid{grid-template-columns:1fr 1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}