:root{color-scheme:light;--bg: #f3ecdd;--card: #fffef9;--field-bg: #ffffff;--ink: #241f1b;--muted: #8a7a63;--line: #e4d8bf;--accent: #8a6a1e;--on-accent: #fffdf5;--accent-soft: #efe4c8;--ok: #5a7a46;--danger: #9a3412}:root[data-theme=dark]{color-scheme:dark;--bg: #151009;--card: #201810;--field-bg: #120e08;--ink: #f1e6cd;--muted: #a89774;--line: #372c1b;--accent: #d9b45a;--on-accent: #1a1409;--accent-soft: #2a2113;--ok: #8fb06a;--danger: #e0906f}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.55 DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.wrap{max-width:900px;margin:0 auto;padding:24px}.wrap.wide{max-width:1180px}.center{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.topbar{display:flex;flex-direction:column;gap:14px;margin-bottom:22px}.brand-row{display:flex;justify-content:space-between;align-items:baseline;gap:16px;flex-wrap:wrap}.brand-lockup{display:flex;align-items:baseline;gap:10px}.topbar-main{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.topbar-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.email{font-size:12px;color:var(--muted)}.langsel{width:auto;padding:5px 10px;font-size:12px;font-weight:600;border-radius:8px;border:1px solid var(--accent);background:var(--card);color:var(--accent);line-height:1.4}h1{font-family:Anton,Arial Narrow,system-ui,sans-serif;font-size:22px;font-weight:400;margin:0;color:var(--accent)}.brand-name{margin:0;font-family:Anton,Arial Narrow,system-ui,sans-serif;font-weight:400;font-size:26px;line-height:1;letter-spacing:.02em;text-transform:uppercase;display:flex;gap:.28em}.brand-metriq{color:var(--accent)}.brand-invoice{color:var(--ink)}.brand-by{display:inline-flex;align-items:center;gap:6px}.brand-by-text{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.metriqops-mark{height:16px;width:auto;opacity:.92}h2{font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:0 0 12px}.card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:20px;margin-bottom:20px}.auth-card{width:380px;max-width:100%}label{display:block;font-size:12px;color:var(--muted);margin:10px 0 4px}input,select,textarea{width:100%;padding:8px 10px;border:1px solid var(--line);border-radius:8px;background:var(--field-bg);color:inherit;font:inherit}input:focus,select:focus,textarea:focus{outline:2px solid var(--accent-soft);border-color:var(--accent)}textarea{min-height:64px;resize:vertical}.row{display:flex;gap:10px}.row>*{flex:1}.hint{font-size:12px;color:var(--muted);margin-top:8px}.btn{display:inline-block;margin-top:16px;padding:9px 14px;border-radius:8px;border:1px solid var(--accent);background:var(--accent);color:var(--on-accent);font:inherit;font-weight:600;cursor:pointer}.btn.secondary{background:var(--card);color:var(--accent)}.btn.ghost{background:var(--card);color:var(--danger);border-color:var(--line)}.btn.small{margin-top:0;padding:5px 9px;font-size:12px}.btn[disabled]{opacity:.6;cursor:default}.btnbar{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.muted{color:var(--muted)}.err{color:var(--danger);margin-top:10px;font-size:13px}.savedmsg{color:var(--ok);font-size:12px}.readonly{margin:4px 0}.linklike{background:none;border:0;padding:0;margin:0;color:var(--accent);font:inherit;text-decoration:underline;cursor:pointer}.topbar-left{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.brand-logo{max-height:52px;max-width:210px;object-fit:contain;background:#fff;border:1px solid var(--line);border-radius:6px;padding:4px 8px}.viewnav{display:flex;gap:4px}.viewnav button{background:none;border:1px solid var(--line);color:var(--muted);padding:5px 12px;border-radius:8px;font:inherit;cursor:pointer}.viewnav button.on{background:var(--accent-soft);color:var(--accent);border-color:var(--accent)}.flash{background:var(--accent-soft);border:1px solid var(--line);border-radius:8px;padding:8px 12px;font-size:13px;margin:0 0 16px}.viewbanner{display:flex;justify-content:space-between;align-items:center;gap:12px;background:var(--accent-soft);border:1px solid var(--line);border-radius:10px;padding:10px 14px;margin-bottom:12px;font-size:13px}.viewbanner b{color:var(--accent)}.preview-col-solo{max-width:780px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px}@media (max-width: 800px){.stats{grid-template-columns:repeat(2,1fr)}}.stat{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:16px}.stat-k{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.stat-v{font-size:20px;font-weight:700;margin-top:6px}.items td .btn.small{margin:1px 2px}.editor-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}@media (max-width: 1000px){.editor-grid{grid-template-columns:1fr}}.preview-col{position:sticky;top:24px;align-self:start}.items{width:100%;border-collapse:collapse;margin-top:6px}.items th{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);text-align:left;padding:6px}.items td{padding:4px 6px;vertical-align:top}.items input{padding:6px 8px}.items .num{text-align:right}.col-desc{width:46%}.col-h{width:15%}.col-r{width:18%}.col-a{width:15%}.col-x{width:6%}.totbox{margin-top:12px;border-top:1px solid var(--line);padding-top:10px;font-size:13px}.totbox .line{display:flex;justify-content:space-between;padding:3px 0}.totbox .grand{font-weight:700;font-size:16px;border-top:1px solid var(--line);margin-top:6px;padding-top:8px}#invoice{background:#fff;border:1px solid #e3d8c4;border-radius:12px;padding:40px;font-size:13px;color:#241e1a}#invoice .inv-head{display:flex;justify-content:space-between;align-items:flex-start;gap:40px;margin-bottom:36px}#invoice .inv-issuer{display:flex;flex-direction:column;align-items:flex-start;gap:14px;max-width:55%}#invoice .inv-logo{max-height:64px;max-width:240px;object-fit:contain}#invoice .inv-title{font-family:Playfair Display,Georgia,Times New Roman,serif;font-size:30px;font-weight:700;letter-spacing:.01em;margin:0 0 10px;color:#8a6a1e;text-transform:none}#invoice .inv-meta{text-align:right;font-size:12px;line-height:1.7;flex:0 0 auto}#invoice .inv-meta b{display:inline-block;min-width:120px;text-align:left;color:#8c7a68;font-weight:600}#invoice .inv-billto{margin-bottom:44px}#invoice .plabel{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#a08e7c;margin-bottom:8px}#invoice .pbody{white-space:pre-wrap;line-height:1.8}#invoice table.lines{width:100%;border-collapse:collapse;margin-bottom:14px}#invoice table.lines th{background:#efe6d5;text-align:left;padding:11px 12px;font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:#6b5744}#invoice table.lines td{padding:14px 12px;border-bottom:1px solid #ece3d2}#invoice table.lines .num{text-align:right;white-space:nowrap}#invoice .totals{width:280px;margin-left:auto;font-size:13px}#invoice .totals .line{display:flex;justify-content:space-between;padding:6px 0}#invoice .totals .grand{font-weight:800;font-size:15px;border-top:2px solid #2a2320;margin-top:10px;padding-top:12px}#invoice .legal{margin-top:40px;padding-top:18px;border-top:1px solid #e3d8c4;font-size:11.5px;line-height:1.7;color:#4a3f39;white-space:pre-wrap}#invoice .foot{margin-top:40px;display:flex;gap:48px}#invoice .foot>div{flex:1}#invoice .foot .pbody{font-size:12px;white-space:pre-wrap;line-height:1.8}@media print{body{background:#fff}.no-print{display:none!important}.wrap,.wrap.wide{max-width:none;margin:0;padding:0}.editor-grid{display:block}.preview-col{position:static}@page{size:A4;margin:0}#invoice{border:0;border-radius:0;padding:16mm}#invoice table.lines tr,#invoice .totals{page-break-inside:avoid}}