*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:radial-gradient(1200px 500px at 80% -10%, #0e8e8414, transparent), var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Inter,Segoe UI,system-ui,sans-serif}:root{--ink:#10243b;--ink-soft:#3a5068;--paper:#f6f2e9;--paper-line:#e4dccb;--card:#fff;--teal:#0e8e84;--teal-deep:#0a6e66;--shilling:#1f7a3d;--amber:#c8842b;--hkd:#b5283b;--line:#dce3ea;--muted:#6b7a89;--shadow:0 1px 2px #10243b0f, 0 8px 28px #10243b1a}.routebar{border-bottom:1px solid var(--paper-line);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:30;background:#ffffffb3;align-items:center;gap:14px;padding:14px 22px;display:flex;position:sticky;top:0}.brand{letter-spacing:-.02em;align-items:center;gap:9px;font-size:18px;font-weight:800;display:flex}.brand .dot{background:var(--teal);border-radius:50%;width:11px;height:11px;box-shadow:0 0 0 4px #0e8e842e}.route{color:var(--ink-soft);align-items:center;gap:9px;margin-left:auto;font-size:12.5px;font-weight:600;display:flex}.route .pin{border:1px solid var(--line);background:#fff;border-radius:999px;padding:4px 10px}.route .arrow{color:var(--teal);font-weight:800}.stepper{flex-wrap:wrap;justify-content:center;gap:6px;padding:16px;display:flex}.step{appearance:none;color:var(--muted);border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:999px;align-items:center;gap:8px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .18s;display:flex}.step .n{background:var(--paper-line);width:18px;height:18px;color:var(--ink-soft);border-radius:50%;place-items:center;font-size:11px;font-weight:800;display:grid}.step.active{color:var(--ink);border-color:var(--teal);box-shadow:0 0 0 3px #0e8e841f}.step.active .n{background:var(--teal);color:#fff}.step.done .n{background:var(--shilling);color:#fff}.stage{max-width:1000px;margin:8px auto 60px;padding:0 18px}.screen{animation:.35s fade;display:none}.screen.show{display:block}@keyframes fade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.screen-title{text-align:center;color:var(--teal-deep);letter-spacing:.04em;text-transform:uppercase;margin:6px 0 4px;font-size:13px;font-weight:700}.screen-sub{text-align:center;color:var(--muted);max-width:560px;margin:0 auto 22px;font-size:14px}.card{background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:18px}.build-body{padding:24px}.build-grid{grid-template-columns:1fr 1fr;gap:20px;margin-bottom:8px;display:grid}@media (width<=680px){.build-grid{grid-template-columns:1fr}}.build-block{border:1px solid var(--line);background:var(--paper);border-radius:12px;padding:16px}.build-block .field-lbl{margin-bottom:6px}.build-block .inp{margin-bottom:10px}.build-block .inp:last-child{margin-bottom:0}.build-block .inp{border:1px solid var(--line);width:100%;font:inherit;background:#fff;border-radius:9px;padding:9px 11px;font-size:13.5px}.build-block .inp.locked{color:#46566b;cursor:default;background:#f1f4f8;border-style:dashed}.autofill-tag{color:#0e8e84;vertical-align:middle;text-transform:none;letter-spacing:0;background:#0e8e8415;border-radius:999px;align-items:center;gap:5px;margin-left:8px;padding:2px 8px;font-size:10.5px;font-weight:700;display:inline-flex}table.build-items{border-collapse:collapse;width:100%;margin-top:6px;font-size:13.5px}table.build-items th{text-align:left;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);border-bottom:2px solid var(--ink);padding:7px 8px;font-size:10.5px}table.build-items th.r,table.build-items td.r{text-align:right}table.build-items td{border-bottom:1px solid var(--line);padding:6px 8px}table.build-items input{width:100%;font:inherit;background:#fff;border:1px solid #0000;border-radius:7px;padding:7px 8px;font-size:13.5px}table.build-items input:hover{border-color:var(--line)}table.build-items input:focus{border-color:var(--teal);outline:none;box-shadow:0 0 0 3px #0e8e841f}table.build-items input.r{text-align:right}td.amt{text-align:right;font-variant-numeric:tabular-nums;font-weight:700}.del-row{cursor:pointer;color:var(--muted);background:0 0;border:0;padding:4px;font-size:16px}.del-row:hover{color:var(--hkd)}.add-line{border:1px dashed var(--line);color:var(--teal-deep);font:inherit;cursor:pointer;background:#fff;border-radius:10px;margin-top:12px;padding:10px 14px;font-size:13px;font-weight:700}.add-line:hover{border-color:var(--teal);background:#0e8e840a}.build-totes{width:260px;margin-top:16px;margin-left:auto;font-size:14px}.build-totes .row{justify-content:space-between;padding:5px 0;display:flex}.build-totes .grand{border-top:2px solid var(--ink);margin-top:6px;padding-top:9px;font-size:18px;font-weight:800}.xero-top{border-bottom:1px solid var(--line);background:#13b5ea0d;border-radius:18px 18px 0 0;align-items:center;gap:12px;padding:16px 20px;display:flex}.xero-logo{color:#fff;background:#13b5ea;border-radius:8px;place-items:center;width:34px;height:34px;font-weight:800;display:grid}.xero-top .ttl{font-weight:700}.xero-top .draft{color:var(--amber);background:#c8842b1a;border-radius:999px;margin-left:auto;padding:5px 11px;font-size:12px;font-weight:700}.inv-body{padding:26px}.inv-head{flex-wrap:wrap;justify-content:space-between;gap:20px;margin-bottom:26px;display:flex}.inv-head h1{letter-spacing:-.02em;margin:0 0 4px;font-size:30px}.field-lbl{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-bottom:3px;font-size:11px;font-weight:700}.party{font-size:14px;line-height:1.5}.party strong{font-size:15px}table.items{border-collapse:collapse;width:100%;margin:8px 0 4px;font-size:14px}table.items th{text-align:left;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);border-bottom:2px solid var(--ink);padding:8px 10px;font-size:11px}table.items th.r,table.items td.r{text-align:right}table.items td{border-bottom:1px solid var(--line);padding:11px 10px}.totes{width:280px;margin-top:14px;margin-left:auto;font-size:14px}.totes .row{justify-content:space-between;padding:6px 0;display:flex}.totes .grand{border-top:2px solid var(--ink);margin-top:6px;padding-top:10px;font-size:19px;font-weight:800}.inv-foot{border-top:1px solid var(--line);background:var(--paper);border-radius:0 0 18px 18px;align-items:center;gap:12px;padding:18px 26px;display:flex}.hint{color:var(--muted);font-size:12.5px}.btn{cursor:pointer;font:inherit;border:0;border-radius:11px;padding:12px 20px;font-size:14px;font-weight:700;transition:all .16s}.btn-primary{background:var(--ink);color:#fff}.btn-primary:hover{background:#1c3a5c}.btn-teal{background:var(--teal);color:#fff}.btn-teal:hover{background:var(--teal-deep)}.btn-ghost{border:1px solid var(--line);color:var(--ink);background:#fff}.btn-ghost:hover{border-color:var(--ink)}.ml-auto{margin-left:auto}.lbl{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:14px 0 5px;font-size:11px;font-weight:700}.inp{border:1px solid var(--line);width:100%;font:inherit;background:#fff;border-radius:10px;padding:11px 12px;font-size:14px}.nav{justify-content:center;gap:12px;margin-top:24px;display:flex}.ta-dash{background:#fff;border:1px solid #e1e5ea;border-radius:18px;overflow:hidden;box-shadow:0 1px 2px #1a1f360f,0 12px 36px #1a1f361a}.ta-topbar{background:#1e2230;flex-wrap:wrap;align-items:center;gap:22px;min-height:60px;padding:0 24px;display:flex}.xero-mark{color:#fff;align-items:center;gap:10px;padding:18px 0;font-size:19px;font-weight:700;display:flex}.xero-mark .badge{color:#fff;background:#13b5ea;border-radius:50%;place-items:center;width:30px;height:30px;font-size:16px;font-weight:800;display:grid}.xero-nav{flex-wrap:wrap;gap:4px;margin-left:10px;display:flex}.xero-nav button{appearance:none;color:#c7cad4;cursor:pointer;background:0 0;border:0;border-bottom:3px solid #0000;padding:20px 14px;font-size:14px;font-weight:600;transition:all .14s}.xero-nav button:hover{color:#fff}.xero-nav button.on{color:#fff;border-bottom-color:#13b5ea}.xero-right{align-items:center;gap:16px;margin-left:auto;display:flex}.xero-search{color:#c7cad4;font:inherit;background:#2a2f40;border:0;border-radius:8px;width:160px;padding:8px 14px;font-size:13px}.xero-acct{color:#fff;background:#13b5ea;border-radius:50%;place-items:center;width:34px;height:34px;font-size:14px;font-weight:800;display:grid}.xero-body{background:#f4f6f8;min-height:440px;padding:28px 30px}.xero-orgline{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-bottom:22px;display:flex}.xero-orgline h2{color:#1e2230;margin:0;font-size:24px;font-weight:700}.xero-orgline .sub{color:#7a7e85;margin-top:3px;font-size:13px}.xero-newbtn{font:inherit;cursor:pointer;color:#fff;background:#13b5ea;border:0;border-radius:8px;align-items:center;gap:8px;padding:11px 20px;font-size:14px;font-weight:700;transition:all .16s;display:inline-flex}.xero-newbtn:hover{background:#0f9fd0}.xero-cards{grid-template-columns:1fr 1fr;gap:18px;display:grid}@media (width<=680px){.xero-cards{grid-template-columns:1fr}}.xero-card{background:#fff;border:1px solid #e1e5ea;border-radius:12px;padding:20px 22px}.xero-card h3{color:#1e2230;margin:0 0 4px;font-size:15px;font-weight:700}.xero-card .big{color:#1e2230;letter-spacing:-.01em;margin:6px 0;font-size:30px;font-weight:800}.xero-card .meta{color:#7a7e85;font-size:13px}.xero-card .bar{background:#eef1f4;border-radius:6px;height:8px;margin:14px 0 6px;display:flex;overflow:hidden}.xero-card .bar span{height:100%;display:block}.xero-link{appearance:none;color:#13b5ea;cursor:pointer;background:0 0;border:0;padding:0;font-size:13px;font-weight:700;text-decoration:none}.xero-invrow{border-bottom:1px solid #eef1f4;justify-content:space-between;align-items:center;padding:11px 0;font-size:13.5px;display:flex}.xero-invrow:last-of-type{border-bottom:0}.xero-invrow .nm{color:#1e2230;font-weight:600}.xero-invrow .st{border-radius:999px;padding:3px 9px;font-size:11px;font-weight:700}.st-draft{color:#7a7e85;background:#eef1f4}.st-sent{color:#0f87b5;background:#e4f3fb}.st-paid{color:#1f9254;background:#e3f6ec}.xero-routed{color:#0e1b33;background:#e4f3fb;border:1px solid #bee3f4;border-radius:10px;align-items:center;gap:10px;margin-top:18px;padding:11px 15px;font-size:13px;display:flex}.xero-routed .ta-chip{color:#0e1b33;white-space:nowrap;background:#fff;border:1px solid #d8c3bb;border-radius:6px;flex-shrink:0;align-self:flex-start;padding:4px 8px;font-size:11px;font-weight:800}