:root{--navy: #14263d;--navy-700: #1d3a5f;--orange: #f5821f;--orange-600: #e0700f;--blue: #2c7be5;--page: #f4f6f9;--card: #ffffff;--border: #e6e9ee;--line: #eef1f5;--text: #1f2a37;--muted: #6b7280;--head: #707a87;--green: #1f9d57;--green-bg: #e6f6ec;--red: #d64545;--red-bg: #fdecea;--blue-bg: #e8f1fd;--gray-bg: #eef1f5;--radius: 8px;--shadow: 0 1px 3px rgba(16, 24, 40, .08);--topbar-h: 52px;--sidebar-w: 240px;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 24px;--sp-6: 32px;--radius-sm: 6px;--radius-lg: 12px;--shadow-sm: 0 1px 2px rgba(16, 24, 40, .06);--shadow-md: 0 1px 3px rgba(16, 24, 40, .08), 0 4px 8px rgba(16, 24, 40, .06);--shadow-lg: 0 4px 12px rgba(16, 24, 40, .1), 0 12px 24px rgba(16, 24, 40, .08);--fs-xs: 11px;--fs-sm: 13px;--fs-md: 14px;--fs-lg: 16px;--fs-xl: 20px;--fs-2xl: 26px;--lh-tight: 1.25;--lh-normal: 1.5;--ring-orange: rgba(245, 130, 31, .35);--ring-blue: rgba(44, 123, 229, .35);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--text);font-size:14px}:root[data-theme=dark]{--navy: #0f1b2d;--navy-700: #1b3350;--page: #0f141b;--card: #161c24;--border: #2a323d;--line: #232a33;--text: #e6e9ee;--muted: #9aa4b2;--head: #8b95a3;--green: #34c77b;--green-bg: #16301f;--red: #f07a72;--red-bg: #331a18;--blue: #4b93f0;--blue-bg: #14243b;--gray-bg: #232a33;--shadow: 0 1px 3px rgba(0, 0, 0, .5);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 1px 3px rgba(0, 0, 0, .5), 0 4px 8px rgba(0, 0, 0, .4);--shadow-lg: 0 4px 12px rgba(0, 0, 0, .55), 0 12px 24px rgba(0, 0, 0, .45);--ring-orange: rgba(245, 130, 31, .45);--ring-blue: rgba(75, 147, 240, .45);color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:var(--page)}.shell{display:flex;flex-direction:column;height:100vh}.topbar{height:var(--topbar-h);flex:0 0 var(--topbar-h);background:var(--navy);color:#fff;display:flex;align-items:center;gap:16px;padding:0 16px}.topbar .brand{display:flex;align-items:center;gap:8px;font-weight:700;font-size:16px;letter-spacing:.2px}.topbar .brand .logo{width:26px;height:26px;border-radius:6px;background:#fff;color:var(--navy);display:grid;place-items:center;font-weight:800}.topbar .spacer{flex:1}.topbar .entity-switch{background:#ffffff14;color:#fff;border:1px solid rgba(255,255,255,.15);border-radius:6px;padding:.35rem .6rem;max-width:280px}.topbar .entity-switch option{color:#1f2a37}.topbar .topbar-search{background:#ffffff14;color:#fff;border:1px solid rgba(255,255,255,.15);border-radius:6px;padding:.35rem .6rem;margin-left:.6rem;width:220px}.topbar .topbar-search::placeholder{color:#ffffff8c}.topbar .icon-btn{background:transparent;border:none;color:#cdd6e2;cursor:pointer;padding:6px;border-radius:6px;font-size:13px}.topbar .icon-btn:hover{background:#ffffff1a;color:#fff}.topbar .user{width:30px;height:30px;border-radius:50%;background:#cdd6e2;color:var(--navy);display:grid;place-items:center;font-weight:700}.shell-body{flex:1;display:flex;min-height:0}.sidebar{width:var(--sidebar-w);flex:0 0 var(--sidebar-w);background:#fff;border-right:1px solid var(--border);overflow-y:auto;padding:8px 0}.sidebar .group-label{padding:14px 18px 6px;font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#98a2b3}.sidebar .nav-item{display:flex;align-items:center;gap:10px;width:100%;text-align:left;padding:9px 18px;border:none;background:none;cursor:pointer;color:var(--text);font:inherit;border-left:3px solid transparent}.sidebar .nav-item .ico{width:18px;text-align:center;opacity:.8}.sidebar .nav-item:hover{background:var(--line)}.sidebar .nav-item.active{background:var(--orange);color:#fff;font-weight:600}.sidebar .nav-item.active .ico{opacity:1}.content{flex:1;overflow-y:auto;padding:22px 26px;background:var(--page)}.menu-btn{display:none;background:transparent;border:none;color:#fff;font-size:20px;line-height:1;cursor:pointer;padding:4px 8px;border-radius:6px}.menu-btn:hover{background:#ffffff1a}.sidebar-overlay{display:none}.page-head{display:flex;align-items:center;gap:10px;margin:0 0 18px}.page-head h1{font-size:20px;margin:0;font-weight:700}.page-head .spacer{flex:1}.btn{font:inherit;padding:.45rem .8rem;border-radius:6px;border:1px solid var(--border);background:#fff;color:var(--text);cursor:pointer;line-height:1.2}.btn:hover{background:#f7f8fa}.btn:disabled{opacity:.5;cursor:default}.btn-primary{background:var(--orange);border-color:var(--orange);color:#fff;font-weight:600}.btn-primary:hover{background:var(--orange-600);border-color:var(--orange-600)}.btn-primary:disabled{opacity:.55}.btn-danger{color:#b42318;border-color:#f3c9c4;background:#fff}.btn-danger:hover{background:#fef3f2;border-color:#e6a39c}.btn-danger:disabled{opacity:.55}.btn-sm{padding:.3rem .55rem;font-size:13px}.link{background:none;border:none;color:var(--blue);padding:0;cursor:pointer}.link:hover{text-decoration:underline}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:18px 20px;margin:0 0 var(--sp-5)}.card h2,.card h3{margin-top:0}table{width:100%;border-collapse:collapse;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);overflow:hidden;overflow:clip}th,td{text-align:left;padding:.7rem .9rem;border-bottom:1px solid var(--line)}th{background:var(--gray-bg);font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.04em;color:var(--head);font-weight:600;position:sticky;top:0;z-index:2}th:first-child{border-top-left-radius:var(--radius)}th:last-child{border-top-right-radius:var(--radius)}tbody tr:last-child td{border-bottom:none}tbody tr:nth-child(2n){background:#10182805}tbody tr:hover{background:#fafbfc}.right{text-align:right;font-variant-numeric:tabular-nums}td.right{font-variant-numeric:tabular-nums}.center{text-align:center}.num{font-variant-numeric:tabular-nums}th .sort-ind{font-size:10px;color:var(--orange)}.pager{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin-top:10px;font-size:13px}.pager .pager-range{font-variant-numeric:tabular-nums}.badge,.tag{display:inline-block;font-size:11px;font-weight:600;padding:.15rem .55rem;border-radius:999px;background:var(--gray-bg);color:var(--muted);text-transform:uppercase;letter-spacing:.03em}.badge.draft,.tag{background:var(--gray-bg);color:#5b6675}.badge.issued,.badge.sent,.badge.open{background:var(--blue-bg);color:var(--blue)}.badge.paid,.badge.posted,.badge.active,.badge.accepted,.badge.converted{background:var(--green-bg);color:var(--green)}.badge.paused,.badge.ended{background:#fff7ed;color:#9a3412}.badge.overdue,.badge.cancelled,.badge.declined{background:var(--red-bg);color:var(--red)}.btn:focus-visible,.link:focus-visible,.sidebar .nav-item:focus-visible{outline:none;box-shadow:0 0 0 3px var(--ring-orange)}.link:focus-visible{border-radius:var(--radius-sm)}.sidebar .nav-item:focus-visible{position:relative;z-index:1}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:none;border-color:var(--orange);box-shadow:0 0 0 3px var(--ring-orange)}input,select,textarea{font:inherit;padding:.45rem .6rem;border-radius:6px;border:1px solid #d4d9e0;background:#fff;color:var(--text)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--orange);box-shadow:0 0 0 3px #f5821f26}.form-row{display:grid;grid-template-columns:180px 1fr;align-items:center;gap:12px;margin:14px 0;max-width:720px}.form-row>label{color:#4b5563;font-size:13px}.form-row .req:after{content:" *";color:var(--red)}.row{display:flex;gap:.6rem;align-items:end;flex-wrap:wrap;margin:.6rem 0}.row label{display:flex;flex-direction:column;gap:.25rem;font-size:13px;color:#4b5563}.row label input,.row label select{min-width:8rem}.field{display:block;margin:1rem 0}.muted{color:var(--muted)}.error{color:var(--red)}.success{color:var(--green, #1a7f37);font-weight:600}.items-table input,.items-table select{width:100%}.totals{display:flex;gap:1.5rem;justify-content:flex-end;margin-top:.75rem;font-variant-numeric:tabular-nums}.summary{margin-left:auto;max-width:340px}.summary .line{display:flex;justify-content:space-between;padding:.35rem 0}.summary .line.total{border-top:1px solid var(--border);margin-top:.35rem;padding-top:.6rem;font-weight:700;font-size:16px}.inv-head{display:flex;justify-content:space-between;gap:24px}.inv-supplier{line-height:1.5}.inv-supplier strong{display:block;font-size:16px}.inv-title{text-align:right;line-height:1.5;min-width:240px}.inv-title h2{margin:0 0 .4rem;font-size:20px;letter-spacing:.04em;color:var(--navy)}.inv-lbl{color:var(--muted)}.inv-billto{margin-top:18px;padding-top:14px;border-top:1px solid var(--border);line-height:1.5}.inv-billto .inv-lbl{text-transform:uppercase;letter-spacing:.03em;font-size:12px;display:block;margin-bottom:.25rem}.vat-summary{margin:16px 0 0;max-width:480px}.inv-legend{margin-top:14px;padding:.6rem .8rem;border:1px solid var(--orange);background:#fff7ed;border-radius:var(--radius);font-weight:600}.sticky-actions{position:sticky;bottom:0;background:#fff;border-top:1px solid var(--border);margin:18px -26px -22px;padding:12px 26px;display:flex;align-items:center;gap:10px}.sticky-actions .spacer{flex:1}.btnrow{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.banner{background:#fff7ed;border:1px solid #fed7aa;color:#9a3412;border-radius:var(--radius);padding:.8rem 1rem;margin:0 0 18px;display:flex;align-items:center;gap:.75rem}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px}.stat{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px 18px}.stat .label{color:var(--muted);font-size:13px;text-transform:uppercase;letter-spacing:.03em}.stat .value{font-size:26px;font-weight:700;margin-top:8px;font-variant-numeric:tabular-nums}.stat.recv .value{color:var(--blue)}.stat.pay .value{color:var(--orange-600)}.stat.profit .value{color:var(--green)}.stat.overdue .value{color:var(--red)}@media print{.topbar,.sidebar,.nav,.no-print,.btn,.link,.sticky-actions,.banner{display:none!important}.shell,.shell-body,.content{display:block!important;height:auto!important;overflow:visible!important}.content{padding:0!important}:root,body{background:#fff!important}.card{box-shadow:none!important;border:none!important;padding:0!important;margin:0 0 12px!important}table{box-shadow:none!important;border:1px solid #999!important}th{background:#f0f0f0!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.badge{border:1px solid #999;color:#333!important;background:#fff!important}.page-head h1{font-size:22px}.page-head{display:none!important}.invoice-doc .inv-title h2{color:#000!important}.invoice-doc .inv-billto{border-top:1px solid #999!important}.invoice-doc .inv-legend{border:1px solid #333!important;background:#fff!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}@page{margin:16mm}.toaster{display:none!important}}.toaster{position:fixed;top:calc(var(--topbar-h) + var(--sp-3));right:var(--sp-4);z-index:1000;display:flex;flex-direction:column;gap:var(--sp-2);max-width:360px;pointer-events:none}.toast{pointer-events:auto;cursor:pointer;background:var(--card);color:var(--text);border:1px solid var(--border);border-left:4px solid var(--muted);border-radius:var(--radius);box-shadow:var(--shadow-lg);padding:var(--sp-3) var(--sp-4);font-size:var(--fs-sm);line-height:var(--lh-normal);animation:toast-in .18s ease-out}.toast-success{border-left-color:var(--green);background:var(--green-bg);color:var(--green)}.toast-error{border-left-color:var(--red);background:var(--red-bg);color:var(--red)}@keyframes toast-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.skeleton{display:block;height:12px;width:100%;border-radius:var(--radius-sm);background:linear-gradient(90deg,var(--line) 25%,var(--gray-bg) 37%,var(--line) 63%);background-size:400% 100%;animation:skeleton-shimmer 1.4s ease infinite}.skeleton-row td{border-bottom:1px solid var(--line)}@keyframes skeleton-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}@media (prefers-reduced-motion: reduce){.toast,.skeleton{animation:none}}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:8px;padding:48px 24px}.empty-state-icon{color:var(--border);opacity:.9}.empty-state-title{margin:4px 0 0;font-size:15px;font-weight:600;color:var(--text)}.empty-state-hint{margin:0;font-size:13px;color:var(--muted);max-width:34ch}@media print{.empty-state{display:none}}@media (max-width: 860px){.menu-btn{display:inline-flex;align-items:center}.topbar{gap:10px;padding:0 10px}.topbar .brand-text{display:none}.topbar .entity-switch{max-width:42vw}.sidebar{position:fixed;top:var(--topbar-h);left:0;bottom:0;z-index:60;transform:translate(-100%);transition:transform .22s ease;box-shadow:2px 0 16px #0000002e}.sidebar.open{transform:translate(0)}.sidebar-overlay.show{display:block;position:fixed;inset:var(--topbar-h) 0 0 0;background:#0000006b;z-index:55}.content{padding:16px 14px}.content table{display:block;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch}}@media (max-width: 620px){.topbar .topbar-search{display:none}.topbar .entity-switch{max-width:34vw}}@media (prefers-reduced-motion: reduce){.sidebar{transition:none}}