:root{color:#4e3355;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fffafc;font-family:Inter,Segoe UI,Roboto,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}#root{min-height:100vh}.auth-shell{background-color:#fff4f8;background-position:50%;background-repeat:no-repeat;background-size:cover;justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex;position:relative}.auth-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:1px solid #9966cc29;border-radius:28px;grid-template-columns:1.1fr .9fr;width:min(1100px,100%);display:grid;overflow:hidden;box-shadow:0 20px 45px #7848a829}.brand-panel{color:#5a3c5f;flex-direction:column;justify-content:center;min-height:520px;padding:0;display:flex;position:relative;overflow:hidden}.brand-content{z-index:2;flex-direction:column;justify-content:center;height:100%;padding:42px;display:flex;position:relative}.brand-logo{object-fit:contain;background:#fffc;border-radius:20px;width:88px;height:88px;margin-bottom:14px;padding:8px;box-shadow:0 10px 25px #66478a26}.brand-badge{letter-spacing:.08em;text-transform:uppercase;color:#6b21a8;background:#fff9;border-radius:999px;padding:8px 14px;font-size:.95rem;font-weight:700;display:inline-flex;position:absolute;top:20px;left:20px}.brand-panel h1{color:#4e3355;margin:18px 0 10px;font-size:2.6rem;font-weight:700;line-height:1.05}.brand-panel p{color:#e9c56f;margin:0;font-size:1.18rem;font-weight:600;line-height:1.6}.input-wrap{align-items:center;display:flex;position:relative}.input-wrap input{width:100%;padding-right:46px}.pass-toggle{cursor:pointer;color:#6b21a8;background:0 0;border:none;place-items:center;padding:6px;display:inline-grid;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.pass-toggle svg{display:block}.brand-panel{color:#5a3c5f;background:linear-gradient(160deg,#fdf2f8 0%,#f3e8ff 55%,#fff8df 100%);flex-direction:column;justify-content:center;min-height:520px;padding:0;display:flex;position:relative;overflow:hidden}.brand-image{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}@keyframes bgZoom{0%{background-size:80%}to{background-size:90%}}.brand-content{z-index:2;color:#fff;text-shadow:0 6px 18px #1e0a2873;flex-direction:column;justify-content:center;height:100%;padding:72px 42px 42px;display:flex;position:relative}.form-panel{background:linear-gradient(#fff 0%,#fcf7ff 100%);justify-content:center;align-items:center;padding:42px;display:flex}.form-card{width:100%;max-width:360px}.eyebrow{color:#9b74b6;letter-spacing:.12em;text-transform:uppercase;margin-bottom:8px;font-size:.78rem;font-weight:700;display:inline-block}.form-card h2{color:#4e3355;margin:0 0 8px;font-size:1.8rem}.form-subtext{color:#8e7a95;margin-bottom:24px}form{flex-direction:column;gap:12px;display:flex}label{color:#5e4867;font-weight:600}input{background:#fffdfd;border:1px solid #e7d8f6;border-radius:12px;outline:none;padding:13px 14px;font-size:.95rem;transition:border-color .2s,box-shadow .2s}input:focus{border-color:#b18bd6;box-shadow:0 0 0 4px #b18bd629}.form-card .fl-field{position:relative}.form-card .fl-field input{box-sizing:border-box;width:100%;margin:0}.form-card .fl-field label{color:#8e7a95;pointer-events:none;background:#fffdfd;padding:0 6px;font-size:.95rem;font-weight:500;transition:top .15s,font-size .15s,color .15s;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.form-card .fl-field input:focus+label,.form-card .fl-field input:not(:placeholder-shown)+label{color:#a03c9c;font-size:.72rem;font-weight:700;top:0}.form-card .fl-field .pw-eye{cursor:pointer;color:#8a6d90;width:auto;box-shadow:none;z-index:2;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;margin:0;padding:4px 8px;display:flex;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.form-card .fl-field .pw-eye:hover{box-shadow:none;background:#a03c9c14;transform:translateY(-50%)}.form-card button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#d89ac8 0%,#a97dd2 60%,#e9c56f 100%);border:none;border-radius:999px;margin-top:8px;padding:13px 16px;font-size:.98rem;font-weight:700;box-shadow:0 10px 20px #9d6cc033}.form-card button:hover{transform:translateY(-1px)}@media (width<=800px){.auth-card{grid-template-columns:1fr}.brand-content,.form-panel{padding:28px}}.login2{background:#fff;min-height:100vh;font-family:Inter,system-ui,Segoe UI,Arial,sans-serif;position:relative;overflow:hidden}.login2-brand{z-index:5;align-items:center;gap:1px;display:flex;position:absolute;top:30px;left:46px}.login2-brand img{object-fit:contain;width:38px;height:38px}.login2-brand span{letter-spacing:.2px;color:#123a8c;font-size:23px;font-weight:800}.login2-decor{pointer-events:none;z-index:1;position:absolute;inset:0}.login2-decor .l2-blob{opacity:.92;background:linear-gradient(135deg,#f5a3e6 0%,#c026d3 55%,#9333ea 100%);border-radius:50%;width:660px;height:560px;position:absolute;top:-280px;right:-220px}.login2-decor .l2-c{border-radius:50%;position:absolute}.login2-decor .l2-cyan-lg{background:linear-gradient(140deg,#5eead4,#06b6d4);width:300px;height:300px;top:150px;right:-30px}.login2-decor .l2-blue{background:linear-gradient(140deg,#60a5fa,#4f46e5);width:175px;height:175px;top:92px;right:30px}.login2-decor .l2-orange{background:linear-gradient(140deg,#fcd34d,#f59e0b);width:120px;height:120px;top:232px;right:250px}.login2-decor .l2-green{opacity:.88;background:linear-gradient(140deg,#4ade80,#10b981);width:92px;height:92px;top:250px;right:176px}.login2-decor .l2-cyan-sm{background:#22d3ee;width:46px;height:46px;top:402px;right:205px}.login2-center{z-index:3;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:40px 20px;display:flex;position:relative}.login2-card{text-align:center;background:#fff;border:1px solid #ece2f4;border-radius:20px;width:100%;max-width:420px;padding:40px 38px;box-shadow:0 16px 44px #7848a81a}.login2-title{letter-spacing:.5px;color:#3b1640;margin:0;font-size:44px;font-weight:800}.login2-rule{background:linear-gradient(90deg,#f59e0b,#d6448f);border-radius:3px;width:62px;height:3px;margin:8px auto 22px;display:block}.login2-sub{color:#8a6d90;margin:0;font-size:14px}.login2-forgot{color:#8a6d90;margin:4px 0 30px;font-size:13px}.login2-forgot a{color:#e0448f;font-weight:600;text-decoration:none}.login2-forgot a:hover{text-decoration:underline}.login2-form{width:100%}.login2-field{text-align:left;margin-top:28px;position:relative}.login2-field input{box-sizing:border-box;color:#3b1640;background:#fff;border:1.5px solid #e3d6f0;border-radius:12px;outline:none;width:100%;padding:14px;font-size:15px;transition:border-color .15s,box-shadow .15s}.login2-field input:focus{border-color:#a03c9c;box-shadow:0 0 0 3px #a03c9c1f}.login2-field label{color:#a394b3;pointer-events:none;background:#fff;padding:0 6px;font-size:15px;transition:all .16s;position:absolute;top:14px;left:12px}.login2-field input:focus+label,.login2-field input:not(:placeholder-shown)+label{color:#a03c9c;font-size:12px;font-weight:600;top:-9px}.login2-eye{cursor:pointer;color:#b49fc4;background:0 0;border:none;padding:4px;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.login2-eye:hover{color:#6a2a8f}.login2-field input:-webkit-autofill{-webkit-text-fill-color:#3b1640;transition:background-color 9999s ease-out;box-shadow:inset 0 0 0 1000px #fff}.login2-field input:-webkit-autofill:hover{-webkit-text-fill-color:#3b1640;transition:background-color 9999s ease-out;box-shadow:inset 0 0 0 1000px #fff}.login2-field input:-webkit-autofill:focus{-webkit-text-fill-color:#3b1640;transition:background-color 9999s ease-out;box-shadow:inset 0 0 0 1000px #fff}.login2-err{color:#dc2626;text-align:center;margin-top:14px;font-size:13px}.login2-btn{cursor:pointer;letter-spacing:1.5px;color:#fff;background:linear-gradient(90deg,#e0448f 0%,#a855f7 100%);border:none;border-radius:12px;justify-content:center;align-items:center;gap:10px;width:100%;margin-top:34px;padding:14px 18px;font-size:14px;font-weight:800;transition:transform .12s,box-shadow .12s,opacity .12s;display:flex;box-shadow:0 12px 26px #a03c9c52}.login2-btn:hover{transform:translateY(-1px);box-shadow:0 16px 30px #a03c9c66}.login2-btn:disabled{opacity:.7;cursor:default;transform:none}.login2-arrow{background:#ffffff38;border-radius:50%;place-items:center;width:26px;height:26px;display:inline-grid}@media (width<=640px){.login2-brand{top:20px;left:22px}.login2-decor .l2-blob{width:420px;height:360px;top:-200px;right:-170px}.login2-decor .l2-cyan-lg{width:190px;height:190px;top:90px;right:-50px}.login2-decor .l2-blue{width:110px;height:110px;top:60px;right:10px}.login2-decor .l2-orange,.login2-decor .l2-green,.login2-decor .l2-cyan-sm{display:none}.login2-title{font-size:36px}}.mode-toggle{background:#fff;border:1px solid #cdd7ea;border-radius:10px;gap:4px;margin-bottom:16px;padding:4px;display:inline-flex}.mode-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:8px 22px;font-size:14px;font-weight:700}.mode-btn.active{color:#fff;background:linear-gradient(90deg,#2f5bff,#2f5bff)}.ret-qty{border:1px solid #cdd7ea;border-radius:6px;width:46px;padding:2px 4px;font-size:12px}.voucher-link{color:#2563eb;cursor:pointer;background:0 0;border:none;padding:0;font-size:14px;font-weight:700;text-decoration:underline}.voucher-link:hover{color:#1d4ed8}.layout{color:#0f172a;--sb-w:clamp(200px, 17%, 280px);min-height:100vh;font-family:Inter,system-ui,Arial;display:flex}.toast-host{z-index:4000;pointer-events:none;flex-direction:column;gap:10px;display:flex;position:fixed;top:18px;right:18px}.toast{pointer-events:auto;color:#1f2937;cursor:pointer;background:#fff;border-left:5px solid #16a34a;border-radius:12px;align-items:center;gap:10px;min-width:240px;max-width:380px;padding:12px 16px;font-size:14px;font-weight:600;animation:.22s toastIn;display:flex;box-shadow:0 10px 30px #0f172a2e}.toast-ico{color:#fff;background:#16a34a;border-radius:50%;flex:none;justify-content:center;align-items:center;width:22px;height:22px;font-size:15px;font-weight:800;display:inline-flex}.toast-msg{flex:1}.toast-success{border-left-color:#16a34a}.toast-success .toast-ico{background:#16a34a}.toast-error{border-left-color:#dc2626}.toast-error .toast-ico{background:#dc2626}.toast-info{border-left-color:#2f5bff}.toast-info .toast-ico{background:#2f5bff}@keyframes toastIn{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}.img-upload{flex-direction:column;gap:6px;min-width:0;display:flex}.img-upload-label{color:#6e5c73;font-size:12px;font-weight:600}.img-upload-zone{text-align:center;cursor:pointer;box-sizing:border-box;background:#e8eef8;border:1.5px dashed #c3cfe4;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-height:96px;padding:16px 12px;transition:border-color .15s,background .15s;display:flex}.img-upload-zone:hover{background:#e8eef8;border-color:#c3cfe4}.img-upload-zone.drag{background:#efe4f6;border-color:#8a5fa5}.img-upload-zone.disabled{opacity:.55;cursor:not-allowed}.img-upload-ico{font-size:22px;line-height:1}.img-upload-text{color:#5b4a63;font-size:13px}.img-upload-text b{color:#7a4f92}.img-upload-hint{color:#9a8aa2;font-size:11px}.img-upload-preview{box-sizing:border-box;background:#fff;border:1px solid #c3cfe4;border-radius:10px;align-items:center;gap:10px;padding:8px;display:flex}.img-upload-preview img{object-fit:cover;border:1px solid #e8eef8;border-radius:8px;flex-shrink:0;width:54px;height:54px}.img-upload-actions{gap:8px;display:flex}.img-upload-actions button{color:#6e4f7d;cursor:pointer;background:#eef4ff;border:1px solid #c3cfe4;border-radius:6px;padding:4px 10px;font-size:12px}.img-upload-actions button:hover{background:#e8eef8}.img-upload-actions button:disabled{opacity:.5;cursor:not-allowed}.img-upload-actions button.danger{color:#8a2f3f;background:#fbeef1;border-color:#e2b3bd}.img-upload-actions button.danger:hover{background:#f6dfe4}.img-upload.compact{gap:0}.img-upload-btn{box-sizing:border-box;color:#7a6a80;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #cdd7ea;border-radius:10px;justify-content:flex-start;align-items:center;gap:8px;width:100%;height:40px;padding:0 12px;font-size:12.5px;transition:background .15s,border-color .15s;display:inline-flex}.img-upload-btn:hover{background:#eef4ff;border-color:#c3cfe4}.img-upload-btn:disabled{opacity:.55;cursor:not-allowed}.img-upload.compact .img-upload-ico{font-size:16px}.img-upload.compact .img-upload-preview{justify-content:space-between;height:40px;padding:4px 10px}.img-upload.compact .img-upload-preview img{width:30px;height:30px}.img-upload.compact .img-upload-actions button{padding:3px 8px}.sidebar{width:var(--sb-w);background:#fff;border-right:1px solid #e6e9f0;flex-direction:column;flex:none;height:100vh;padding:18px;transition:width .2s,padding .2s;display:flex;position:sticky;top:0;overflow:hidden}.layout.sidebar-hidden .sidebar{border-right:none;width:0;padding-left:0;padding-right:0}.reports-flyout{height:100vh;width:var(--sb-w);z-index:195;scrollbar-width:none;box-sizing:border-box;background:#fff;border-right:1px solid #e6e9f0;padding:16px 14px;animation:.16s rf-in;position:fixed;top:0;left:0;overflow-y:auto;box-shadow:10px 0 34px #1e293b1f}.reports-flyout::-webkit-scrollbar{display:none}@keyframes rf-in{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.reports-flyout .rf-head{color:#1e293b;justify-content:space-between;align-items:center;margin:2px 4px 12px;font-size:15px;font-weight:800;display:flex}.reports-flyout .rf-head button{color:#2f5bff;cursor:pointer;background:#eaf0ff;border:none;border-radius:8px;width:26px;height:26px;font-size:13px}.reports-flyout .nav a{color:#5b6b82}.reports-flyout .nav a:hover{background:#f1f5f9}.reports-flyout .nav a.active{color:#2f5bff;background:#eaf0ff}.reports-flyout .nav a svg{color:inherit}.reports-flyout .submenu{border-left-color:#e2e8f0}.reports-flyout .nav-label{color:#94a3b8}.reports-overlay{z-index:190;background:0 0;position:fixed;inset:0}@media (width>=821px){.layout.flyout-open .sidebar{border-right:none;width:0;padding-left:0;padding-right:0}.layout.flyout-open .main{margin-left:var(--sb-w)}.main{transition:margin-left .2s}}@media (width<=820px){.reports-flyout{z-index:210;width:264px;left:0}}.sidebar .nav{scrollbar-width:none;-ms-overflow-style:none;flex:1;margin-top:8px;overflow-y:auto}.sidebar .nav::-webkit-scrollbar{width:0;height:0;display:none}.sidebar .brand{color:#1e293b;margin-bottom:18px;font-size:18px;font-weight:800}.sidebar .brand small{color:#94a3b8;letter-spacing:.3px;font-size:12px;font-weight:700;display:block}.nav a{color:#5b6b82;cursor:pointer;border-radius:8px;align-items:center;gap:8px;margin-bottom:6px;padding:10px;font-size:14px;font-weight:600;text-decoration:none;display:flex}.nav a:hover{background:#f1f5f9}.nav a.active{color:#2f5bff;background:#eaf0ff;font-weight:800}.nav a.has-sub{justify-content:space-between}.nav .caret{font-size:10px;transition:transform .2s}.nav a.has-sub.open .caret{transform:rotate(90deg)}.submenu{border-left:2px solid #e2e8f0;margin:2px 0 6px 12px;padding-left:8px;overflow:hidden}.submenu a{padding:8px 10px;font-size:13px}.nav-label{letter-spacing:.8px;text-transform:uppercase;color:#94a3b8;margin-top:4px;padding:10px 10px 4px;font-size:10px;font-weight:700}.nav a svg{flex-shrink:0}.logout-side{cursor:pointer;color:#fff;background:linear-gradient(135deg,#7fb0ff 0%,#5c9dff 45%,#2f5bff 100%);border:none;border-radius:10px;width:100%;margin-top:auto;padding:11px;font-size:14px;font-weight:800;box-shadow:0 6px 18px #c8901a66}.logout-side:hover{background:linear-gradient(135deg,#ffe9a0 0%,#f8d15f 45%,#b07d12 100%)}.main{background:linear-gradient(#f6f8fc,#eef4ff);flex:1;min-width:0;max-width:100%;padding:clamp(12px,2.2vw,24px);overflow-x:hidden}.main:has(.ledger-root){background:#fff}:is(.main:has(.cashbook-page),.main:has(.voucher-page)){background:#fff}.page-head{background:#fff;border-radius:14px;justify-content:space-between;align-items:center;padding:18px 22px;display:flex;box-shadow:0 8px 24px #0f172a0d}.shop-scope{align-items:center;gap:8px;display:inline-flex}.shop-scope-lbl{color:#8a6d90;text-transform:uppercase;letter-spacing:.4px;font-size:12px;font-weight:700}.shop-scope select{color:#111827;cursor:pointer;background:#fff;border:1px solid #d6e0ff;border-radius:9px;outline:none;max-width:240px;padding:8px 12px;font-size:14px;font-weight:700}.shop-scope select:focus{border-color:#2f5bff;box-shadow:0 0 0 3px #2f5bff26}.shop-scope-fixed{color:#111827;background:linear-gradient(135deg,#eef4ff,#eaf0ff);border:1px solid #d6e0ff;border-radius:10px;gap:6px;padding:8px 14px;font-size:14px;font-weight:800}.page-head h1{color:#1e293b;margin:0;font-size:20px}.page-head.gold{border:1.5px solid #d7deea;padding:16px 22px}.page-head.gold .grid{justify-content:start;grid-template-columns:repeat(auto-fit,132px)!important;gap:12px!important}.page-head.gold .field input,.page-head.gold .field select,.page-head.gold .field .ss-wrap input{box-sizing:border-box;height:34px;padding:4px 10px;font-size:12.5px}.panel.gold .grid.entry-grid{justify-content:start;grid-template-columns:repeat(auto-fill,170px)!important}.breadcrumb{color:#64748b;font-size:14px}.breadcrumb b{color:#2f5bff;font-weight:700}.topbar{justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px;display:flex}.topbar .search{border:1px solid #0f172a0f;border-radius:10px;flex:1;max-width:420px;padding:10px 12px}.topbar-right{align-items:center;gap:18px;display:flex}.scanner-ctl{background:#fff;border-radius:12px;align-items:center;gap:10px;padding:8px 14px;display:flex;box-shadow:0 4px 14px #0f172a0d}.scanner-label{color:#5b3a5f;font-size:13px;font-weight:700}.toggle{cursor:pointer;background:#cbd5e1;border:none;border-radius:999px;flex:none;width:46px;height:26px;padding:0;transition:background .2s;position:relative}.toggle.on{background:linear-gradient(90deg,#22c55e,#16a34a)}.toggle .knob{background:#fff;border-radius:50%;width:20px;height:20px;transition:left .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0003}.toggle.on .knob{left:23px}.scanner-status{white-space:nowrap;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:700}.scanner-status.on{color:#16a34a;background:#dcfce7}.scanner-status.off{color:#b91c1c;background:#fee2e2}.user-btn{cursor:pointer;background:0 0;border:none;border-radius:999px;align-items:center;padding:0;display:flex;position:relative}.user-avatar{background:#fff;border:2px solid #d4a017;border-radius:999px;justify-content:center;align-items:center;width:44px;height:44px;display:flex;box-shadow:0 2px 8px #d4a01759}.user-menu{z-index:30;background:#fff;border:1px solid #0f172a0f;border-radius:8px;min-width:190px;padding:8px;position:absolute;top:52px;right:0;box-shadow:0 8px 20px #0f172a14}.user-menu-head{border-bottom:1px solid #f0e6f3;margin-bottom:8px;padding:6px 8px 10px}.user-menu-name{color:#1e293b;font-size:14px;font-weight:800}.user-menu-email{color:#9a86a0;word-break:break-all;margin:2px 0 6px;font-size:12px}.user-menu button{color:#6b216a;cursor:pointer;background:linear-gradient(90deg,#fbe7f1,#fdeff7);border:none;border-radius:6px;width:100%;padding:8px}.hero{color:#1e293b;background:radial-gradient(110px at calc(100% - 70px) 50px,#ffffff47 0 99%,#0000 100%),linear-gradient(120deg,#e8eef8 0% 55%,#e8eef8 100%);border-radius:18px;justify-content:space-between;align-items:center;gap:20px;padding:30px 30px 64px;display:flex;position:relative;overflow:visible;box-shadow:0 18px 40px #b4a0dc40}.hero h2{letter-spacing:.3px;margin:0;font-size:24px}.hero p{opacity:.85;max-width:520px;margin:8px 0 0}.hero-badge{color:#6b2455;cursor:pointer;background:#ffffff8c;border:1px solid #6b24552e;border-radius:12px;padding:10px 16px;font-weight:700}.cards-box{z-index:2;margin:-40px 14px 0;position:relative}.top-cards{grid-template-columns:repeat(4,1fr);gap:18px;display:grid}.stat-card{background:#fff;border:2px solid #d7deea;border-radius:16px;padding:16px;transition:transform .15s,box-shadow .15s;box-shadow:0 8px 22px #d69e1424}.stat-card:hover{transform:translateY(-4px);box-shadow:0 14px 30px #d69e1438}.stat-card .top{align-items:center;gap:14px;display:flex}.ring{flex:none;width:56px;height:56px}.stat-card .label{color:#9d7288;font-size:13px;font-weight:600}.stat-card .value{color:#1e293b;margin-top:3px;font-size:22px;font-weight:800}.spark{width:100%;height:38px;margin-top:12px;display:block}.metrics-row{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:18px;margin-top:18px;display:grid}.metric-card{background:#fff;border:2px solid #d7deea;border-radius:16px;padding:16px;transition:transform .15s,box-shadow .15s;box-shadow:0 8px 22px #d69e1424}.metric-card:hover{transform:translateY(-4px);box-shadow:0 14px 30px #d69e1438}.metric-card .top{align-items:center;gap:14px;display:flex}.metric-card .top>div{min-width:0}.metric-value{overflow-wrap:anywhere}.metric-label{color:#9d7288;letter-spacing:.02em;font-size:13px;font-weight:700}.metric-value{color:#1e293b;font-size:24px;font-weight:800;line-height:1.2}.metric-card .top+.metric-value{margin-top:14px}.metric-value .ampm{color:#9a86a0;margin:0 1px 0 2px;font-size:12px;font-weight:700}.metric-sub{color:#9a86a0;margin-top:4px;font-size:12px}.metric-list{margin:12px 0 0;padding:0;list-style:none}.metric-list li{border-bottom:1px dashed #eee;justify-content:space-between;gap:10px;padding:5px 0;font-size:13px;display:flex}.metric-list li:last-child{border-bottom:none}.metric-list .nm{color:#1e293b;text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.metric-list .qt{color:#8a6d90;white-space:nowrap;font-weight:700}.metric-clickable{cursor:pointer}.metric-more{color:#b8860b;margin-top:8px;font-size:12px;font-weight:700}.popup-count{color:#9a86a0;font-size:14px;font-weight:700}.popup-names{max-height:60vh;margin:4px 0 0;padding-left:22px;overflow-y:auto}.popup-names li{color:#1e293b;border-bottom:1px dashed #eee;padding:6px 0;font-size:14px}.popup-names li:last-child{border-bottom:none}.charts-row{grid-template-columns:1fr 1fr;gap:18px;margin-top:22px;display:grid}.chart-card{background:#fff;border:1px solid #d6e0ff;border-radius:16px;padding:18px 18px 12px;box-shadow:0 8px 22px #785aa01a}.chart-card h3{color:#1e293b;margin:0 0 16px;font-size:15px}.line-svg{width:100%;height:180px;display:block;overflow:visible}.bar-svg{width:100%;height:210px;display:block}.chart-filter{color:#1e293b;cursor:pointer;background:#fff;border:1px solid #d6e0ff;border-radius:8px;outline:none;padding:6px 10px;font-size:13px;font-weight:700}.chart-filter:focus{border-color:#a879c9;box-shadow:0 0 0 3px #a879c926}.chart-mypick{width:120px;max-width:45%}.chart-mypick .ss-wrap{width:100%}.chart-mypick .ss-wrap input{box-sizing:border-box;color:#1e293b;width:100%;padding:7px 10px;font-size:13px;font-weight:700}.line-x{justify-content:space-between;margin-top:8px;display:flex}.line-x span{color:#64748b;white-space:nowrap;font-size:10px}.chart-empty{color:#64748b;border:1.5px dashed #d7deea;border-radius:10px;justify-content:center;align-items:center;height:180px;display:flex}.tabs{background:#fff;border-bottom:1px solid #0f172a14;border-radius:14px 14px 0 0;gap:26px;margin-top:16px;padding:14px 22px 0;display:flex;box-shadow:0 8px 24px #0f172a0a}.tab{cursor:pointer;color:#64748b;background:0 0;border:none;border-bottom:3px solid #0000;margin-bottom:-1px;padding:8px 2px 14px;font-size:15px;font-weight:600}.tab.active{color:#7c3aed;border-bottom-color:#7c3aed}.panel{background:#fff;border-radius:0 0 14px 14px;padding:26px 22px;box-shadow:0 8px 24px #0f172a0a}.panel.gold{border:1.5px solid #d7deea}.tabs.gold{border-top:1.5px solid #d7deea;border-left:1.5px solid #d7deea;border-right:1.5px solid #d7deea}.tabs-scroll{scrollbar-width:none;-ms-overflow-style:none;cursor:grab;flex-wrap:nowrap;overflow:auto hidden}.tabs-scroll::-webkit-scrollbar{display:none}.tabs-scroll .tab{white-space:nowrap;flex:none}.tabs-scroll.dragging{cursor:grabbing;-webkit-user-select:none;user-select:none}.tabs.gold+.panel.gold{border-top:none}.grid{grid-template-columns:repeat(4,1fr);gap:16px;max-width:1200px;display:grid}.form-row{flex-flow:wrap;align-items:flex-end;gap:12px;max-width:560px;display:flex}.field{flex-direction:column;gap:6px;min-width:0;display:flex}.form-row .field{flex:1;min-width:220px}.field label{color:#111827;font-size:13px;font-weight:400}.field input,.field select{background:#fff;border:1px solid #cdd7ea;border-radius:10px;outline:none;width:100%;min-width:0;padding:9px 12px;font-size:14px}.field input:focus,.field select:focus{border-color:#2f5bff;box-shadow:0 0 0 3px #2f5bff1f}.field-btn{justify-content:flex-end}.field-btn .btn-add{width:100%}.grid:has(>.field){justify-content:stretch;grid-template-columns:repeat(auto-fit,minmax(165px,1fr))!important;gap:14px 16px!important}.field{position:relative}:is(.field:has(>input:not([type=file]))>label,.field:has(>select)>label){z-index:2;color:#9a86a0;pointer-events:none;white-space:nowrap;text-overflow:ellipsis;background:#fff;max-width:calc(100% - 22px);margin:0;padding:0 5px;font-size:13.5px;font-weight:400;transition:all .13s;position:absolute;top:50%;left:10px;overflow:hidden;transform:translateY(-50%)}:is(.field:has(>input:not([type=file]))>input,.field:has(>select)>select){height:36px;padding-top:6px;padding-bottom:6px}.field:has(>input:not([type=file]))>input::placeholder{color:#0000}:is(.field:has(>input:not([type=file]):focus)>label,.field:has(>input:not([type=file]):not(:placeholder-shown))>label,.field:has(>select)>label,.field:has(>input[type=date])>label){color:#111827;font-size:10.5px;font-weight:400;top:0}:is(.field:has(>input:not([type=file]):focus)>label,.field:has(>select:focus)>label){color:#111827}.field:has(>input[dir=rtl])>label{left:auto;right:10px}.field:has(>.scan-wrap)>label:not(.pct-wrap){z-index:3;color:#111827;pointer-events:none;white-space:nowrap;text-overflow:ellipsis;background:#fff;max-width:calc(100% - 22px);margin:0;padding:0 5px;font-size:10.5px;font-weight:400;position:absolute;top:0;left:10px;overflow:hidden;transform:translateY(-50%)}.field:has(>.pct-outside)>label{z-index:3;color:#111827;pointer-events:none;white-space:nowrap;text-overflow:ellipsis;background:#fff;max-width:calc(100% - 22px);margin:0;padding:0 5px;font-size:10.5px;font-weight:400;position:absolute;top:0;left:10px;overflow:hidden;transform:translateY(-50%)}.field:has(>.disc-wrap)>label:not(.pct-wrap){z-index:3;color:#111827;pointer-events:none;white-space:nowrap;text-overflow:ellipsis;background:#fff;max-width:calc(100% - 22px);margin:0;padding:0 5px;font-size:10.5px;font-weight:400;position:absolute;top:0;left:10px;overflow:hidden;transform:translateY(-50%)}.field:has(>.ss-wrap)>label:not(.pct-wrap){z-index:3;color:#111827;pointer-events:none;white-space:nowrap;text-overflow:ellipsis;background:#fff;max-width:calc(100% - 22px);margin:0;padding:0 5px;font-size:10.5px;font-weight:400;position:absolute;top:0;left:10px;overflow:hidden;transform:translateY(-50%)}.field:has(>.img-upload)>label:not(.pct-wrap){z-index:3;color:#111827;pointer-events:none;white-space:nowrap;text-overflow:ellipsis;background:#fff;max-width:calc(100% - 22px);margin:0;padding:0 5px;font-size:10.5px;font-weight:400;position:absolute;top:0;left:10px;overflow:hidden;transform:translateY(-50%)}.field:has(>input[type=file])>label:not(.pct-wrap){z-index:3;color:#111827;pointer-events:none;white-space:nowrap;text-overflow:ellipsis;background:#fff;max-width:calc(100% - 22px);margin:0;padding:0 5px;font-size:10.5px;font-weight:400;position:absolute;top:0;left:10px;overflow:hidden;transform:translateY(-50%)}.field:has(>.pct-outside)>label{left:26px}.field>.disc-wrap{box-sizing:border-box;gap:6px;height:36px;display:flex}.field>.disc-wrap>input,.field>.disc-wrap>select,.field>.scan-wrap>input,.field>.ss-wrap>input{box-sizing:border-box;height:36px}.field:has(>input[type=file])>input[type=file]{box-sizing:border-box;background:#fff;border:1px solid #cdd7ea;border-radius:10px;height:36px;padding:8px 12px;font-size:12px}.inv-f{position:relative}:is(.inv-f:has(>input:not([type=file]))>label,.inv-f:has(>select)>label){z-index:2;letter-spacing:0;text-transform:none;color:#64748b;pointer-events:none;white-space:nowrap;text-overflow:ellipsis;background:#fff;max-width:calc(100% - 22px);margin:0;padding:0 5px;font-size:12px;font-weight:400;transition:all .13s;position:absolute;top:50%;left:10px;overflow:hidden;transform:translateY(-50%)}.inv-f:has(>input:not([type=file]))>input::placeholder{color:#0000}:is(.inv-f:has(>input:not([type=file]):focus)>label,.inv-f:has(>input:not([type=file]):not(:placeholder-shown))>label,.inv-f:has(>select)>label,.inv-f:has(>input[type=date])>label){letter-spacing:.4px;text-transform:lowercase;color:#111827;font-size:9.5px;font-weight:700;top:0}.inv-f.calc:has(>input)>label{background:#f6f8fc}.inv-f.net:has(>input)>label{background:#fdf6e4}.inv-f:has(>.ss-wrap)>label{z-index:3;letter-spacing:.4px;text-transform:lowercase;color:#111827;pointer-events:none;white-space:nowrap;text-overflow:ellipsis;background:#fff;max-width:calc(100% - 22px);margin:0;padding:0 5px;font-size:9.5px;font-weight:700;position:absolute;top:0;left:10px;overflow:hidden;transform:translateY(-50%)}.inv-f>label:first-letter{text-transform:uppercase}.flt{position:relative}.flt>input,.flt>select{box-sizing:border-box;color:#1e293b;background:#fff;border:1.5px solid #c3cfe4;border-radius:9px;outline:none;width:100%;height:40px;padding:8px 12px;font-size:13.5px}.flt>label{color:#111827;pointer-events:none;white-space:nowrap;text-overflow:ellipsis;background:#fff;max-width:calc(100% - 22px);padding:0 5px;font-size:14px;transition:all .14s;position:absolute;top:50%;left:10px;overflow:hidden;transform:translateY(-50%)}.flt>input:focus~label,.flt>input:not(:placeholder-shown)~label,.flt.sel>label{color:#111827;font-size:11.5px;font-weight:400;top:0;transform:translateY(-50%)}.flt>input:focus,.flt>select:focus{border-color:#2f5bff;box-shadow:0 0 0 3px #2f5bff1a}.flt>input:focus~label,.flt>select:focus~label{color:#111827}.flt[dir=rtl]>label{left:auto;right:10px}.btn-add{cursor:pointer;color:#fff;background:linear-gradient(90deg,#5c9dff,#3b82f6);border:none;border-radius:10px;padding:12px 26px;font-weight:700;box-shadow:0 6px 16px #3b82f647}.btn-add:hover{filter:brightness(1.05)}.msg{margin-top:12px;font-size:14px}.ss-wrap{position:relative}.ss-menu{z-index:60;scrollbar-width:thin;scrollbar-color:#c7d2e5 transparent;background:#fff;border:1px solid #cdd7ea;border-radius:10px;max-height:320px;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto;box-shadow:0 8px 24px #0f172a1f}.ss-menu::-webkit-scrollbar{width:8px}.ss-menu::-webkit-scrollbar-track{background:0 0}.ss-menu::-webkit-scrollbar-thumb{background:#c7d2e5;border-radius:8px}.field>.vn-pos{color:#94a3b8;text-align:center;pointer-events:none;white-space:nowrap;margin-top:2px;font-size:11px;font-weight:600;position:absolute;top:100%;left:0;right:0}.ss-wrap-float>input{box-sizing:border-box;width:100%}.ss-menu.ss-menu-float{width:max-content;max-width:min(460px,100vw - 24px)}.ss-menu.ss-menu-float .ss-opt{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.ss-opt{cursor:pointer;color:#1e293b;padding:9px 12px;font-size:14px}.ss-opt:hover{background:#eef4ff}.ss-opt.active{color:#14306b;background:#e4edff;font-weight:600;box-shadow:inset 3px 0 #2f5bff}.ss-wrap input:focus{border-color:#2f5bff;outline:none;box-shadow:0 0 0 3px #2f5bff1f}.ss-empty{color:#64748b;padding:10px 12px;font-size:13px}.ss-code{color:#64748b;min-width:4.5em;margin-inline-end:8px;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:12.5px;display:inline-block}.ss-opt.active .ss-code{color:#2f5bff}:root{--pick-party-w:290px;--pick-item-w:320px}.field.pick-wide{min-width:var(--pick-party-w)}.inv-f.pick-wide{min-width:var(--pick-item-w)}.grid>.field.pick-wide,.entry-grid>.field.pick-wide,.inv-itemgrid>.inv-f.pick-wide{grid-column:span 2;min-width:0}.grid>.field.span-2,.entry-grid>.field.span-2{grid-column:span 2}.inv-hero.hero-split{grid-template-columns:auto minmax(0,1fr);align-items:center;column-gap:24px;display:grid}.inv-hero:has(.inv-hero-fields .pick-wide){grid-template-columns:auto minmax(0,1fr);align-items:center;column-gap:24px;display:grid}.inv-hero.hero-split>div:first-child{position:static;transform:none}.inv-hero:has(.inv-hero-fields .pick-wide)>div:first-child{position:static;transform:none}.inv-hero-fields .field.pick-wide{min-width:var(--pick-party-w)}.pct-outside{box-sizing:border-box;align-items:center;gap:6px;height:36px;display:flex}.pct-outside>.pct-sign{color:#64748b;flex:none;font-size:11px;font-weight:700;line-height:1}.pct-outside>input{box-sizing:border-box;flex:1;min-width:0;height:36px}.scan-wrap{display:flex;position:relative}.scan-wrap input{flex:1;width:100%;padding-right:42px}.scan-icon-btn{cursor:pointer;color:#2f5bff;background:0 0;border:none;align-items:center;padding:4px;display:flex;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.scan-icon-btn:hover{color:#7a2f8f}.scan-wrap.scanning input{border-color:#2f5bff;box-shadow:0 0 0 3px #2f5bff26}.inv-f.has-reload>.ss-wrap>input{padding-right:32px}.fld-reload{z-index:4;cursor:pointer;color:#2f5bff;background:0 0;border:none;border-radius:6px;align-items:center;padding:3px;display:flex;position:absolute;top:50%;right:7px;transform:translateY(-50%)}.fld-reload:hover{color:#7a2f8f;background:#eef4ff}.fld-reload:disabled{cursor:default;opacity:.55}.fld-reload.spinning svg{animation:.7s linear infinite fld-reload-spin}@keyframes fld-reload-spin{to{transform:rotate(360deg)}}.sales-top{grid-template-columns:1.05fr .95fr;align-items:start;gap:18px;margin-top:16px;display:grid}.card-plain{background:#fff;border-radius:14px;padding:22px;box-shadow:0 8px 24px #0f172a0d}.sform{align-items:end;gap:14px;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))!important}.slip-card{background:linear-gradient(#fff,#fff);border:2px dashed #d7deea;border-radius:14px;padding:22px;box-shadow:0 8px 24px #0f172a0d}.slip{color:#1c0f24;font-family:Courier New,ui-monospace,monospace;font-weight:600}.slip-brand{text-align:center;letter-spacing:.5px;color:#2a1030;font-size:20px;font-weight:800}.slip-sub{text-align:center;color:#5b3a5f;margin-top:2px;font-size:12px;font-weight:600}.slip-divider{border-top:1.5px dashed #b8891f;margin:12px 0}.slip-row{color:#241028;grid-template-columns:1fr 46px 70px 78px;align-items:center;gap:14px;padding:4px 0;font-size:14px;display:grid}.slip-row .r{text-align:right}.slip-head{color:#1e293b;text-transform:uppercase;font-size:11.5px;font-weight:800}.slip-item{border-bottom:1px dashed #e6d3b0;padding:8px 0}.slip-item:last-child{border-bottom:none}.slip-item-head{justify-content:space-between;align-items:center;display:flex}.slip-item-name{color:#241028;font-weight:800}.slip-item-actions{flex:none;gap:2px;display:flex}.slip-l{justify-content:space-between;padding:1px 0;font-size:13px;display:flex}.slip-l.muted{color:#64748b;font-size:12px}.slip-l.strong{color:#5a2478;font-weight:700}.slip-sumline{color:#5a2478;justify-content:space-between;padding:2px 0;font-size:13px;display:flex}.slip-total{color:#5a2478;justify-content:space-between;margin-top:6px;font-size:18px;font-weight:800;display:flex}.slip-edit{cursor:pointer;color:#4338ca;background:0 0;border:none;margin-left:6px;padding:0 2px;font-size:12px}.slip-edit:hover{color:#312e81}.slip-empty{text-align:center;color:#6b4a5f;padding:26px 0;font-size:13px;font-weight:600}.slip-x{color:#b91c1c;cursor:pointer;background:0 0;border:none;padding:0 0 0 4px;font-size:12px}.slip-actions{gap:10px;margin-top:18px;display:flex}.slip-actions button{flex:1}.slip-scroll{max-height:260px;overflow-y:auto}.sales-topbar{flex-wrap:wrap;gap:16px;margin-top:18px;display:flex}.sales-topbar .field{flex:none;width:132px}.checkout-box{grid-template-columns:1fr;align-items:stretch;gap:18px;margin-top:14px;display:grid}.checkout-title{color:#1e293b;align-self:flex-start;margin:0 0 16px;font-size:18px}.checkout-fields{background:#fff;border-radius:14px;align-items:center;padding:18px 22px;display:flex;box-shadow:0 8px 24px #0f172a0d}.checkout-fields-row{flex-wrap:wrap;gap:14px;display:flex}.checkout-fields .field{flex:none;width:160px}.checkout-actions{background:#fff;border-radius:14px;flex-direction:column;justify-content:center;align-items:stretch;padding:8px 22px;display:flex;box-shadow:0 8px 24px #0f172a0d}.pay-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;width:100%;display:flex}.pay-topfields{flex-wrap:wrap;gap:14px;display:flex}.pay-topfields .field{flex:none;width:132px}.pay-topfields{padding-top:8px}.pay-topfields .field,.sales-topbar .field{gap:0;position:relative}.pay-topfields .field>label,.sales-topbar .field>label{z-index:1;color:#1e293b;white-space:nowrap;pointer-events:none;background:#fff;margin:0;padding:0 5px;font-size:13px;font-weight:400;line-height:1;position:absolute;top:-8px;left:8px}.pay-topfields .field>input,.pay-topfields .field>select,.sales-topbar .field>input,.sales-topbar .field>select{color:#0000008a;padding:11px 9px}.pay-topfields .field>input::placeholder,.sales-topbar .field>input::placeholder{color:#0000008a;opacity:1}.pay-total-box{flex-direction:column;gap:2px;display:flex}.pay-total-label{color:#9d7288;font-size:13px;font-weight:700}.pay-total-amt{color:#1e293b;font-size:22px;font-weight:800;line-height:1.1}.pay-row .btn-add{min-width:140px;height:38px;font-size:14px}.pay-balance{color:#7a3b3b;background:#fdeeee;border:1px solid #f3c9c9;border-radius:8px;justify-content:space-between;align-items:center;gap:16px;padding:8px 12px;font-size:13px;display:flex}.pay-balance.ok{color:#235c34;background:#eafaef;border-color:#b9e7c6}.pay-balance b{font-weight:800}.pay-salesbill{flex-wrap:wrap;align-items:flex-end;gap:14px;margin-bottom:16px;display:flex}.pay-salesbill .field{flex:160px}.pay-salesbill .pay-bill{flex:160px;margin-bottom:0}.pay-bill{background:#eef4ff;border-radius:10px;justify-content:space-between;align-items:center;margin-bottom:16px;padding:12px 16px;display:flex}.pay-bill span{color:#6b4a70;font-weight:700}.pay-bill b{color:#1e293b;font-size:22px}.pay-split{flex-wrap:wrap;gap:14px;display:flex}.pay-split .field{flex:140px}.pay-section{color:#9d7288;letter-spacing:.02em;margin:0 0 8px;font-size:13px;font-weight:700}.sm-thumb{object-fit:cover;border:1px solid #e8eef8;border-radius:8px;width:44px;height:44px}.cell-img,.cell-imgs{flex-wrap:wrap;align-items:center;gap:6px;display:inline-flex}.cell-img-thumb{object-fit:cover;cursor:pointer;background:#fff;border:1px solid #d7deea;border-radius:6px;width:34px;height:34px}.cell-imgs-item{display:inline-flex;position:relative}.cell-imgs-x{color:#b91c1c;cursor:pointer;background:#fee2e2;border:1px solid #fca5a5;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;padding:0;font-size:12px;font-weight:700;line-height:14px;display:flex;position:absolute;top:-6px;right:-6px}.cell-imgs-x:hover{background:#fecaca}.role-badge{border-radius:999px;padding:3px 10px;font-size:12px;font-weight:700;display:inline-block}.act-perm{color:#fff!important;background:#2f5bff!important}.locked-tag{color:#8a6d90;background:#f2ecf5;border-radius:6px;padding:4px 10px;font-size:12px;font-weight:700;display:inline-block}.role-admin{color:#2f5bff;background:#eaf0ff}.role-user{color:#237a43;background:#e6f4ea}.row-btn{cursor:pointer;color:#fff;border:none;border-radius:7px;padding:6px 12px;font-size:12px;font-weight:700}.row-print{background:#2f5bff}.row-share{background:#25d366}.row-btn:hover{opacity:.9}.voucher-salesman{flex-wrap:wrap;align-items:center;gap:10px;margin-top:12px;display:flex}.voucher-salesman label{color:#1e293b;font-weight:400}.voucher-salesman select{border:1px solid #e3d4ea;border-radius:8px;min-width:160px;height:38px;padding:0 10px}.voucher-salesman .btn-add{min-width:90px;height:38px}.pay-chip{background:#f2e8f6;border-radius:8px;margin:2px 6px 2px 0;padding:3px 10px;font-size:13px;display:inline-block}.voucher-slip-actions{justify-content:flex-end;gap:10px;margin-top:14px;display:flex}.voucher-slip-actions button{min-width:130px;height:42px}.btn-wa{color:#fff;cursor:pointer;background:#25d366;border:none;border-radius:10px;font-weight:700;box-shadow:0 6px 16px #25d36647}.btn-wa:hover{filter:brightness(1.05)}.btn-wa:disabled{opacity:.5;cursor:default}.report{margin-top:30px}.report-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.report-head h3{color:#1e293b;margin:0;font-size:16px}.report-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.report-toolbar input{border:1px solid #cdd7ea;border-radius:10px;outline:none;width:220px;padding:9px 13px;font-size:13px}.report-toolbar input:focus{border-color:#2f5bff;box-shadow:0 0 0 3px #2f5bff1f}.report-toolbar select,.filter select{background:#fff;border:1px solid #cdd7ea;border-radius:10px;outline:none;padding:9px 12px;font-size:13px}.btn-pdf{cursor:pointer;color:#fff;background:linear-gradient(90deg,#2f5bff,#2f5bff);border:none;border-radius:10px;align-items:center;gap:6px;padding:9px 14px;font-size:13px;font-weight:700;display:inline-flex;box-shadow:0 4px 12px #2f5bff47}.btn-pdf:hover{filter:brightness(1.05)}.filter{color:#1e293b;align-items:center;gap:8px;font-size:13px;display:flex}.table-wrap{overflow-x:auto}table.report-table{border-collapse:collapse;width:100%;font-size:14px}table.report-table th,table.report-table td{text-align:left;white-space:nowrap;border:1px solid #d7deea;padding:5px 12px}table.report-table th{color:#111827;background:linear-gradient(90deg,#eaf0ff,#dbe4ff);font-weight:700}@media (width<=640px){table.report-table th{white-space:pre-line}}table.report-table th,.inv-table thead th{text-transform:lowercase!important;text-align:left!important}table.report-table td,table.report-table th{text-align:left!important}table.report-table th.cb-closing{text-align:right!important}table.report-table th:first-letter,.inv-table thead th:first-letter{text-transform:uppercase}table.report-table tr:nth-child(2n) td{background:#fff}.cashbook-page table.report-table th{color:#111827;background:#fff}.cashbook-page table.report-table tr td,.cashbook-page table.report-table tr:nth-child(2n) td{background:#fff}.cashbook-page .report-head h3{color:#1e293b}.cashbook-page .btn-add{background:linear-gradient(90deg,#5c9dff,#3b82f6);box-shadow:0 6px 16px #3b82f647}.cashbook-page .page-head.gold,.cashbook-page .panel.gold{border-color:#e5e7eb}.cashbook-page table.report-table th,.cashbook-page table.report-table td{border-color:#d1d5db}.cashbook-page .field label{color:#111827}.cashbook-page .field:has(>.ss-wrap)>label:not(.pct-wrap){color:#111827}.cashbook-page .field:has(>select)>label{color:#111827}.cashbook-page .field:has(>input:not([type=file]):not(:placeholder-shown))>label{color:#111827}.cashbook-page .field input,.cashbook-page .field select,.cashbook-page .field .ss-wrap input{border-color:#d1d5db}.cashbook-page .field input:focus,.cashbook-page .field select:focus,.cashbook-page .field .ss-wrap input:focus{border-color:#2f5bff;box-shadow:0 0 0 3px #5f732724}:is(.cashbook-page .field:has(>input:not([type=file]):focus)>label,.cashbook-page .field:has(>select:focus)>label){color:#111827}.voucher-page .page-head.gold,.voucher-page .panel.gold{border-color:#e5e7eb}.voucher-page table.report-table th{color:#111827;background:#fff}.voucher-page table.report-table th,.voucher-page table.report-table td{border-color:#e5e7eb}.voucher-page table.report-table tr td,.voucher-page table.report-table tr:nth-child(2n) td{background:#fff}.voucher-page .btn-add{background:linear-gradient(90deg,#5c9dff,#3b82f6);box-shadow:0 6px 16px #3b82f647}.empty{color:#64748b;text-align:center;border:1.5px dashed #d7deea;border-radius:10px;padding:14px}.pagination{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px;margin-top:14px;display:flex}.pagination button{color:#1e293b;cursor:pointer;background:#fff;border:1.5px solid #cdd7ea;border-radius:8px;padding:6px 12px;font-size:13px;font-weight:600}.pagination button:hover{background:#fde8f4}.pagination button.active{color:#fff;background:linear-gradient(90deg,#2f5bff,#2f5bff);border-color:#0000}.pagination button:disabled{opacity:.4;cursor:default}.modal-overlay{z-index:100;background:#3b164073;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.tr-pay-two{grid-template-columns:1fr 1fr;gap:0;display:grid}.tr-pay-col{padding:0 22px}.tr-pay-col:first-child{border-right:2px solid #e8eef8;padding-left:0}.tr-pay-col:last-child{padding-right:0}@media (width<=720px){.tr-pay-two{grid-template-columns:1fr}.tr-pay-col{padding:0}.tr-pay-col:first-child{border-bottom:2px solid #e8eef8;border-right:none;margin-bottom:16px;padding-bottom:16px}}.tr-grid{grid-template-columns:repeat(5,1fr);gap:14px;display:grid}.tr-grid .inv-f{min-width:0}.tr-grid .inv-f input,.tr-grid .inv-f select,.tr-grid .inv-f .ss-wrap input{box-sizing:border-box;width:100%;height:42px}@media (width<=1100px){.tr-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=680px){.tr-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=460px){.tr-grid{grid-template-columns:1fr}}.tr-simple .inv-hero,.tr-simple .inv-card{background:#fff;border:1px solid #e8eef8;box-shadow:0 4px 14px #3b16400d}.tr-simple table.report-table th{color:#111827;background:linear-gradient(90deg,#eaf0ff,#dbe4ff);border-color:#d7deea}.tr-simple table.report-table td{border-color:#eceaf1}.tr-simple table.report-table tr td,.tr-simple table.report-table tr:nth-child(2n) td{background:#fff}.tr-simple .inv-f input,.tr-simple .inv-f select,.tr-simple .inv-f.calc input,.tr-simple .inv-f.net input,.tr-simple .field input,.tr-simple .field select{background:#fff;border-color:#e8eef8}.tr-simple .inv-f.calc:has(>input)>label{background:#fff}.tr-simple .inv-f.net:has(>input)>label{background:#fff}.tr-simple .inv-f:has(>input)>label{background:#fff}.tr-simple .inv-f:has(>select)>label{background:#fff}.tr-simple .inv-f:has(>.ss-wrap)>label{background:#fff}.tr-simple .tr-pay-col:first-child{border-right-color:#eceaf1}.tr-simple .inv-card-head:before{background:#c9b6dd}.modal{scrollbar-width:none;-ms-overflow-style:none;background:#fff;border-radius:16px;width:100%;max-width:440px;max-height:90vh;padding:22px;overflow-y:auto;box-shadow:0 24px 60px #00000040}.modal::-webkit-scrollbar{display:none}.modal-wide{max-width:920px}.sales-page .card-plain,.sales-page .checkout-actions,.sales-page .checkout-fields,.purchase-page .page-head,.purchase-page .card-plain{border:1px solid #d7deea;box-shadow:0 8px 24px #0f172a0d}.sales-page .report,.purchase-page .report,.purchase-page .sales-topbar{background:#fff;border:1px solid #d7deea;border-radius:14px;padding:18px 20px;box-shadow:0 8px 24px #0f172a0d}.slip-modal{max-width:440px}.slip-modal .slip{background:#fff}.modal-head{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.modal-head h3{color:#1e293b;margin:0;font-size:17px}.modal-close{cursor:pointer;color:#64748b;background:0 0;border:none;font-size:18px}.modal-close:hover{color:#1e293b}.modal-actions{justify-content:flex-end;gap:10px;display:flex}.modal-actions.sticky-foot{z-index:3;background:#fff;border-top:1px solid #eef2f7;margin:14px -22px -22px;padding:12px 22px 22px;position:sticky;bottom:-22px}.modal-mid{max-width:620px}.btn-secondary{color:#1e293b;cursor:pointer;background:#fff;border:1px solid #cdd7ea;border-radius:10px;padding:10px 18px;font-weight:600}.btn-secondary:hover{background:#eef4ff}.btn-danger{color:#fff;cursor:pointer;background:linear-gradient(90deg,#ef4444,#dc2626);border:none;border-radius:10px;padding:10px 18px;font-weight:700}.btn-danger:hover{filter:brightness(1.05)}.act-btn{cursor:pointer;border:none;border-radius:7px;margin-right:6px;padding:6px 11px;font-size:12px;font-weight:600}.act-btn:disabled{opacity:.4;cursor:not-allowed;filter:grayscale(.4)}.act-btn:disabled:hover{filter:grayscale(.4)}.act-btn.icon-only{background:#fff;border:1px solid #e6d3ee;justify-content:center;align-items:center;width:28px;height:28px;margin-right:0;padding:0;font-size:14px;line-height:1;display:inline-flex}.act-btn.icon-only:hover{background:#eef4ff}.act-row{white-space:nowrap;align-items:center;gap:6px;display:inline-flex}.act-row .act-btn{margin-right:0}.act-print{color:#111827;background:#fff}.act-print:hover{background:#f1f5f9}.act-view{color:#047857;background:#ecfdf5}.act-view:hover{background:#d1fae5}.act-edit{color:#4338ca;background:#eef2ff}.act-edit:hover{background:#e0e7ff}.act-del{color:#b91c1c;background:#fee2e2}.act-del:hover{background:#fecaca}.hamburger{cursor:pointer;color:#2f5bff;background:#fff;border:none;border-radius:10px;flex:none;justify-content:center;align-items:center;width:40px;height:40px;display:inline-flex;box-shadow:0 4px 14px #0f172a0d}.sidebar-overlay{display:none}@media (width<=1024px){.grid{grid-template-columns:repeat(2,1fr)!important;max-width:none!important}.top-cards{grid-template-columns:repeat(2,1fr)}}@media (width<=820px){.sidebar{z-index:200;width:264px;height:100dvh;transition:transform .25s;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%);box-shadow:4px 0 24px #00000040}.sidebar.open{transform:translate(0)}.sidebar-overlay{z-index:150;background:#00000073;display:block;position:fixed;inset:0}.hamburger{display:inline-flex}.main{padding:16px}.topbar{flex-wrap:wrap}.topbar .search{flex-basis:100%;order:3;max-width:none}.page-head{flex-wrap:wrap;gap:8px}.hero{flex-direction:column;align-items:flex-start;padding:24px 22px 52px}.hero-badge{align-self:flex-start}.charts-row,.sales-top,.checkout-box{grid-template-columns:1fr}.sform{grid-template-columns:1fr!important}}@media (width<=560px){.grid{grid-template-columns:repeat(2,1fr)!important}.grid:has(>.field){grid-template-columns:repeat(2,1fr)!important;gap:10px!important}.top-cards,.metrics-row{grid-template-columns:repeat(2,1fr);gap:10px}.stat-card,.metric-card{padding:12px}.stat-card .top,.metric-card .top{gap:9px}.ring{width:38px;height:38px}.stat-card .label,.metric-label{font-size:11.5px}.stat-card .value{font-size:17px}.metric-value{font-size:18px}.metric-card .top+.metric-value{margin-top:9px}.metric-sub{font-size:11px}.main{padding:12px}.tabs{white-space:nowrap;gap:14px;padding:12px 12px 0;overflow-x:auto}.panel{padding:18px 14px}.cards-box{margin:-30px 4px 0}.scanner-ctl{gap:8px;padding:6px 10px}.scanner-label{display:none}.topbar-right{gap:12px}.report-toolbar input{width:100%}.filter{flex-wrap:wrap}.hero h2{font-size:20px}.page-head h1{font-size:18px}}.inv-page{flex-direction:column;gap:18px;display:flex}.inv-hero{color:#111827;background:#fff;border:1.5px solid #d7deea;border-radius:14px;flex-wrap:wrap;justify-content:center;align-items:center;gap:24px;padding:8px 22px;display:flex;position:relative;overflow:visible;box-shadow:0 8px 24px #0f172a0d}.inv-hero>div:first-child{position:absolute;top:50%;left:22px;transform:translateY(-50%)}.inv-hero:after{content:none}.inv-hero-title{letter-spacing:.3px;color:#111827;margin:0 0 3px;font-size:19px;font-weight:800}.inv-hero-sub{color:#8a6da8;font-size:12.5px}.inv-hero-fields{z-index:30;flex-wrap:wrap;justify-content:center;gap:12px;display:flex;position:relative}.inv-hf{flex-direction:column;flex:none;gap:5px;width:132px;display:flex}.inv-hf label{text-transform:uppercase;letter-spacing:.9px;color:#111827;font-size:10.5px;font-weight:400}.inv-hf input,.inv-hf select{color:#0000008a;background:#fff;border:1px solid #d9d9e3;border-radius:10px;outline:none;padding:9px 11px;font-size:13.5px;font-weight:400}.inv-hf .ss-wrap{width:100%}.inv-hf .ss-wrap input{box-sizing:border-box;width:100%}.inv-hf input:focus,.inv-hf select:focus{border-color:#a879c9;box-shadow:0 0 0 3px #a879c926}.inv-hero-total{text-align:right;z-index:1;position:relative}.inv-hero-total span{letter-spacing:1.2px;text-transform:uppercase;color:#3b2350;font-size:11px;display:block}.inv-hero-total b{color:#2f5bff;font-size:30px;font-weight:800}.inv-card{background:#fff;border:1px solid #f0e2f6;border-radius:18px;padding:20px 22px;box-shadow:0 6px 20px #3b16400f}.inv-card-head{color:#1e293b;align-items:center;gap:10px;margin:0 0 16px;font-size:15.5px;font-weight:800;display:flex}.inv-card-head:before{content:"";background:linear-gradient(#d7deea,#2f5bff);border-radius:3px;width:4px;height:18px}.inv-reset{color:#2f5bff;cursor:pointer;background:#fff;border:1px solid #cdd7ea;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;padding:0;display:flex}.inv-reset:hover{background:#faf2fb}.inv-grid{grid-template-columns:repeat(auto-fit,minmax(148px,1fr));gap:14px;display:grid}.inv-f{flex-direction:column;gap:6px;display:flex}.inv-f label{letter-spacing:.5px;text-transform:uppercase;color:#111827;font-size:11px;font-weight:400}.inv-f input,.inv-f select{color:#1e293b;background:#fff;border:1px solid #e8eef8;border-radius:11px;outline:none;width:100%;padding:10px 12px;font-size:14px;transition:border-color .15s,box-shadow .15s}.inv-f input:focus,.inv-f select:focus{border-color:#2f5bff;outline:none;box-shadow:0 0 0 3px #a03c9c1a}.inv-f input::placeholder{color:#0000004d}.inv-f.calc input{color:#2f5bff;background:#f6f8fc;border-style:dashed;font-weight:700}.inv-f.net input{color:#8a6512;background:#fdf6e4;border-style:solid;border-color:#efd79a}.inv-actions{justify-content:flex-end;margin-top:16px;display:flex}.inv-add{cursor:pointer;color:#fff;background:linear-gradient(120deg,#2f5bff,#2f5bff);border:none;border-radius:11px;padding:11px 26px;font-size:14px;font-weight:700;box-shadow:0 6px 14px #6a2a8f40}.inv-add:hover{filter:brightness(1.06)}.inv-msg{margin-top:12px;font-size:13px;font-weight:600}.inv-table-wrap{border:1px solid #f0e2f6;border-radius:12px;overflow-x:auto}.inv-table{border-collapse:collapse;width:100%;min-width:1000px;font-size:13.5px}.inv-table thead th{color:#111827;text-align:left;letter-spacing:.6px;text-transform:uppercase;white-space:nowrap;background:linear-gradient(#eef4ff,#eaf0ff);border-bottom:1px solid #e8eef8;padding:11px 12px;font-size:11px}.inv-table tbody td{color:#43324a;border-bottom:1px solid #f6eefa;padding:11px 12px}.inv-table tbody tr:hover{background:#fdf9fe}.inv-table .num{text-align:center;font-variant-numeric:tabular-nums}.inv-table thead th.num,.inv-table tbody td.num{text-align:center!important}.inv-table .net{color:#2f5bff;font-weight:800}.inv-table.sm{font-size:11.5px}.inv-table.sm thead th{font-size:9px}.inv-table tfoot td{color:#111827;white-space:nowrap;background:#f4f8ff;border-top:2px solid #d7deea;padding:11px 12px;font-weight:800}.inv-table tfoot td.num{font-variant-numeric:tabular-nums;text-align:center!important}.inv-table tfoot .foot-label{text-transform:uppercase;letter-spacing:.6px;color:#475569;font-size:11px}.inv-tag{color:#7b3b91;background:#e8eef8;border-radius:999px;padding:2px 9px;font-size:11.5px;font-weight:700;display:inline-block}.inv-x,.inv-e{cursor:pointer;background:0 0;border:none;border-radius:6px;padding:2px 5px;font-size:14px}.inv-e{color:#2f5bff}.inv-x{color:#c0392b}.inv-e:hover,.inv-x:hover{background:#e8eef8}.inv-empty{text-align:center;color:#9b86a3;background:#fff;border:1px dashed #e8eef8;border-radius:14px;padding:40px 16px;font-size:14px}.inv-foot{justify-content:flex-end;margin-top:16px;display:flex}.inv-sum{border:1px solid #f0e2f6;border-radius:14px;width:300px;overflow:hidden}.inv-sum div{color:#5c4763;justify-content:space-between;padding:10px 14px;font-size:13.5px;display:flex}.inv-sum div+div{border-top:1px solid #f6eefa}.inv-sum .grand{color:#fff;background:linear-gradient(120deg,#1e293b,#2f5bff);font-size:15px;font-weight:800}.inv-sum .grand b{color:#ffd977}@media (width<=700px){.inv-hero{flex-direction:column;align-items:stretch}.inv-hero-total{text-align:left}.inv-sum{width:100%}}.inv-hero,.inv-hero-title,.inv-hero-sub,.inv-hero-total span{color:#111827!important}.inv-hero-title{text-shadow:none}.inv-hero-sub{opacity:.8}.inv-hero-total span{opacity:.85}.inv-hf label{opacity:1;color:#111827!important}.inv-hf input,.inv-hf select{color:#0000008a!important;font-weight:400!important}.inv-hf input::placeholder{color:#0006!important}.inv-hf select option{color:#1e293b!important}.inv-hf input[type=date]::-webkit-calendar-picker-indicator{opacity:.7}.inv-print{cursor:pointer;color:#8a6512;background:#fffaf0;border:1px solid #d7deea;border-radius:11px;padding:11px 20px;font-size:14px;font-weight:700}.inv-print:hover{background:#fdf3dd}.inv-actions{justify-content:flex-end;gap:10px;margin-top:16px;display:flex}.inv-bill{background:#fff;border:1px solid #e8eef8;border-radius:16px;flex-wrap:wrap;align-items:stretch;gap:0;margin-top:18px;display:flex;overflow:hidden;box-shadow:0 4px 14px #3b16400d}.inv-stats{flex:420px;min-width:0;display:flex}.inv-stat{border-right:1px solid #f4e9f8;flex-direction:column;flex:1;gap:5px;min-width:0;padding:15px 18px;display:flex}.inv-stat span{letter-spacing:1.1px;text-transform:uppercase;color:#9b86a3;font-size:10px;font-weight:700}.inv-stat b{color:#1e293b;font-variant-numeric:tabular-nums;align-items:baseline;gap:4px;font-size:19px;font-weight:700;display:flex}.inv-stat b em{color:#9b86a3;font-size:11px;font-style:normal;font-weight:600}.inv-stat.minus b{color:#b8455f}.inv-stat.plus b{color:#2f7d5b}.inv-net{background:linear-gradient(120deg,#1e293b,#2f5bff 70%,#8d34a1);flex-direction:column;justify-content:center;gap:4px;min-width:210px;padding:15px 26px;display:flex;position:relative}.inv-net:before{content:"";background:linear-gradient(#d7deea,#2f5bff);width:3px;position:absolute;top:0;bottom:0;left:0}.inv-net span{letter-spacing:1.4px;text-transform:uppercase;color:#ffffffb3;font-size:10px;font-weight:700}.inv-net b{color:#ffd977;font-variant-numeric:tabular-nums;align-items:baseline;gap:6px;font-size:27px;font-weight:800;line-height:1.1;display:flex}.inv-net b i{color:#ffd977bf;font-size:13px;font-style:normal;font-weight:600}.inv-bill-actions{background:#fff;border-left:1px solid #f4e9f8;align-items:center;gap:10px;padding:15px 18px;display:flex}.inv-bill-actions .inv-print,.inv-bill-actions .inv-add{white-space:nowrap;padding:10px 18px}@media (width<=900px){.inv-stats{flex-wrap:wrap;flex:100%}.inv-stat{border-bottom:1px solid #f4e9f8;flex:50%}.inv-net{flex:100%}.inv-bill-actions{border-left:none;flex:100%;justify-content:flex-end}}.inv-formhead{border-bottom:1px solid #f2e6f7;justify-content:space-between;align-items:center;gap:12px;margin-bottom:4px;padding-bottom:12px;display:flex}.inv-formhead span{color:#1e293b;font-size:13.5px;font-weight:700}.inv-clear{color:#8a6d90;cursor:pointer;background:#fff;border:1px solid #e8eef8;border-radius:8px;padding:5px 12px;font-size:12px;font-weight:600}.inv-clear:hover{color:#2f5bff;border-color:#2f5bff}.inv-itemgrid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));align-items:end;gap:14px 16px;padding:18px 22px 4px;display:grid}@media (width<=640px){.inv-itemgrid{grid-template-columns:1fr 1fr}}.inv-cols{grid-template-columns:1fr 1fr 1.15fr;display:grid}.inv-col{flex-direction:column;gap:14px;padding:18px 22px;display:flex}.inv-col+.inv-col{border-left:1px solid #f2e6f7}.inv-col.money{background:#fff;border-radius:0 12px 12px 0;margin:-18px -22px -18px 0;padding:18px 22px}.inv-pair{grid-template-columns:1fr 1fr;gap:14px;display:grid}.inv-col .inv-actions{margin-top:auto;padding-top:4px}@media (width<=1000px){.inv-cols{grid-template-columns:1fr}.inv-col+.inv-col{border-top:1px solid #f2e6f7;border-left:none}.inv-col:first-child{padding-left:22px}.inv-col.money{border-radius:12px;margin:0}}.inv-card{border:1px solid #d7deea;box-shadow:0 6px 20px #3b164012}.inv-bill{border-color:#d7deea}.inv-table-wrap{border-color:#e0c98a}.inv-f input,.inv-f select{border-color:#c3cfe4}.inv-f input:hover{border-color:#2f5bff}.inv-f.calc input{border-color:#c3cfe4}.inv-formhead{border-bottom-color:#e8eef8}.inv-col+.inv-col{border-left-color:#e8eef8}.inv-clear{border-color:#c3cfe4}@media (width<=1000px){.inv-col+.inv-col{border-top-color:#e8eef8}}.inv-formhead{justify-content:flex-end}.inv-f label,.inv-table thead th{text-transform:none;letter-spacing:.2px;font-size:12px}.inv-rows{grid-template-columns:1fr 1fr;gap:14px 26px;padding-top:4px;display:grid}@media (width<=700px){.inv-rows{grid-template-columns:1fr}}.inv-card-head .head-btn{margin-left:auto;padding:7px 18px;font-size:13px}.inv-bill-actions{display:none}.inv-col{gap:12px;padding:16px 20px}.inv-pair{gap:12px}.inv-pair .inv-f input{max-width:100%}@media (width<=1000px){.inv-cols{grid-template-columns:1fr}.inv-f input,.inv-f select{max-width:100%}}.inv-cols{grid-template-columns:1fr 1fr 1fr}.inv-f input,.inv-f select,.inv-col .ss-wrap{max-width:100%}.inv-view-grid{background:#fff;border:1px solid #e8eef8;border-radius:12px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px 20px;padding:14px 16px;display:grid}.inv-view-grid div{flex-direction:column;gap:3px;min-width:0;display:flex}.inv-view-grid span{letter-spacing:.5px;text-transform:uppercase;color:#9b86a3;font-size:10.5px;font-weight:700}.inv-view-grid b{color:#1e293b;overflow-wrap:anywhere;font-size:13.5px}.inv-view-total{color:#fff;background:linear-gradient(120deg,#1e293b,#2f5bff);border-radius:12px;justify-content:space-between;align-items:center;margin-top:14px;padding:12px 18px;display:flex}.inv-view-total span{letter-spacing:1.3px;text-transform:uppercase;opacity:.75;font-size:11px}.inv-view-total b{color:#ffd977;font-variant-numeric:tabular-nums;font-size:20px}.inv-edit-table td{padding:6px 7px}.inv-edit-table input,.inv-edit-table select{color:#1e293b;background:#fff;border:1px solid #c3cfe4;border-radius:8px;outline:none;width:100%;min-width:72px;padding:6px 8px;font-size:13px}.inv-edit-table td:nth-child(2) input{min-width:150px}.inv-edit-table input:focus,.inv-edit-table select:focus{border-color:#2f5bff;box-shadow:0 0 0 3px #a03c9c1a}.inv-view-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px 18px}.inv-view-grid b{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.inv-view-grid div[style*="1 / -1"] b{white-space:normal}.modal .inv-table-wrap{border:1px solid #e0c98a;border-radius:12px}.modal .inv-table thead th{padding:10px}.modal .inv-table{width:100%;min-width:0}.modal .inv-table th,.modal .inv-table td{white-space:nowrap;padding:8px 10px}.modal .inv-table .num{width:1%}.modal .inv-table tbody td{padding:10px}@media (width<=900px){.inv-view-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.inv-edit-head{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px 16px;margin-bottom:12px;display:grid}.inv-edit-head .field{min-width:0}.inv-edit-head .field input,.inv-edit-head .field select{width:100%}.inv-edit-head .field[style*="flex: 3"],.inv-edit-head .field:only-child{grid-column:1/-1}@media (width<=900px){.inv-edit-head{grid-template-columns:repeat(2,minmax(0,1fr))}}.act-btn.act-print{color:#111827;background:#fff;border:1px solid #d7deea;align-items:center;gap:5px;padding:5px 12px;font-weight:700;display:inline-flex}.act-btn.act-print svg{flex:none}.act-btn.act-print:hover{color:#111827;background:#f1f5f9}.inv-formhead{justify-content:space-between;align-items:flex-end}.inv-acc{flex:1;max-width:250px}.inv-acc select{width:100%}.inv-cols{align-items:stretch}.inv-col{grid-auto-rows:max-content;align-content:start;gap:14px;padding:16px 20px;display:grid}.inv-col:first-child{padding-left:0}.inv-col.money{margin:-16px -20px -16px 0;padding:16px 20px}.inv-pair{align-items:end}.inv-f{justify-content:flex-end}.inv-card>form>.inv-actions{margin-top:16px;padding-right:2px}.inv-toggle{width:100%;font:inherit;text-align:left;cursor:pointer;color:#1e293b;background:0 0;border:none;margin:0;padding:0}.inv-toggle:hover{color:#2f5bff}.inv-toggle:focus-visible{outline-offset:3px;border-radius:6px;outline:2px solid #2f5bff}.inv-toggle em{color:#7b3b91;background:#e8eef8;border-radius:999px;padding:2px 9px;font-size:11px;font-style:normal;font-weight:700}.inv-caret{color:#2f5bff;margin-left:auto;font-size:13px;transition:transform .18s}.inv-caret.open{transform:rotate(180deg)}@media (prefers-reduced-motion:reduce){.inv-caret{transition:none}}:is(.field:has(input[dir=rtl]) label,.field:has(select[dir=rtl]) label){text-align:right}.report-wrap,.cb-report-wrap{max-width:100%;overflow-x:auto}@media (width<=760px){.report-toolbar input{box-sizing:border-box;width:100%}.tr-pay-two{grid-template-columns:1fr}.tr-pay-col:first-child{border-bottom:2px solid #eceaf1;border-right:none;margin-bottom:14px;padding-bottom:14px}.modal,.modal-wide,.modal-mid{max-width:calc(100vw - 20px)}.inv-hero-total{text-align:left}}@media (width<=520px){.main{padding:10px}.inv-hero-fields{gap:8px;width:100%}.inv-hero-fields .inv-f,.inv-hf{width:100%!important}.report-toolbar{flex-direction:column;align-items:stretch}.pagination,.modal-actions{flex-wrap:wrap}.page-head{flex-wrap:wrap;gap:8px}}@media (width<=640px){.grid{grid-template-columns:repeat(2,1fr)!important;gap:10px!important}.grid:has(>.field){grid-template-columns:repeat(2,1fr)!important;gap:10px!important}.metrics-row,.top-cards{grid-template-columns:repeat(2,1fr)}.page-head h1{font-size:clamp(16px,5vw,20px)}.modal,.modal-wide{padding:16px 14px}.modal-actions.sticky-foot{margin:12px -14px -16px;padding:10px 14px 16px;bottom:-16px}table.report-table th,table.report-table td{padding:6px 8px;font-size:12.5px}}.page-head h1{font-size:clamp(18px,2.2vw,24px)}.panel.gold{box-shadow:none;background:0 0;border:none;padding:0}.panel.gold>form{background:#fff;border:1.5px solid #d7deea;border-top:none;border-radius:0 0 14px 14px;padding:18px 20px;display:block;box-shadow:0 8px 24px #0f172a0a}.panel.gold>form .grid{gap:12px 14px}.panel.gold .field input,.panel.gold .field select{padding:8px 11px}:is(.panel.gold .field:has(>input:not([type=file]))>input,.panel.gold .field:has(>select)>select){height:36px}.panel.gold .report{background:#fff;border:1.5px solid #d7deea;border-radius:14px;padding:18px 20px;box-shadow:0 8px 24px #0f172a0a;margin:18px 0 0!important}.panel.gold .report .report-head{margin-bottom:10px}.panel.gold .report .table-wrap{overflow-x:auto}.panel.gold:not(:has(>form)){background:#fff;border:1.5px solid #d7deea;border-top:none;border-radius:0 0 14px 14px;padding:18px 20px;box-shadow:0 8px 24px #0f172a0a}.panel.gold:not(:has(>form)) .report{box-shadow:none;border:none;padding:0;margin-top:0!important}@media (width<=640px){.panel.gold>form{padding:14px 12px}.panel.gold .report{padding:14px 12px;margin-top:14px!important}}.pagination .pg-nav{color:#2f5bff;background:#eaf0ff;border-color:#c7d2fe}.pagination .pg-nav:hover:not(:disabled){background:#dbe4ff}.sort-toggle{color:#1e293b;cursor:pointer;background:#fff;border:1px solid #cdd7ea;border-radius:10px;align-items:center;gap:5px;padding:8px 11px;font-size:12.5px;font-weight:600;display:inline-flex}.sort-toggle:hover{border-color:#2f5bff}.sort-toggle.on{color:#2f5bff;background:#eaf0ff;border-color:#c7d2fe}.work-split{grid-template-columns:minmax(0,1fr) 316px;align-items:start;gap:14px;display:grid}@media (width<=1180px){.work-split{grid-template-columns:minmax(0,1fr)}}.work-rail{flex-direction:column;gap:12px;display:flex;position:sticky;top:12px}@media (width<=1180px){.work-rail{position:static}}.rail-card{background:#fff;border:1.5px solid #d7deea;border-radius:14px;overflow:hidden;box-shadow:0 8px 24px #0f172a0a}.rail-card>h3{color:#6b3a6f;border-bottom:1px solid #eef1f7;justify-content:space-between;align-items:center;gap:8px;margin:0;padding:12px 14px 10px;font-size:14px;font-weight:800;display:flex}.rail-card>h3 em{color:#6b3a6f;background:#f6eefb;border-radius:999px;padding:2px 9px;font-size:12px;font-style:normal;font-weight:700}.rail-body{padding:12px 14px}.rail-scroll{flex-direction:column;gap:8px;max-height:380px;padding:10px 12px;display:flex;overflow-y:auto}.rail-empty{text-align:center;color:#8a7590;padding:18px 14px;font-size:12.5px;line-height:1.6}.rail-row{justify-content:space-between;align-items:baseline;gap:10px;padding:6px 0;font-size:13px;display:flex}.rail-row+.rail-row{border-top:1px dashed #eef1f7}.rail-row span{color:#64748b}.rail-row b{color:#1e293b;font-variant-numeric:tabular-nums;font-weight:800}.rail-row.total{border-top:1.5px solid #eef1f7;margin-top:4px;padding-top:10px;font-size:14px}.rail-row.total b{color:#6b3a6f;font-size:16px}.rail-state{text-align:center;border-radius:10px;padding:9px 12px;font-size:13px;font-weight:800;display:block}.rail-state.ok{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0}.rail-state.off{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}.rail-pick{text-align:left;cursor:pointer;background:#fff;border:1.5px solid #e6ebf5;border-radius:11px;width:100%;padding:9px 11px;transition:border-color .15s,box-shadow .15s,transform .15s;display:block}.rail-pick:hover:not(:disabled){border-color:#6b3a6f;transform:translateY(-1px);box-shadow:0 6px 16px #6b3a6f1f}.rail-pick:disabled{cursor:default;opacity:.65}.rail-pick.on{background:#faf3ff;border-color:#6b3a6f;box-shadow:inset 3px 0 #6b3a6f}.rail-pick .pick-top{color:#1e293b;justify-content:space-between;align-items:baseline;gap:8px;font-size:13px;font-weight:800;display:flex}.rail-pick .pick-top em{color:#6b3a6f;font-variant-numeric:tabular-nums;font-style:normal}.rail-pick .pick-sub{color:#475569;text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:12.5px;overflow:hidden}.rail-pick .pick-meta{color:#8a7590;margin-top:1px;font-size:11.5px}.rail-bar{background:#eef1f7;border-radius:999px;height:5px;margin-top:7px;overflow:hidden}.rail-bar i{background:linear-gradient(90deg,#6b3a6f,#a563aa);border-radius:999px;height:100%;display:block}.mode-note{border-radius:10px;align-items:center;gap:8px;padding:8px 12px;font-size:12.5px;line-height:1.5;display:flex}.mode-note.info{color:#6b3a6f;background:#f6eefb;border:1px solid #e7d6ee}.mode-note.warn{color:#92400e;background:#fffbeb;border:1px solid #fde68a}.picker{flex-direction:column;gap:12px;display:flex}.picker-lead{color:#5b3a5f;margin:0;font-size:13px;line-height:1.55}.picker-search{position:relative}.picker-search input{background:#fff;border:1px solid #cdd7ea;border-radius:10px;outline:none;width:100%;padding:10px 12px 10px 34px;font-size:14px}.picker-search input:focus{border-color:#6b3a6f;box-shadow:0 0 0 3px #6b3a6f1f}.picker-search:before{content:"⌕";color:#8a7590;pointer-events:none;font-size:17px;position:absolute;top:50%;left:12px;transform:translateY(-52%)}.picker-count{color:#8a7590;font-size:12px;font-weight:600}.pc-bar{background:#eef1f7;border-radius:999px;height:5px;margin-top:4px;overflow:hidden}.pc-bar i{background:linear-gradient(90deg,#6b3a6f,#a563aa);border-radius:999px;height:100%;display:block}.recon{background:#fef7f7;border:1.5px solid #fecaca;border-radius:12px;margin-top:12px;padding:12px 14px}.recon-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:4px 22px;display:grid}.recon-grid>div{border-bottom:1px dashed #fadcdc;justify-content:space-between;align-items:baseline;gap:10px;padding:5px 0;font-size:13px;display:flex}.recon-grid>div span{color:#9b5b5b}.recon-grid>div b{color:#b91c1c;font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:800}.recon-call{color:#b91c1c;border-top:1.5px solid #fecaca;margin-top:10px;padding-top:10px;font-size:13.5px;line-height:1.6}.recon-call b{font-weight:800}.recon-grid>div span em{color:#b98a8a;font-size:11.5px;font-style:normal}.cashbook-page .cb-scroll{max-height:544px;overflow:auto}.cashbook-page .cb-scroll table.report-table thead th{z-index:2;background:#fff;position:sticky;top:0;box-shadow:inset 0 -1px #d1d5db,inset 0 1px #d1d5db}.cashbook-page .cb-scroll table.report-table tfoot th,.cashbook-page .cb-scroll table.report-table tfoot td{z-index:2;background:#fff;position:sticky;bottom:0;box-shadow:inset 0 1px #d1d5db,inset 0 -1px #d1d5db}.grpm-wrap{--shell:linear-gradient(160deg, #33415a 0%, #1e293b 45%, #0f172a 100%);--shell-edge:#ffffff0f;--shell-shadow:#0f172a4d;--name:#94a3b8;--screen:#070d19;--screen-edge:#1e293b;--cap:#64748b;--digits:#38bdf8;--digits-glow:#38bdf847;--digits-off:#263449;--mem:#e2e8f0;--mem-sub:#475569;--rule:#1e293b;--key:#f8fafc;--key-hover:#fff;--key-edge:#cbd5e1;--key-label:#64748b;--key-ink:#0f172a;--key-ghost:#cbd5e1;--key-lip:#0f172a47;--focus:#38bdf8;--focus-ring:#38bdf84d;--need:#fbbf24;--c:#33415a;--c-edge:#4b5b74;--c-ink:#fda4af;--c-hover:#3f4f6b;--tape:#fff;--tape-edge:#e2e8f0;--tape-head:#475569;--tape-ink:#334155;--tape-strong:#0f172a;--tape-mute:#94a3b8;--tape-rule:#eef2f7;flex-wrap:wrap;align-items:flex-start;gap:16px;display:flex}.grpm-wrap[data-grpm-theme=graphite]{--shell:linear-gradient(160deg, #52525b 0%, #27272a 45%, #09090b 100%);--shell-shadow:#09090b61;--name:#a1a1aa;--screen:#08080a;--screen-edge:#27272a;--cap:#71717a;--digits:#f4f4f5;--digits-glow:#f4f4f529;--digits-off:#2f2f33;--mem:#fafafa;--mem-sub:#52525b;--rule:#27272a;--key:#fafafa;--key-hover:#fff;--key-edge:#c7c7cd;--key-label:#6b6b73;--key-ink:#18181b;--key-ghost:#d4d4d8;--key-lip:#09090b57;--focus:#a1a1aa;--focus-ring:#a1a1aa57;--c:#3f3f46;--c-edge:#5c5c65;--c-ink:#fca5a5;--c-hover:#4b4b52;--tape-head:#3f3f46;--tape-strong:#18181b}.grpm-wrap[data-grpm-theme=emerald]{--shell:linear-gradient(160deg, #1a6b53 0%, #0b5741 45%, #032e22 100%);--shell-shadow:#032e2261;--name:#6ee7b7;--screen:#02150f;--screen-edge:#0b5741;--cap:#3f9b7f;--digits:#6ee7b7;--digits-glow:#6ee7b742;--digits-off:#124436;--mem:#d1fae5;--mem-sub:#2b6b58;--rule:#0b5741;--key:#f7fefb;--key-hover:#fff;--key-edge:#b7dfd0;--key-label:#4a7d6c;--key-ink:#052e26;--key-ghost:#b7dfd0;--key-lip:#032e2252;--focus:#34d399;--focus-ring:#34d39952;--c:#0e5a45;--c-edge:#1a7a5e;--c-ink:#fecaca;--c-hover:#146d54;--tape-head:#065f46;--tape-strong:#052e26}.grpm-wrap[data-grpm-theme=amber]{--shell:linear-gradient(160deg, #57534e 0%, #292524 45%, #0c0a09 100%);--shell-shadow:#0c0a0966;--name:#d6a760;--screen:#0b0908;--screen-edge:#292524;--cap:#8a7f74;--digits:#fbbf24;--digits-glow:#fbbf2442;--digits-off:#3a332c;--mem:#fef3c7;--mem-sub:#6b6157;--rule:#292524;--key:#fdfcfb;--key-hover:#fff;--key-edge:#cfc6bc;--key-label:#7a6f63;--key-ink:#1c1917;--key-ghost:#d6cec4;--key-lip:#0c0a0957;--focus:#f59e0b;--focus-ring:#f59e0b52;--c:#3d3733;--c-edge:#5b534c;--c-ink:#fecaca;--c-hover:#4a423d;--tape-head:#78350f;--tape-strong:#1c1917}.grpm-wrap[data-grpm-theme=royal]{--shell:linear-gradient(160deg, #4c3f8f 0%, #322a63 45%, #16123a 100%);--shell-shadow:#16123a66;--name:#b6a7f5;--screen:#0b0824;--screen-edge:#322a63;--cap:#7d72b5;--digits:#c4b5fd;--digits-glow:#c4b5fd42;--digits-off:#2b2554;--mem:#ede9fe;--mem-sub:#5b529a;--rule:#322a63;--key:#faf9ff;--key-hover:#fff;--key-edge:#cdc6ea;--key-label:#6b6395;--key-ink:#1e1b4b;--key-ghost:#cdc6ea;--key-lip:#16123a57;--focus:#8b5cf6;--focus-ring:#8b5cf652;--c:#3a3170;--c-edge:#544a95;--c-ink:#fecaca;--c-hover:#453a83;--tape-head:#4c3f8f;--tape-strong:#1e1b4b}.grpm-calc{background:var(--shell);width:430px;max-width:100%;box-shadow:0 20px 48px var(--shell-shadow), inset 0 1px 0 var(--shell-edge);color:var(--mem);border-radius:22px;flex:none;padding:14px}.grpm-top{align-items:center;gap:10px;padding:2px 6px 11px;display:flex}.grpm-name{letter-spacing:1.5px;text-transform:uppercase;color:var(--name);white-space:nowrap;font-size:11.5px;font-weight:800}.grpm-skins{gap:6px;margin-left:auto;display:flex}.grpm-skin{cursor:pointer;border:1.5px solid #ffffff47;border-radius:50%;width:20px;height:20px;padding:0;transition:transform .12s,box-shadow .12s;box-shadow:0 1px 3px #00000040}.grpm-skin:hover{transform:scale(1.14)}.grpm-skin.on{box-shadow:0 0 0 2px var(--shell-shadow), 0 0 0 3.5px var(--digits)}.sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.grpm-c{cursor:pointer;min-width:40px;height:32px;font:inherit;letter-spacing:.5px;border:1px solid var(--c-edge);background:var(--c);color:var(--c-ink);border-radius:10px;font-size:13px;font-weight:800}.grpm-c:hover{background:var(--c-hover)}.grpm-c:active{transform:translateY(1px)}.grpm-screen{background:var(--screen);border:1px solid var(--screen-edge);border-radius:15px;padding:12px 15px 11px}.grpm-cap{letter-spacing:1.3px;text-transform:uppercase;color:var(--cap);font-size:9.5px;font-weight:800}.grpm-big{text-align:right;letter-spacing:-.6px;font-variant-numeric:tabular-nums;color:var(--digits);word-break:break-all;text-shadow:0 0 22px var(--digits-glow);font-size:40px;font-weight:800;line-height:1.12}.grpm-big.off{color:var(--digits-off);text-shadow:none}.grpm-unit{text-align:right;color:var(--cap);margin-top:1px;font-size:10.5px;font-weight:700}.grpm-mem{border-top:1px dashed var(--rule);grid-template-columns:repeat(3,1fr);gap:9px;margin-top:11px;padding-top:10px;display:grid}.grpm-mem>div{min-width:0}.grpm-mem span{letter-spacing:.7px;text-transform:uppercase;color:var(--cap);font-size:8.5px;font-weight:800;display:block}.grpm-mem b{color:var(--mem);font-variant-numeric:tabular-nums;font-size:15px;font-weight:800;display:block}.grpm-mem i{color:var(--mem-sub);text-overflow:ellipsis;white-space:nowrap;margin-top:1px;font-size:8.5px;font-style:normal;display:block;overflow:hidden}.grpm-need{color:var(--need);background:color-mix(in srgb, var(--need) 12%, transparent);border:1px solid color-mix(in srgb, var(--need) 34%, transparent);border-radius:10px;margin-top:11px;padding:7px 11px;font-size:11.5px;font-weight:700;line-height:1.5}.grpm-keys{grid-template-columns:repeat(3,1fr);gap:9px;margin-top:12px;display:grid}.grpm-key{background:var(--key);border:1px solid var(--key-edge);min-width:0;box-shadow:0 2px 0 var(--key-lip);border-radius:13px;flex-direction:column;gap:1px;padding:7px 10px 6px;transition:border-color .12s,box-shadow .12s,background .12s;display:flex}.grpm-key:hover{background:var(--key-hover)}.grpm-key:focus-within{border-color:var(--focus);box-shadow:0 0 0 3px var(--focus-ring)}.grpm-key label{letter-spacing:.8px;text-transform:uppercase;color:var(--key-label);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:5px;font-size:9px;font-weight:800;display:flex;overflow:hidden}.grpm-key input{width:100%;font:inherit;color:var(--key-ink);text-align:right;font-variant-numeric:tabular-nums;background:0 0;border:none;outline:none;padding:0;font-size:18px;font-weight:800}.grpm-key input::placeholder{color:var(--key-ghost);font-size:13px;font-weight:600}.grpm-key input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.grpm-key input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.grpm-key input[type=number]{appearance:textfield}.grpm-key.need{border-color:var(--need)}.grpm-key.span2{grid-column:span 2}.grpm-tag{letter-spacing:.5px;text-transform:uppercase;border:1px solid var(--key-edge);color:var(--key-label);background:0 0;border-radius:4px;padding:1px 4px;font-size:8px;font-weight:800}button.grpm-tag{cursor:pointer;font-family:inherit}.grpm-tag.on{border-color:var(--focus);color:var(--focus)}.grpm-tape{background:var(--tape);border:1px solid var(--tape-edge);border-radius:16px;flex:460px;min-width:0;padding:13px 15px 12px}.grpm-tape-h{flex-wrap:wrap;align-items:baseline;gap:10px;margin-bottom:9px;display:flex}.grpm-tape-h b{letter-spacing:1.3px;text-transform:uppercase;color:var(--tape-head);font-size:11.5px}.grpm-tape-h span{color:var(--tape-mute);font-size:11px;font-weight:600}.grpm-tape table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:12px}.grpm-tape th{text-align:left;letter-spacing:.7px;text-transform:uppercase;color:var(--tape-mute);border-bottom:1px solid var(--tape-edge);white-space:nowrap;padding:0 7px 6px;font-size:8.5px;font-weight:800}.grpm-tape td{border-bottom:1px dashed var(--tape-rule);color:var(--tape-ink);padding:8px 7px}.grpm-tape tr:last-child td{border-bottom:0}.grpm-tape .side{color:var(--tape-strong);white-space:nowrap;font-weight:800}.grpm-tape .side em{color:var(--tape-mute);direction:rtl;font-size:13px;font-style:normal;display:block}.grpm-tape .basis{color:var(--tape-mute);white-space:nowrap}.grpm-tape .out{text-align:right;color:var(--tape-strong);white-space:nowrap;font-weight:800}.grpm-note{color:var(--tape-mute);margin-top:9px;font-size:10.5px;font-weight:600;line-height:1.6}@media (width<=560px){.grpm-calc{width:100%}.grpm-big{font-size:34px}.grpm-keys{grid-template-columns:repeat(2,1fr)}.grpm-key.span2{grid-column:span 2}}