:root{font-family:Segoe UI,Helvetica Neue,sans-serif;color:#102019;background:radial-gradient(circle at top left,rgba(194,255,217,.85),transparent 32%),linear-gradient(160deg,#f5f2e8,#d8ead9 48%,#c7d5f4);line-height:1.5;font-weight:400}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.shell{min-height:100vh;padding:32px}.topbar{display:flex;justify-content:space-between;gap:16px;align-items:baseline;margin-bottom:32px}.brand{font-size:1.6rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.tagline,.muted{color:#102019b3}.content{max-width:1120px;margin:0 auto}.panel{background:#fffdf8d1;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(16,32,25,.08);border-radius:28px;box-shadow:0 24px 60px #233c3024}.hero-panel{display:grid;grid-template-columns:1.1fr .9fr;gap:28px;padding:32px}.hero-copy h1,.invoice-overview h1{margin:0;font-size:clamp(2.2rem,4vw,4.2rem);line-height:.96}.hero-text{max-width:48ch;color:#102019bf}.eyebrow,.field-label{text-transform:uppercase;letter-spacing:.08em;font-size:.78rem;color:#1020198f}.invoice-form,.invoice-view{display:grid;gap:18px}.invoice-form label,.field-grid label{display:grid;gap:8px}.invoice-form input,.invoice-form select{width:100%;padding:14px 16px;border-radius:16px;border:1px solid rgba(16,32,25,.14);background:#ffffffb8}.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.primary-button,.ghost-button{border:0;border-radius:999px;padding:14px 18px;cursor:pointer;transition:transform .12s ease,opacity .12s ease}.primary-button{background:#102019;color:#f8f6ef;font-weight:700}.ghost-button{background:#10201914;color:#102019}.primary-button:hover,.ghost-button:hover,.text-link:hover{transform:translateY(-1px)}.error-box{margin:0;padding:12px 14px;border-radius:14px;background:#b4262e1a;color:#8b1d24}.invoice-view{grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);align-items:start}.invoice-overview,.qr-panel{padding:28px}.invoice-head,.copy-row,.invoice-foot{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.memo-box{margin:0;padding:14px 16px;background:#1020190d;border-radius:16px}.metric-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.metric-card{display:grid;gap:4px;padding:18px;border-radius:20px;background:linear-gradient(180deg,#ffffffdb,#d1ebdcb3)}.metric-card strong{font-size:1.8rem}.copy-row{padding:16px 0;border-top:1px solid rgba(16,32,25,.1)}.copy-actions{display:flex;gap:8px}.mono{font-family:Consolas,SFMono-Regular,monospace}.break{word-break:break-all}.status-badge{display:inline-flex;gap:8px;align-items:center;border-radius:999px;padding:10px 14px;font-weight:700}.status-unpaid{background:#69757d24}.status-pending{background:#e1b31d38}.status-paid{background:#1fa75a33}.status-expired{background:#b8383a29}.status-meta{font-weight:500}.qr-card{display:grid;place-items:center;padding:20px;border-radius:24px;background:linear-gradient(180deg,#f7faf4eb,#deede0e0)}.text-link{text-decoration:underline;text-decoration-thickness:.08em}@media(max-width:900px){.shell{padding:18px}.hero-panel,.invoice-view{grid-template-columns:1fr}.topbar,.invoice-head,.copy-row,.invoice-foot{flex-direction:column}.field-grid,.metric-grid{grid-template-columns:1fr}}