:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light only;--paper:#f7f6f2;--surface:#fff;--ink:#252b40;--muted:#62687a;--line:#e0e2e9;--brand:#4857b8;--soft:#edf0ff;color:var(--ink);background:var(--paper);font-family:Arial,Microsoft JhengHei,sans-serif;font-size:16px;line-height:1.5}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,.button{cursor:pointer;border:1px solid var(--line);background:var(--surface);min-height:44px;color:var(--ink);border-radius:10px;justify-content:center;align-items:center;padding:10px 16px;text-decoration:none;display:inline-flex}button:hover,.button:hover,.invoice:hover{border-color:var(--brand)}button:disabled{cursor:wait;opacity:.65}a{color:var(--brand);text-underline-offset:4px}button.primary{background:var(--brand);color:#fff;border-color:var(--brand)}button.quiet{background:0 0;border-color:#0000}.portal{max-width:1080px;margin:auto}header{border-bottom:1px solid var(--line);background:#eef0fa;padding:20px 24px}.logo{letter-spacing:.04em;color:#34418c;font-weight:700}main{min-height:400px;padding:28px 24px}h1{margin:0 0 8px;font-size:1.65rem;line-height:1.3}h2{margin:0;font-size:1.25rem}p{margin:0}.muted{color:var(--muted);font-size:.875rem}.company{justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px;display:flex}.company h1{font-size:1.375rem}.account-nav{align-items:center;gap:8px;display:flex}.account-nav>a{min-height:44px;padding:10px}nav{border-bottom:1px solid var(--line);gap:24px;margin-bottom:24px;display:flex}nav a{color:var(--ink);border-bottom:3px solid #0000;padding:12px 4px;text-decoration:none}nav a[aria-current=page]{color:var(--brand);border-bottom-color:var(--brand);font-weight:700}.filters{background:var(--surface);border:1px solid var(--line);border-radius:14px;grid-template-columns:1.5fr 1fr 1fr;align-items:end;gap:12px;margin-bottom:22px;padding:16px;display:grid}.filter-actions{grid-column:1/-1;justify-content:flex-end;gap:12px;display:flex}label{color:var(--muted);gap:6px;font-size:.875rem;display:grid}input,select{border:1px solid var(--line);background:var(--surface);width:100%;min-width:0;min-height:46px;color:var(--ink);border-radius:8px;padding:10px;font-size:1rem}.sectionline{justify-content:space-between;align-items:baseline;gap:12px;margin:0 0 12px;display:flex}.invoice-list{gap:12px;display:grid}.invoice{text-align:left;border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:12px;grid-template-columns:1.6fr 1fr 1fr auto;align-items:center;gap:16px;padding:18px;text-decoration:none;display:grid}.invoice strong{font-size:1.125rem;display:block}.identity{overflow-wrap:anywhere;min-width:0}.invoice small{color:var(--muted);margin-top:4px;font-size:.8125rem;display:block}.plate{letter-spacing:.06em;overflow-wrap:anywhere;font-weight:700}.money{font-variant-numeric:tabular-nums;white-space:nowrap}.right{text-align:right}.status{color:#276047;background:#eaf5ef;border-radius:6px;padding:3px 8px;font-size:.875rem;display:inline-block}.pending{color:#855a15;background:#fff2db}.metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:24px;display:grid}.metric{background:var(--surface);border:1px solid var(--line);overflow-wrap:anywhere;border-radius:14px;padding:18px}.metric strong{font-variant-numeric:tabular-nums;margin-top:8px;font-size:1.625rem;display:block}.metric.accent{background:var(--brand);border-color:var(--brand);color:#fff}.group{background:var(--surface);border:1px solid var(--line);border-radius:14px;margin-top:12px;overflow:hidden}.group-row{border-bottom:1px solid var(--line);overflow-wrap:anywhere;justify-content:space-between;align-items:center;gap:14px;padding:18px;display:flex}.group-row:last-child{border-bottom:0}.group-row>div{min-width:0}.detail-link{min-height:44px;padding-top:10px;display:block}.detail-head{justify-content:space-between;align-items:start;gap:16px;margin:20px 0;display:flex}.detail-head h2{overflow-wrap:anywhere}.facts{border-bottom:1px solid var(--line);overflow-wrap:anywhere;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding:20px;display:grid}.facts strong{margin-top:5px;display:block}.total{background:var(--soft);justify-content:space-between;align-items:center;gap:12px;padding:20px;display:flex}.total strong{color:var(--brand);font-size:1.5rem}footer{border-top:1px solid var(--line);color:var(--muted);padding:16px 24px;font-size:.8125rem}.login{max-width:420px;margin:28px auto 40px}.eyebrow{color:var(--brand);letter-spacing:.12em;margin-bottom:12px;font-size:.8125rem}.login form{gap:18px;margin-top:28px;display:grid}.empty{text-align:center;background:var(--surface);border-radius:12px;padding:40px 18px}.empty .button,.empty button{margin-top:16px}[role=alert]{color:#b32929;font-size:.875rem}.notice{background:var(--soft);border-radius:12px;margin-top:24px;padding:20px}.pagination{justify-content:space-between;align-items:center;gap:12px;margin-top:20px;display:flex}.footnote{color:var(--muted);margin-top:20px;font-size:.8125rem}@media (max-width:650px){main{padding:20px 16px}header{padding:16px}.filters{grid-template-columns:1fr 1fr;padding:12px}.filters .search{grid-column:1/-1}.filter-actions{justify-content:stretch}.filter-actions>*{flex:1}.invoice{grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:16px}.identity{grid-area:1/1}.car{grid-area:2/1}.amount{grid-area:2/2}.state{text-align:right;grid-area:1/2}.amount strong{font-size:1.25rem}.metrics{grid-template-columns:1fr 1fr}.metric{padding:14px}.metric.accent{grid-column:1/-1}.metric strong{font-size:1.375rem}.company{flex-wrap:wrap;align-items:start;margin-bottom:16px}.company h1{font-size:1.25rem}.account-nav{margin-left:auto}nav{margin-bottom:18px}.group-row{padding:16px}.login{margin:20px auto 24px}.detail-head{flex-wrap:wrap}footer{padding:14px 16px}}@media (max-width:360px){.invoice strong{font-size:1rem}.amount strong{font-size:1.125rem}.status{font-size:.8125rem}.group-row{flex-wrap:wrap}.metrics{grid-template-columns:1fr}.metric.accent{grid-column:auto}.facts{grid-template-columns:1fr}}.portal{flex-direction:column;max-width:1280px;min-height:100svh;display:flex}.portal>main{flex:1;padding:40px 32px}header{background:0 0;padding:24px 32px}.logo{font-size:1.125rem}.login-layout{border:1px solid var(--line);background:#fff;border-radius:24px;grid-template-columns:1.05fr 1fr;align-items:stretch;max-width:1120px;margin:clamp(16px,5vh,64px) auto;display:grid;overflow:hidden;box-shadow:0 16px 50px #252b4009}.login-intro{background:#eef0fa;flex-direction:column;justify-content:center;padding:clamp(32px,4vw,64px);display:flex}.login-intro .eyebrow{letter-spacing:.13em;color:#4857b8;font-size:.875rem}.login-intro h1{letter-spacing:-.025em;margin:16px 0;font-size:clamp(1.8rem,2.5vw,2.65rem);line-height:1.45}.login-description{color:#596178;font-size:1rem;line-height:1.8}.login-features{gap:24px;margin-top:44px;display:grid}.login-features>div{align-items:baseline;gap:16px;display:flex}.login-features span{color:#6875b5;font-variant-numeric:tabular-nums;font-size:.875rem}.login-features p{font-size:1rem;font-weight:600}.login-features small{color:#62687a;margin-top:5px;font-size:.875rem;font-weight:400;display:block}.login-panel{align-self:center;min-width:0;padding:clamp(28px,4vw,56px)}.login-panel h2{margin-bottom:8px;font-size:1.5rem}.login-panel form{gap:24px;margin-top:32px;display:grid}.login-panel label{gap:9px;font-size:1rem}.login-panel input{min-height:52px;padding:12px 14px}.login-panel .primary{min-height:52px;font-size:1rem;font-weight:600}.login-help{color:var(--muted);font-size:.875rem;line-height:1.6}@media (min-width:1100px){.invoice{padding:22px 24px}.company h1{font-size:1.6rem}.metrics .metric{padding:24px}}@media (max-width:760px){.portal>main{padding:24px 16px}header{padding:18px 20px}.logo{font-size:1rem}.login-layout{border-radius:18px;grid-template-columns:1fr;max-width:480px;margin:4px auto 24px}.login-intro{padding:28px 24px}.login-intro h1{margin:8px 0;font-size:1.75rem}.login-description{font-size:.875rem}.login-features{display:none}.login-panel{padding:28px 24px}.login-panel form{gap:20px;margin-top:24px}.login-panel h2{font-size:1.25rem}}@media (min-width:651px){.invoice{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr) minmax(0,1fr) 6rem}.invoice .state{justify-self:end}.invoice .car,.invoice .amount{overflow-wrap:anywhere;min-width:0}}.export-control{flex-wrap:wrap;align-items:center;gap:8px 12px;margin-bottom:16px;display:flex}.export-control [role=alert]{flex-basis:100%}.invoice-list{gap:8px}@media (min-width:651px){.invoice{min-height:64px;padding:10px 16px}.invoice small{margin-top:2px}}@media (max-width:650px){.invoice{gap:10px;padding:12px}}