:root{--jn-navy: #000080;--jn-navy-soft: #ececf4;--jn-border: #7a7a7a;--jn-border-soft: #c8c8d0;--jn-row-line: #ececec;--jn-danger: #a80000;--jn-warn-bg: #fff4d6;--jn-muted: #f6f6fb;--jn-page: #f2f2f2;--jn-surface: #ffffff;--jn-ink: #000000;--jn-on-navy: #ffffff;--jn-muted-text: #555555;--jn-faint-text: #777777;--jn-focus: #000080;--jn-focus-soft: #00008026;--jn-input-bg: #ffffff;--jn-disabled-bg: #f0f0f0;--jn-disabled-text: #666666;--jn-action-off: #b8b8c8;--jn-action-off-text: #3d4152;--jn-z-rail: 20;--jn-z-drop: 80;--jn-z-modal: 120;--jn-z-toast: 200;--jn-z-gate: 300;--jn-danger-text: #a80000;--jn-err-bg: #ffe5e5;--jn-ok-bg: #e6f4ea;--jn-ok-text: #0b6b2e;--jn-ok-line: #0b6b2e;--jn-toast-bg: #ffffff;--jn-navy-text: #000080;--jn-warn-text: #7a5b00;--jn-warn-line: #d6a800;--jn-card-line: #c3c3d8;--jn-veil: rgba(0, 0, 0, .45);--jn-shadow: rgba(0, 0, 32, .25);--jn-skeleton-a: #ececef;--jn-skeleton-b: #f7f7fb;--jn-tile: #2e86de;--jn-tile-text: #ffffff;--jn-overdue: #ff0000;--jn-overdue-text: #ffffff;--jn-font: "Segoe UI", Tahoma, "Microsoft Sans Serif", Arial, sans-serif;--jn-text: 13px;--jn-label: 12px}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--jn-navy: #26308c;--jn-navy-soft: #232a44;--jn-border: #55607f;--jn-border-soft: #3a4260;--jn-row-line: #2a3149;--jn-danger: #b03a3a;--jn-warn-bg: #46390f;--jn-muted: #1c2236;--jn-page: #0e1220;--jn-surface: #161b2c;--jn-ink: #e7e9f2;--jn-on-navy: #ffffff;--jn-muted-text: #a8adc0;--jn-faint-text: #8d93a8;--jn-focus: #8fa3ff;--jn-focus-soft: #8fa3ff33;--jn-input-bg: #1e2438;--jn-disabled-bg: #232838;--jn-disabled-text: #7c8296;--jn-action-off: #39405a;--jn-action-off-text: #a8adc0;--jn-danger-text: #ff9b9b;--jn-err-bg: #3a1a1a;--jn-ok-bg: #14331f;--jn-ok-text: #7fd39b;--jn-ok-line: #7fd39b;--jn-toast-bg: #1e2438;--jn-navy-text: #9fb0ff;--jn-warn-text: #e5c268;--jn-warn-line: #b3891f;--jn-card-line: #333b57;--jn-veil: rgba(0, 0, 0, .62);--jn-shadow: rgba(0, 0, 0, .55);--jn-skeleton-a: #1e2336;--jn-skeleton-b: #262c42;--jn-tile: #2e86de;--jn-tile-text: #ffffff;--jn-overdue: #ff5b5b;--jn-overdue-text: #1a0000}}:root[data-theme=dark]{--jn-navy: #26308c;--jn-navy-soft: #232a44;--jn-border: #55607f;--jn-border-soft: #3a4260;--jn-row-line: #2a3149;--jn-danger: #b03a3a;--jn-warn-bg: #46390f;--jn-muted: #1c2236;--jn-page: #0e1220;--jn-surface: #161b2c;--jn-ink: #e7e9f2;--jn-on-navy: #ffffff;--jn-muted-text: #a8adc0;--jn-faint-text: #8d93a8;--jn-focus: #8fa3ff;--jn-focus-soft: #8fa3ff33;--jn-input-bg: #1e2438;--jn-disabled-bg: #232838;--jn-disabled-text: #7c8296;--jn-action-off: #39405a;--jn-action-off-text: #a8adc0;--jn-danger-text: #ff9b9b;--jn-err-bg: #3a1a1a;--jn-ok-bg: #14331f;--jn-ok-text: #7fd39b;--jn-ok-line: #7fd39b;--jn-toast-bg: #1e2438;--jn-navy-text: #9fb0ff;--jn-warn-text: #e5c268;--jn-warn-line: #b3891f;--jn-card-line: #333b57;--jn-veil: rgba(0, 0, 0, .62);--jn-shadow: rgba(0, 0, 0, .55);--jn-skeleton-a: #1e2336;--jn-skeleton-b: #262c42;--jn-tile: #2e86de;--jn-tile-text: #ffffff;--jn-overdue: #ff5b5b;--jn-overdue-text: #1a0000}:is(app-pos,app-cashbook,app-billbook,app-ledger,app-masters,app-reports,app-books,app-users,app-dashboard,app-login) .screen{min-height:100vh;background:var(--jn-surface);color:var(--jn-ink);display:flex;flex-direction:column;font-family:var(--jn-font)}:is(app-pos,app-cashbook,app-billbook,app-ledger,app-masters,app-reports,app-books,app-users,app-dashboard,app-login) .title-bar{display:flex;align-items:center;gap:10px;background:var(--jn-navy);color:var(--jn-on-navy);padding:4px 12px;min-height:34px}:is(app-pos,app-cashbook,app-billbook,app-ledger,app-masters,app-reports,app-books,app-users,app-dashboard,app-login) .title-bar .title{font-size:18px;font-weight:700;letter-spacing:.5px}:is(app-pos,app-cashbook,app-billbook,app-ledger,app-masters,app-reports,app-books,app-users,app-dashboard,app-login) .title-bar .spacer{flex:1}:is(app-pos,app-cashbook,app-billbook,app-ledger,app-masters,app-reports,app-books,app-users,app-dashboard,app-login) .title-bar .who{font-size:12px;opacity:.9}:is(app-pos,app-cashbook,app-billbook,app-ledger,app-masters,app-reports,app-books,app-users,app-dashboard,app-login) .bar-button{background:var(--jn-on-navy);color:var(--jn-navy);border:none;padding:4px 10px;font:inherit;font-size:12px;font-weight:700;text-decoration:none;cursor:pointer}:is(app-pos,app-cashbook,app-billbook,app-ledger,app-masters,app-reports,app-books,app-users,app-dashboard,app-login) .error,:is(app-pos,app-cashbook,app-billbook,app-ledger,app-masters,app-reports,app-books,app-users,app-dashboard,app-login) .notice,:is(app-pos,app-cashbook,app-billbook,app-ledger,app-masters,app-reports,app-books,app-users,app-dashboard,app-login) .note{margin:6px 12px 0;padding:6px 10px;font-weight:700;font-size:var(--jn-text)}:is(app-pos,app-cashbook,app-billbook,app-ledger,app-masters,app-reports,app-books,app-users,app-dashboard,app-login) .error{background:var(--jn-err-bg);color:var(--jn-danger-text);border-left:4px solid var(--jn-danger-text)}:is(app-pos,app-cashbook,app-billbook,app-ledger,app-masters,app-reports,app-books,app-users,app-dashboard,app-login) .notice{background:var(--jn-ok-bg);color:var(--jn-ok-text);border-left:4px solid var(--jn-ok-text)}:is(app-pos,app-cashbook,app-billbook,app-ledger,app-masters,app-reports,app-books,app-users,app-dashboard,app-login) .note{background:var(--jn-warn-bg);color:var(--jn-warn-text);border-left:4px solid var(--jn-warn-line);font-weight:600;font-size:12px}:is(app-pos,app-cashbook,app-billbook,app-ledger,app-masters,app-reports,app-books,app-users,app-dashboard,app-login) .label{font-size:var(--jn-label);font-weight:700;white-space:nowrap}:is(app-pos,app-cashbook,app-billbook,app-ledger,app-masters,app-reports,app-books,app-users,app-dashboard,app-login) .side-label{font-size:18px;font-weight:700;letter-spacing:.5px}:is(app-pos,app-cashbook,app-billbook,app-ledger,app-masters,app-reports,app-books,app-users,app-dashboard,app-login) input,:is(app-pos,app-cashbook,app-billbook,app-ledger,app-masters,app-reports,app-books,app-users,app-dashboard,app-login) select,:is(app-pos,app-cashbook,app-billbook,app-ledger,app-masters,app-reports,app-books,app-users,app-dashboard,app-login) button,:is(app-pos,app-cashbook,app-billbook,app-ledger,app-masters,app-reports,app-books,app-users,app-dashboard,app-login) textarea{font-family:inherit;font-size:var(--jn-text)}:is(app-pos,app-cashbook,app-billbook,app-ledger,app-masters,app-reports,app-books,app-users,app-dashboard,app-login) input,:is(app-pos,app-cashbook,app-billbook,app-ledger,app-masters,app-reports,app-books,app-users,app-dashboard,app-login) select{border:1px solid var(--jn-border);padding:4px 6px;background:var(--jn-input-bg);color:var(--jn-ink)}:is(app-pos,app-cashbook,app-billbook,app-ledger,app-masters,app-reports,app-books,app-users,app-dashboard,app-login) input:disabled,:is(app-pos,app-cashbook,app-billbook,app-ledger,app-masters,app-reports,app-books,app-users,app-dashboard,app-login) select:disabled{background:var(--jn-disabled-bg);color:var(--jn-disabled-text)}:is(app-pos,app-cashbook,app-billbook,app-ledger,app-masters,app-reports,app-books,app-users,app-dashboard,app-login) input:focus-visible,:is(app-pos,app-cashbook,app-billbook,app-ledger,app-masters,app-reports,app-books,app-users,app-dashboard,app-login) select:focus-visible,:is(app-pos,app-cashbook,app-billbook,app-ledger,app-masters,app-reports,app-books,app-users,app-dashboard,app-login) button:focus-visible{outline:2px solid var(--jn-focus);outline-offset:1px}:is(app-pos,app-cashbook,app-billbook,app-ledger,app-masters,app-reports,app-books,app-users,app-dashboard,app-login) .value{font-weight:700;padding:4px 8px;border:1px solid var(--jn-border);background:var(--jn-surface);color:var(--jn-ink);text-align:right;font-size:var(--jn-text)}:is(app-pos,app-cashbook,app-billbook,app-ledger,app-masters,app-reports,app-books,app-users,app-dashboard,app-login) .value.strong{background:var(--jn-navy);color:var(--jn-on-navy);border-color:var(--jn-navy);font-size:15px}:is(app-pos,app-cashbook,app-billbook,app-ledger,app-masters,app-reports,app-books,app-users,app-dashboard,app-login) .action{background:var(--jn-navy);color:var(--jn-on-navy);border:none;padding:8px 14px;font-weight:700;cursor:pointer}:is(app-pos,app-cashbook,app-billbook,app-ledger,app-masters,app-reports,app-books,app-users,app-dashboard,app-login) .action:disabled{background:var(--jn-action-off);color:var(--jn-action-off-text);cursor:not-allowed}:is(app-pos,app-cashbook,app-billbook,app-ledger,app-masters,app-reports,app-books,app-users,app-dashboard,app-login) .action.danger{background:var(--jn-danger)}:is(app-pos,app-cashbook,app-billbook,app-ledger,app-masters,app-reports,app-books,app-users,app-dashboard,app-login) .bar-action{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border:1px solid var(--jn-on-navy);border-radius:4px;background:none;color:var(--jn-on-navy);font-family:inherit;font-size:11px;font-weight:700;letter-spacing:.5px;cursor:pointer;white-space:nowrap}:is(app-pos,app-cashbook,app-billbook,app-ledger,app-masters,app-reports,app-books,app-users,app-dashboard,app-login) .bar-action:hover{background:#ffffff2e}:is(app-pos,app-cashbook,app-billbook,app-ledger,app-masters,app-reports,app-books,app-users,app-dashboard,app-login) .bar-action:disabled{opacity:.5;cursor:not-allowed}@media print{:is(app-pos,app-cashbook,app-billbook,app-ledger,app-masters,app-reports,app-books,app-users,app-dashboard,app-login) .bar-action{display:none}}:is(app-pos,app-cashbook,app-billbook,app-ledger,app-masters,app-reports,app-books,app-users,app-dashboard,app-login) .mini{border:none;background:var(--jn-navy);color:var(--jn-on-navy);width:22px;height:24px;font-weight:700;cursor:pointer;padding:0}:is(app-pos,app-cashbook,app-billbook,app-ledger,app-masters,app-reports,app-books,app-users,app-dashboard,app-login) .mini.danger{background:var(--jn-danger)}:is(app-pos,app-cashbook,app-billbook,app-ledger,app-masters,app-reports,app-books,app-users,app-dashboard,app-login) .mini:disabled{background:var(--jn-border-soft);cursor:not-allowed}:is(app-pos,app-cashbook,app-billbook,app-ledger,app-masters,app-reports,app-books,app-users,app-dashboard,app-login) .tabs{display:flex;gap:2px;padding:8px 12px 0;flex-wrap:wrap}:is(app-pos,app-cashbook,app-billbook,app-ledger,app-masters,app-reports,app-books,app-users,app-dashboard,app-login) .tabs button{background:var(--jn-navy-soft);color:var(--jn-ink);border:none;padding:8px 18px;font-family:inherit;font-size:var(--jn-text);font-weight:700;cursor:pointer}:is(app-pos,app-cashbook,app-billbook,app-ledger,app-masters,app-reports,app-books,app-users,app-dashboard,app-login) .tabs button.active{background:var(--jn-navy);color:var(--jn-on-navy)}:is(app-pos,app-cashbook,app-billbook,app-ledger,app-masters,app-reports,app-books,app-users,app-dashboard,app-login) .grid-wrap{border:1px solid var(--jn-border);overflow:auto;background:var(--jn-surface)}:is(app-pos,app-cashbook,app-billbook,app-ledger,app-masters,app-reports,app-books,app-users,app-dashboard,app-login) .grid{width:100%;border-collapse:collapse;font-size:12px}:is(app-pos,app-cashbook,app-billbook,app-ledger,app-masters,app-reports,app-books,app-users,app-dashboard,app-login) .grid th{position:sticky;top:0;background:var(--jn-navy-soft);color:var(--jn-ink);text-align:left;padding:4px 6px;font-weight:700;white-space:nowrap;border-bottom:1px solid var(--jn-border-soft)}:is(app-pos,app-cashbook,app-billbook,app-ledger,app-masters,app-reports,app-books,app-users,app-dashboard,app-login) .grid td{border-bottom:1px solid var(--jn-row-line);padding:3px 6px;white-space:nowrap}:is(app-pos,app-cashbook,app-billbook,app-ledger,app-masters,app-reports,app-books,app-users,app-dashboard,app-login) .grid .num,:is(app-pos,app-cashbook,app-billbook,app-ledger,app-masters,app-reports,app-books,app-users,app-dashboard,app-login) .grid th.num{text-align:right}:is(app-pos,app-cashbook,app-billbook,app-ledger,app-masters,app-reports,app-books,app-users,app-dashboard,app-login) .grid .strong{font-weight:700}:is(app-pos,app-cashbook,app-billbook,app-ledger,app-masters,app-reports,app-books,app-users,app-dashboard,app-login) .grid .actions{display:flex;gap:3px}:is(app-pos,app-cashbook,app-billbook,app-ledger,app-masters,app-reports,app-books,app-users,app-dashboard,app-login) .grid tr.selected td,:is(app-pos,app-cashbook,app-billbook,app-ledger,app-masters,app-reports,app-books,app-users,app-dashboard,app-login) .grid tr.pending td{background:var(--jn-warn-bg)}:is(app-pos,app-cashbook,app-billbook,app-ledger,app-masters,app-reports,app-books,app-users,app-dashboard,app-login) .grid tr.pos-row td{background:var(--jn-muted);color:var(--jn-muted-text)}:is(app-pos,app-cashbook,app-billbook,app-ledger,app-masters,app-reports,app-books,app-users,app-dashboard,app-login) .grid .empty td{text-align:center;color:var(--jn-faint-text);padding:22px 0;font-style:italic}:is(app-pos,app-cashbook,app-billbook,app-ledger,app-masters,app-reports,app-books,app-users,app-dashboard,app-login) .form{display:grid;grid-template-columns:130px 1fr;gap:5px 8px;align-items:center}:is(app-pos,app-cashbook,app-billbook,app-ledger,app-masters,app-reports,app-books,app-users,app-dashboard,app-login) .form input,:is(app-pos,app-cashbook,app-billbook,app-ledger,app-masters,app-reports,app-books,app-users,app-dashboard,app-login) .form select,:is(app-pos,app-cashbook,app-billbook,app-ledger,app-masters,app-reports,app-books,app-users,app-dashboard,app-login) .form app-combo{width:100%}@media print{:root,:root[data-theme=dark],:root[data-theme=light]{--jn-navy: #000080;--jn-navy-soft: #ececf4;--jn-border: #7a7a7a;--jn-border-soft: #c8c8d0;--jn-row-line: #ececec;--jn-danger: #a80000;--jn-warn-bg: #fff4d6;--jn-muted: #f6f6fb;--jn-page: #ffffff;--jn-surface: #ffffff;--jn-ink: #000000;--jn-on-navy: #ffffff;--jn-muted-text: #555555;--jn-faint-text: #777777;--jn-focus: #000080;--jn-input-bg: #ffffff;--jn-disabled-bg: #f0f0f0;--jn-disabled-text: #666666;--jn-action-off: #b8b8c8;--jn-danger-text: #a80000;--jn-err-bg: #ffe5e5;--jn-ok-bg: #e6f4ea;--jn-ok-text: #0b6b2e;--jn-warn-text: #7a5b00;--jn-warn-line: #d6a800;--jn-card-line: #c3c3d8;--jn-veil: rgba(0, 0, 0, .45);--jn-shadow: rgba(0, 0, 32, .25);--jn-skeleton-a: #ececef;--jn-skeleton-b: #f7f7fb;--jn-tile: #2e86de;--jn-tile-text: #ffffff;--jn-overdue: #ff0000;--jn-overdue-text: #ffffff}@page{size:8.5in 11in portrait;margin:.2in}html,body{margin:0;background:#fff}body{padding:0;font-family:Segoe UI,Tahoma,"Microsoft Sans Serif",Arial,sans-serif}.no-print,app-topbar,app-sidebar,app-pos .title-bar,app-cashbook .title-bar,app-billbook .title-bar,app-ledger .title-bar,app-reports .title-bar,app-books .title-bar,app-masters .title-bar,app-users .title-bar{display:none!important}.shell{display:block!important;height:auto!important}.shell-main{overflow:visible!important;height:auto!important;min-height:0!important}.print-only{display:block!important}.grid-wrap{overflow:visible!important;max-height:none!important;height:auto!important;border:none!important}.grid th{position:static!important;font-family:Tahoma,Segoe UI,sans-serif!important;font-weight:700!important;text-align:center!important;background:#384c70!important;color:#fff!important;border:1px solid #4e648a!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}app-ledger .grid th{background:#7c8692!important;border-color:#9aa2ab!important}app-ledger .grid th.col-serial,app-ledger .grid th.col-serial~th{background:#4c68a2!important;border-color:#7292cc!important}app-reports .grid.band-profit th{background:#00008b!important;border-color:#3a3ab0!important}app-reports .grid.band-soda th{background:#4c68a2!important;border-color:#7292cc!important}.grid,.grid th,.grid td{font-size:9pt}.grid td{font-family:Tahoma,Segoe UI,sans-serif!important;text-align:center!important;border-bottom:1px solid #d0d0d0!important}.grid td.num{text-align:right!important}.grid thead{display:table-row-group}.grid tr{break-inside:avoid}.grid tr.selected td,.grid tr.pending td,.grid tr.pos-row td{background:transparent!important;color:#000!important}}.print-only{display:none}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--jn-page);color:var(--jn-ink);font-family:Segoe UI,Tahoma,"Microsoft Sans Serif",Arial,sans-serif;font-size:14px}:focus-visible{outline:2px solid var(--jn-focus);outline-offset:1px}@media(max-width:900px){app-pos .title-bar,app-ledger .title-bar,app-cashbook .title-bar,app-billbook .title-bar,app-masters .title-bar,app-reports .title-bar,app-books .title-bar{flex-wrap:wrap;gap:6px}app-pos .work-area{flex-direction:column}app-pos .bill{width:100%}app-pos .grid-wrap{height:46vh}app-pos .tiles{max-height:40vh}app-pos .tile{width:120px;height:120px}app-pos .date-value{min-width:0}app-cashbook .side{min-width:100%}app-cashbook .form,app-masters .form{grid-template-columns:1fr}app-ledger .grid-wrap,app-reports .grid-wrap,app-books .grid-wrap,app-masters .grid-wrap,app-billbook .grid-wrap,app-cashbook .grid-wrap{max-height:52vh}app-books .net-profit .totals{grid-template-columns:1fr 1fr}}@media(max-width:560px){app-pos input,app-ledger input,app-cashbook input,app-billbook input,app-masters input,app-reports input,app-books input,app-pos select,app-ledger select,app-reports select,app-books select{min-height:38px;font-size:15px}app-pos .action,app-ledger .action,app-cashbook .action,app-billbook .action,app-masters .action,app-reports .action,app-books .action{min-height:42px;flex:1}app-pos .bill{gap:8px}app-pos .row,app-billbook .head,app-billbook .item-form,app-billbook .footer-row{flex-wrap:wrap}app-pos .code-box,app-pos .invoice-no,app-pos .bill-ref{width:100%}app-pos .tile{width:calc(50% - 4px);height:96px}app-pos .dialog{width:100%}app-pos .receipt{width:100%;max-width:384px}}