*{box-sizing:border-box;padding:0}*,body{margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#121212;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.5}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--bg-primary:#121212;--bg-secondary:#1e1e1e;--bg-tertiary:#2d2d2d;--text-primary:#fff;--text-secondary:#b3b3b3;--text-muted:#888;--accent-primary:#bb86fc;--accent-hover:#9965f4;--success:#4caf50;--success-hover:#45a049;--error:#f44336;--error-hover:#da190b;--warning:#ff9800;--border:#404040;--shadow:#0000004d}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#1e1e1e;background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:#bb86fc;background:var(--accent-primary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#9965f4;background:var(--accent-hover)}.container{margin:0 auto;max-width:1200px;padding:0 20px}.card{background:#1e1e1e;background:var(--bg-secondary);border:1px solid #404040;border:1px solid var(--border);border-radius:8px;box-shadow:0 4px 12px #0000004d;box-shadow:0 4px 12px var(--shadow);padding:24px}.btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:inline-flex;font-size:16px;font-weight:500;gap:8px;justify-content:center;padding:12px 24px;text-decoration:none;transition:all .2s ease}.btn-primary{background:#bb86fc;background:var(--accent-primary);color:#fff}.btn-primary:hover{background:#9965f4;background:var(--accent-hover)}.btn-success{background:#4caf50;background:var(--success);color:#fff}.btn-success:hover{background:#45a049;background:var(--success-hover)}.btn-danger{background:#f44336;background:var(--error);color:#fff}.btn-danger:hover{background:#da190b;background:var(--error-hover)}.btn-secondary{background:#2d2d2d;background:var(--bg-tertiary);border:1px solid #404040;border:1px solid var(--border);color:#fff;color:var(--text-primary)}.btn-secondary:hover{background:#404040;background:var(--border)}.form-group{margin-bottom:20px}.form-label{color:#fff;color:var(--text-primary);display:block;font-weight:500;margin-bottom:8px}.form-input,.form-select{background:#2d2d2d;background:var(--bg-tertiary);border:1px solid #404040;border:1px solid var(--border);border-radius:6px;color:#fff;color:var(--text-primary);font-size:16px;padding:12px;transition:border-color .2s ease;width:100%}.form-input:focus,.form-select:focus{border-color:#bb86fc;border-color:var(--accent-primary);box-shadow:0 0 0 2px #bb86fc33;outline:none}.form-checkbox{margin-right:8px}.error-message{color:#f44336;color:var(--error);font-size:14px;margin-top:4px}.success-message{color:#4caf50;color:var(--success);font-size:14px;margin-top:4px}.loading{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:currentcolor;display:inline-block;height:20px;width:20px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.container{padding:0 16px}.card{padding:16px}.btn{font-size:14px;padding:10px 20px}}.app{display:flex;flex-direction:column;min-height:100vh}.app-body{display:flex;flex:1 1;position:relative}.main-content{flex:1 1;min-height:calc(100vh - 80px);padding:24px 0;transition:margin-left .3s ease}.main-content.sidebar-open{margin-left:250px}@media (max-width:768px){.main-content{padding:16px 0}.main-content.sidebar-open{margin-left:0}}.header{background:var(--bg-secondary);border-bottom:1px solid var(--border);height:80px;padding:0 20px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.header-content{height:100%;justify-content:space-between;margin:0 auto;max-width:1200px}.header-content,.header-left{align-items:center;display:flex}.header-left{gap:16px}.menu-toggle{background:none;border:none;cursor:pointer;display:flex;flex-direction:column;gap:4px;padding:8px}.menu-toggle span{background:var(--text-primary);border-radius:2px;height:3px;transition:all .3s ease;width:24px}.menu-toggle:hover span{background:var(--accent-primary)}.app-title{color:var(--text-primary);font-size:24px;font-weight:600;margin:0}.bible-verse{display:none;max-width:400px;text-align:right}.verse-text{color:var(--text-secondary);font-size:14px;font-style:italic;margin-bottom:4px}.verse-reference{color:var(--accent-primary);font-size:12px;font-weight:500}@media (min-width:769px){.bible-verse{display:block}}@media (max-width:768px){.header{height:auto;min-height:80px;padding:0 16px}.header-content{flex-wrap:wrap;padding:12px 0}.app-title{font-size:18px}.menu-toggle span{height:2px;width:20px}}.sidebar-overlay{background:#00000080;bottom:0;display:none;left:0;position:fixed;right:0;top:0;z-index:200}.sidebar{background:var(--bg-secondary);border-right:1px solid var(--border);height:calc(100vh - 80px);left:-250px;overflow-y:auto;padding:24px 0;position:fixed;top:80px;transition:left .3s ease;width:250px;z-index:300}.sidebar.sidebar-open{left:0}.sidebar-menu{list-style:none;margin:0;padding:0}.sidebar-item{margin-bottom:4px}.sidebar-link{align-items:center;background:none;border:none;color:var(--text-secondary);cursor:pointer;display:flex;font-size:16px;gap:12px;padding:12px 24px;text-align:left;text-decoration:none;transition:all .2s ease;width:100%}.sidebar-link:hover{background:var(--bg-tertiary);color:var(--text-primary)}.sidebar-link.active{background:var(--accent-primary);color:#fff}.sidebar-link.active:hover{background:var(--accent-hover)}.sidebar-icon{font-size:20px;text-align:center;width:24px}.sidebar-label{font-weight:500}@media (min-width:769px){.sidebar{left:0;transform:translateX(-100%);transition:transform .3s ease}.sidebar.sidebar-open{transform:translateX(0)}}@media (max-width:768px){.sidebar-overlay{display:block}.sidebar{left:-100%}.sidebar.sidebar-open{left:0}}.bible-verse-card{animation:slideIn .3s ease-out;background:var(--accent-primary);border-radius:8px;box-shadow:0 2px 8px #0003;color:var(--bg-primary);margin:0 0 16px;padding:16px 40px 16px 16px;position:relative}.dismiss-btn{align-items:center;background:none;border:none;color:var(--bg-primary);cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;opacity:.7;position:absolute;right:8px;top:8px;transition:opacity .2s;width:32px}.dismiss-btn:hover{opacity:1}.verse-text-card{font-size:14px;font-style:italic;line-height:1.5;margin:0 0 8px}.verse-reference-card{font-size:12px;font-weight:600;margin:0;opacity:.9}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media (min-width:769px){.bible-verse-card{display:none}}.calculate-page{margin:0 auto;max-width:800px}.calculate-page h2{color:var(--text-primary);margin-bottom:24px}.calculate-form{margin-bottom:24px}.calculate-form h3{border-bottom:2px solid var(--accent-primary);color:var(--text-primary);font-size:20px;margin:32px 0 16px;padding-bottom:8px}.calculate-form h4{color:var(--accent-primary);font-size:16px;margin:24px 0 12px}.form-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-bottom:20px}.readings-section{background:var(--bg-tertiary);border-radius:6px;margin-bottom:20px;padding:20px}.consumption-preview{background:var(--bg-primary);border:1px solid var(--accent-primary);border-radius:6px;margin:24px 0;padding:20px}.consumption-row{color:var(--text-secondary);display:flex;font-size:16px;gap:20px;justify-content:space-between;margin-bottom:12px}.cost-summary{border-top:1px solid var(--border);margin-top:16px;padding-top:16px}.cost-row{color:var(--text-secondary);display:flex;font-size:14px;justify-content:space-between;margin-bottom:8px}.cost-row.total{border-top:1px solid var(--border);color:var(--text-primary);font-size:18px;font-weight:600;margin-top:12px;padding-top:8px}.calculate-btn{font-size:18px;margin-top:24px;padding:16px;width:100%}.loading-container.mobile-loading{align-items:center;display:flex;justify-content:center}.calculate-btn:disabled{cursor:not-allowed;opacity:.6}.download-btn{font-size:14px;margin-top:16px;padding:10px;width:100%}@media (max-width:768px){.form-row{gap:16px;grid-template-columns:1fr}.consumption-row{flex-direction:column;gap:8px}.cost-row{font-size:16px}.readings-section{padding:16px}}.tenants-page{margin:0 auto;max-width:1200px}.tenants-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.tenants-header h2{color:var(--text-primary);margin:0}.tenants-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-bottom:24px}.tenant-card{position:relative}.tenant-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:16px}.tenant-header h3{color:var(--text-primary);font-size:20px;margin:0}.esm61-badge{background:var(--accent-primary);border-radius:4px;color:#fff;font-size:12px;font-weight:500;padding:4px 8px}.tenant-details{margin-bottom:20px}.tenant-field{color:var(--text-secondary);font-size:14px;margin-bottom:8px}.tenant-field strong{color:var(--text-primary)}.tenant-actions{display:flex;gap:12px}.tenant-actions .btn{flex:1 1;font-size:14px;padding:8px 16px}.modal-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.modal{background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;max-height:90vh;max-width:500px;overflow-y:auto;width:100%}.modal-header{align-items:center;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:20px 24px}.modal-header h3{color:var(--text-primary);margin:0}.modal-close{align-items:center;background:none;border:none;border-radius:4px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;padding:0;width:32px}.modal-close:hover{background:var(--bg-tertiary);color:var(--text-primary)}.modal-form{padding:24px}.modal-form .form-group:last-of-type{margin-bottom:24px}.modal-actions{display:flex;gap:12px;justify-content:flex-end}.modal-actions .btn{min-width:100px}@media (max-width:768px){.tenants-header{align-items:stretch;flex-direction:column;gap:16px}.tenants-grid{gap:16px;grid-template-columns:1fr}.modal{margin:20px;max-height:calc(100vh - 40px)}.modal-form,.modal-header{padding:16px}.modal-actions{flex-direction:column}}.history-page{margin:0 auto;max-width:1000px}.bill-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.bill-actions .btn{font-size:.9rem;padding:.5rem 1rem}.modify-form{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;margin-top:1rem;padding:1.5rem}.modify-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:1rem}.modify-actions{display:flex;gap:1rem;justify-content:flex-end}.checkbox-label{font-size:.9rem;gap:.5rem}.history-page h2{color:var(--text-primary);margin-bottom:24px}.history-controls{margin-bottom:24px;max-width:300px}.loading-container{align-items:center;color:var(--text-secondary);display:flex;gap:12px;justify-content:center;padding:60px 20px}.loading-container.mobile-loading{background:var(--bg-primary);border:2px solid var(--accent-primary);border-radius:12px;box-shadow:0 8px 32px #0003;flex-direction:column;gap:16px;left:50%;min-width:280px;padding:24px 32px;position:fixed;top:50%;transform:translate(-50%,-50%);z-index:1000}.loading-text{color:var(--text-primary);font-size:16px;font-weight:500;text-align:center}@media (max-width:768px){.loading-container.mobile-loading{max-width:320px;min-width:calc(100vw - 40px);padding:20px 24px}.loading-text{font-size:14px}}.empty-state{color:var(--text-secondary);padding:60px 20px;text-align:center}.history-content{display:flex;flex-direction:column;gap:24px}.history-summary h3{color:var(--text-primary);margin:0 0 20px}.summary-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.stat{display:flex;flex-direction:column;gap:4px}.stat-label{color:var(--text-secondary);font-size:14px}.stat-value{color:var(--accent-primary);font-size:20px;font-weight:600}.bills-list{display:flex;flex-direction:column;gap:16px}.bill-card{border-left:4px solid var(--accent-primary)}.bill-header{align-items:center;border-radius:8px 8px 0 0;display:flex;justify-content:space-between;margin:-20px -20px 0;padding:16px 20px;transition:background-color .2s}.bill-header.clickable{cursor:pointer;-webkit-user-select:none;user-select:none}.bill-header.clickable:hover{background-color:var(--bg-hover)}.bill-title{align-items:center;display:flex;gap:12px}.expand-icon{color:var(--text-secondary);font-size:12px;transition:transform .2s}.bill-card.expanded .expand-icon{transform:rotate(90deg)}.bill-header h4{color:var(--text-primary);font-size:18px;margin:0}.bill-meta{align-items:center;display:flex;gap:16px}.bill-amount{color:var(--accent-primary);font-size:16px;font-weight:600}.bill-card.collapsed .bill-details{display:none}.bill-card.collapsed .bill-header{border-bottom:none;border-radius:8px;margin-bottom:0}.bill-card.expanded .bill-header{border-bottom:1px solid var(--border);margin-bottom:20px;padding-bottom:16px}.billing-period{color:var(--accent-primary);font-size:16px;font-weight:600}.calculation-date{color:var(--text-secondary);font-size:14px}.bill-details{display:flex;flex-direction:column;gap:24px}.detail-section h5{color:var(--text-primary);font-size:16px;font-weight:600;margin:0 0 12px}.detail-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:12px}.detail-item{background:var(--bg-tertiary);border-radius:4px;display:flex;font-size:14px;justify-content:space-between;padding:8px 12px}.detail-item span:first-child{color:var(--text-secondary)}.detail-item span:last-child{color:var(--text-primary);font-weight:500}.detail-item.consumption{background:#bb86fc1a;border:1px solid var(--accent-primary)}.detail-item.consumption span:last-child{color:var(--accent-primary);font-weight:600}.detail-item.cost{background:#4caf501a;border:1px solid var(--success)}.detail-item.cost span:last-child{color:var(--success);font-weight:600}.bill-total{align-items:center;background:var(--bg-primary);border:2px solid var(--accent-primary);border-radius:6px;color:var(--text-primary);display:flex;font-size:18px;font-weight:600;justify-content:space-between;margin-top:12px;padding:16px}.bill-total span:last-child{color:var(--accent-primary);font-size:20px}@media (max-width:768px){.bill-header{align-items:stretch;flex-direction:column;gap:12px}.bill-meta{align-items:flex-start}.detail-grid{grid-template-columns:1fr}.summary-stats{grid-template-columns:repeat(2,1fr)}.bill-total{flex-direction:column;gap:8px;text-align:center}}.pagination{align-items:center;border-top:1px solid var(--border);display:flex;gap:20px;justify-content:center;margin-top:32px;padding-top:24px}.page-info{color:var(--text-primary);font-size:16px;font-weight:500}.pagination .btn{min-width:100px}@media (max-width:768px){.pagination{gap:12px}.pagination .btn{font-size:14px;min-width:80px}.page-info{font-size:14px}}.settings-page{margin:0 auto;max-width:800px}.settings-page h2{color:var(--text-primary);margin-bottom:24px}.settings-sections{display:flex;flex-direction:column;gap:24px}.settings-section h3{border-bottom:2px solid var(--accent-primary);color:var(--text-primary);font-size:20px;margin:0 0 20px;padding-bottom:8px}.settings-section h4{color:var(--text-secondary);font-size:16px;margin:20px 0 16px}.checkbox-label{align-items:center;color:var(--text-primary);cursor:pointer;display:flex;font-weight:500;gap:8px}.form-help{color:var(--text-muted);display:block;font-size:14px;margin-top:4px}.base-charge-section{background:var(--bg-secondary);border:2px solid var(--accent-primary);border-radius:8px;margin-bottom:20px;padding:20px}.base-price-input{background:var(--bg-primary);border:2px solid var(--accent-primary);font-size:16px;font-weight:600}.base-price-input:focus{border-color:var(--accent-secondary);box-shadow:0 0 0 3px rgba(var(--accent-primary-rgb),.1)}.tiers-section{background:var(--bg-tertiary);border-radius:6px;margin-top:16px;padding:20px}.tier-row{align-items:center;border-bottom:1px solid var(--border);display:flex;gap:20px;justify-content:space-between;padding:12px 0}.tier-row:last-child{border-bottom:none}.tier-label{color:var(--text-primary);flex:1 1;font-weight:500}.tier-input{display:flex;flex-direction:column;gap:4px;min-width:200px}.tier-input label{color:var(--text-secondary);font-size:12px;font-weight:500}.tier-input .form-input{margin:0}.system-info{display:flex;flex-direction:column;gap:12px}.info-item{border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:8px 0}.info-item:last-child{border-bottom:none}.info-item span:first-child{color:var(--text-secondary);font-weight:500}.info-item span:last-child{color:var(--text-primary)}.settings-actions{align-items:center;display:flex;flex-direction:column;gap:16px}.save-btn{font-size:16px;min-width:200px;padding:12px 24px}.save-btn:disabled{cursor:not-allowed;opacity:.6}@media (max-width:768px){.tier-row{align-items:stretch;flex-direction:column;gap:12px}.tier-input{min-width:auto}.info-item{flex-direction:column;gap:4px}.settings-actions{align-items:stretch}.save-btn{width:100%}}
/*# sourceMappingURL=main.8e4f0c2d.css.map*/