@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Cinzel:wght@400;600&family=Great+Vibes&family=Lato:wght@300;400;700&display=swap";:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{--bg-app: #f3f4f6;--bg-card: #ffffff;--primary-dash: #2d3436;--accent-green: #10b981;--accent-red: #ef4444;--accent-blue: #3b82f6;--border-dash: #e5e7eb;--brand-primary: #5e3b4d;--brand-bg: #fcf4f8;--brand-header: #dcbcc9;--brand-border: #c4a1b0;--brand-text-dark: #5e2a40}body{margin:0;font-family:Inter,sans-serif;background-color:var(--bg-app);-webkit-font-smoothing:antialiased}nav{background:var(--bg-card);border-bottom:1px solid var(--border-dash);padding:10px 30px;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:1000;box-shadow:0 1px 2px #0000000d}nav button{background:transparent;border:1px solid transparent;color:#6b7280;font-weight:500;font-size:14px;padding:8px 16px;border-radius:6px;transition:all .2s;cursor:pointer}nav button:hover{background:#f9fafb;color:#111827}.funds-container{max-width:1000px;margin:30px auto;padding:0 20px}.funds-header{background:var(--bg-card);padding:24px;border-radius:12px;box-shadow:0 1px 2px #0000000d;display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;border:1px solid var(--border-dash)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:30px}.stat-card{background:var(--bg-card);padding:24px;border-radius:12px;box-shadow:0 1px 2px #0000000d;border:1px solid var(--border-dash);position:relative;overflow:hidden}.stat-card h3{font-size:26px;margin:8px 0 0;font-weight:700;color:#111}.stat-card.blue{border-top:4px solid var(--accent-blue)}.stat-card.red{border-top:4px solid var(--accent-red)}.stat-card.green{border-top:4px solid var(--accent-green)}.trans-form{background:var(--bg-card);padding:24px;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a;margin-bottom:30px;border:1px solid var(--border-dash)}.form-row{display:flex;gap:12px;margin-top:15px}.ledger{background:var(--bg-card);border-radius:12px;box-shadow:0 1px 2px #0000000d;border:1px solid var(--border-dash);overflow:hidden}.ledger h4{padding:20px;margin:0;font-size:16px;border-bottom:1px solid var(--border-dash);color:#374151}.ledger table{width:100%;border-collapse:collapse}.ledger th{text-align:left;padding:12px 20px;font-size:12px;background:#f9fafb;color:#6b7280;text-transform:uppercase}.ledger td{padding:14px 20px;font-size:14px;border-bottom:1px solid var(--border-dash);color:#111}.badge{display:inline-block;padding:4px 10px;border-radius:20px;font-size:11px;font-weight:600;text-transform:uppercase}.badge.supplier{background:#e0f2fe;color:#0369a1}.badge.staff{background:#fce7f3;color:#be185d}.badge.personal{background:#f3f4f6;color:#374151}.badge.payment{background:#dcfce7;color:#15803d}.app-container{display:flex;flex-direction:column;align-items:center;padding:20px}.sync-bar{background:#fff;padding:10px 20px;border-radius:50px;display:flex;align-items:center;gap:10px;box-shadow:0 4px 15px #5e3b4d26;font-size:14px;margin-bottom:20px}.controls{background:#fff;padding:10px 20px;border-radius:8px;display:flex;gap:10px;box-shadow:0 2px 10px #0000001a;margin-bottom:20px}.controls button{background:var(--brand-primary);color:#fff;border:none;padding:8px 16px;border-radius:4px;font-family:Lato,sans-serif;cursor:pointer}.page{width:210mm;min-height:297mm;background-color:var(--brand-bg);box-shadow:0 0 10px #0000001a;position:relative;padding:40px 40px 180px;box-sizing:border-box;color:var(--brand-primary);font-family:Lato,sans-serif;overflow:hidden;margin-bottom:20px;display:flex;flex-direction:column}.corner-top-left{position:absolute;top:0;left:0;width:0;height:0;border-top:200px solid #f3e6ee;border-right:200px solid transparent;z-index:0}.corner-bottom-right{position:absolute;bottom:0;right:0;width:0;height:0;border-bottom:250px solid #eabac9;border-left:300px solid transparent;opacity:.5;z-index:0}.content{position:relative;z-index:1;flex:1}.session-id-display{margin-bottom:20px;font-size:10pt;color:#666;font-weight:700;position:relative;z-index:2}header{text-align:center;margin-bottom:20px;margin-top:10px}header h1{font-family:Cinzel,serif;font-size:26pt;margin:0;color:var(--brand-text-dark)}header .subtitle{font-size:9pt;text-transform:uppercase;letter-spacing:2px;margin-top:5px;color:var(--brand-text-dark)}.info-bar{display:flex;justify-content:space-between;align-items:center;background-color:#f7ebf1;padding:10px 15px;border-top:1px solid var(--brand-border);border-bottom:1px solid var(--brand-border);margin-bottom:15px;font-weight:700;font-size:10pt;color:var(--brand-primary)}.page table{width:100%;border-collapse:collapse;font-size:10pt;table-layout:fixed;margin-bottom:20px}.page th{background-color:var(--brand-header);color:#4a2c36;padding:8px 5px;border:1px solid var(--brand-border);font-size:9pt;font-weight:700;text-transform:uppercase;text-align:center}.page th:nth-child(3){text-align:left}.page td{border:1px solid var(--brand-border);padding:6px 5px;vertical-align:top}.col-action{width:30px;text-align:center}.col-sl{width:40px;text-align:center;font-weight:700}.col-particulars{width:auto}.col-qty,.col-unit{width:60px;text-align:center}.col-rate{width:80px;text-align:center}.col-amount{width:100px;text-align:right;font-weight:700}.editable{width:100%;background:transparent;border:1px dashed transparent;padding:2px;font-family:inherit;font-size:inherit;color:inherit}.editable:hover,.editable:focus{border-color:var(--brand-border);background:#ffffff80;outline:none}.item-title{font-weight:800;font-size:10pt;margin-bottom:4px;display:block}.item-desc{display:block;font-size:9pt;color:#55404b;line-height:1.2;width:100%;resize:none;overflow:hidden;white-space:pre-wrap;min-height:20px}.print-only-desc{display:none}.grand-total{margin-top:auto;text-align:right;font-size:14pt;font-weight:700;padding:10px;border:1px solid var(--brand-border);background:#f7ebf1;color:var(--brand-primary);position:relative;z-index:10}.footer{position:absolute;bottom:30px;left:40px;right:40px;height:100px;display:flex;justify-content:space-between;align-items:flex-end;z-index:2}.contact-item{font-size:10pt;color:var(--brand-primary);margin-bottom:6px;display:flex;align-items:center;gap:8px}.sign-area{text-align:center;width:200px}.company-name-sign{font-size:8pt;margin-bottom:30px;text-transform:uppercase}.signature-line{border-bottom:1px solid var(--brand-primary);width:100%;position:relative;height:30px}.signature-img{font-family:Lato,sans-serif;font-style:italic;font-size:12pt;font-weight:600;position:absolute;bottom:5px;width:100%;text-align:center;border:none!important;transform:none;color:var(--brand-primary);white-space:nowrap}.page-number{position:absolute;bottom:120px;right:40px;font-weight:700;font-size:10pt}@media print{@page{margin:0;size:A4}body{background:#fff;-webkit-print-color-adjust:exact;margin:0;padding:0}nav,.controls,.sync-bar,.app-main>div>h2,.col-action,.btn-remove,.corner-top-left,.corner-bottom-right{display:none!important}.app-container{padding:0;margin:0}.page{box-shadow:none;margin:0;width:100%;min-height:297mm;height:auto;padding:40px 40px 180px;overflow:visible;page-break-after:always}.item-desc{display:none!important}.print-only-desc{display:block!important;font-size:9pt;color:#55404b;line-height:1.2;white-space:pre-wrap}.session-id-display{margin-top:20px}thead{display:table-header-group}tr{page-break-inside:avoid}}.login-container{height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 50%,#2d3436,#000);position:fixed;top:0;left:0;width:100%;z-index:9999}.login-card{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:40px;border-radius:16px;border:1px solid rgba(255,255,255,.2);text-align:center;width:380px;color:#fff}.google-btn{background:#fff;color:#333;padding:12px;border-radius:6px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:10px;width:100%}@media screen and (max-width:768px){body,#root,.app-main{overflow-x:hidden;width:100%}.app-container{padding:10px!important;width:100%;box-sizing:border-box;display:block}.page{width:100%!important;min-width:0!important;max-width:100%!important;height:auto!important;min-height:auto!important;padding:15px!important;margin:0 0 20px!important;border-radius:8px;box-shadow:0 2px 8px #0000001a;box-sizing:border-box}.info-bar{display:flex;flex-direction:column!important;height:auto!important;gap:15px;align-items:flex-start}.info-bar>div{width:100%!important;margin-right:0!important;display:flex;flex-direction:column;align-items:flex-start}.info-bar span{margin-bottom:5px}.info-bar input{width:100%!important;box-sizing:border-box}.table-wrapper{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid #eee;margin-bottom:20px}.page table{width:600px!important;min-width:600px;table-layout:fixed}header h1{font-size:18pt!important;line-height:1.3;word-wrap:break-word}.corner-top-left,.corner-bottom-right{display:none!important}.footer{position:static!important;margin-top:30px;height:auto!important;flex-direction:column;align-items:center;text-align:center;padding-top:20px}.sign-area{width:100%!important;margin-top:20px}.page-number{position:static!important;margin-top:20px;text-align:center}}
