:root { --biz-bg:#070b12; --biz-card:#111821; --biz-card-2:#0d141c; --biz-text:#f6f8ff; --biz-muted:#91a0b8; --biz-line:rgba(140,164,190,.22); --biz-accent:#22e6d4; --biz-accent-2:#6d7cff; --biz-danger:#ff5c99; --biz-ok:#29dca3; }
.invoice-gen { color:var(--biz-text); font-family:Inter,Segoe UI,Arial,sans-serif; direction:ltr; }
.invoice-gen[data-lang="he"] { direction:rtl; font-family:Arial,"Segoe UI",sans-serif; }
.invoice-gen * { box-sizing:border-box; }
.invoice-gen__hero { position:relative; overflow:hidden; border:1px solid rgba(34,230,212,.25); border-radius:28px; padding:clamp(1.25rem,3vw,2.4rem); margin-bottom:1rem; background:radial-gradient(circle at top left,rgba(34,230,212,.22),transparent 32%),linear-gradient(135deg,rgba(16,28,38,.96),rgba(8,11,18,.98)); box-shadow:0 24px 80px rgba(0,0,0,.32); }
.invoice-gen__hero h2 { margin:.1rem 0 .35rem; font-size:clamp(2rem,4vw,4rem); line-height:.95; letter-spacing:-.05em; }
.invoice-gen__hero p { max-width:760px; margin:.25rem 0 0; color:var(--biz-muted); font-size:1rem; line-height:1.65; }
.invoice-gen__eyebrow { margin:0!important; color:var(--biz-accent)!important; text-transform:uppercase; letter-spacing:.22em; font-weight:900; font-size:.78rem!important; }
.invoice-gen__layout { display:grid; grid-template-columns:minmax(320px,.9fr) minmax(360px,1.1fr); gap:1rem; align-items:start; }
.invoice-gen__card { border:1px solid var(--biz-line); border-radius:24px; padding:1rem; background:linear-gradient(180deg,rgba(17,24,33,.96),rgba(10,15,22,.96)); box-shadow:0 18px 48px rgba(0,0,0,.22); }
.invoice-gen__section-head { margin-bottom:1rem; }
.invoice-gen__section-head h3 { margin:0 0 .25rem; font-size:1.25rem; letter-spacing:-.02em; }
.invoice-gen__section-head p { margin:0; color:var(--biz-muted); line-height:1.55; }
.invoice-gen__grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.85rem; }
.invoice-gen label, .invoice-gen__wide { display:grid; gap:.35rem; color:var(--biz-muted); font-weight:800; font-size:.78rem; letter-spacing:.04em; }
.invoice-gen input, .invoice-gen select, .invoice-gen textarea { width:100%; border:1px solid rgba(140,164,190,.22); border-radius:14px; padding:.78rem .9rem; background:#0a1018; color:var(--biz-text); outline:none; font:inherit; }
.invoice-gen textarea { resize:vertical; min-height:105px; }
.invoice-gen input:focus, .invoice-gen select:focus, .invoice-gen textarea:focus { border-color:rgba(34,230,212,.65); box-shadow:0 0 0 3px rgba(34,230,212,.12); }
.invoice-gen__wide { grid-column:1/-1; }
.invoice-gen__actions { display:flex; flex-wrap:wrap; gap:.65rem; margin-top:1rem; }
.invoice-gen button { border:1px solid rgba(140,164,190,.25); border-radius:999px; padding:.75rem 1rem; background:#0c1420; color:var(--biz-text); font-weight:900; cursor:pointer; transition:.16s ease; }
.invoice-gen button:hover { transform:translateY(-1px); border-color:rgba(34,230,212,.55); }
.invoice-gen__primary { background:linear-gradient(135deg,rgba(34,230,212,.95),rgba(35,111,255,.85))!important; color:#031017!important; border-color:transparent!important; }
.invoice-gen__status { min-height:1.3rem; margin:.75rem 0 0; color:var(--biz-accent); font-weight:800; }
@media (max-width: 980px) { .invoice-gen__layout { grid-template-columns:1fr; } }
@media (max-width: 640px) { .invoice-gen__grid { grid-template-columns:1fr; } .invoice-gen__hero { border-radius:20px; } .invoice-gen__card { border-radius:18px; padding:.85rem; } }
.invoice-gen__items { margin-top:1rem; border:1px solid var(--biz-line); border-radius:18px; padding:.85rem; background:rgba(255,255,255,.025); }
.invoice-gen__items-head { display:flex; justify-content:space-between; gap:.75rem; align-items:center; margin-bottom:.7rem; }
.invoice-gen__item { display:grid; grid-template-columns:minmax(0,1.4fr) 80px 110px 44px; gap:.5rem; margin-bottom:.5rem; align-items:center; }
.invoice-gen__remove { padding:.7rem!important; border-radius:12px!important; color:var(--biz-danger)!important; }
.invoice-gen__paper { border-radius:20px; background:#f8fafc; color:#111827; padding:1.25rem; min-height:520px; box-shadow:inset 0 0 0 1px rgba(17,24,39,.08); }
.invoice-gen__paper-head { display:flex; justify-content:space-between; gap:1rem; align-items:flex-start; border-bottom:2px solid #111827; padding-bottom:1rem; }
.invoice-gen__paper-head span { text-transform:uppercase; letter-spacing:.18em; font-size:.75rem; color:#64748b; font-weight:900; }
.invoice-gen__paper-head h3 { margin:.25rem 0 0; font-size:1.6rem; }
.invoice-gen__paper-head strong { font-size:1.6rem; }
.invoice-gen__meta { display:flex; justify-content:space-between; gap:1rem; margin:1rem 0; color:#475569; }
.invoice-gen__table { display:grid; gap:.35rem; }
.invoice-gen__line { display:grid; grid-template-columns:1.5fr .5fr .7fr .7fr; gap:.5rem; padding:.65rem; border-radius:12px; background:#e8eef7; }
.invoice-gen__line--head { background:#111827; color:white; font-weight:900; }
.invoice-gen__totals { margin:1rem 0 0 auto; max-width:340px; display:grid; gap:.4rem; }
.invoice-gen__totals div { display:flex; justify-content:space-between; gap:1rem; padding:.45rem 0; border-bottom:1px solid #d4dce8; }
.invoice-gen__grand { font-size:1.25rem; font-weight:900; color:#0f766e; }
.invoice-gen__note { margin-top:1.5rem; color:#64748b; font-size:.85rem; }
@media (max-width:640px){.invoice-gen__item{grid-template-columns:1fr 70px 95px 40px}.invoice-gen__line{grid-template-columns:1fr}.invoice-gen__meta{display:grid}}