:root{--ink:#192522;--muted:#70807b;--paper:#f5f3ee;--panel:#fff;--line:#e4e7e2;--green:#173f36;--mint:#d9eee5;--coral:#f5d7ce;--amber:#f6e7bd;--violet:#e5def5;--danger:#a64338;--shadow:0 10px 30px #22342f0f}*{box-sizing:border-box}body{color:var(--ink);background:var(--paper);margin:0;font-family:Segoe UI,Arial,sans-serif;font-size:14px}a{color:var(--green);text-decoration:none}button,input,select,textarea{font:inherit}.app-shell{min-height:100vh}.sidebar{background:var(--green);color:#fff;z-index:20;flex-direction:column;width:240px;padding:28px 18px 20px;display:flex;position:fixed;inset:0 auto 0 0;overflow:hidden}.brand{color:inherit;flex-shrink:0;align-items:center;gap:12px;font-size:20px;font-weight:800;display:flex}.brand-mark{width:38px;height:38px;color:var(--green);background:#e7a98f;border-radius:11px;place-items:center;font-size:21px;display:grid}.brand small,.sidebar-user small{opacity:.62;letter-spacing:.04em;margin-top:2px;font-size:10px;font-weight:500;display:block}.sidebar nav{scrollbar-width:thin;scrollbar-color:#ffffff4d transparent;flex:1;gap:4px;min-height:0;margin-top:24px;padding-right:5px;display:grid;overflow:hidden auto}.sidebar nav::-webkit-scrollbar{width:5px}.sidebar nav::-webkit-scrollbar-track{background:0 0}.sidebar nav::-webkit-scrollbar-thumb{background:#ffffff47;border-radius:10px}.sidebar nav p{text-transform:uppercase;letter-spacing:.14em;opacity:.45;margin:20px 12px 7px;font-size:9px}.sidebar nav a{color:#dce9e5;border-radius:9px;align-items:center;gap:12px;padding:10px 12px;display:flex}.sidebar nav a span{text-align:center;width:18px;font-size:17px}.sidebar nav a:hover,.sidebar nav a.active{color:#fff;background:#ffffff1c}.sidebar-user{border-top:1px solid #ffffff21;flex-shrink:0;align-items:center;gap:10px;padding:18px 8px 0;display:flex}.avatar{background:var(--amber);width:34px;height:34px;color:var(--green);border-radius:50%;place-items:center;font-weight:700;display:grid}.main{min-height:100vh;margin-left:240px}.topbar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);z-index:10;background:#ffffffdb;justify-content:space-between;align-items:center;height:66px;padding:0 34px;display:flex;position:sticky;top:0}.topbar span{color:var(--muted)}.topbar form{margin:0}.menu-button{display:none}.quiet-button,.icon-button{color:var(--green);cursor:pointer;background:0 0;border:0}.content{max-width:1500px;margin:auto;padding:34px}.page-heading{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:28px;display:flex}.page-heading h1{letter-spacing:-.045em;margin:4px 0 5px;font-size:clamp(26px,3vw,36px);font-weight:800}.page-heading p{color:var(--muted);margin:0}.eyebrow{text-transform:uppercase;letter-spacing:.14em;color:#8b6b57;font-size:10px;font-weight:700}.button{border:1px solid var(--line);min-height:40px;color:var(--ink);cursor:pointer;background:#fff;border-radius:9px;justify-content:center;align-items:center;padding:0 16px;font-weight:600;display:inline-flex}.button.primary{background:var(--green);border-color:var(--green);color:#fff}.button.wide{width:100%}.kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.kpi{border-radius:16px;flex-direction:column;min-height:156px;padding:19px;display:flex;position:relative;overflow:hidden}.kpi.coral{background:var(--coral)}.kpi.amber{background:var(--amber)}.kpi.teal{background:var(--mint)}.kpi.violet{background:var(--violet)}.kpi>span{color:#52605c;font-weight:600}.kpi>strong{letter-spacing:-.04em;margin-top:10px;font-size:26px;font-weight:800}.kpi>small{color:#697671;margin-top:auto}.kpi-icon{background:#ffffff8c;border-radius:50%;place-items:center;width:34px;height:34px;font-size:18px;display:grid;position:absolute;top:13px;right:15px}.two-col{grid-template-columns:minmax(0,1.55fr) minmax(300px,.8fr);gap:18px;margin-top:18px;display:grid}.panel{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:15px;overflow:hidden}.panel-head{justify-content:space-between;align-items:center;padding:20px 22px 10px;display:flex}.panel h2{margin:4px 0;font-size:19px;font-weight:700}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%}th,td{text-align:left;white-space:nowrap;border-bottom:1px solid #edf0ec;padding:13px 18px}th{text-transform:uppercase;letter-spacing:.09em;color:#7a8783;background:#fafbf9;font-size:10px}td small{color:var(--muted);margin-top:3px;display:block}td.num,th.num{text-align:right}tbody tr:hover{background:#fafbf9}tfoot th{color:var(--ink);background:#f1f5f2;font-size:12px}.empty{color:var(--muted);text-align:center!important;padding:34px!important}.stock-list{padding:5px 22px 20px}.stock-list>div{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:14px 0;display:flex}.stock-list span small{color:var(--muted);display:block}.stock-list em{background:var(--coral);border-radius:20px;padding:5px 8px;font-style:normal}.alert{border-radius:10px;margin-bottom:18px;padding:13px 16px}.alert.success{background:var(--mint);color:#1c594a}.alert.error{color:#8a342c;background:#f9ded9}.alert ul{margin:7px 0 0}.toolbar{border-bottom:1px solid var(--line);gap:10px;padding:16px 18px;display:flex}.toolbar>input{max-width:340px}.toolbar label{align-items:center;gap:8px;display:flex}.toolbar label input{width:auto}.pagination{padding:14px 18px}.pagination nav>div:first-child{display:none}.pagination nav>div:last-child{justify-content:space-between;align-items:center;display:flex}.pagination nav span,.pagination nav a{align-items:center;gap:3px;display:inline-flex}.pagination svg{width:16px}.badge{background:#eef0ee;border-radius:20px;padding:4px 8px;font-size:11px;display:inline-block}.badge.posted{background:var(--mint);color:#22604f}.badge.danger{background:var(--coral);color:var(--danger)}.form-panel{max-width:980px;padding:24px}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.span-2{grid-column:span 2}label{color:#44524e;gap:7px;font-weight:600;display:grid}input,select,textarea{width:100%;color:var(--ink);background:#fff;border:1px solid #d8ded9;border-radius:8px;outline:none;padding:10px 11px}input:focus,select:focus,textarea:focus{border-color:#5d8d7f;box-shadow:0 0 0 3px #e0eee8}.check{align-items:center;gap:8px;display:flex}.check input{width:auto}.form-actions{border-top:1px solid var(--line);justify-content:flex-end;gap:10px;margin-top:24px;padding-top:20px;display:flex}.line-items{border:1px solid var(--line);border-radius:12px;margin-top:26px;overflow:hidden}.line-head{background:#fafbf9;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.line-head h2{margin:0}.line-items th,.line-items td{padding:9px}.line-items td:first-child{min-width:240px}.line-items input.num{min-width:90px}.transaction-foot{grid-template-columns:1fr 320px;gap:40px;margin-top:22px;display:grid}.totals{gap:10px;display:grid}.totals>div,.totals>label{justify-content:space-between;align-items:center;display:flex}.totals input{width:130px}.totals .grand{border-top:1px solid var(--line);padding-top:12px;font-size:17px}.ledger-filter select{max-width:340px}.ledger-filter input{max-width:170px}.ledger-title{justify-content:space-between;align-items:center;padding:22px 18px;display:flex}.ledger-title h2{margin-bottom:0}.ledger-empty{margin:0}.filter-panel{margin-bottom:18px}.filter-panel .toolbar{border:0}.report-kpis .kpi{min-height:126px}.report-grid{grid-template-columns:1.4fr .8fr}.ageing-list{padding:12px 22px}.ageing-list>div{border-bottom:1px solid var(--line);justify-content:space-between;padding:15px 0;display:flex}.balance-pair{grid-template-columns:1fr 1fr;gap:12px;padding:15px 22px 22px;display:grid}.balance-pair>div{background:var(--paper);border-radius:10px;padding:14px}.balance-pair span{color:var(--muted);font-size:11px;display:block}.balance-pair strong{margin-top:5px;display:block}.login-page{background:radial-gradient(circle at 10% 10%,#e5eee8,#0000 34%),radial-gradient(circle at 88% 90%,#f4dacc,#0000 38%),#f7f5ef;place-items:center;min-height:100vh;padding:28px;display:grid}.login-card{border:1px solid var(--line);background:#fff;border-radius:20px;width:min(440px,100%);padding:34px;box-shadow:0 24px 80px #223a321f}.login-brand{color:var(--ink);margin-bottom:32px}.login-copy h1{letter-spacing:-.05em;margin:7px 0;font-size:34px;font-weight:800}.login-copy p,.demo-note{color:var(--muted)}.stack{gap:15px;margin-top:24px;display:grid}.demo-note{text-align:center;margin:20px 0 0;font-size:11px}.payment-entry{background:#f3faf7;border:1px solid #cfe1d9;border-radius:12px;grid-template-columns:.7fr 1.3fr;gap:24px;margin-top:22px;padding:20px;display:grid}.payment-entry h2{margin:4px 0}.payment-entry p{color:var(--muted);margin:0}.totals .balance-total,.balance-total{background:var(--coral);border:0;border-radius:8px;padding:11px 12px}.badge.partial{background:var(--amber);color:#76580e}.success-text{color:#23705a}.action-row{flex-wrap:wrap;gap:9px;display:flex}.invoice-sheet{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:16px;padding:30px}.invoice-header{border-bottom:1px solid var(--line);justify-content:space-between;padding-bottom:24px;display:flex}.invoice-header .brand{color:var(--ink)}.invoice-number{text-align:right;gap:4px;display:grid}.invoice-number span,.invoice-number small{color:var(--muted)}.invoice-number strong{font-size:20px}.invoice-parties{grid-template-columns:1fr 1fr;gap:30px;padding:25px 0;display:grid}.invoice-parties>div:last-child{text-align:right}.invoice-parties h2{margin:6px 0}.invoice-parties p{color:var(--muted);line-height:1.7}.invoice-items{border:1px solid var(--line)}.invoice-summary{grid-template-columns:1fr 340px;gap:40px;padding-top:25px;display:grid}.invoice-notes p{color:var(--muted)}.payment-history{margin-top:20px}.receive-grid{grid-template-columns:330px minmax(480px,760px);align-items:start;gap:20px;display:grid}.balance-card{padding:24px}.balance-card h2{margin:5px 0 22px}.balance-card>div{border-top:1px solid var(--line);justify-content:space-between;padding:13px 0;display:flex}.master-shell{min-height:100vh}.master-topbar{background:var(--green);color:#fff;align-items:center;gap:45px;height:76px;padding:0 max(24px,50vw - 660px);display:flex}.master-topbar nav{align-self:stretch;display:flex}.master-topbar nav a{color:#d9e8e3;border-bottom:3px solid #0000;align-items:center;padding:0 18px;display:flex}.master-topbar nav a.active{color:#fff;border-color:#e7a98f}.master-user{align-items:center;gap:16px;margin-left:auto;display:flex}.master-user .quiet-button{color:#fff}.master-content{max-width:1320px;margin:auto;padding:38px 24px}.master-form{max-width:920px}.section-label{align-items:flex-start;gap:14px;margin:8px 0 20px;display:flex}.section-label:not(:first-child){border-top:1px solid var(--line);margin-top:30px;padding-top:28px}.section-label>span{background:var(--green);color:#fff;border-radius:50%;place-items:center;width:30px;height:30px;font-size:11px;display:grid}.section-label h2{margin:0 0 3px}.section-label p{color:var(--muted);margin:0}label small{color:var(--muted);font-weight:400}.credential-card{background:linear-gradient(135deg,#d9eee5,#f5e7c4);border:1px solid #bfd8ce;border-radius:16px;grid-template-columns:.8fr 1.2fr;gap:25px;margin-bottom:25px;padding:22px;display:grid}.credential-card h2{margin:5px 0}.credential-card p{color:#51645e}.credential-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.credential-grid input{background:#ffffffb3;font-family:Consolas,monospace;font-weight:700}.master-columns{grid-template-columns:minmax(420px,.85fr) minmax(520px,1.15fr);align-items:start;gap:20px;display:grid}.owner-stack{gap:20px;display:grid}code{color:var(--green);background:#edf2ef;border-radius:5px;padding:4px 7px;font-family:Consolas,monospace}.searchable-select{width:100%;font-weight:400;position:relative}.searchable-select-control{position:relative}.searchable-select-control input{padding-right:40px}.searchable-select-toggle{width:38px;color:var(--green);cursor:pointer;background:#fff;border:0;border-left:1px solid #edf0ec;border-radius:0 8px 8px 0;position:absolute;top:1px;bottom:1px;right:1px}.searchable-select-menu{z-index:40;background:#fff;border:1px solid #d8ded9;border-radius:10px;max-height:260px;padding:6px;position:absolute;top:calc(100% + 5px);left:0;right:0;overflow:auto;box-shadow:0 14px 35px #223a3229}.searchable-select-menu button{text-align:left;width:100%;color:var(--ink);cursor:pointer;background:#fff;border:0;border-radius:7px;padding:10px;display:block}.searchable-select-menu button:hover{background:#f1f5f2}.searchable-select-menu button strong,.searchable-select-menu button small{display:block}.searchable-select-menu button small{color:var(--muted);margin-top:3px}.searchable-select-empty{text-align:center;color:var(--muted);margin:0;padding:18px}.ledger-filter{flex-wrap:wrap;align-items:end}.ledger-filter>label{align-items:stretch;gap:7px;min-width:145px;display:grid}.ledger-filter .ledger-party-search{width:min(360px,100%)}.ledger-filter .ledger-party-search input{max-width:none}.settlement-preview{border:1px solid var(--line);background:#fafbf9;border-radius:11px;gap:10px;margin-top:22px;padding:16px;display:grid}.settlement-preview>div{justify-content:space-between;align-items:center;display:flex}.settlement-preview .balance-total{padding:11px 12px}.collection-filter{flex-wrap:wrap;align-items:end}.collection-filter>label{align-items:stretch;gap:7px;display:grid}.collection-filter .collection-search{width:min(360px,100%)}.collection-filter input{max-width:none}.collection-kpis{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:18px}.collection-kpis .kpi{min-height:125px}.collection-list .panel-head{padding-bottom:16px}.collection-receive{min-height:34px;padding:0 12px}@media (width<=1050px){.kpi-grid{grid-template-columns:repeat(2,1fr)}.two-col,.report-grid,.master-columns,.receive-grid,.credential-card{grid-template-columns:1fr}}@media (width<=760px){.sidebar{transition:all .2s;transform:translate(-100%)}.sidebar.open{transform:none}.main{margin-left:0}.menu-button{background:0 0;border:0;font-size:20px;display:block}.topbar{padding:0 18px}.content{padding:22px 16px}.page-heading{flex-direction:column;align-items:flex-start}.kpi-grid,.form-grid,.transaction-foot,.payment-entry,.invoice-summary,.invoice-parties{grid-template-columns:1fr}.invoice-parties>div:last-child{text-align:left}.span-2{grid-column:span 1}.toolbar{flex-wrap:wrap}.toolbar>*{max-width:none!important}.form-panel,.invoice-sheet{padding:18px}.master-topbar{gap:12px;padding:0 16px}.master-topbar nav,.master-topbar .brand small,.master-user span{display:none}.master-content{padding:24px 15px}.credential-grid{grid-template-columns:1fr}}@media print{.sidebar,.topbar,.invoice-actions,.payment-history{display:none!important}.main{margin:0}.content{padding:0}.invoice-sheet{box-shadow:none;border:0}.invoice-sheet *{color:#111!important}}.searchable-select-menu button[aria-selected=true]{background:#f1f5f2}.inline-form{margin:0;display:inline}.link-danger{color:#b33b32;cursor:pointer;font:inherit;background:0 0;border:0;padding:0}.link-danger:hover{text-decoration:underline}[data-searchable-select],[data-searchable-select] .searchable-input-wrap{width:100%!important;display:block!important;position:relative!important}[data-searchable-select] [data-search-input]{box-sizing:border-box!important;background:#fff!important;border:1px solid #d6d9dc!important;border-radius:8px!important;outline:none!important;width:100%!important;height:42px!important;margin:0!important;padding:10px 42px 10px 12px!important;font-size:14px!important;font-weight:400!important;display:block!important}[data-searchable-select] [data-search-input]:focus{border-color:#4d8f7a!important;box-shadow:0 0 0 3px #4d8f7a1f!important}[data-searchable-select] [data-search-toggle]{cursor:pointer!important;color:#444!important;background:0 0!important;border:0!important;border-left:1px solid #e2e2e2!important;border-radius:0 7px 7px 0!important;justify-content:center!important;align-items:center!important;width:40px!important;height:40px!important;margin:0!important;padding:0!important;font-size:16px!important;line-height:1!important;display:flex!important;position:absolute!important;top:1px!important;right:1px!important}[data-searchable-select] [data-search-toggle]:hover{background:#f5f6f5!important}[data-searchable-select] [data-search-menu]{z-index:99999!important;background:#fff!important;border:1px solid #dfe3e1!important;border-radius:8px!important;width:100%!important;max-height:300px!important;margin:0!important;padding:5px 0!important;position:absolute!important;top:calc(100% + 5px)!important;left:0!important;right:0!important;overflow:hidden auto!important;box-shadow:0 10px 30px #0000001f!important}[data-searchable-select] [data-search-menu][hidden]{display:none!important}[data-searchable-select] [data-search-option]{appearance:none!important;text-align:left!important;cursor:pointer!important;box-sizing:border-box!important;color:#17211e!important;background:#fff!important;border:0!important;border-radius:0!important;width:100%!important;min-height:48px!important;margin:0!important;padding:8px 12px!important;font-family:inherit!important;display:block!important}[data-searchable-select] [data-search-option]+[data-search-option]{border-top:1px solid #f0f1f0!important}[data-searchable-select] [data-search-option] strong{color:#17211e!important;margin:0!important;padding:0!important;font-size:14px!important;font-weight:600!important;line-height:20px!important;display:block!important}[data-searchable-select] [data-search-option] small{color:#747d79!important;margin:2px 0 0!important;padding:0!important;font-size:12px!important;font-weight:400!important;line-height:17px!important;display:block!important}[data-searchable-select] [data-search-option]:hover{background:#f3f7f5!important}[data-searchable-select] [data-search-option][aria-selected=true]{background:#eaf3ef!important}[data-searchable-select] [data-search-empty]{text-align:center!important;color:#777!important;padding:14px!important;font-size:13px!important;display:block!important}[data-searchable-select] [data-search-empty][hidden]{display:none!important}