:root{--dark:#101c1f;--teal:#39c5b5;--paper:#f2f4f1;--line:#d8dfdc;--muted:#667371;--amber:#e9a12d}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:#162224;font:15px/1.5 Inter,"Segoe UI",sans-serif}header{display:flex;justify-content:space-between;align-items:center;padding:1rem 3vw;background:var(--dark);color:white}.brand{display:flex;gap:.6rem;align-items:center;color:white;text-decoration:none;font-weight:900}.brand span{display:grid;place-items:center;width:2.3rem;height:2.3rem;border-radius:.45rem;background:var(--teal);color:var(--dark)}header nav{display:flex;gap:1rem;align-items:center}header nav a{color:#b8c5c3}.notice{text-align:center;background:var(--amber);font-size:.62rem;font-weight:900;letter-spacing:.12em;padding:.35rem}main{max-width:1180px;margin:auto;padding:3rem 1.2rem}.top{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:end}.top small,.ksef small{font-size:.65rem;letter-spacing:.14em;color:#168b80;font-weight:900}.top h1{font-size:clamp(2.8rem,5vw,5rem);line-height:.95;letter-spacing:-.06em;margin:.4rem 0}.top p,.ksef p{color:var(--muted)}.flow{display:flex;align-items:center;justify-content:flex-end}.flow span{display:grid;place-items:center;width:74px;height:74px;border-radius:50%;border:1px solid var(--line);text-align:center;color:var(--muted)}.flow span b{font-size:.66rem}.flow span.done,.flow span.active{background:var(--teal);border-color:var(--teal);color:var(--dark)}.flow i{width:28px;height:1px;background:var(--line)}.workspace{display:grid;grid-template-columns:.8fr 1.2fr;gap:1rem;margin:3rem 0}form,.invoice,.ksef-card,.boundary{background:white;border:1px solid var(--line);border-radius:.8rem;padding:1.4rem}form h2{margin-top:0}label{display:block;font-size:.7rem;font-weight:800;color:var(--muted);margin:.7rem 0}input,select{display:block;width:100%;padding:.65rem;margin-top:.3rem;border:1px solid var(--line);border-radius:.4rem;font:inherit;color:#172325;background:white}.two{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}button{width:100%;padding:.75rem;border:0;border-radius:.45rem;background:var(--dark);color:white;font-weight:800;cursor:pointer;margin-top:.6rem}button:disabled{opacity:.4;cursor:not-allowed}.invoice{min-height:570px}.empty{display:grid;place-items:center;height:100%;color:var(--muted)}.invoice-head{display:flex;justify-content:space-between;border-bottom:3px solid var(--dark);padding-bottom:1rem}.invoice-head h2{font-size:2rem;margin:0}.invoice-head b{color:#168b80}.parties{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin:2rem 0}.parties small,.totals small{display:block;color:var(--muted)}.lines{width:100%;border-collapse:collapse}.lines th,.lines td{padding:.7rem;border-bottom:1px solid var(--line);text-align:right}.lines th:first-child,.lines td:first-child{text-align:left}.totals{margin:2rem 0 0 auto;max-width:270px}.totals div{display:flex;justify-content:space-between;padding:.4rem 0}.totals .grand{font-size:1.3rem;border-top:2px solid var(--dark);margin-top:.5rem}.ksef{display:grid;grid-template-columns:1fr 1fr;gap:3rem}.ksef-card>div:first-child{display:flex;gap:.8rem}.ksef-card span{font-size:1.5rem;color:var(--amber)}#validation small,#validation b{display:block}#receipt{margin-top:1rem;padding:1rem;background:#e6f6f2;border-radius:.5rem}#receipt b,#receipt span{display:block}.boundary{margin-top:3rem}.boundary a{color:#08796f;font-weight:800}@media(max-width:800px){.top,.workspace,.ksef{grid-template-columns:1fr}.flow{justify-content:flex-start}.flow span{width:58px;height:58px}.two,.parties{grid-template-columns:1fr}header nav b{display:none}}