@import url("https://fonts.googleapis.com/css2?family=Anek+Bangla:wght@300;400;500;600;700&family=Noto+Sans+Bengali:wght@300;400;500;600;700&display=swap");:root{--khata-paper:#fdf6e3;--khata-paper-alt:#f7efd5;--khata-paper-dark:#ede4cc;--khata-ink:#1a0f00;--khata-ink-light:#5c4033;--khata-ink-faded:#8b7355;--khata-rule-line:#b8c8d8;--khata-rule-red:#c4463a;--khata-leather:#6b3a2a;--khata-leather-dark:#3e1f14;--khata-leather-light:#8b5e3c;--khata-leather-accent:#a0724e;--khata-gold:#c5a55a;--khata-gold-dim:rgba(197,165,90,.15);--khata-stitch:#d4a574;--khata-green:#2e7d32;--khata-red:#c62828;--khata-blue:#1565c0;--khata-font:"Anek Bangla","Noto Sans Bengali","Kalpurush",sans-serif;--khata-font-mono:"Anek Bangla",monospace;--khata-radius:4px;--khata-shadow:0 2px 8px rgba(26,15,0,.15);--khata-shadow-lg:0 4px 16px rgba(26,15,0,.2)}.khata-app{font-family:var(--khata-font);color:var(--khata-ink);background:var(--khata-paper);min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;max-width:480px;margin:0 auto;position:relative;overflow-x:hidden}.khata-app:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:0;background:repeating-linear-gradient(to bottom,transparent,transparent 31px,var(--khata-rule-line) 31px,var(--khata-rule-line) 32px);opacity:.3}.khata-app>*{position:relative;z-index:1}.khata-header{background:linear-gradient(135deg,var(--khata-leather-dark) 0,var(--khata-leather) 30%,var(--khata-leather-light) 70%,var(--khata-leather) 100%);color:var(--khata-gold);padding:14px 16px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 3px 10px rgba(0,0,0,.3);position:sticky;top:0;z-index:100;background-image:linear-gradient(135deg,var(--khata-leather-dark) 0,var(--khata-leather) 30%,var(--khata-leather-light) 70%,var(--khata-leather) 100%)}.khata-header:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--khata-gold) 0,var(--khata-stitch) 50%,var(--khata-gold) 100%)}.khata-header-title{font-size:22px;font-weight:700;letter-spacing:.5px;text-shadow:0 1px 3px rgba(0,0,0,.4)}.khata-header-date{font-size:13px;color:var(--khata-stitch);font-weight:500}.khata-content{flex:1;overflow-y:auto;padding:8px 10px 90px;-webkit-overflow-scrolling:touch}.khata-section{margin-bottom:12px;border-radius:var(--khata-radius);overflow:hidden;box-shadow:var(--khata-shadow);background:var(--khata-paper)}.khata-section-header{background:var(--khata-paper-dark);padding:10px 12px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;border-bottom:2px solid var(--khata-rule-red);-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.khata-section-header:active{background:var(--khata-paper-alt)}.khata-section-title{font-size:16px;font-weight:700;color:var(--khata-leather);display:flex;align-items:center;gap:6px}.khata-section-total{font-size:14px;font-weight:600;color:var(--khata-leather-dark);background:var(--khata-gold-dim);padding:2px 10px;border-radius:12px}.khata-section-body{padding:0}.khata-table{width:100%;border-collapse:collapse}.khata-table-head{background:var(--khata-paper-dark)}.khata-table-head th{font-size:12px;font-weight:600;color:var(--khata-ink-light);text-align:left;padding:6px 8px;border-bottom:1.5px solid var(--khata-leather-accent);white-space:nowrap}.khata-table-head th:last-child{text-align:right}.khata-table-head th.khata-col-serial{width:36px;text-align:center;border-right:1.5px solid var(--khata-rule-red)}.khata-table-head th.khata-col-amount{width:80px;text-align:right}.khata-table-row{border-bottom:1px solid var(--khata-rule-line);transition:background .15s}.khata-table-row:nth-child(2n){background:var(--khata-paper-alt)}.khata-table-row:active{background:var(--khata-gold-dim)}.khata-table-row td{padding:6px 8px;font-size:14px;vertical-align:middle}.khata-table-row td.khata-col-serial{text-align:center;font-weight:500;color:var(--khata-ink-faded);border-right:1.5px solid var(--khata-rule-red);font-size:13px;width:36px}.khata-table-row td.khata-col-amount{text-align:right;font-weight:600;font-family:var(--khata-font-mono);width:80px}.khata-table-total{background:var(--khata-gold-dim)!important;border-top:2px solid var(--khata-leather-accent);border-bottom:2px solid var(--khata-leather-accent)}.khata-table-total td{font-weight:700;font-size:15px;color:var(--khata-leather-dark);padding:8px}.khata-input{width:100%;border:none;background:transparent;font-family:var(--khata-font);font-size:14px;color:var(--khata-ink);padding:4px 2px;outline:none;border-bottom:1px dashed var(--khata-rule-line);transition:border-color .2s}.khata-input:focus{border-bottom-color:var(--khata-leather);border-bottom-style:solid}.khata-input::-moz-placeholder{color:var(--khata-ink-faded);opacity:.5;font-style:italic}.khata-input::placeholder{color:var(--khata-ink-faded);opacity:.5;font-style:italic}.khata-input-amount{font-weight:600;width:80px}.khata-input-amount,.khata-input-number{text-align:right;font-family:var(--khata-font-mono)}.khata-input-number{font-weight:500;width:50px}.khata-add-row{display:flex;align-items:center;justify-content:center;gap:4px;width:100%;padding:8px;border:none;background:transparent;color:var(--khata-ink-faded);font-family:var(--khata-font);font-size:13px;cursor:pointer;border-bottom:1px dotted var(--khata-rule-line);transition:all .2s;-webkit-tap-highlight-color:transparent}.khata-add-row:active{background:var(--khata-gold-dim);color:var(--khata-leather)}.khata-reconciliation{background:var(--khata-paper);border:2px solid var(--khata-leather-accent);border-radius:var(--khata-radius);margin:12px 0;box-shadow:var(--khata-shadow);overflow:hidden}.khata-reconciliation-header{background:var(--khata-leather);color:var(--khata-gold);padding:10px 12px;font-size:15px;font-weight:700;text-align:center;letter-spacing:.5px}.khata-recon-row{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;border-bottom:1px solid var(--khata-rule-line);font-size:14px}.khata-recon-row:nth-child(2n){background:var(--khata-paper-alt)}.khata-recon-label{color:var(--khata-ink-light);font-weight:500}.khata-recon-value{font-family:var(--khata-font-mono);font-weight:700;color:var(--khata-ink);min-width:80px;text-align:right}.khata-recon-total{background:var(--khata-gold-dim)!important;border-top:2px solid var(--khata-leather-accent);font-size:15px}.khata-recon-total .khata-recon-label{font-weight:700;color:var(--khata-leather-dark)}.khata-recon-total .khata-recon-value{color:var(--khata-leather-dark);font-size:16px}.khata-recon-positive .khata-recon-value{color:var(--khata-green)}.khata-recon-negative .khata-recon-value{color:var(--khata-red)}.khata-denomination{display:grid;grid-template-columns:1fr 1fr;gap:0}.khata-denom-row{display:flex;align-items:center;gap:4px;padding:5px 10px;border-bottom:1px solid var(--khata-rule-line);font-size:14px}.khata-denom-note{font-weight:600;min-width:40px;color:var(--khata-ink-light)}.khata-denom-equal,.khata-denom-times{color:var(--khata-ink-faded);font-size:12px}.khata-denom-equal{margin-left:auto}.khata-denom-result{font-family:var(--khata-font-mono);font-weight:600;min-width:50px;text-align:right}.khata-side-by-side{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}@media (max-width:380px){.khata-side-by-side{grid-template-columns:1fr}}.khata-bottom-nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:480px;display:flex;background:linear-gradient(to bottom,var(--khata-leather-dark) 0,#2a1008 100%);border-top:2px solid var(--khata-gold);z-index:200;padding-bottom:env(safe-area-inset-bottom,0)}.khata-nav-tab{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 4px 6px;border:none;background:transparent;color:var(--khata-stitch);font-family:var(--khata-font);font-size:11px;font-weight:500;cursor:pointer;transition:all .2s;-webkit-tap-highlight-color:transparent;position:relative}.khata-nav-tab.active{color:var(--khata-gold)}.khata-nav-tab.active:before{content:"";position:absolute;top:0;left:20%;right:20%;height:2px;background:var(--khata-gold);border-radius:0 0 2px 2px}.khata-nav-tab svg{width:20px;height:20px}.khata-date-nav{gap:8px;padding:8px 12px;background:var(--khata-paper-dark);border-bottom:1px solid var(--khata-rule-line)}.khata-date-btn,.khata-date-nav{display:flex;align-items:center;justify-content:center}.khata-date-btn{width:32px;height:32px;border:1px solid var(--khata-leather-accent);border-radius:50%;background:var(--khata-paper);color:var(--khata-leather);cursor:pointer;font-size:16px;transition:all .15s;-webkit-tap-highlight-color:transparent}.khata-date-btn:active{background:var(--khata-leather);color:var(--khata-gold)}.khata-date-label{font-size:14px;font-weight:600;color:var(--khata-leather);min-width:160px;text-align:center;cursor:pointer}.khata-date-input{opacity:0;position:absolute;pointer-events:none}.khata-page-curl{position:relative}.khata-page-curl:after{content:"";position:absolute;bottom:0;right:0;width:40px;height:40px;background:linear-gradient(135deg,transparent 50%,var(--khata-paper-dark) 50%,var(--khata-paper-alt) 60%,var(--khata-paper) 100%);box-shadow:-2px -2px 5px rgba(0,0,0,.1);border-radius:0 0 0 var(--khata-radius)}.khata-item-deleting{position:relative;opacity:.5;transition:opacity .3s}.khata-item-deleting:after{content:"";position:absolute;top:50%;left:5%;right:5%;height:2px;background:var(--khata-red);transform:rotate(-1deg);animation:khata-strikethrough .3s ease-out forwards}@keyframes khata-strikethrough{0%{right:95%}to{right:5%}}.khata-summary-cards{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}.khata-summary-card{background:var(--khata-paper);border:1px solid var(--khata-leather-accent);border-radius:var(--khata-radius);padding:12px;text-align:center;box-shadow:var(--khata-shadow)}.khata-summary-card-label{font-size:12px;color:var(--khata-ink-light);margin-bottom:4px;font-weight:500}.khata-summary-card-value{font-size:18px;font-weight:700;font-family:var(--khata-font-mono);color:var(--khata-ink)}.khata-summary-card.positive .khata-summary-card-value{color:var(--khata-green)}.khata-summary-card.negative .khata-summary-card-value{color:var(--khata-red)}.khata-baki-customer{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-bottom:1px solid var(--khata-rule-line);cursor:pointer;transition:background .15s;-webkit-tap-highlight-color:transparent}.khata-baki-customer:active{background:var(--khata-gold-dim)}.khata-baki-name{font-size:15px;font-weight:600;color:var(--khata-ink)}.khata-baki-phone{font-size:12px;color:var(--khata-ink-faded)}.khata-baki-amount{font-family:var(--khata-font-mono);font-weight:700;font-size:15px;color:var(--khata-red)}.khata-baki-amount.paid{color:var(--khata-green)}.khata-settings-group{background:var(--khata-paper);border:1px solid var(--khata-leather-accent);border-radius:var(--khata-radius);margin-bottom:12px;overflow:hidden;box-shadow:var(--khata-shadow)}.khata-settings-group-title{background:var(--khata-paper-dark);padding:10px 12px;font-size:14px;font-weight:700;color:var(--khata-leather);border-bottom:1.5px solid var(--khata-leather-accent)}.khata-settings-item{padding:10px 12px;border-bottom:1px solid var(--khata-rule-line)}.khata-settings-item:last-child{border-bottom:none}.khata-settings-label{font-size:12px;color:var(--khata-ink-faded);margin-bottom:4px;font-weight:500}.khata-settings-input{width:100%;padding:8px 10px;border:1px solid var(--khata-rule-line);border-radius:var(--khata-radius);background:var(--khata-paper);font-family:var(--khata-font);font-size:15px;color:var(--khata-ink);outline:none;transition:border-color .2s}.khata-settings-input:focus{border-color:var(--khata-leather)}.khata-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 20px;border:none;border-radius:var(--khata-radius);font-family:var(--khata-font);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;-webkit-tap-highlight-color:transparent}.khata-btn-primary{background:var(--khata-leather);color:var(--khata-gold)}.khata-btn-primary:active{background:var(--khata-leather-dark)}.khata-btn-secondary{background:var(--khata-paper-dark);color:var(--khata-leather);border:1px solid var(--khata-leather-accent)}.khata-btn-secondary:active{background:var(--khata-paper-alt)}.khata-btn-danger{background:var(--khata-red);color:#fff}.khata-btn-block{display:flex;width:100%}.khata-filter-tabs{display:flex;gap:4px;padding:8px 0;overflow-x:auto;-webkit-overflow-scrolling:touch}.khata-filter-tab{padding:6px 14px;border:1px solid var(--khata-leather-accent);border-radius:20px;background:var(--khata-paper);color:var(--khata-ink-light);font-family:var(--khata-font);font-size:13px;font-weight:500;cursor:pointer;white-space:nowrap;transition:all .2s;-webkit-tap-highlight-color:transparent}.khata-filter-tab.active{background:var(--khata-leather);color:var(--khata-gold);border-color:var(--khata-leather)}.khata-empty{text-align:center;padding:24px 16px;color:var(--khata-ink-faded);font-size:14px}.khata-empty-icon{font-size:32px;margin-bottom:8px;opacity:.5}.khata-text-green{color:var(--khata-green)}.khata-text-red{color:var(--khata-red)}.khata-text-gold{color:var(--khata-gold)}.khata-text-faded{color:var(--khata-ink-faded)}.khata-text-right{text-align:right}.khata-text-center{text-align:center}.khata-font-mono{font-family:var(--khata-font-mono)}.khata-font-bold{font-weight:700}.khata-mt-2{margin-top:8px}.khata-mb-2{margin-bottom:8px}.khata-p-3{padding:12px}.khata-content::-webkit-scrollbar{display:none}.khata-content{-ms-overflow-style:none;scrollbar-width:none}@media (pointer:coarse){.khata-table-row td{padding:10px 8px}.khata-add-row{padding:12px}.khata-nav-tab{padding:10px 4px 8px}}