@import "https://banglawebfonts.pages.dev/css/anek-bangla.css";
@import "https://unpkg.com/boxicons@2.1.4/css/boxicons.min.css";
:root{--color-black:#1a1a1a;--color-yellow:#ffd600;--color-white:#fff;--color-gray:#f2f4f7;--color-gray-medium:#d1d5db;--color-gray-dark:#6b7280;--bg-gradient:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);--accent-gradient:linear-gradient(180deg,#ffea00 0%,#ffd600 100%);--button-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);--shadow-skeuo:8px 8px 16px #d1d9e6,-8px -8px 16px #fff;--shadow-skeuo-sm:4px 4px 8px #d1d9e6,-4px -4px 8px #fff;--shadow-skeuo-inset:inset 6px 6px 12px #d1d9e6,inset -6px -6px 12px #fff;--border-glass:1px solid rgba(255,255,255,.4);--border-radius-lg:1.25rem;--border-radius-md:.875rem;--border-radius-sm:.625rem;--shadow-sm:0 1px 2px 0 rgba(0,0,0,.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);--ease-smooth:cubic-bezier(.4,0,.2,1);--ease-bounce:cubic-bezier(.68,-.55,.265,1.55);--ease-snap:cubic-bezier(.19,1,.22,1)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg-gradient);color:var(--color-black);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-attachment:fixed;height:100dvh;font-family:Anek Bangla,sans-serif;font-style:normal;font-weight:400;overflow-y:auto}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}html{scroll-behavior:auto}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slideDown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.container{max-width:100%;margin:0 auto;padding:0 1rem}main.container{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;will-change:scroll-position;z-index:1;position:fixed;top:60px;bottom:70px;left:0;right:0;overflow-x:hidden;overflow-y:auto;transform:translateZ(0)}.top-header{-webkit-backdrop-filter:blur(12px);color:var(--color-black);z-index:40;border-bottom:var(--border-glass);background:rgba(255,255,255,.8);justify-content:space-between;align-items:center;height:60px;padding:.5rem 1.25rem;display:flex;position:fixed;top:0;left:0;right:0;overflow:hidden;transform:translateZ(0);box-shadow:0 4px 30px rgba(0,0,0,.03)}.top-header-title{letter-spacing:.2px;text-transform:uppercase;color:#000;align-items:center;padding:0 7px;font-size:1rem;font-weight:700;display:inline-flex}.top-header-title i{color:#000;margin-right:.25rem}.header-action-btn{background:var(--accent-gradient);color:var(--color-black);border-radius:var(--border-radius-sm);text-transform:uppercase;letter-spacing:.5px;cursor:pointer;transition:all .2s var(--ease-smooth);border:1px solid rgba(0,0,0,.05);align-items:center;gap:.375rem;padding:.5rem 1rem;font-size:.75rem;font-weight:700;display:flex;box-shadow:0 4px 12px rgba(255,214,0,.2),inset 0 1px rgba(255,255,255,.4)}.header-action-btn:hover{transform:translateY(-1px);box-shadow:0 6px 16px rgba(255,214,0,.3),inset 0 1px rgba(255,255,255,.4)}.header-action-btn:active{transition-duration:.1s;transform:translateY(0)scale(.97)translateZ(0)}.info-icon-btn{color:var(--color-black);cursor:pointer;opacity:.7;transition:opacity .2s var(--ease-smooth),transform .2s var(--ease-smooth),background-color .2s var(--ease-smooth);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:.25rem;font-size:1.1rem;display:inline-flex;transform:translateZ(0)}.info-icon-btn:hover{opacity:1;background:rgba(0,0,0,.05);transform:scale(1.1)translateZ(0)}.info-icon-btn:active{transition-duration:.1s;transform:scale(.95)translateZ(0)}.page-title{color:var(--color-black);text-transform:uppercase;letter-spacing:.3px;align-items:center;gap:.5rem;margin:1rem 0 .75rem;font-size:1.25rem;font-weight:700;display:flex}.page-title i{color:var(--color-black)}.tabs-container{background:var(--color-white);border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm);border:1px solid var(--color-gray-medium);gap:.5rem;margin-bottom:1rem;padding:.5rem;display:flex}.tab-btn{border:2px solid var(--color-gray-medium);border-radius:var(--border-radius-sm);text-transform:uppercase;letter-spacing:.3px;cursor:pointer;color:var(--color-gray-dark);transition:all .3s var(--ease-smooth);will-change:transform,background-color,border-color,color;touch-action:manipulation;background:0 0;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.875rem;font-weight:700;display:flex;transform:translateZ(0)}.tab-btn i{transition:transform .3s var(--ease-smooth);font-size:1.25rem}.tab-btn:hover{border-color:var(--color-black);color:var(--color-black);transform:translateY(-1px)translateZ(0)}.tab-btn.active{background:var(--color-black);border-color:var(--color-black);color:var(--color-yellow);transform:translateY(-1px)translateZ(0);box-shadow:0 2px 8px rgba(0,0,0,.15)}.tab-btn.active i{transform:scale(1.1)}.tab-btn:active{transition-duration:.1s;transform:translateY(0)scale(.97)translateZ(0)}@media (max-width:767px){.tabs-container{gap:.4rem;margin-bottom:.75rem;padding:.4rem}.tab-btn{padding:.6rem .75rem;font-size:.75rem}.tab-btn i{font-size:1.1rem}}.bottom-nav{-webkit-backdrop-filter:blur(16px);padding:.75rem 0 calc(.75rem + env(safe-area-inset-bottom));z-index:50;border-top:var(--border-glass);background:rgba(255,255,255,.85);justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0;transform:translateZ(0);box-shadow:0 -4px 20px rgba(0,0,0,.03)}.nav-item{cursor:pointer;transition:all .3s var(--ease-smooth);touch-action:manipulation;will-change:transform;background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;min-width:4rem;padding:.5rem .75rem;display:flex;position:relative;transform:translateZ(0);text-decoration:none!important}.nav-item i{color:var(--color-gray-dark);transition:all .3s var(--ease-smooth);font-size:1.5rem;transform:translateZ(0)}.nav-item span{color:var(--color-gray-dark);transition:all .3s var(--ease-smooth);text-transform:uppercase;letter-spacing:.3px;margin-top:.25rem;font-size:.65rem;font-weight:500}.nav-item.active i{color:var(--color-black);background:var(--accent-gradient);border-radius:12px;padding:.25em;transform:translateY(-4px);box-shadow:0 4px 10px rgba(255,214,0,.3)}.nav-item.active span{color:var(--color-black);font-weight:800}.nav-item:active{transition-duration:.1s;transform:scale(.92)translateZ(0)}.nav-item:before{content:"";background:var(--color-yellow);border-radius:0 0 var(--border-radius-sm)var(--border-radius-sm);width:2rem;height:3px;transition:transform .3s var(--ease-bounce);position:absolute;top:-.5rem;left:50%;transform:translate(-50%)scale(0)}.nav-item.active:before{transform:translate(-50%)scale(1)}.btn{border-radius:var(--border-radius-sm);text-transform:uppercase;letter-spacing:.5px;cursor:pointer;transition:transform .2s var(--ease-smooth),box-shadow .2s var(--ease-smooth);will-change:transform;touch-action:manipulation;border:none;justify-content:center;align-items:center;gap:.5rem;padding:.875rem 1.5rem;font-size:.875rem;font-weight:700;display:inline-flex;transform:translateZ(0)}.btn:active{transition-duration:.1s;transform:scale(.95)translateZ(0)}.btn-primary{background:var(--color-yellow);color:var(--color-black);box-shadow:0 2px 8px rgba(255,214,0,.3)}.btn-primary:hover{transform:translateY(-1px)translateZ(0);box-shadow:0 4px 12px rgba(255,214,0,.4)}.btn-secondary{background:var(--color-gray-medium);color:var(--color-black)}.btn-secondary:hover{background:var(--color-gray-dark)}.btn-white{background:var(--color-white);color:var(--color-black);border:2px solid var(--color-gray-medium)}.btn-danger{background:var(--color-black);color:var(--color-white)}.btn-sm{padding:.625rem 1rem;font-size:.75rem}.btn-icon{border-radius:var(--border-radius-sm);border:none;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;padding:.5rem;display:inline-flex}.btn-icon i{font-size:1.25rem}.card{background:var(--color-white);border-radius:var(--border-radius-md);box-shadow:var(--shadow-skeuo-sm);transition:all .3s var(--ease-smooth);border:1px solid rgba(255,255,255,.8);margin-bottom:1.25rem;overflow:hidden}.card:hover{box-shadow:var(--shadow-skeuo);transform:translateY(-2px)}.card-header{border-bottom:1px solid var(--color-gray-medium);background:var(--color-gray);justify-content:space-between;align-items:center;padding:1rem;display:flex}.card-title{text-transform:uppercase;letter-spacing:.5px;font-size:.9rem;font-weight:600}.card-body{padding:1rem}.mobile-card{background:var(--color-white);border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm);border-left:3px solid var(--color-black);transition:transform .2s var(--ease-smooth),box-shadow .2s var(--ease-smooth);border:1px solid var(--color-gray-medium);will-change:transform;contain:layout style;margin-bottom:.75rem;padding:1rem;transform:translateZ(0)}.mobile-card:hover{box-shadow:var(--shadow-md);transform:translate(3px)translateZ(0)}.mobile-card-header{justify-content:space-between;align-items:flex-start;margin-bottom:.75rem;display:flex}.mobile-card-title{color:var(--color-black);font-size:1rem;font-weight:700}.mobile-card-subtitle{color:var(--color-gray-dark);margin-top:.25rem;font-size:.75rem}.mobile-card-body{flex-direction:column;gap:.5rem;display:flex}.mobile-card-row{justify-content:space-between;align-items:center;font-size:.875rem;display:flex}.mobile-card-label{color:var(--color-gray-dark)}.mobile-card-value{color:var(--color-black);font-weight:600}.mobile-card-actions{justify-content:space-evenly;gap:.5rem;margin-top:.75rem;display:flex}.mobile-card-action-btn{border-radius:var(--border-radius-sm);text-transform:uppercase;letter-spacing:.3px;cursor:pointer;transition:transform .15s var(--ease-smooth);touch-action:manipulation;border:none;flex:1;justify-content:center;align-items:center;gap:.375rem;padding:.625rem;font-size:.75rem;font-weight:700;display:flex;transform:translateZ(0)}.mobile-card-action-btn:active{transform:scale(.95)translateZ(0)}.action-btn-pay{background:var(--color-yellow);color:var(--color-black);box-shadow:0 2px 6px rgba(255,214,0,.3)}.action-btn-edit{background:var(--color-gray);color:var(--color-black);border:none}.action-btn-delete{background:var(--color-black);color:var(--color-white)}.table-container{-webkit-overflow-scrolling:touch;border-radius:var(--border-radius-md);overscroll-behavior:contain;overflow-x:auto}.table{border-collapse:collapse;width:100%;font-size:.875rem}.table thead{background:var(--color-black);color:var(--color-white)}.table th,.table td{text-align:left;border-bottom:1px solid var(--color-gray-medium);padding:.875rem .75rem}.table th{white-space:nowrap;text-transform:uppercase;letter-spacing:.5px;font-size:.75rem;font-weight:700}.table tbody tr:last-child td{border-bottom:none}.table tbody tr{transition:background-color .2s var(--ease-smooth);will-change:background-color}.table tbody tr:hover{background-color:var(--color-gray)}.form-group{margin-bottom:1rem}.form-label{color:var(--color-black);text-transform:uppercase;letter-spacing:.3px;margin-bottom:.5rem;font-size:.8rem;font-weight:600;display:block}.form-input,.form-select,.form-textarea{border-radius:var(--border-radius-sm);width:100%;transition:all .2s var(--ease-smooth);color:var(--color-black);background:#f8fafc;border:1px solid #e2e8f0;padding:.875rem 1.125rem;font-family:inherit;font-size:1rem;box-shadow:inset 2px 2px 5px #e2e8f0,inset -2px -2px 5px #fff}.form-input::-moz-placeholder{color:#94a3b8}.form-textarea::-moz-placeholder{color:#94a3b8}.form-input::placeholder,.form-textarea::placeholder{color:#94a3b8}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--color-yellow);background:#fff;outline:none;box-shadow:inset 1px 1px 3px #e2e8f0,inset -1px -1px 3px #fff,0 0 0 3px rgba(255,214,0,.15)}.form-textarea{resize:vertical;min-height:100px}.form-checkbox{cursor:pointer;align-items:center;gap:.625rem;padding:.5rem 0;display:flex}.form-checkbox input[type=checkbox]{width:1.25rem;height:1.25rem;accent-color:var(--color-yellow);cursor:pointer}.form-checkbox label{cursor:pointer;color:var(--color-black);font-size:.9rem}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;animation:fadeIn .2s var(--ease-smooth);overscroll-behavior:contain;background-color:rgba(0,0,0,.5);justify-content:center;align-items:flex-end;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.modal-content{background:var(--color-white);border-top-left-radius:var(--border-radius-lg);border-top-right-radius:var(--border-radius-lg);width:100%;max-width:28rem;max-height:85vh;box-shadow:var(--shadow-lg);animation:slideUp .3s var(--ease-snap);border-top:3px solid var(--color-black);scroll-behavior:smooth;will-change:scroll-position;overscroll-behavior:contain;overflow-y:auto;transform:translateZ(0)}.modal-header{border-bottom:1px solid var(--color-gray-medium);background:var(--color-white);z-index:10;contain:layout style paint;justify-content:space-between;align-items:center;padding:1.25rem 1rem;display:flex;position:-webkit-sticky;position:sticky;top:0}.modal-title{text-transform:uppercase;letter-spacing:.3px;align-items:center;gap:.5rem;font-size:1rem;font-weight:700;display:flex}.modal-title i{color:var(--color-black)}.modal-close{background:var(--color-gray);cursor:pointer;color:var(--color-black);border-radius:var(--border-radius-sm);width:2rem;height:2rem;transition:transform .15s var(--ease-smooth),background-color .15s var(--ease-smooth);touch-action:manipulation;border:none;justify-content:center;align-items:center;padding:0;font-size:1.25rem;display:flex;transform:translateZ(0)}.modal-close:active{transform:scale(.9)translateZ(0)}.modal-body{padding:1rem}.modal-footer{border-top:1px solid var(--color-gray-medium);background:var(--color-white);contain:layout style paint;gap:.5rem;padding:1rem;display:flex;position:-webkit-sticky;position:sticky;bottom:0}.modal-footer .btn{flex:1}.loading-state{text-align:center;color:var(--color-gray-dark);flex-direction:column;justify-content:center;align-items:center;min-height:calc(100dvh - 130px);padding:3rem 1rem;display:flex}.loading-state p{margin-top:1rem;font-size:.9rem;font-weight:500}.loading-spinner{border:3px solid rgba(0,0,0,.1);border-top-color:var(--color-yellow);will-change:transform;border-radius:50%;width:3.5rem;height:3.5rem;animation:.8s linear infinite spin;transform:translateZ(0)}.initial-loader{background:var(--color-white);z-index:500;transition:opacity .4s var(--ease-snap),visibility .4s var(--ease-smooth);flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.initial-loader.fade-out{opacity:0;visibility:hidden}.initial-loader .loading-spinner{border-width:4px;width:4rem;height:4rem}.initial-loader-text{color:var(--color-black);text-transform:uppercase;letter-spacing:1px;margin-top:1.5rem;font-size:1.25rem;font-weight:700;animation:1.5s ease-in-out infinite pulse}.text-center{text-align:center}.text-right{text-align:right}.text-sm{font-size:.875rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.font-bold{font-weight:700}.font-semibold{font-weight:600}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:.5rem}.gap-4{gap:1rem}.w-full{width:100%}.hidden{display:none}.badge{text-transform:uppercase;letter-spacing:.3px;border-radius:2rem;align-items:center;padding:.375rem .75rem;font-size:.7rem;font-weight:700;display:inline-flex}.badge-active{background:var(--color-black);color:var(--color-white)}.badge-inactive{background:var(--color-gray-medium);color:var(--color-gray-dark)}.badge-pending{background:var(--color-yellow);color:var(--color-black)}.badge-danger{background:var(--color-black);color:var(--color-white)}.empty-state{text-align:center;color:var(--color-gray-dark);padding:3rem 1rem}.empty-state i{color:var(--color-gray-dark);opacity:.5;margin-bottom:1rem;font-size:3rem}.empty-state p{font-size:.9rem;font-weight:500}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--color-gray)}::-webkit-scrollbar-thumb{background:var(--color-black);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#000}.table-view-desktop{display:none}@media (max-width:767px){body{font-size:13px}.top-header{padding:.5rem .75rem}.top-header-title{padding:0 5px;font-size:.85rem}.page-title{margin:.75rem 0 .5rem;font-size:1rem}.mobile-card{margin-bottom:.5rem;padding:.75rem}.mobile-card-header{margin-bottom:.5rem}.mobile-card-title{font-size:.9rem}.mobile-card-subtitle{font-size:.7rem}.mobile-card-row{font-size:.8rem}.mobile-card-action-btn{padding:.5rem;font-size:.7rem}.btn{padding:.65rem 1rem;font-size:.8rem}.btn-sm{padding:.5rem .75rem;font-size:.7rem}.header-action-btn{padding:.4rem .75rem;font-size:.7rem}.form-group{margin-bottom:.75rem}.form-label{margin-bottom:.4rem;font-size:.75rem}.form-input,.form-select,.form-textarea{padding:.65rem .875rem;font-size:.9rem}.form-textarea{min-height:80px}.modal-header{padding:1rem .875rem}.modal-title{font-size:.9rem}.modal-body,.modal-footer{padding:.75rem .875rem}.modal-content{max-height:80vh}.badge{padding:.3rem .6rem;font-size:.65rem}.empty-state{padding:2rem 1rem}.empty-state i{font-size:2.5rem}.empty-state p{font-size:.8rem}.bottom-nav{padding:.4rem 0 calc(.4rem + env(safe-area-inset-bottom))}.nav-item{min-width:3.5rem;padding:.4rem .6rem}.nav-item i{font-size:1.35rem}.nav-item span{margin-top:.2rem;font-size:.6rem}main.container{top:70px}}@media (min-width:768px){.mobile-cards-list{display:none}.table-view-desktop{display:block}}.main-content{-webkit-overflow-scrolling:touch;box-sizing:border-box;height:100dvh;padding:60px .75rem 70px;overflow-y:auto}.content-area{animation:fadeIn .3s var(--ease-smooth)}.section-card{background:var(--color-white);border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm);border:1px solid var(--color-gray-medium);margin-bottom:1rem;padding:1rem}.section-header{border-bottom:1px solid var(--color-gray-medium);align-items:center;gap:.5rem;margin-bottom:1rem;padding-bottom:.5rem;font-size:1rem;font-weight:600;display:flex}.section-title{text-transform:uppercase;letter-spacing:.3px;font-size:1rem;font-weight:700}.mobile-list{flex-direction:column;gap:.5rem;display:flex}.mobile-cards-list{flex-direction:column;gap:.75rem;display:flex}.list-item{background:var(--color-gray);border-radius:var(--border-radius-sm);transition:background-color .2s var(--ease-smooth);justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.list-item:hover{background:var(--color-gray-medium)}.btn-outline{border:2px solid var(--color-black);color:var(--color-black);border-radius:var(--border-radius-sm);cursor:pointer;transition:all .2s var(--ease-smooth);background:0 0;padding:.625rem 1rem;font-size:.875rem;font-weight:600}.btn-outline:hover{background:var(--color-black);color:var(--color-white)}.btn-close{cursor:pointer;color:var(--color-black);border-radius:var(--border-radius-sm);width:2rem;height:2rem;transition:transform .15s var(--ease-smooth);background:0 0;border:none;justify-content:center;align-items:center;padding:0;font-size:1.25rem;display:flex}.btn-close:hover{background:var(--color-gray)}.form-container{flex-direction:column;gap:1rem;display:flex}.modal-sm{max-width:24rem}.stats-grid{grid-template-columns:repeat(2,1fr);gap:.75rem;display:grid}.stats-card{background:var(--color-white);border:2px solid var(--color-black);border-radius:var(--border-radius-md);text-align:center;box-shadow:var(--shadow-sm);transition:transform .2s var(--ease-smooth),box-shadow .2s var(--ease-smooth);padding:1rem}.stats-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)translateZ(0)}.stat-card-value{color:var(--color-black);justify-content:center;align-items:center;gap:.5rem;font-size:1.5rem;font-weight:800;display:flex}.stat-card{background:var(--color-white);border:2px solid var(--color-black);border-radius:var(--border-radius-md);text-align:center;box-shadow:var(--shadow-sm);transition:transform .2s var(--ease-smooth),box-shadow .2s var(--ease-smooth);will-change:transform;contain:layout style paint;padding:1.25rem;transform:translateZ(0)}.stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)translateZ(0)}.stat-card-value{color:var(--color-black);font-size:1.75rem;font-weight:800}.stat-card-label{color:var(--color-gray-dark);text-transform:uppercase;letter-spacing:.5px;margin-top:.25rem;font-size:.75rem}@keyframes spin-animation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin-animation{animation:1s linear infinite spin-animation}.receipt-slip{background:var(--color-white);border-radius:var(--border-radius-sm);border:2px dashed var(--color-black);padding:1.5rem}.receipt-slip-header{text-align:center;border-bottom:2px dashed var(--color-black);margin-bottom:1rem;padding-bottom:1rem}.receipt-slip-title{color:var(--color-black);text-transform:uppercase;font-size:1.25rem;font-weight:700}.receipt-slip-date{color:var(--color-gray-dark);font-size:.875rem}.receipt-slip-row{border-bottom:1px dotted var(--color-gray-medium);justify-content:space-between;padding:.625rem 0;display:flex}.receipt-slip-row.total{border-top:2px solid var(--color-black);background:var(--color-yellow);color:var(--color-black);border-radius:var(--border-radius-sm);border-bottom:none;margin-top:.5rem;margin-left:-1rem;margin-right:-1rem;padding-top:1rem;padding-left:1rem;padding-right:1rem;font-size:1.125rem;font-weight:700}@media print{.no-print{display:none!important}.receipt-slip{border:none}}.common-ownership-section{background-color:var(--color-gray);border-radius:var(--border-radius-md);border:2px dashed var(--color-gray-medium);margin-top:1rem;padding:1rem}.owner-shares{flex-direction:column;gap:.75rem;margin-bottom:1rem;display:flex}.owner-share-row{background-color:var(--color-white);border-radius:var(--border-radius-sm);box-shadow:var(--shadow-sm);justify-content:space-between;align-items:center;gap:.75rem;padding:.75rem;display:flex}.owner-name{color:var(--color-black);flex:1;font-size:.95rem;font-weight:600}.share-input{text-align:right;flex:1;max-width:150px;padding:.5rem .75rem}.share-total{border-top:2px solid var(--color-gray-medium);justify-content:space-between;align-items:center;padding-top:.75rem;font-size:1rem;font-weight:600;display:flex}.share-total span:last-child{color:var(--color-black);font-size:1.1rem}[x-cloak]{display:none!important}.notification{color:var(--color-white);text-align:center;z-index:9999;box-shadow:var(--shadow-lg);transition:transform .3s var(--ease-snap),opacity .3s var(--ease-smooth);cursor:pointer;will-change:transform;border-radius:0;justify-content:center;align-items:center;gap:.75rem;padding:1rem;font-size:.9rem;font-weight:600;display:flex;position:fixed;top:0;left:0;right:0;transform:translateY(0)}.notification-success{background:var(--color-black)}.notification-error{background:var(--color-yellow);color:var(--color-black)}.notification-close,.notification-copy{color:inherit;cursor:pointer;width:1.5rem;height:1.5rem;transition:background .2s var(--ease-smooth);background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:0;font-size:1.25rem;display:flex}.owner-card{box-shadow:var(--shadow-skeuo-sm);background:#fff;border:1px solid rgba(255,255,255,.8);border-radius:12px;margin-bottom:.75rem;padding:.75rem}.owner-main-row{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.owner-left{align-items:center;gap:.4rem;display:flex}.owner-name{color:#1a1a1a;font-size:1rem;font-weight:700}.owner-badge{background:#ffd600;border-radius:4px;padding:.1rem .35rem;font-size:.6rem;font-weight:600}.balance-box{color:#1a1a1a;background:#f8f8f8;border-radius:6px;padding:.25rem .6rem;font-size:1rem;font-weight:700}.balance-box.negative{color:#c00;background:#ffebee}.actions-row{gap:.4rem;margin-bottom:.4rem;display:flex}.amount-input{text-align:center;background:#f8f8f8;border:2px solid #e0e0e0;border-radius:8px;flex:1;padding:.5rem .6rem;font-size:.95rem;font-weight:600}.quick-btn{cursor:pointer;border:none;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;width:48px;padding:0;font-size:1.2rem;transition:all .2s;display:flex;box-shadow:0 4px 6px rgba(0,0,0,.05)}.quick-btn:active{transform:translateY(2px);box-shadow:inset 2px 2px 5px rgba(0,0,0,.1)}.add-btn{color:#1a1a1a;background:#ffd600}.minus-btn{color:#ffd600;background:#1a1a1a}.ledger-link{color:#888;cursor:pointer;border-top:1px dashed #ddd;justify-content:space-between;align-items:center;padding:.4rem .5rem;font-size:.75rem;display:flex}.payables-section{background:#fff;border:2px solid #1a1a1a;border-radius:12px;margin-bottom:1rem;padding:.75rem}.payables-header{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.payables-title{color:#1a1a1a;align-items:center;gap:.4rem;font-size:.95rem;font-weight:700;display:flex}.payables-cards-container{gap:.5rem;padding-bottom:.5rem;display:flex;overflow-x:auto}.payable-card{color:#ffd600;cursor:pointer;background:#1a1a1a;border-radius:10px;flex-direction:column;flex-shrink:0;gap:.25rem;min-width:120px;padding:.75rem 1rem;display:flex}.type-electricity-icon{color:orange;background:#fff9e6;border-radius:6px;padding:.25rem}.type-gas-icon{color:#f44;background:#ffe6e6;border-radius:6px;padding:.25rem}.bills-page{background:#f5f5f5;padding:.5rem}.page-header-section{margin-bottom:.75rem}.view-tabs{gap:.5rem;margin-bottom:.75rem;display:flex}.view-tab{color:#666;cursor:pointer;background:#fff;border:2px solid #e0e0e0;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:.4rem;padding:.6rem 1rem;font-size:.9rem;font-weight:600;transition:all .2s;display:flex}.view-tab i{font-size:1.1rem}.view-tab:hover{background:#fafafa}.view-tab.active{background:var(--color-yellow);border-color:var(--color-black);color:var(--color-black)}.header-actions{flex-direction:row;gap:.5rem;display:flex}.header-action-btn.meter-btn{background:var(--color-yellow);color:var(--color-black);border:2px solid var(--color-black)}.header-action-btn.prepaid-btn{background:var(--color-white);color:var(--color-black);border:2px solid orange}.header-action-btn.add-bill-btn{background:var(--color-white);color:var(--color-black);border:2px solid var(--color-black)}.filters-section{background:#fff;border:2px solid #1a1a1a;border-radius:10px;flex-wrap:wrap;gap:.75rem;margin-bottom:.75rem;padding:.75rem;display:flex}.filter-group{flex:1;min-width:120px}.filter-label{color:#666;margin-bottom:.3rem;font-size:.7rem;font-weight:600;display:block}.filter-select{background:#fff;border:2px solid #e0e0e0;border-radius:8px;width:100%;padding:.5rem;font-size:.85rem}.bills-list{flex-direction:column;gap:1rem;display:flex}.bill-accordion-item{background:#fff;border:2px solid #e0e0e0;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.08)}.bill-accordion-header{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;background:#fff;justify-content:space-between;align-items:center;padding:.75rem;transition:background .2s;display:flex}.bill-accordion-header:hover{background:#f8f8f8}.bill-accordion-header.expanded{background:linear-gradient(135deg,#ffd600 0%,#ffec80 100%)}.accordion-left{align-items:center;gap:.5rem;display:flex}.accordion-icon{color:#1a1a1a;font-size:1rem;transition:transform .3s}.accordion-icon.rotated{transform:rotate(90deg)}.accordion-period{align-items:center;gap:.35rem;display:flex}.period-text{color:#1a1a1a;font-size:.9rem;font-weight:700}.accordion-period i{color:#1a1a1a;font-size:1rem}.accordion-right{align-items:center;display:flex}.accordion-summary{align-items:center;gap:.5rem;display:flex}.bill-types-summary{align-items:center;gap:.35rem;display:flex}.bill-types-summary i{border-radius:6px;padding:.25rem;font-size:.95rem}.group-total{color:#1a1a1a;font-size:.95rem;font-weight:700}.group-count{color:#666;background:#f0f0f0;border-radius:20px;padding:.25rem .6rem;font-size:.75rem;font-weight:600}.bill-accordion-content{border-top:2px solid #e0e0e0;padding:0}.bill-group-cards{flex-direction:column;gap:.6rem;padding:.75rem;display:flex}.bill-card-compact{background:#fafafa;border:1px solid #e0e0e0;border-radius:10px;padding:.6rem}.bill-card-main{flex-direction:column;gap:.4rem;display:flex}.bill-top-row{justify-content:space-between;align-items:center;display:flex}.bill-type-badge.compact{border-radius:20px;align-items:center;gap:.3rem;padding:.3rem .6rem;font-size:.75rem;font-weight:700;display:flex}.bill-payment-info{flex-wrap:wrap;gap:.4rem;display:flex}.payment-info-item{color:#666;background:#fff;border:1px solid #e0e0e0;border-radius:6px;align-items:center;gap:.3rem;padding:.25rem .5rem;font-size:.7rem;display:flex}.payment-info-item i{color:#ffd600;font-size:.8rem}.bill-footer-row{justify-content:space-between;align-items:center;display:flex}.bill-account{color:#666;flex:1;font-size:.7rem;font-weight:600}.bill-actions{gap:6px;margin-left:auto;display:flex}.action-icon-btn{cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;font-size:.9rem;transition:all .2s;display:flex}.action-icon-btn.edit-btn{color:#1a1a1a;background:#ffd600}.action-icon-btn.edit-btn:hover{background:#ffe066;transform:scale(1.05)}.action-icon-btn.delete-btn{color:#ffd600;background:#1a1a1a}.action-icon-btn.delete-btn:hover{background:#333;transform:scale(1.05)}.bill-remarks{color:#666;background:#fff9e6;border-left:3px solid #ffd600;border-radius:6px;padding:.4rem;font-size:.7rem}.type-electricity{color:orange;background:#fff9e6;border:2px solid orange}.type-gas{color:#f44;background:#ffe6e6;border:2px solid #f44}.type-water{color:#1890ff;background:#e6f7ff;border:2px solid #1890ff}.type-water-icon{color:#1890ff;background:#e6f7ff;border-radius:6px;padding:.25rem}.meter-readings-list{padding:.5rem}.meter-readings-list-wrapper{flex-direction:column;gap:.5rem;display:flex}.meter-reading-item{background:#fff;border:2px solid #e0e0e0;border-radius:10px;justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.meter-reading-left{flex:1;align-items:center;gap:1rem;display:flex}.meter-reading-period{color:#333;align-items:center;gap:.4rem;min-width:100px;font-size:.9rem;font-weight:600;display:flex}.meter-reading-period i{color:var(--color-yellow)}.meter-reading-value{background:linear-gradient(135deg,var(--color-yellow)0%,#ffd000 100%);color:#000;border-radius:8px;align-items:center;gap:.4rem;padding:.4rem .8rem;font-size:1rem;font-weight:700;display:flex}.meter-reading-difference{color:#666;font-size:.75rem}.meter-reading-actions{gap:.4rem;display:flex}.prepaid-bills-list{padding:.5rem}.rotate-90{transform:rotate(90deg)}.bx-spin{animation:1s linear infinite spin}.preview-row{background:#f8f8f8;border-radius:6px;padding:.35rem .5rem}.payable-owner{font-size:.8rem;font-weight:600}.payable-amount{font-size:1rem;font-weight:700}.payable-count{color:#ffd600;opacity:.8;font-size:.65rem}.payables-empty-state{text-align:center;color:#1a1a1a;padding:1.5rem}.payables-empty-state i{color:#ffd600;margin-bottom:.5rem;font-size:1.5rem}.payable-filter{background:#f5f5f5;border-radius:10px;gap:.5rem;margin-bottom:1rem;padding:.25rem;display:flex}.filter-btn{color:#666;cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;padding:.5rem;font-size:.8rem;font-weight:600;transition:all .2s}.filter-btn.active{color:#1a1a1a;background:#ffd600}.payable-list{flex-direction:column;gap:.75rem;max-height:400px;display:flex;overflow-y:auto}.payable-item{background:#f8f8f8;border:2px solid #e0e0e0;border-radius:10px;padding:.75rem}.payable-item-header{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.payable-header-right{align-items:center;gap:.5rem;display:flex}.payable-item-actions{gap:.25rem;display:flex}.payable-action-btn{cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;font-size:.9rem;transition:all .2s;display:flex}.payable-action-btn.edit-btn{color:#1a1a1a;background:#ffd600}.payable-action-btn.edit-btn:hover{background:#ffe066}.payable-action-btn.delete-btn{color:#c00;background:#ffebee}.payable-action-btn.delete-btn:hover{background:#ffcdd2}.payable-date{color:#666;font-size:.75rem}.payable-status-badge{border-radius:12px;padding:.2rem .5rem;font-size:.65rem;font-weight:700}.payable-status-badge.pending{color:#c00;background:#ffebee}.payable-status-badge.settled{color:#1a1a1a;background:#ffd600}.payable-description{color:#333;background:#fff;border-radius:6px;margin-bottom:.5rem;padding:.5rem;font-size:.85rem}.payable-item-amount{color:#1a1a1a;margin-bottom:.5rem;font-size:1rem;font-weight:700}.payable-actions{justify-content:flex-end;display:flex}.settle-btn{color:#1a1a1a;cursor:pointer;background:#ffd600;border:none;border-radius:8px;align-items:center;gap:.3rem;padding:.4rem .75rem;font-size:.75rem;font-weight:600;display:flex}.settle-btn:hover{background:#ffe066}.settlement-info{color:#2e7d32;background:#e8f5e9;border-radius:6px;flex-direction:column;gap:.25rem;padding:.5rem;font-size:.75rem;display:flex}.settlement-info strong{font-weight:600}.settle-all-section{border-top:2px dashed #e0e0e0;justify-content:center;margin-top:1rem;padding-top:1rem;display:flex}.settle-all-btn{color:#ffd600;cursor:pointer;background:#1a1a1a;border:none;border-radius:8px;align-items:center;gap:.4rem;padding:.6rem 1.25rem;font-size:.85rem;font-weight:700;display:flex}.settle-all-btn:hover{background:#333}.settle-info-box{background:#f8f8f8;border-radius:10px;margin-bottom:1rem;padding:.75rem}.settle-info-row{border-bottom:1px solid #e0e0e0;justify-content:space-between;padding:.4rem 0;display:flex}.settle-info-row:last-child{border-bottom:none}.settle-label{color:#666;font-size:.85rem;font-weight:600}.settle-value{color:#1a1a1a;font-size:.85rem;font-weight:700}.adjust-info{border-bottom:1px solid #e0e0e0;justify-content:space-between;align-items:center;padding:.75rem 0;display:flex}.adjust-info:last-of-type{border-bottom:none}.adjust-info-label{color:#666;font-size:.9rem;font-weight:600}.adjust-info-value{color:#1a1a1a;font-weight:700}.adjust-type-badge{border-radius:20px;padding:.4rem .75rem;font-size:.85rem;font-weight:700}.credit-badge{color:#1a1a1a;background:#ffd600}.debit-badge{color:#ffd600;background:#1a1a1a}.modal-large{max-width:34rem}.owner-name-with-badges{align-items:center;gap:.5rem;display:flex}.common-expense-notice{color:#1a1a1a;background:#ffd600;border:2px solid #1a1a1a;border-radius:10px;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.75rem 1rem;font-size:.85rem;font-weight:600;display:flex}.common-expense-notice i{font-size:1.1rem}.caretaker-option{background:#f8f8f8;border:2px dashed #ffd600;border-radius:10px;margin:.5rem 0;padding:.75rem}.checkbox-label{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;align-items:center;display:flex}.caretaker-checkbox{accent-color:#ffd600;cursor:pointer;width:20px;height:20px;margin-right:.5rem}.checkbox-text{color:#1a1a1a;align-items:center;gap:.4rem;font-size:.85rem;font-weight:600;display:flex}.checkbox-text i{color:#ffd600;font-size:1.1rem}.form-hint{color:#666;align-items:center;gap:.3rem;margin-top:.4rem;font-size:.75rem;display:flex}.form-hint i{color:#ffd600}.split-preview{background:#f8f8f8;border-radius:10px;margin-top:1rem;padding:1rem}.split-preview-title{color:#1a1a1a;align-items:center;gap:.5rem;margin-bottom:.75rem;font-size:.85rem;font-weight:600;display:flex}.split-preview-row{border-bottom:1px solid #e0e0e0;justify-content:space-between;padding:.5rem 0;display:flex}.split-preview-row:last-of-type{border-bottom:none}.split-amount{color:#1a1a1a;font-weight:700}.split-preview-total{border-top:2px solid #1a1a1a;justify-content:space-between;align-items:center;padding-top:.75rem;font-size:1rem;font-weight:700;display:flex}.owner-checkboxes{flex-direction:column;gap:.5rem;display:flex}.owner-checkbox-label{cursor:pointer;background:#f8f8f8;border-radius:8px;align-items:center;gap:.5rem;padding:.75rem;transition:background-color .2s;display:flex}.owner-checkbox-label:hover{background:#f0f0f0}.owner-checkbox{accent-color:#ffd600;cursor:pointer;width:18px;height:18px}.caretaker-badge{color:#1a1a1a;background:#ffd600;border-radius:4px;padding:.1rem .35rem;font-size:.6rem;font-weight:600}.common-badge{color:#1a1a1a;background:#e0e0e0;border-radius:4px;padding:.1rem .35rem;font-size:.6rem;font-weight:600}.ledger-list{flex-direction:column;gap:.75rem;display:flex}.ledger-card{background:#fff;border:2px solid #e0e0e0;border-radius:12px;padding:1rem;box-shadow:0 2px 6px rgba(0,0,0,.06)}.ledger-header{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.ledger-header-right{align-items:center;gap:.5rem;display:flex}.ledger-date{color:#666;font-size:.8rem}.ledger-actions{gap:.25rem;display:flex}.ledger-action-btn{cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;font-size:.9rem;transition:all .2s;display:flex}.ledger-action-btn.edit-btn{color:#1a1a1a;background:#ffd600}.ledger-action-btn.edit-btn:hover{background:#ffe066}.ledger-action-btn.delete-btn{color:#c00;background:#ffebee}.ledger-action-btn.delete-btn:hover{background:#ffcdd2}.ledger-type-badge{text-transform:uppercase;border-radius:20px;padding:.25rem .75rem;font-size:.7rem;font-weight:700}.badge-success{color:#1a1a1a;background:#ffd600}.badge-danger{color:#ffd600;background:#1a1a1a}.badge-warning{color:#1a1a1a;background:#ffd600}.badge-info{color:#1a1a1a;background:#f0f0f0}.badge-secondary{color:#1a1a1a;background:#e0e0e0}.ledger-note{color:#444;background:#f8f8f8;border-radius:8px;margin-bottom:.75rem;padding:.5rem;font-size:.875rem}.ledger-amounts{gap:1rem;margin-bottom:.5rem;display:flex}.ledger-amount{align-items:center;gap:.375rem;font-size:.95rem;font-weight:700;display:flex}.ledger-amount.credit,.ledger-amount.debit{color:#1a1a1a}.ledger-balance{color:#666;border-top:2px solid #e0e0e0;justify-content:space-between;padding-top:.5rem;font-size:.85rem;display:flex}.ledger-balance strong{color:#1a1a1a}.modal-wrapper{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.form-row{gap:1rem;display:flex}.form-textarea{border:2px solid var(--color-gray-medium);border-radius:var(--border-radius-sm);width:100%;transition:border-color .2s var(--ease-smooth),box-shadow .2s var(--ease-smooth);background:var(--color-white);color:var(--color-black);resize:vertical;min-height:80px;padding:.875rem 1rem;font-family:inherit;font-size:1rem}.form-textarea:focus{border-color:var(--color-black);outline:none;box-shadow:0 0 0 3px rgba(0,0,0,.1)}.modal-close-btn{background:var(--color-gray);cursor:pointer;color:var(--color-black);border-radius:var(--border-radius-sm);width:2rem;height:2rem;transition:transform .15s var(--ease-smooth);border:none;justify-content:center;align-items:center;padding:0;font-size:1.25rem;display:flex}.modal-close-btn:active{transform:scale(.9)}