:root{font-family:Arial,Helvetica,sans-serif;color:#eef9fc;background:#061218;color-scheme:dark;--cyan:#43e0ef;--line:#24414e}*{box-sizing:border-box}body{margin:0;overflow-wrap:anywhere}h1,h2,h3,p{margin:0}a{color:var(--cyan);text-underline-offset:.2em}button,input,select,textarea{font:inherit;font-size:1rem}button,a,input,select,textarea,summary{touch-action:manipulation}button{cursor:pointer;color:#031217;background:var(--cyan);border:1px solid var(--cyan);border-radius:.4rem;padding:.85rem 1.2rem;min-height:3rem}button.secondary{background:transparent;color:var(--cyan)}button:disabled{cursor:not-allowed;opacity:.5}input,select,textarea{display:block;width:100%;min-width:0;min-height:3rem;border:1px solid #4c6c78;border-radius:.35rem;background:#031015;color:#f1fbff;padding:.8rem}textarea{resize:vertical;line-height:1.6}label{display:flex;flex-direction:column;gap:.5rem;font-size:.95rem;margin:1rem 0;color:#c5d9e0}fieldset{border:0;padding:0;margin:0;min-width:0}header{display:flex;gap:2rem;align-items:center;justify-content:space-between;padding:1rem clamp(1rem,4vw,4rem);border-bottom:1px solid var(--line);background:#07191f}header .brand{flex:0 1 12rem}header img{width:100%;height:auto}header nav{display:flex;flex-wrap:wrap;gap:1rem}header nav a{padding:.5rem 0;text-decoration:none;color:#bcd2dc}header .language{margin:0;min-width:8rem;font-size:.8rem}main{max-width:76rem;margin:auto;padding:2rem clamp(1rem,3vw,2.5rem) 4rem}.intro{max-width:55rem;margin-bottom:1.75rem}.kicker{font-size:.8rem;letter-spacing:.1em;color:var(--cyan)}h1{font-size:clamp(2rem,4vw,3.4rem);line-height:1.12;letter-spacing:-.04em;margin:.85rem 0}p{font-size:1rem;line-height:1.7;color:#adc7d0;margin:.8rem 0}h2{font-size:1.65rem;margin-bottom:1rem}.workspace{background:#0b2029;border:1px solid var(--line);border-top:2px solid var(--cyan);border-radius:.5rem;padding:clamp(1rem,3vw,2rem)}.fields,.catalog{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem 1.5rem}.fields>*{min-width:0}.catalog{gap:1rem}.tool-card{display:block;border:1px solid #2d505f;background:#0a1a22;padding:1.5rem;text-decoration:none;transition:border-color .15s}.tool-card:hover{border-color:var(--cyan)}.tool-card h2{color:#f2fbff;font-size:1.3rem}.tool-card p{margin-bottom:1.5rem}.search-label{max-width:36rem;margin:0 0 1.5rem}.panel{border-top:1px solid var(--line);margin-top:2rem;padding-top:2rem}.actions{display:flex;flex-wrap:wrap;gap:.7rem;margin:1rem 0}.status{min-height:1.5rem;color:var(--cyan)}output{display:block;background:#123745;border-inline-start:3px solid var(--cyan);padding:1.5rem;margin-top:1.5rem;font-size:1.2rem;line-height:1.8}.invoice-line{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr) minmax(0,1fr) auto;gap:.8rem;align-items:end;border-bottom:1px solid var(--line)}.invoice-line>*{min-width:0}.invoice-line button{margin-bottom:1rem}#logo-preview{display:block;max-width:12rem;max-height:6rem;object-fit:contain;background:white;padding:.5rem}#qr-preview canvas{display:block;background:white;max-width:100%;width:22rem;height:auto;margin:1.5rem 0}.file-row{border:1px solid var(--line);padding:.9rem;margin:.5rem 0;display:flex;flex-wrap:wrap;gap:1rem;align-items:center}.file-row span{flex:1}.file-row button{padding:.5rem;min-width:3rem}details{border-bottom:1px solid var(--line)}summary{cursor:pointer;padding:1.2rem 0;font-size:1.1rem}footer{padding:2rem;text-align:center;color:#91b2bd;font-size:.9rem}.skip{position:fixed;top:-100px;background:var(--cyan);color:#061218;padding:1rem;z-index:10}.skip:focus{top:0}:focus-visible{outline:3px solid #a2f4ff;outline-offset:3px}[hidden]{display:none!important}#download-links a{display:inline-block;padding:1rem;border:1px solid var(--line);margin:1rem 0}#invoice-preview{overflow:visible}.invoice-sheet{background:#fff;color:#14252c;border:1px solid #ccd6db;padding:1.5rem;margin-top:1rem;color-scheme:light}.invoice-sheet h2{color:#123642;font-size:1.7rem}.invoice-sheet p{color:#29444e;white-space:pre-wrap}.invoice-sheet img{max-width:10rem;max-height:5rem;object-fit:contain}.invoice-sheet table{width:100%;table-layout:fixed;border-collapse:collapse;margin:1.5rem 0}.invoice-sheet th,.invoice-sheet td{border-bottom:1px solid #cedade;text-align:start;padding:.55rem;overflow-wrap:anywhere;font-size:1rem;vertical-align:top}.invoice-sheet th:first-child{width:48%}.invoice-sheet th{color:#123642;background:#edf5f7}.invoice-sheet .sum{font-weight:bold;font-size:1.3rem}.pdf-stage{position:fixed;left:-10000px;top:0;width:720px;direction:ltr;z-index:-1}.pdf-stage .invoice-sheet{width:720px;min-height:980px;margin:0;padding:36px;border:0}.pdf-stage[dir=rtl]{direction:rtl}.pdf-stage th,.pdf-stage td{font-size:16px}.pdf-stage p{font-size:16px}.page-note{font-size:.875rem!important;color:#647e88!important}html[dir=rtl] h1{letter-spacing:0}html[dir=rtl] input[type=email],html[dir=rtl] input[type=url],html[dir=rtl] input[type=tel],input[type=number],input[type=date]{direction:ltr}
@media(max-width:60rem){header{gap:1rem;flex-wrap:wrap}header nav{order:3;width:100%;justify-content:center}.brand{max-width:11rem}.language{margin-inline-start:auto!important}}@media(max-width:42rem){.fields,.catalog{grid-template-columns:minmax(0,1fr)}.invoice-line{grid-template-columns:repeat(2,minmax(0,1fr))}.invoice-line label:first-child,.invoice-line button{grid-column:1/-1}.invoice-sheet{padding:.7rem}.invoice-sheet th,.invoice-sheet td{padding:.35rem;font-size:.8rem}.workspace{padding:1rem}.actions button{flex:1 1 10rem}header nav{font-size:.9rem}main{padding-top:1.5rem}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}@media print{body{background:white}body>header,body>footer,.intro,.workspace>*:not(#invoice-preview),main>.panel,#download-links,noscript,.skip{display:none!important}main,.workspace{padding:0;margin:0;border:0;max-width:none;background:white}.invoice-sheet{border:0;break-after:page}.invoice-sheet:last-child{break-after:auto}.invoice-sheet tr{break-inside:avoid}}
/* Added work tools keep controls and records readable at narrow widths. */
button,.button-link{max-width:100%;min-width:0;white-space:normal;overflow-wrap:anywhere}.button-link{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--cyan);background:var(--cyan);color:#031217;border-radius:.4rem;padding:.85rem 1.2rem;min-height:3rem;text-decoration:none}.tool-card>a{display:block;text-decoration:none}.tool-card .pin-tool{margin-top:1.2rem;width:100%;font-size:.9rem}.pin-tool[aria-pressed=true]{background:#163e4a;color:#d2fbff}.personal-tools h2:not(:first-child){margin-top:1.6rem}.quick-links{display:flex;flex-wrap:wrap;gap:.7rem}.quick-links a{display:block;border:1px solid var(--line);padding:.8rem 1rem;border-radius:.4rem;max-width:100%;text-decoration:none}.check-label{display:flex;flex-direction:row;align-items:start;gap:.8rem;line-height:1.6}.check-label input{flex:0 0 1.25rem;width:1.25rem;min-height:1.25rem;height:1.25rem;margin:.2rem 0;accent-color:var(--cyan)}.entry-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.entry-card{min-width:0;background:#07191f;border:1px solid var(--line);border-inline-start:3px solid #2894a4;padding:1.2rem;border-radius:.4rem}.entry-card h3{font-size:1.15rem;line-height:1.4}.entry-card strong{font-size:1.3rem;font-variant-numeric:tabular-nums}.metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:1.5rem 0}.metrics h3{grid-column:1/-1}.metric{background:#123745;padding:1.2rem;min-width:0;border-radius:.4rem}.metric strong{font-size:1.75rem;line-height:1.4;font-variant-numeric:tabular-nums}.metric p{margin:.4rem 0;color:#d0e8ef}.timer-bar{border:1px solid var(--line);padding:1rem;margin:1rem 0}.timer-bar output{margin:.5rem 0;font-size:2rem;letter-spacing:.06em;font-variant-numeric:tabular-nums}#feedback-text{margin-top:1rem;min-height:16rem}#download-links{display:flex;flex-wrap:wrap;align-items:center;gap:1rem;scroll-margin:2rem}#download-links p{flex-basis:100%;order:3}#download-links a{max-width:100%}#payment-fields{border:1px solid var(--line);padding:1rem;margin-top:1rem}#ledger-form{scroll-margin-top:1rem}input[type=file]{padding:.65rem;max-width:100%}.intro .kicker,header .language{font-size:.875rem}footer a{display:inline-block;padding:.5rem}
@media(max-width:42rem){.entry-list,.metrics{grid-template-columns:minmax(0,1fr)}.quick-links{display:grid;grid-template-columns:minmax(0,1fr)}.actions>*{flex:1 1 10rem;min-width:0}.entry-card .actions button{flex:1 1 6rem}.tool-card{padding:1.15rem}#download-links>a,#download-links>button{width:100%}.timer-bar output{font-size:1.8rem}.invoice-sheet table{font-size:.85rem}}
@media print{.personal-tools,.entry-list,.metrics{color:black}}