body{background:#f6f9f8} .portal-header{background:#fff;border-bottom:1px solid var(--line)}.portal-nav{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-block:18px}.portal-brand{font:700 1.4rem Georgia;text-decoration:none}.portal-brand small{display:block;font:700 .65rem var(--sans);letter-spacing:.2em;margin-top:4px}.portal-top{padding:38px 0 24px}.portal-top h1{font-size:clamp(2.3rem,5vw,3.5rem)}.portal-top p{color:var(--muted);max-width:780px}.portal-layout{padding-bottom:60px}.tabs{display:flex;gap:8px;overflow:auto;padding:4px 0 20px}.tabs button{white-space:nowrap;border:1px solid var(--line);border-radius:100px;padding:10px 18px;background:white;cursor:pointer;font-weight:700}.tabs button[aria-selected=true]{background:var(--green-dark);color:#fff}.panel{background:#fff;border:1px solid var(--line);border-radius:20px;padding:24px;margin-bottom:18px}.panel h2{font-size:1.8rem}.panel h3{margin-top:0}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.stat strong{display:block;font:500 2.5rem Georgia}.stat span{color:var(--muted)}.row{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 0;border-bottom:1px solid var(--line)}.row:last-child{border-bottom:0}.row p{margin:4px 0;color:var(--muted)}.actions{display:flex;gap:8px;flex-wrap:wrap}.portal-form{display:grid;gap:16px}.portal-form label{display:grid;gap:6px;font-weight:700}input,textarea,select{border:1px solid #b4c1bb;border-radius:10px;padding:11px;width:100%;background:white;color:var(--ink)}textarea{min-height:90px}.portal-form .button{justify-self:start}.badge{display:inline-block;background:#e9f2ed;color:#344d39;padding:3px 10px;border-radius:100px;font-size:.8rem;font-weight:700}.muted{color:var(--muted)}.small{font-size:.87rem}.empty{padding:28px 0;color:var(--muted)}#notice{padding:14px 18px;border-radius:12px;background:#e6f6fc;margin:14px 0}#notice:empty{display:none}.error{background:#ffecec!important;color:#9c2424}dialog{border:1px solid var(--line);border-radius:22px;width:min(800px,calc(100% - 24px));max-height:90vh;padding:26px;box-shadow:var(--shadow)}dialog::backdrop{background:#10161a88}dialog .close{float:right;border:1px solid var(--line);border-radius:100px;padding:7px 12px;background:white;cursor:pointer}dialog h2{font-size:2rem;padding-right:40px}.answer{white-space:pre-wrap;overflow-wrap:anywhere;border-bottom:1px solid var(--line);padding:12px 0}.answer strong{display:block}.qr svg{max-width:240px;width:100%;height:auto}.link-box{overflow-wrap:anywhere;padding:12px;background:#f2f7f4;border-radius:10px}.button.small{min-height:38px;padding:7px 14px;font-size:.85rem}.invoice-header{display:flex;justify-content:space-between;gap:16px;margin:26px 0}.invoice-total{font-size:1.4rem;text-align:right;margin-top:20px}.invoice-line{display:flex;justify-content:space-between;gap:20px;padding:12px 0;border-bottom:1px solid var(--line)}.terms{max-width:760px}.terms p{margin-bottom:20px}@media(max-width:680px){.grid{grid-template-columns:1fr}.row{align-items:flex-start;flex-direction:column}.portal-nav{align-items:flex-start}.portal-nav .actions{justify-content:flex-end}.panel{padding:20px}.invoice-header{flex-direction:column}}@media print{body>*{display:none!important}body>dialog[open]{display:block!important;position:static;width:100%;max-width:none;max-height:none;border:0;box-shadow:none}dialog .close,dialog .actions,dialog form{display:none!important}}
[hidden]{display:none!important}

.billing-table{width:100%;min-width:760px;text-align:left;border-collapse:collapse}.billing-table th{font-size:.8rem;color:var(--muted);padding:12px;border-bottom:2px solid var(--line)}.billing-table td{padding:16px 12px;border-bottom:1px solid var(--line);vertical-align:top}.billing-table small{color:var(--muted)}