#sip{--bg:#f4f6fb;--card:#fff;--tx:#1b2333;--mu:#6b7585;--bd:#e1e6ef;--pr:#2457e6;--pr2:#e8eefc;--ok:#13885a;--er:#d23b3b;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}@media(prefers-color-scheme:dark){#sip:not([data-theme="light"]){--bg:#10141c;--card:#1a2030;--tx:#e8ecf4;--mu:#98a2b5;--bd:#2b3347;--pr:#6c93ff;--pr2:#222b45;--ok:#3fcf94;--er:#ff7b7b}}#sip[data-theme="dark"]{--bg:#10141c;--card:#1a2030;--tx:#e8ecf4;--mu:#98a2b5;--bd:#2b3347;--pr:#6c93ff;--pr2:#222b45;--ok:#3fcf94;--er:#ff7b7b}#sip,#sip *{box-sizing:border-box}#sip{scroll-padding-top:env(safe-area-inset-top,0px)}#sip{margin:0;background:var(--bg);color:var(--tx);font:14px/1.45 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}#sip .wrap{max-width:1180px;margin:0 auto;padding:12px}#sip header{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;margin-bottom:12px}#sip h1{font-size:20px;margin:0}#sip .tabs{display:flex;gap:6px;flex-wrap:wrap}#sip .tabs button,#sip .btn{border:1px solid var(--bd);background:var(--card);color:var(--tx);padding:8px 13px;border-radius:9px;cursor:pointer;font:inherit;font-weight:600}#sip .tabs button.on,#sip .btn.p{background:var(--pr);border-color:var(--pr);color:#fff}#sip .btn.g{background:var(--ok);border-color:var(--ok);color:#fff}#sip .btn.d{color:var(--er)}#sip .btn.s{padding:5px 9px;font-size:12px}#sip .grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;align-items:start}@media(max-width:860px){#sip .grid{grid-template-columns:1fr}}#sip .card{background:var(--card);border:1px solid var(--bd);border-radius:12px;padding:14px;margin-bottom:12px}#sip .card h3{margin:0 0 10px;font-size:15px}#sip label{display:block;font-size:12px;color:var(--mu);margin:0 0 3px;font-weight:600}#sip input,#sip textarea,#sip select{width:100%;padding:8px 9px;border:1px solid var(--bd);border-radius:8px;background:var(--bg);color:var(--tx);font:inherit}#sip input:focus,#sip textarea:focus{outline:2px solid var(--pr);border-color:transparent}#sip .r2{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:8px}#sip .r3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin-bottom:8px}#sip .irow{display:grid;grid-template-columns:1fr 56px 78px 54px 54px 30px;gap:5px;margin-bottom:6px}#sip .irow.h{font-size:11px;color:var(--mu);font-weight:700}@media(max-width:520px){#sip .irow{grid-template-columns:1fr 1fr 1fr 1fr 30px}#sip .irow>:first-child{grid-column:1/-1}#sip .irow.h{display:none}#sip .r3{grid-template-columns:1fr 1fr}}#sip .cfr{display:grid;grid-template-columns:1fr 1.4fr 30px;gap:5px;margin-bottom:6px}#sip .x{border:0;background:none;color:var(--er);font-size:18px;cursor:pointer}#sip .acts{display:flex;flex-wrap:wrap;gap:8px}#sip .hide{display:none!important}#sip .stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:12px}#sip .stat{background:var(--card);border:1px solid var(--bd);border-radius:12px;padding:12px}#sip .stat b{display:block;font-size:19px}#sip .stat span{color:var(--mu);font-size:12px}#sip .tw{overflow-x:auto}#sip table.h{width:100%;border-collapse:collapse;min-width:560px}#sip table.h th,#sip table.h td{padding:8px;border-bottom:1px solid var(--bd);text-align:left;white-space:nowrap}#sip .badge{padding:2px 8px;border-radius:99px;font-size:11px;font-weight:700;background:var(--pr2);color:var(--pr)}#sip .badge.Paid{background:#d9f5e8;color:#0d7048}#sip .badge.Unpaid{background:#fde3e3;color:#b42323}#sip .badge.Partial{background:#fff0d1;color:#8a5a00}#sip .toast{position:fixed;left:50%;bottom:calc(20px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);background:#1b2333;color:#fff;padding:9px 16px;border-radius:99px;z-index:9}#sip .inv{background:#fff;color:#1b2333;border:1px solid var(--bd);border-radius:10px;padding:22px;font-size:13px;position:relative;overflow-x:auto}#sip .inv .top{display:flex;justify-content:space-between;gap:12px;border-bottom:3px solid #2457e6;padding-bottom:12px;margin-bottom:12px}#sip .inv .logo{max-height:56px;max-width:110px;margin-bottom:5px;display:block}#sip .inv h2{margin:0;font-size:19px;color:#2457e6}#sip .inv .ti{text-align:right}#sip .inv .ti b{font-size:22px;letter-spacing:1px;color:#2457e6}#sip .inv .m{color:#5b6475;font-size:12px;white-space:pre-line}#sip .inv .two{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:12px}#sip .inv table{width:100%;border-collapse:collapse;min-width:420px}#sip .inv th{background:#2457e6;color:#fff;padding:7px;text-align:right;font-size:12px}#sip .inv td{padding:7px;border-bottom:1px solid #e6eaf2;text-align:right}#sip .inv th:first-child,#sip .inv td:first-child{text-align:left}#sip .inv .tot{margin-left:auto;width:250px;max-width:100%;margin-top:10px}#sip .inv .tot div{display:flex;justify-content:space-between;padding:3px 0}#sip .inv .gt{border-top:2px solid #1b2333;font-weight:800;font-size:15px;margin-top:4px;padding-top:6px!important}#sip .inv .stamp{position:absolute;right:26px;top:92px;border:3px solid;padding:2px 12px;font-weight:800;font-size:20px;transform:rotate(-12deg);opacity:.75;border-radius:6px}#sip .inv .Paid{color:#13885a}#sip .inv .Unpaid{color:#d23b3b}#sip .inv .Partial{color:#c07a00}#sip .inv .ft{display:flex;justify-content:space-between;gap:14px;margin-top:14px;align-items:flex-end;flex-wrap:wrap}#sip .inv{--ac:#2457e6}#sip .inv .top{border-bottom-color:var(--ac)}#sip .inv h2,#sip .inv .ti b{color:var(--ac)}#sip .inv th{background:var(--ac)}#sip .inv.t-modern .top{background:var(--ac);border:0;padding:14px;border-radius:8px}#sip .inv.t-modern .top h2,#sip .inv.t-modern .top b,#sip .inv.t-modern .top .m{color:#fff}#sip .inv.t-min th{background:#fff;color:#1b2333;border-bottom:2px solid #1b2333}#sip .inv.t-min .top{border-bottom:1px solid #1b2333}#sip .inv.t-min h2,#sip .inv.t-min .ti b{color:#1b2333}#sip .inv.t-receipt{max-width:340px;margin:0 auto;font-family:ui-monospace,Menlo,monospace}#sip .inv.t-receipt .top{display:block;text-align:center;border-bottom:2px dashed #1b2333}#sip .inv.t-receipt .ti{text-align:center}#sip .inv.t-receipt th{background:#fff;color:#1b2333;border-bottom:1px dashed #1b2333}#sip .inv.t-receipt h2,#sip .inv.t-receipt .ti b{color:#1b2333}#sip .inv.t-receipt .logo{margin:0 auto 5px}#sip .inv.t-receipt .stamp{top:130px}@media print{#sip .noprint{display:none!important}#sip{background:#fff}#sip .wrap{padding:0;max-width:none}#sip .grid{display:block}#sip .inv{border:0;padding:0}#sip .card{border:0;padding:0}}#sip .inv.t-elegant{font-family:Georgia,serif}#sip .inv.t-elegant .top{border-bottom:1px double var(--ac)}#sip .inv.t-elegant h2{font-weight:400;letter-spacing:2px;text-transform:uppercase}#sip .inv.t-elegant th{background:#fff;color:var(--ac);border-top:1px solid var(--ac);border-bottom:1px solid var(--ac)}#sip .inv.t-bold .top{background:#1b2333;padding:14px;border:0;border-left:8px solid var(--ac)}#sip .inv.t-bold .top h2,#sip .inv.t-bold .top b,#sip .inv.t-bold .top .m{color:#fff}#sip .inv.t-bold th{background:#1b2333}#sip .inv.t-stripe{border-left:10px solid var(--ac)}#sip .inv.t-stripe .top{border-bottom:1px solid #d5dbe8}#sip .inv.t-stripe th{background:#eef2fb;color:#1b2333}#sip .inv.t-gst{border:2px solid #1b2333}#sip .inv.t-gst th{background:#fff;color:#1b2333;border:1px solid #1b2333}#sip .inv.t-gst td{border:1px solid #1b2333}#sip .inv.t-gst .top{border-bottom:2px solid #1b2333}#sip .inv.t-gst h2,#sip .inv.t-gst .ti b{color:#1b2333}#sip{margin:0;background:var(--bg);color:var(--tx);font:14px/1.45 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;text-align:left}#sip .wrap{padding:12px}@media print{body *{visibility:hidden}#sip .inv,#sip .inv *{visibility:visible}#sip .inv{position:absolute;left:0;top:0;width:100%}}#sip header{position:sticky;top:env(safe-area-inset-top,0px);z-index:20;background:var(--card);border:1px solid var(--bd);border-radius:12px;padding:8px 10px;gap:8px}#sip .brand{font-size:16px;white-space:nowrap}#sip .tools{display:flex;gap:6px}#sip .tabs{flex:1;overflow-x:auto;justify-content:center;flex-wrap:nowrap}#sip .tabs button{white-space:nowrap;border-color:transparent;background:none}#sip .tabs button.on{background:var(--pr);color:#fff}#sip .tabs i{font-style:normal}@media(max-width:700px){#sip .brand b{display:none}#sip .tabs{order:3;flex-basis:100%;justify-content:flex-start}}#sip .bar{align-items:center;background:var(--card);border:1px solid var(--bd);border-radius:12px;padding:8px;margin-bottom:10px}#sip .dd{position:relative}#sip .dd summary{list-style:none;cursor:pointer}#sip .dd summary::-webkit-details-marker{display:none}#sip .dd .menu{position:absolute;top:100%;left:0;margin-top:4px;background:var(--card);border:1px solid var(--bd);border-radius:10px;padding:4px;z-index:15;min-width:160px;box-shadow:0 6px 20px rgba(0,0,0,.18)}#sip .dd .menu button{display:block;width:100%;text-align:left;border:0;background:none;color:var(--tx);padding:8px 10px;font:inherit;cursor:pointer;border-radius:6px}#sip .dd .menu button:hover{background:var(--pr2)}#sip .thp{position:fixed;z-index:9990;background:var(--card);border:1px solid var(--bd);box-shadow:0 8px 30px rgba(0,0,0,.28);padding:12px;overflow:auto;left:0;top:0;bottom:0;width:390px;max-width:100%}#sip .thh{display:flex;align-items:center;gap:8px;margin-bottom:10px}#sip .thg{display:grid;grid-template-columns:1fr 1fr;gap:10px;justify-items:center}#sip .thm{width:168px;height:236px;overflow:hidden;border:2px solid var(--bd);border-radius:10px;cursor:pointer;position:relative;background:#fff}#sip .thm.on{border-color:var(--pr);box-shadow:0 0 0 2px var(--pr)}#sip .thm .inv{width:560px;transform:scale(.3);transform-origin:0 0;pointer-events:none;border:0}#sip .thm span{position:absolute;bottom:0;left:0;right:0;background:rgba(27,35,51,.88);color:#fff;font-size:11px;text-align:center;padding:3px}#sip .sw{display:flex;gap:7px;flex-wrap:wrap;align-items:center}#sip .sw i{width:26px;height:26px;border-radius:50%;cursor:pointer;box-shadow:0 0 0 1px var(--bd)}#sip .sw i.on{box-shadow:0 0 0 3px var(--tx)}@media(max-width:860px){#sip .thp{top:auto;width:auto;right:0;max-height:46vh;border-radius:14px 14px 0 0}#sip .thg{display:flex;overflow-x:auto;justify-content:flex-start;padding-bottom:6px}#sip .thm{flex:none}}#sip .inv .ti .m{font-size:11px}#sip .inv .bc{margin:6px 0 0 auto;width:150px;background:#fff;padding:2px 4px}#sip .inv .bcc{font-size:8px;letter-spacing:1px;text-align:center;color:#1b2333;white-space:nowrap}#sip .inv.t-receipt .bc{margin:6px auto 0}#sip .tools{flex-wrap:wrap;align-items:center}#sip .tools .dd .menu{left:auto;right:0}#sip .acc .menu{min-width:260px;padding:10px}#sip .acc p{margin:0 0 8px;font-size:12px;color:var(--mu);white-space:normal}#sip .acc .me{display:flex;gap:8px;align-items:center;margin-bottom:8px}#sip .acc .me img{width:34px;height:34px;border-radius:50%}#sip .acc .me b{display:block}#sip .acc .me small{color:var(--mu)}#sip .dd .menu button.d{color:var(--er)}#sip:fullscreen{overflow:auto;background:var(--bg)}#sip:-webkit-full-screen{overflow:auto;background:var(--bg)}