:root{--ink: #0f172a;--muted: #64748b;--line: #e2e8f0;--bg: #f1f5f9;--accent: #0f172a}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:Segoe UI,Roboto,Arial,sans-serif;color:var(--ink);background:var(--bg)}.gate{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0f172a;padding:20px}.gate-card{background:#fff;border-radius:16px;padding:34px 28px;width:340px;max-width:100%;text-align:center;box-shadow:0 20px 60px #0006}.gate-logo{width:58px;height:58px;border-radius:15px;background:#0f172a;color:#fff;font-weight:800;font-size:32px;display:flex;align-items:center;justify-content:center;margin:0 auto 16px}.gate-card h1{font-size:20px;margin:0 0 6px;color:#0f172a}.gate-card p{font-size:13px;color:#64748b;margin:0 0 18px}.gate-card input{width:100%;padding:11px 12px;border:1px solid #e2e8f0;border-radius:9px;font-size:14px;font-family:inherit;box-sizing:border-box}.gate-card input:focus{outline:none;border-color:#94a3b8}.gate-err{color:#b91c1c;font-size:12px;margin-top:10px}.gate-card button{width:100%;margin-top:14px;padding:11px;border:none;border-radius:9px;background:#0f172a;color:#fff;font-size:14px;font-weight:600;cursor:pointer;font-family:inherit}.gate-card button:hover{background:#1e293b}.app{display:flex;height:100vh;overflow:hidden}.mobile-tabs{display:none}.form-pane{width:460px;min-width:460px;height:100%;overflow-y:auto;background:#fff;border-right:1px solid var(--line);padding:22px 22px 60px}.form-pane h2{font-size:15px;margin:26px 0 12px;color:var(--ink)}.form-pane h2:first-child{margin-top:0}.app-title{font-size:20px;font-weight:800;letter-spacing:-.3px}.app-title span{color:var(--muted);font-weight:500;font-size:13px;display:block;margin-top:2px}.logout-link{border:none;background:none;padding:0;color:#3730a3;cursor:pointer;font:inherit;text-decoration:underline}.field{margin-bottom:10px}.field label{display:block;font-size:11px;color:var(--muted);margin-bottom:4px;font-weight:600}.field input,.field textarea{width:100%;padding:8px 10px;border:1px solid var(--line);border-radius:8px;font-size:13px;font-family:inherit;color:var(--ink);background:#fff}.field input:focus,.field textarea:focus{outline:none;border-color:#94a3b8}.row{display:flex;gap:10px}.row .field{flex:1}.check{display:flex;align-items:center;gap:8px;margin:6px 0 2px;font-size:13px}.check input{width:16px;height:16px}.contact-bar{display:flex;gap:6px;margin-bottom:12px;align-items:center}.contact-bar select{flex:1;min-width:0;padding:7px 8px;border:1px solid var(--line);border-radius:8px;font-size:12px;font-family:inherit;background:#f8fafc;color:var(--ink)}.contact-bar select:focus{outline:none;border-color:#94a3b8}.contact-bar .cbtn{border:1px solid var(--line);background:#eef2f7;border-radius:8px;padding:7px 10px;font-size:12px;cursor:pointer;font-family:inherit;white-space:nowrap;color:var(--ink)}.contact-bar .cbtn:hover{background:#e2e8f0}.contact-bar .cbtn.del{color:#b91c1c}.contact-bar .cbtn:disabled{opacity:.45;cursor:default}.item-card{border:1px solid var(--line);border-radius:10px;padding:12px;margin-bottom:10px;background:#fbfcfe}.item-card .item-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.item-card .item-top b{font-size:12px;color:var(--muted)}.item-card .del{border:none;background:#fee2e2;color:#b91c1c;border-radius:6px;width:26px;height:26px;cursor:pointer;font-size:15px;line-height:1}.item-card .del:hover{background:#fecaca}.item-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:8px}.item-total{text-align:right;font-size:12px;color:var(--muted);margin-top:6px}.item-total b{color:var(--ink)}.btn{border:none;border-radius:8px;padding:10px 14px;font-size:13px;font-weight:600;cursor:pointer;font-family:inherit}.btn-add{background:#e0e7ff;color:#3730a3;width:100%}.btn-add:hover{background:#c7d2fe}.btn-print{background:var(--ink);color:#fff}.btn-print:hover{background:#1e293b}.toolbar{position:sticky;top:0;z-index:5;background:#fff;padding:4px 0 14px;margin-bottom:6px;border-bottom:1px solid var(--line);display:flex;flex-direction:column;gap:12px}.toolbar-btns{display:flex;gap:8px}.toolbar-btns .btn{flex:1}.btn-excel{background:#217346;color:#fff}.btn-excel:hover{background:#1a5c38}.btn:disabled{opacity:.6;cursor:default}.tabs-bar{display:flex;gap:2px;margin:4px 0 16px;border-bottom:1px solid var(--line)}.tab{flex:1;border:none;background:none;padding:9px 6px;font-size:12.5px;font-weight:600;color:var(--muted);cursor:pointer;font-family:inherit;border-bottom:2px solid transparent;margin-bottom:-1px}.tab:hover{color:var(--ink)}.tab.active{color:var(--ink);border-bottom-color:var(--ink)}.btn-ghost{background:#eef2f7;color:var(--ink)}.btn-ghost:hover{background:#e2e8f0}.draft-actions{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.draft-actions .btn{flex:1;min-width:90px;padding:9px 10px}.draft-empty{font-size:12px;color:var(--muted);background:#f8fafc;border:1px dashed var(--line);border-radius:8px;padding:12px}.draft-list{display:flex;flex-direction:column;gap:6px;max-height:240px;overflow-y:auto}.draft-item{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:8px;padding:8px 10px;cursor:pointer;background:#fff}.draft-item:hover{border-color:#94a3b8}.draft-item.active{border-color:var(--ink);box-shadow:0 0 0 1px var(--ink) inset}.draft-item .d-main{flex:1;min-width:0}.draft-item .d-title{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.draft-item .d-sub{font-size:11px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.draft-item .badge{font-size:10px;font-weight:700;padding:3px 8px;border-radius:20px;cursor:pointer;white-space:nowrap}.draft-item .badge.draft{background:#fef3c7;color:#92400e}.draft-item .badge.done{background:#dcfce7;color:#166534}.draft-item .d-del{border:none;background:transparent;color:#b91c1c;cursor:pointer;font-size:18px;line-height:1;padding:0 2px}.fs-bar{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:8px;padding:8px 10px;margin-bottom:8px}.fs-ok{flex:1;min-width:0;font-size:12px;font-weight:600;color:#166534;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fs-warn{flex:1;min-width:0;font-size:12px;font-weight:600;color:#92400e}.btn-mini{border:1px solid var(--line);background:#eef2f7;border-radius:6px;padding:5px 9px;font-size:12px;cursor:pointer;font-family:inherit;white-space:nowrap}.btn-mini.primary{background:var(--ink);color:#fff;border-color:var(--ink)}.fs-import{position:relative;overflow:hidden;text-align:center;cursor:pointer}.fs-import input[type=file]{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.fs-hint{font-size:11px;color:var(--muted);margin-top:8px;line-height:1.6}.fs-link{background:none;border:none;padding:0;color:#3730a3;cursor:pointer;font:inherit;font-size:11px;text-decoration:underline;position:relative}.fs-link.fs-import input[type=file]{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.themes{display:flex;flex-wrap:wrap;gap:8px}.theme-btn{display:flex;align-items:center;gap:7px;cursor:pointer;border:1px solid var(--line);background:#fff;border-radius:8px;padding:6px 10px;font-size:12px;font-family:inherit;color:var(--ink)}.theme-btn:hover{border-color:#94a3b8}.theme-btn.active{border-color:var(--ink);box-shadow:0 0 0 1px var(--ink) inset;font-weight:600}.theme-swatch{width:14px;height:14px;border-radius:4px;border:1px solid rgba(0,0,0,.15)}.preview-pane{flex:1;height:100%;overflow-y:auto;padding:28px;display:flex;justify-content:center;align-items:flex-start}.invoice-sheet{--s-accent: #0f172a;--s-bar-bg: #0f172a;--s-bar-fg: #ffffff;--s-line: #e2e8f0;--s-card-bg: #f8fafc;--s-zebra: #fbfcfe;--s-radius: 10px;--s-font: "Segoe UI", Roboto, Arial, sans-serif;width:210mm;min-height:297mm;background:#fff;color:var(--ink);box-shadow:0 10px 40px #0f172a26;padding:16mm 15mm;font-size:12px;font-family:var(--s-font)}.inv-head{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:3px solid var(--s-accent);padding-bottom:16px}.inv-head h1{font-size:30px;font-weight:800;letter-spacing:-.5px;margin:0;color:var(--s-accent)}.inv-head .doctitle{font-size:15px;font-weight:700;color:#334155;margin-top:4px}.inv-head .sub{color:var(--muted);font-size:13px;margin-top:2px}.inv-meta{text-align:right}.inv-meta .num{font-size:20px;font-weight:800;color:var(--s-accent)}.inv-meta .dates{margin-top:8px;color:#475569;line-height:1.7}.inv-meta .dates b{color:var(--ink)}.parties{display:flex;gap:18px;margin-top:24px}.party{flex:1;border:1px solid var(--s-line);border-radius:var(--s-radius);padding:16px 18px}.party.to{background:var(--s-card-bg)}.party .plabel{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:#94a3b8;font-weight:700;margin-bottom:8px}.party .pname{font-size:16px;font-weight:700}.party .pline{color:#475569;margin-top:3px;line-height:1.6}.party .pids{margin-top:8px;font-size:11px;color:var(--muted)}.tag{display:inline-block;margin-top:8px;font-size:10px;font-weight:700;padding:2px 8px;border-radius:20px}.tag.no{background:#fef3c7;color:#92400e}.tag.yes{background:#dcfce7;color:#166534}table.items-tbl{width:100%;border-collapse:collapse;margin-top:26px}table.items-tbl thead th{background:var(--s-bar-bg);color:var(--s-bar-fg);font-size:10px;text-transform:uppercase;letter-spacing:.6px;padding:11px 12px;text-align:left}table.items-tbl thead th.r{text-align:right}table.items-tbl tbody td{padding:12px;border-bottom:1px solid #eef2f6;vertical-align:top}table.items-tbl tbody tr:nth-child(2n){background:var(--s-zebra)}.t-num{width:26px;color:#94a3b8}.t-qty,.t-price,.t-sum{text-align:right;white-space:nowrap}.t-qty{width:90px}.t-price{width:90px;color:#475569}.t-sum{width:110px;font-weight:600}.totalbox{display:flex;justify-content:flex-end;margin-top:6px}.totalbox .inner{min-width:320px}.totalbox .tr{display:flex;justify-content:space-between;padding:6px 12px;color:#475569}.totalbox .grand{display:flex;justify-content:space-between;padding:14px 12px;background:var(--s-bar-bg);color:var(--s-bar-fg);border-radius:8px;margin-top:6px;font-size:16px;font-weight:800}.paybar{display:flex;gap:20px;margin-top:28px;border-top:1px solid var(--line);padding-top:20px}.payinfo{flex:1}.payinfo .plabel{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:#94a3b8;font-weight:700;margin-bottom:10px}.payinfo .kv{display:flex;margin-bottom:6px}.payinfo .k{width:130px;color:var(--muted)}.payinfo .v{font-weight:600}.qr{text-align:center}.qr img{width:130px;height:130px}.qr .cap{font-size:10px;color:var(--muted);margin-top:4px;font-weight:600}.inv-foot{margin-top:30px;text-align:center;color:#94a3b8;font-size:10px;border-top:1px solid #eef2f6;padding-top:14px;line-height:1.7}.invoice-sheet.theme-smaragd{--s-accent: #065f46;--s-bar-bg: #047857;--s-bar-fg: #ffffff;--s-card-bg: #ecfdf5;--s-zebra: #f0fdf4;--s-line: #d1fae5}.invoice-sheet.theme-minimal{--s-accent: #111111;--s-bar-bg: #ffffff;--s-bar-fg: #111111;--s-card-bg: #ffffff;--s-zebra: #fafafa;--s-line: #d4d4d4;--s-radius: 0px;box-shadow:0 10px 40px #0000001f}.invoice-sheet.theme-minimal table.items-tbl thead th{border-bottom:2px solid #111;letter-spacing:1px}.invoice-sheet.theme-minimal .totalbox .grand{background:#fff;color:#111;border:2px solid #111;border-radius:0}.invoice-sheet.theme-minimal .tag.no,.invoice-sheet.theme-minimal .tag.yes{background:#f4f4f5;color:#111;border:1px solid #d4d4d4}.invoice-sheet.theme-excel{--s-accent: #1f5c3a;--s-bar-bg: #217346;--s-bar-fg: #ffffff;--s-card-bg: #f2f7f4;--s-zebra: #eef5f0;--s-line: #9aa0a6;--s-radius: 0px;--s-font: Calibri, "Segoe UI", Arial, sans-serif;box-shadow:0 10px 40px #0000001f}.invoice-sheet.theme-excel table.items-tbl{border:1px solid #7a7f85}.invoice-sheet.theme-excel table.items-tbl thead th{border:1px solid #1a5c38;text-transform:none;letter-spacing:0;font-size:11px}.invoice-sheet.theme-excel table.items-tbl tbody td{border:1px solid #c3c8cd}.invoice-sheet.theme-excel .party{border:1px solid #9aa0a6}.invoice-sheet.theme-excel .totalbox .grand{border-radius:0}.invoice-sheet.theme-klasik{width:793.7px;min-height:1122.5px;padding:0;color:#000;box-shadow:0 10px 40px #0000001f;overflow:hidden}.invoice-sheet.theme-klasik .classic-abs{transform:scale(1.33333);transform-origin:top left}.classic-abs{position:relative;width:595px;min-height:842px;font-family:Arial,Helvetica,sans-serif;color:#000;font-size:9.9px;line-height:13.85px}.classic-abs>.cx-title,.classic-abs>.cx-rule,.classic-abs>.cx-meta,.classic-abs>.cx-block{position:absolute}.classic-abs .cx-title{left:49.7px;width:495.6px;text-align:right;font-size:14.4px;line-height:14.4px}.classic-abs>.cx-rule{left:49.7px;width:495.6px;height:0;border-top:.7px solid #000}.classic-abs .cx-meta{left:332.5px;width:212.8px}.classic-abs .cx-row{display:flex;justify-content:space-between}.classic-abs .cx-row span:last-child{white-space:nowrap}.classic-abs .cx-b{font-weight:700}.classic-abs .cx-kv{display:flex}.classic-abs .cx-kv span:first-child{width:70px;flex:none}.classic-abs .cx-flow{padding:361.7px 49.7px 0}.classic-abs .cx-table{width:100%;border-collapse:collapse;table-layout:fixed}.classic-abs .cx-table th{background:#d9d9d9;border:none;font-weight:700;height:15px;padding:1px 0;vertical-align:middle}.classic-abs .cx-table td{padding:0;border:none;height:13.85px;vertical-align:top}.classic-abs .cx-table th.cD{text-align:left;padding-left:2.8px}.classic-abs .cx-table td.cD{text-align:right;padding-right:4.7px;white-space:nowrap}.classic-abs .cx-table .cN{text-align:left;padding-left:4.8px}.classic-abs .cx-table th.cP{text-align:left}.classic-abs .cx-table td.cP{text-align:right;padding-right:7.7px}.classic-abs .cx-table th.cS{text-align:left;padding-left:34.6px}.classic-abs .cx-table td.cS{text-align:right;padding-right:3.3px}.classic-abs .cx-total{width:100%;margin-top:16px;display:flex;justify-content:flex-end;align-items:baseline;font-weight:700;font-size:11.7px;line-height:11.7px}.classic-abs .cx-total .cx-total-val{width:82px;text-align:right;padding-right:3.3px}.classic-abs .cx-foot{width:100%;text-align:center;margin-top:44px}.classic-abs .cx-rule-bottom{width:100%;height:0;border-top:.7px solid #000;margin-top:8px}@media print{.form-pane,.toolbar{display:none!important}.app{display:block;height:auto;overflow:visible}.preview-pane{display:block;padding:0;overflow:visible;height:auto}.invoice-sheet{box-shadow:none;margin:0;width:auto;min-height:auto}@page{size:A4;margin:0}}@media (max-width: 860px){.app{flex-direction:column;height:auto;min-height:100vh;overflow:visible}.mobile-tabs{display:flex;position:sticky;top:0;z-index:30;background:#0f172a}.mobile-tabs button{flex:1;border:none;background:none;color:#94a3b8;font:inherit;font-size:14px;font-weight:600;padding:13px 8px;cursor:pointer}.mobile-tabs button.active{color:#fff;box-shadow:inset 0 -3px #fff}.form-pane{width:100%;min-width:0;height:auto;overflow:visible;border-right:none;padding:16px 14px 70px}.toolbar{position:static}.preview-pane{height:auto;overflow-x:hidden;padding:14px;justify-content:center}.app.mv-form .preview-pane,.app.mv-preview .form-pane{display:none}.item-grid{gap:6px}}