:root{color:#172033;background:#eef2f6;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:15px}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a{align-items:center;border:1px solid #c7d0dc;border-radius:7px;color:#172033;cursor:pointer;display:inline-flex;gap:8px;min-height:36px;padding:8px 11px;text-decoration:none;background:#fff}button:hover,a:hover{background:#f8fafc}button.primary{background:#145a7a;border-color:#145a7a;color:#fff}button.primary:hover{background:#0e4660}button:disabled{cursor:not-allowed;opacity:.65}input,select,textarea{background:#fff;border:1px solid #c7d0dc;border-radius:7px;min-height:38px;padding:8px 10px;width:100%}textarea{min-height:82px;resize:vertical}label{color:#566278;display:grid;gap:6px;font-size:.86rem;font-weight:650}h1,h2,h3,p{margin:0}h1{font-size:1.7rem}h2{font-size:1.05rem}h3{font-size:.94rem}.auth-shell,.public-shell{align-items:center;display:flex;min-height:100vh;justify-content:center;padding:28px}.auth-panel,.invoice-document{background:#fff;border:1px solid #d7dee8;border-radius:8px;box-shadow:0 18px 45px #1d2d441f;display:grid;gap:18px;max-width:460px;padding:28px;width:100%}.auth-panel p,header p,.description{color:#627086}.app-shell{display:grid;grid-template-columns:240px 1fr;min-height:100vh}aside{background:#152238;color:#fff;display:grid;grid-template-rows:auto 1fr auto;padding:22px}.brand{font-size:1.15rem;font-weight:800;margin-bottom:28px}nav{display:grid;gap:8px}aside button{background:transparent;border-color:transparent;color:#dce6f2;justify-content:flex-start}aside button.active,aside button:hover{background:#233853;border-color:#344c6b}.logout{margin-top:20px}.workspace{display:grid;gap:18px;grid-template-rows:auto 1fr;padding:26px}header,.panel-head,.invoice-head,.invoice-parties,.copy-line{align-items:center;display:flex;justify-content:space-between;gap:14px}.content-grid{align-content:start;display:grid;gap:18px;grid-template-columns:minmax(320px,420px) 1fr}.panel,.metric{background:#fff;border:1px solid #d7dee8;border-radius:8px;padding:18px}.wide-panel{grid-column:1 / -1}.metric-grid{display:grid;gap:14px;grid-column:1 / -1;grid-template-columns:repeat(4,minmax(150px,1fr))}.metric{display:grid;gap:8px}.metric span,.alert-row span,.invoice-parties span,.facts span{color:#647086;font-size:.86rem}.metric strong{font-size:1.8rem}.form-grid{display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid h2,.form-grid h3,.wide,.error.wide,.method-row{grid-column:1 / -1}.compact{padding:0}.fit{justify-self:start}.method-row{display:flex;gap:8px}.seg.active{background:#dceef7;border-color:#7bb8d0}.table{display:grid;gap:8px;margin-top:12px}.row{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:7px;display:grid;gap:12px;padding:10px 12px}.row.three{grid-template-columns:1.2fr 1.2fr .8fr}.invoice-row{grid-template-columns:1.2fr .8fr 150px auto}.attempts-row{grid-template-columns:1fr 130px 1fr auto}.actions{display:flex;gap:8px;justify-content:flex-end}.link-button{border:0;background:transparent;font-weight:750;justify-content:flex-start;padding:0}.pill{background:#e8edf3;border-radius:999px;color:#35445a;display:inline-flex;font-size:.78rem;font-weight:750;justify-content:center;min-width:96px;padding:5px 9px;text-transform:capitalize}.status-paid,.status-success{background:#dff4e8;color:#16613a}.status-payment_failed,.status-failed{background:#fde6e2;color:#9a2c1f}.status-payment_pending,.status-pending,.status-redirected{background:#fff2cd;color:#785810}.status-draft{background:#e9edf5;color:#43506a}.error{background:#fde7e3;border:1px solid #f1b6ac;border-radius:7px;color:#87291d;padding:10px 12px}.alert-list,.facts{display:grid;gap:10px;margin-top:14px}.alert-row{align-items:center;border-bottom:1px solid #edf1f5;display:flex;justify-content:space-between;padding-bottom:9px;text-transform:capitalize}.copy-line input{color:#4f5c70}.invoice-document{max-width:760px}.invoice-head{border-bottom:1px solid #e2e8f0;padding-bottom:20px}.invoice-head span{color:#647086;font-weight:750}.invoice-parties{align-items:flex-start}.wire-box{background:#f3f7fa;border:1px solid #dce5ed;border-radius:8px;display:grid;gap:8px;padding:16px}.pay-button{justify-content:center;min-height:46px}@media(max-width:900px){.app-shell,.content-grid,.metric-grid{grid-template-columns:1fr}aside{grid-template-rows:auto auto}.app-shell{display:block}nav{grid-template-columns:repeat(3,1fr)}.workspace{padding:18px}header,.invoice-parties{align-items:stretch;flex-direction:column}.invoice-row,.attempts-row,.row.three,.form-grid{grid-template-columns:1fr}}