:root{font-family:Inter,"PingFang SC","Microsoft YaHei",sans-serif;color:#17233d;background:#f4f7fb}*{box-sizing:border-box}body{margin:0}header{height:68px;background:#fff;border-bottom:1px solid #e2e8f1;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100% - 1120px)/2))}header strong{font-size:18px;color:#174a8b}header nav{display:flex;gap:18px}header a{color:#40516d;text-decoration:none}main{max-width:1120px;margin:32px auto;padding:0 22px}.hero{background:linear-gradient(120deg,#0e4b9b,#2b78df);color:#fff;padding:30px;border-radius:16px}.hero h1{margin:0 0 10px}.hero p{margin:0;opacity:.82}.tabs{display:flex;gap:8px;margin:20px 0;flex-wrap:wrap}.tabs button,button{border:1px solid #c9d5e6;background:#fff;color:#21548d;padding:9px 14px;border-radius:8px;cursor:pointer}.tabs button.active,button.primary{background:#1768d5;color:#fff;border-color:#1768d5}.panel{background:#fff;border:1px solid #e1e7f0;border-radius:12px;padding:20px;margin-top:15px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.grid label{display:grid;gap:6px;font-size:13px;color:#52617a}.grid label.wide{grid-column:1/-1}input,select,textarea{border:1px solid #cad5e5;border-radius:8px;padding:10px;background:#fff}table{width:100%;border-collapse:collapse;font-size:13px}th,td{text-align:left;padding:11px 9px;border-bottom:1px solid #edf1f6;vertical-align:top}.tag{display:inline-flex;background:#eaf3ff;color:#1859a8;border-radius:99px;padding:4px 8px}.notice{display:none;margin:15px 0;padding:10px 13px;border-radius:8px;background:#eaf3ff;color:#1859a8}.notice.show{display:block}.notice.error{background:#fff0ee;color:#b42318}.empty{text-align:center;color:#7a8aa4;padding:28px}.help{color:#677891;font-size:13px;line-height:1.7}.amount{font-size:26px;font-weight:800;color:#1768d5}.actions{display:flex;gap:7px;flex-wrap:wrap}@media(max-width:700px){.grid{grid-template-columns:1fr}.grid label.wide{grid-column:auto}header nav{display:none}}

#invoice-form .invoice-form-feedback{grid-column:1/-1;margin:0;scroll-margin:16px}#invoice-form .invoice-form-feedback:focus{outline:2px solid currentColor;outline-offset:2px}

header[data-invoice-account-header]{height:auto;min-height:68px;gap:16px}
[data-invoice-account-header] strong{min-width:0}
[data-account-menu-host]{flex:0 0 auto;display:flex;align-items:center}
@media(max-width:700px){header[data-invoice-account-header]{padding:14px 18px;gap:12px}[data-invoice-account-header] strong{flex:1;line-height:1.4}}