*{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary:#fff;--bg-secondary:#f5f5f5;--bg-card:#fff;--text-primary:#1a1a1a;--text-secondary:#666;--border-color:#e0e0e0;--primary-color:#4f46e5;--primary-hover:#4338ca;--success-color:#10b981;--danger-color:#ef4444;--warning-color:#f59e0b;--shadow:0 1px 3px #0000001a;--shadow-lg:0 10px 25px #0000001a}[data-theme=dark]{--bg-primary:#1a1a1a;--bg-secondary:#2d2d2d;--bg-card:#2d2d2d;--text-primary:#fff;--text-secondary:#b0b0b0;--border-color:#404040;--primary-color:#6366f1;--primary-hover:#818cf8;--shadow:0 1px 3px #0000004d;--shadow-lg:0 10px 25px #00000080}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;background-color:var(--bg-primary);color:#1a1a1a;color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;overflow-x:hidden;transition:background-color .3s ease,color .3s ease}@media (max-width:480px){body{font-size:14px}}@media (max-width:768px){.btn-cancel,.btn-primary,.btn-submit,.nav-link,.reset-all-btn,button{min-height:44px;min-width:44px}input[type=date],input[type=number],input[type=text],select{font-size:16px;min-height:44px}}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{background-color:var(--bg-primary);display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1 1;margin:0 auto;max-width:1400px;padding:1rem 1rem 5rem;transition:padding .3s ease;width:100%}@media (min-width:769px){.main-content{padding:1.5rem 2rem 2rem}}@media (min-width:1025px){.main-content{padding:2rem}}.loading-container{align-items:center;background-color:var(--bg-primary);display:flex;justify-content:center;min-height:100vh}.loading-container .loading{color:var(--text-primary);font-size:1.5rem}.navbar{background-color:var(--bg-card);border-bottom:1px solid var(--border-color);box-shadow:var(--shadow);padding:1rem 0;position:-webkit-sticky;position:sticky;top:0;z-index:100}.navbar-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1400px;padding:0 2rem}.navbar-brand{color:var(--primary-color);font-size:1.5rem;font-weight:700;text-decoration:none}.navbar-links{align-items:center;display:flex;gap:1.5rem}.nav-link{color:var(--text-secondary);font-weight:500;padding:.5rem 0;text-decoration:none;transition:color .2s}.nav-link.active,.nav-link:hover{color:var(--primary-color)}.nav-link.active{border-bottom:2px solid var(--primary-color)}.theme-toggle{background:none;border:none;border-radius:50%;cursor:pointer;font-size:1.5rem;padding:.5rem;transition:transform .2s}.theme-toggle:hover{transform:scale(1.1)}.user-email{color:var(--text-secondary);font-size:.9rem;padding:.5rem}.logout-btn{background:none;border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:all .2s}.logout-btn:hover{background-color:var(--bg-secondary);border-color:var(--primary-color)}@media (max-width:768px){.navbar{display:none}}.bottom-nav{background-color:var(--bg-card);border-top:1px solid var(--border-color);bottom:0;box-shadow:0 -2px 10px #0000001a;display:none;left:0;padding:.5rem 0 env(safe-area-inset-bottom,.5rem);position:fixed;right:0;z-index:1000}@media (max-width:768px){.bottom-nav{align-items:center;display:flex;justify-content:space-around}}.bottom-nav-item{-webkit-tap-highlight-color:transparent;align-items:center;color:var(--text-secondary);display:flex;flex:1 1;flex-direction:column;justify-content:center;min-width:50px;padding:.4rem .5rem;text-decoration:none;transition:color .2s ease,transform .2s ease}.bottom-nav-item:active{transform:scale(.95)}.bottom-nav-item.active{color:var(--primary-color)}.bottom-nav-icon{font-size:1.3rem;line-height:1;margin-bottom:.2rem}.bottom-nav-label{font-size:.7rem;font-weight:500;line-height:1;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width:768px){.main-content{padding-bottom:5rem!important}}.login-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:2rem}.login-card{animation:fadeIn .3s ease-in;background-color:var(--bg-card);border-radius:12px;box-shadow:0 20px 60px #0000004d;max-width:400px;padding:3rem;width:100%}.login-title{font-size:2rem;margin-bottom:.5rem}.login-subtitle,.login-title{color:var(--text-primary);text-align:center}.login-subtitle{font-size:1.5rem;font-weight:500;margin-bottom:2rem}.login-form{display:flex;flex-direction:column;gap:1.5rem}.form-group input{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:1rem;padding:.75rem;transition:border-color .2s}.form-group input:focus{border-color:var(--primary-color);outline:none}.form-group input:disabled{cursor:not-allowed;opacity:.6}.error-message{background-color:#ef44441a;border:1px solid #ef444433;border-radius:6px;font-size:.9rem;padding:.75rem}.password-requirements{color:var(--text-secondary);display:block;font-size:.85rem;line-height:1.6;margin-top:.5rem}.password-requirements ul{list-style-type:disc;margin:.5rem 0 0;padding-left:1.25rem}.password-requirements li{margin:.25rem 0}.btn-primary{margin-top:.5rem;padding:.75rem}.btn-primary:hover:not(:disabled){background-color:var(--primary-hover)}.btn-primary:disabled{cursor:not-allowed;opacity:.6}.btn-link{background:none;border:none;color:var(--primary-color);cursor:pointer;font-size:.9rem;padding:.5rem;text-decoration:underline;transition:color .2s}.btn-link:hover:not(:disabled){color:var(--primary-hover)}.btn-link:disabled{cursor:not-allowed;opacity:.6}@media (max-width:480px){.login-card{padding:2rem}.login-title{font-size:1.5rem}.login-subtitle{font-size:1.25rem}}.dashboard{animation:fadeIn .3s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.dashboard-title{color:var(--text-primary);font-size:2rem;margin-bottom:2rem}.section-title{margin:2rem 0 1rem}.stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:2rem}.salary-input-section{background-color:var(--bg-card);border-left:4px solid var(--primary-color);border-radius:8px;box-shadow:var(--shadow-lg);justify-content:space-between;margin-bottom:2rem;padding:1.5rem}.salary-input-group,.salary-input-section{align-items:flex-end;display:flex;gap:1rem}.salary-input-group{flex:1 1}.salary-input-section label{color:var(--text-primary);display:flex;flex:1 1;flex-direction:column;font-weight:500;gap:.5rem}.salary-input-section input{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:1rem;padding:.75rem}.salary-input-section input:focus{border-color:var(--primary-color);outline:none}.salary-input-section input:disabled{cursor:not-allowed;opacity:.6}.save-salary-btn{background-color:var(--primary-color);border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;height:-webkit-fit-content;height:fit-content;min-height:44px;padding:.75rem 1.5rem;transition:background-color .2s;white-space:nowrap}.save-salary-btn:hover:not(:disabled){background-color:var(--primary-hover)}.save-salary-btn:disabled{cursor:not-allowed;opacity:.6}.reset-all-btn{background-color:#dc3545;background-color:var(--danger-color,#dc3545);border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;padding:.75rem 1.5rem;transition:background-color .2s;white-space:nowrap}.reset-all-btn:hover{background-color:#c82333;background-color:var(--danger-hover,#c82333)}@media (max-width:768px){.stats-grid{gap:1rem;grid-template-columns:1fr}.dashboard-title{font-size:1.5rem;margin-bottom:1.5rem}.section-title{font-size:1.25rem;margin:1.5rem 0 .75rem}.salary-input-section{align-items:stretch;flex-direction:column;padding:1.25rem}.salary-input-group{align-items:stretch;flex-direction:column;gap:1rem}.save-salary-btn{width:100%}.reset-all-btn{margin-top:.5rem;width:100%}.loading{font-size:1rem;padding:2rem 1rem}}@media (max-width:480px){.dashboard-title{font-size:1.25rem;margin-bottom:1rem}.section-title{font-size:1.1rem}.salary-input-section{padding:1rem}.stats-grid{gap:.75rem}}.stat-card{background-color:var(--bg-card);border-radius:8px;border-top:4px solid;box-shadow:var(--shadow);padding:1.5rem;transition:transform .2s,box-shadow .2s}.stat-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.stat-card-title{color:var(--text-primary);font-size:1.1rem;font-weight:600;margin-bottom:1rem}.stat-values{display:flex;flex-direction:column;gap:.75rem}.stat-item{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:.5rem 0}.stat-item:last-child{border-bottom:none}.stat-label{color:var(--text-secondary);font-size:.9rem}.stat-value{color:var(--text-primary);font-size:1.1rem;font-weight:600}@media (max-width:768px){.stat-card{padding:1.25rem}.stat-card-title{font-size:1rem;margin-bottom:.875rem}.stat-value{font-size:1rem}.stat-label{font-size:.85rem}}@media (max-width:480px){.stat-card{padding:1rem}.stat-card-title{font-size:.95rem}.stat-values{gap:.625rem}.stat-item{padding:.4rem 0}}.salary-card{background-color:var(--bg-card);border-left:4px solid var(--primary-color);border-radius:8px;box-shadow:var(--shadow-lg);margin-bottom:2rem;padding:2rem}.salary-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.salary-title{color:var(--text-primary);font-size:1.5rem}.edit-btn{background-color:var(--primary-color);border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;padding:.5rem 1rem;transition:background-color .2s}.edit-btn:hover{background-color:var(--primary-hover)}.salary-stats{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.salary-stat-item{background-color:var(--bg-secondary);border-radius:6px;display:flex;flex-direction:column;gap:.5rem;padding:1rem}.salary-label{color:var(--text-secondary);font-size:.9rem}.salary-value{color:var(--text-primary);font-size:1.3rem;font-weight:600}.salary-value.primary{color:var(--primary-color)}.salary-value.success{color:var(--success-color)}.salary-edit{gap:1rem}.salary-edit,.salary-edit label{display:flex;flex-direction:column}.salary-edit label{color:var(--text-primary);font-weight:500;gap:.5rem}.salary-edit input{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:1rem;padding:.75rem}.salary-edit input:focus{border-color:var(--primary-color);outline:none}.edit-actions{display:flex;gap:1rem}.cancel-btn,.save-btn{border:none;border-radius:6px;cursor:pointer;font-weight:500;padding:.75rem 1.5rem;transition:background-color .2s}.save-btn{background-color:var(--primary-color);color:#fff}.save-btn:hover:not(:disabled){background-color:var(--primary-hover)}.save-btn:disabled{cursor:not-allowed;opacity:.6}.cancel-btn{background-color:var(--bg-secondary);color:var(--text-primary)}.cancel-btn:hover{background-color:var(--border-color)}@media (max-width:768px){.salary-card{padding:1.5rem}.salary-stats{gap:.75rem;grid-template-columns:1fr}.salary-header{margin-bottom:1rem}.salary-title{font-size:1.25rem}.salary-stat-item{padding:.875rem}.salary-value{font-size:1.2rem}}@media (max-width:480px){.salary-card{margin-bottom:1.5rem;padding:1rem}.salary-title{font-size:1.1rem}.salary-stat-item{padding:.75rem}.salary-value{font-size:1.1rem}.salary-label{font-size:.85rem}}.form-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.form-container{background-color:var(--bg-card);border-radius:8px;box-shadow:var(--shadow-lg);max-height:90vh;max-width:500px;overflow-y:auto;padding:2rem;width:100%}.form-title{color:var(--text-primary);font-size:1.5rem;margin-bottom:1.5rem}.expense-form{gap:1.5rem}.expense-form,.form-group{display:flex;flex-direction:column}.form-group{gap:.5rem}.form-group label{color:var(--text-primary);font-size:.9rem;font-weight:500}.form-group input,.form-group select{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:1rem;min-height:44px;padding:.75rem;transition:border-color .2s}.form-group input:focus,.form-group select:focus{border-color:var(--primary-color);outline:none}.form-group input.readonly{background-color:var(--bg-secondary);cursor:not-allowed}.form-group input.error{border-color:var(--danger-color)}.error-message{color:var(--danger-color);font-size:.85rem}.form-actions{display:flex;gap:1rem;margin-top:1rem}.btn-submit{background-color:var(--primary-color);border:none;border-radius:6px;color:#fff;cursor:pointer;flex:1 1;font-size:1rem;font-weight:500;padding:.75rem;transition:background-color .2s}.btn-submit:hover{background-color:var(--primary-hover)}.btn-cancel{background-color:var(--bg-secondary);border:none;border-radius:6px;color:var(--text-primary);cursor:pointer;flex:1 1;font-size:1rem;font-weight:500;padding:.75rem;transition:background-color .2s}.btn-cancel:hover{background-color:var(--border-color)}@media (max-width:768px){.form-overlay{align-items:flex-start;padding:2rem .5rem .5rem}.form-container{max-height:95vh;padding:1.5rem}.form-title{font-size:1.25rem;margin-bottom:1.25rem}.form-actions{flex-direction:column}.btn-cancel,.btn-submit{width:100%}}@media (max-width:480px){.form-overlay{align-items:flex-end;padding:1rem 0 0}.form-container{animation:slideUp .3s ease-out;border-radius:16px 16px 0 0;max-height:90vh;padding:1.25rem;width:100%}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.form-title{font-size:1.1rem}.expense-form{gap:1.25rem}.form-group input,.form-group select{font-size:16px}}.split-breakdown{background-color:var(--bg-secondary);border-radius:6px;margin-top:.5rem;padding:1rem}.split-label{color:var(--text-primary);display:block;font-size:.9rem;font-weight:500;margin-bottom:.75rem}.split-list{display:flex;flex-direction:column;gap:.5rem}.split-item{align-items:center;background-color:var(--bg-primary);border-radius:4px;display:flex;justify-content:space-between;padding:.5rem}.split-member{color:var(--text-primary);font-weight:500}.split-amount{color:var(--text-primary);font-weight:600}.expense-list{background-color:var(--bg-card);border-radius:8px;box-shadow:var(--shadow);overflow:hidden}.expense-list-header{background-color:var(--bg-secondary);border-bottom:2px solid var(--border-color);color:var(--text-primary);font-weight:600;padding:1rem}.expense-item,.expense-list-header{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:.5fr 2fr 1fr 1fr 1fr 1fr 1fr}.expense-item{border-bottom:1px solid var(--border-color);position:relative;transition:background-color .2s}.expense-item:hover{background-color:var(--bg-secondary)}.expense-item:last-child{border-bottom:none}.expense-cell{align-items:center;color:var(--text-primary);display:flex}.expense-cell.amount{color:var(--primary-color);font-weight:600}.expense-cell.item-name{font-weight:500}.no-category{color:var(--text-secondary);font-style:italic}.source-badge{border-radius:12px;font-size:.85rem;font-weight:500;padding:.25rem .75rem;text-transform:capitalize}.source-badge.salary{background-color:#f59e0b33;color:var(--warning-color)}.source-badge.other{background-color:#10b98133;color:var(--success-color)}.expense-cell.actions{display:flex;gap:.5rem}@media (min-width:769px) and (max-width:1024px){.expense-item,.expense-list-header{grid-template-columns:.5fr 2fr 1fr 1fr 1fr}.expense-cell.category,.expense-cell.date,.expense-header-item:nth-child(4),.expense-header-item:nth-child(6){display:none}}@media (max-width:768px){.expense-list-header{display:none}.expense-list{background-color:initial;border-radius:0;box-shadow:none;display:flex;flex-direction:column;gap:.5rem;overflow:visible}.expense-item{align-items:center;background-color:var(--bg-card);border-bottom:1px solid var(--border-color);border:1px solid var(--border-color);border-left:3px solid var(--primary-color);border-radius:8px;box-shadow:var(--shadow);display:flex!important;flex-direction:row!important;flex-wrap:nowrap;gap:.5rem;overflow-x:auto;overflow-y:hidden;padding:.625rem .75rem;position:relative;transition:transform .2s ease,box-shadow .2s ease}.expense-item:last-child{border-bottom:1px solid var(--border-color)}.expense-item:active{transform:scale(.98)}.expense-cell{align-items:center;border:none;display:inline-flex!important;flex-shrink:0;padding:0;white-space:nowrap}.expense-cell:before{display:none}.expense-cell.checkbox-cell{flex-shrink:0}.expense-cell.checkbox-cell input[type=checkbox]{height:18px;width:18px}.expense-cell.item-name{color:var(--text-primary);font-size:.95rem;font-weight:600}.expense-cell.amount{color:var(--primary-color);font-size:1rem;font-weight:700}.expense-cell.source{align-items:center;display:inline-flex}.source-badge{font-size:.7rem;padding:.2rem .5rem;white-space:nowrap}.expense-cell.category,.expense-cell.date{display:none}.btn-delete,.btn-edit{align-items:center;background:none;border:none;border-radius:4px;cursor:pointer;display:inline-flex;flex-shrink:0;font-size:1rem;justify-content:center;min-height:32px;min-width:32px;padding:.25rem;transition:background-color .2s}.btn-edit:hover{background-color:var(--bg-secondary)}.btn-delete:hover{background-color:#ef44441a}.desktop-only{display:none}}.fab{-webkit-tap-highlight-color:transparent;align-items:center;background-color:var(--primary-color);border:none;border-radius:50%;bottom:5.5rem;box-shadow:0 4px 12px #00000026;color:#fff;cursor:pointer;display:none;height:56px;justify-content:center;padding:0;position:fixed;right:1rem;transition:transform .2s ease,box-shadow .2s ease;width:56px;z-index:999}@media (max-width:768px){.fab{display:flex}}.fab:active{transform:scale(.9)}.fab:hover{background-color:var(--primary-hover);box-shadow:0 6px 16px #0003}.fab-icon{font-size:1.5rem;font-weight:300;line-height:1}.fab-label{display:none}@media (max-width:768px){.fab{bottom:calc(5.5rem + env(safe-area-inset-bottom, 0))}}.expenses-page{animation:fadeIn .3s ease-in;padding-bottom:1rem}.investment-form{display:flex;flex-direction:column;gap:1.5rem}@media (max-width:768px){.investment-form input,.investment-form select{font-size:16px;min-height:44px}}.investment-list{background-color:var(--bg-card);border-radius:8px;box-shadow:var(--shadow);overflow:hidden}.investment-list-header{background-color:var(--bg-secondary);border-bottom:2px solid var(--border-color);color:var(--text-primary);font-weight:600}.investment-item,.investment-list-header{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:.5fr 2fr 1fr 1fr 1fr 1fr;padding:1rem}.investment-item{border-bottom:1px solid var(--border-color);position:relative;transition:background-color .2s}.investment-item:hover{background-color:var(--bg-secondary)}.investment-item:last-child{border-bottom:none}.investment-cell{align-items:center;color:var(--text-primary);display:flex}.investment-cell.amount{color:var(--success-color);font-weight:600}.investment-cell.name{font-weight:500}.checkbox-cell,.checkbox-header{align-items:center;display:flex;justify-content:center}.checkbox-cell input[type=checkbox],.checkbox-header input[type=checkbox]{accent-color:var(--primary-color);cursor:pointer;height:18px;width:18px}.no-type{color:var(--text-secondary);font-style:italic}.investment-cell.actions{display:flex;gap:.5rem}.btn-delete,.btn-edit{background:none;border:none;border-radius:4px;cursor:pointer;font-size:1.2rem;padding:.25rem;transition:background-color .2s}.btn-edit:hover{background-color:var(--bg-secondary)}.btn-delete:hover{background-color:#ef44441a}.empty-state{background-color:var(--bg-card);border-radius:8px;box-shadow:var(--shadow)}@media (max-width:768px){.investment-list-header{display:none}.investment-list{display:flex;flex-direction:column;gap:.5rem}.investment-item{align-items:center;background-color:var(--bg-card);border:1px solid var(--border-color);border-left:3px solid var(--success-color);border-radius:8px;box-shadow:var(--shadow);display:flex;flex-direction:row;flex-wrap:nowrap;gap:.5rem;overflow-x:auto;overflow-y:hidden;padding:.625rem .75rem;position:relative;transition:transform .2s ease,box-shadow .2s ease}.investment-item:active{transform:scale(.98)}.investment-cell{align-items:center;border:none;display:inline-flex;flex-shrink:0;padding:0;white-space:nowrap}.investment-cell:before{display:none}.investment-cell.checkbox-cell{flex-shrink:0}.investment-cell.checkbox-cell input[type=checkbox]{height:18px;width:18px}.investment-cell.name{color:var(--text-primary);font-size:.95rem;font-weight:600}.investment-cell.amount{color:var(--success-color);font-size:1rem;font-weight:700}.investment-cell.type{align-items:center;display:inline-flex}.investment-type-badge{background-color:var(--bg-secondary);border-radius:12px;color:var(--text-secondary);font-size:.7rem;padding:.2rem .5rem;white-space:nowrap}.investment-cell.date{display:none}.btn-delete,.btn-edit{align-items:center;background:none;border:none;border-radius:4px;cursor:pointer;display:inline-flex;flex-shrink:0;font-size:1rem;justify-content:center;min-height:32px;min-width:32px;padding:.25rem;transition:background-color .2s}.btn-edit:hover{background-color:var(--bg-secondary)}.btn-delete:hover{background-color:#ef44441a}.desktop-only{display:none}}@media (max-width:480px){.investment-item{margin-bottom:.75rem;padding:.875rem}.investment-cell{flex-wrap:wrap;font-size:.95rem}.investment-cell.name{font-weight:600;margin-bottom:.25rem;width:100%}.empty-state{font-size:.95rem;padding:2rem 1rem}}.filters-container{background-color:var(--bg-card);border-radius:8px;box-shadow:var(--shadow);margin-bottom:2rem;padding:1.5rem}.filters-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.filters-title{color:var(--text-primary);font-size:1.2rem}.clear-filters-btn{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:background-color .2s}.clear-filters-btn:hover{background-color:var(--border-color)}.filters-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.filter-group label{color:var(--text-secondary)}.filter-group input,.filter-group select{background-color:var(--bg-primary);font-size:1rem;transition:border-color .2s}@media (max-width:768px){.filters-container{padding:1.25rem}.filters-header{flex-wrap:wrap;gap:.75rem}.filters-title{font-size:1.1rem}.filters-grid{gap:.875rem;grid-template-columns:1fr}.clear-filters-btn{font-size:.85rem;padding:.45rem .875rem}}@media (max-width:480px){.filters-container{padding:1rem}.filters-title{font-size:1rem}.filter-group input,.filter-group select{font-size:.95rem;padding:.625rem}}.investments-page{animation:fadeIn .3s ease-in;padding-bottom:1rem}.page-header{gap:1rem;justify-content:space-between;margin-bottom:1.5rem}.header-actions,.page-header{align-items:center;display:flex;flex-wrap:wrap}.header-actions{gap:.75rem}.btn-danger{background-color:#dc3545;background-color:var(--danger-color,#dc3545);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;min-height:44px;padding:.75rem 1.5rem;transition:background-color .2s}.btn-danger:hover{background-color:#c82333;background-color:var(--danger-hover,#c82333)}.page-title{color:var(--text-primary);font-size:2rem;margin:0}.btn-primary{background-color:var(--primary-color);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;min-height:44px;padding:.75rem 1.5rem;transition:background-color .2s}.btn-primary:hover{background-color:var(--primary-hover)}@media (max-width:768px){.page-title{font-size:1.5rem;margin-bottom:0}.page-header{margin-bottom:1rem}.mobile-header-actions{align-items:center;display:flex;gap:.5rem}.btn-icon{align-items:center;background:none;border:1px solid var(--border-color);border-radius:6px;cursor:pointer;display:flex;font-size:1.25rem;justify-content:center;min-height:44px;min-width:44px;padding:.5rem;transition:background-color .2s}.btn-icon:hover{background-color:var(--bg-secondary)}.btn-danger-icon{border-color:var(--danger-color);color:var(--danger-color)}.mobile-filters-drawer{background-color:var(--bg-card);border-radius:8px;box-shadow:var(--shadow);margin-bottom:1rem;padding:1rem}.btn-close-filters{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;cursor:pointer;font-weight:500;margin-top:1rem;min-height:44px;padding:.75rem;width:100%}.mobile-bulk-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1rem}.mobile-bulk-actions .btn-danger{flex:1 1;min-width:120px}}@media (max-width:480px){.page-title{font-size:1.25rem}.mobile-bulk-actions{flex-direction:column}.mobile-bulk-actions .btn-danger{width:100%}}.monthly-summary{animation:fadeIn .3s ease-in}.summary-header{align-items:center;flex-wrap:wrap;justify-content:space-between;margin-bottom:2rem}.month-selector,.summary-header{display:flex;gap:1rem}.month-select,.year-select{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);cursor:pointer;font-size:1rem;padding:.75rem}.summary-cards{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:2rem}.summary-card{background-color:var(--bg-card);border-radius:8px;box-shadow:var(--shadow);padding:1.5rem}.summary-card h3{border-bottom:2px solid var(--border-color);color:var(--text-primary);font-size:1.2rem;margin-bottom:1rem;padding-bottom:.5rem}.category-list,.investment-type-list,.source-list{display:flex;flex-direction:column;gap:.75rem}.category-item,.investment-type-item,.source-item{align-items:center;background-color:var(--bg-secondary);border-radius:6px;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:space-between;padding:.75rem}.category-name,.investment-type-name,.source-name{color:var(--text-primary);flex:1 1;font-weight:500;min-width:120px}.category-amount,.investment-type-amount,.source-amount{color:var(--primary-color);font-weight:600}.category-count,.investment-type-count,.source-count{color:var(--text-secondary);font-size:.9rem}.daily-breakdown{margin-top:2rem}.breakdown-cards{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.breakdown-card{background-color:var(--bg-card);border-radius:8px;box-shadow:var(--shadow);padding:1.5rem}.breakdown-card h3{border-bottom:2px solid var(--border-color);color:var(--text-primary);font-size:1.2rem;margin-bottom:1rem;padding-bottom:.5rem}.daily-list{display:flex;flex-direction:column;gap:.5rem;max-height:400px;overflow-y:auto}.daily-item{align-items:center;background-color:var(--bg-secondary);border-radius:6px;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:space-between;padding:.75rem}.daily-date{color:var(--text-primary);flex:1 1;font-weight:500;min-width:120px}.daily-amount{color:var(--primary-color);font-weight:600}.daily-count{font-size:.9rem}.daily-count,.no-data{color:var(--text-secondary)}.no-data{font-style:italic;padding:2rem;text-align:center}@media (max-width:768px){.breakdown-cards,.summary-cards{gap:1rem;grid-template-columns:1fr}.summary-header{align-items:flex-start;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.page-title{font-size:1.5rem;margin-bottom:0}.month-selector{display:flex;gap:.75rem;width:100%}.month-select,.year-select{flex:1 1;font-size:16px;min-height:44px;min-width:0}.breakdown-card,.summary-card{padding:1.25rem}.breakdown-cards{grid-template-columns:1fr}.section-title{font-size:1.25rem;margin:1.5rem 0 1rem}}@media (max-width:480px){.breakdown-cards,.summary-cards{gap:.75rem}.breakdown-card,.summary-card{padding:1rem}.breakdown-card h3,.summary-card h3{font-size:1.1rem}.category-item,.daily-item,.investment-type-item,.source-item{align-items:flex-start;flex-direction:column;gap:.5rem;padding:.625rem}.category-name,.daily-date,.investment-type-name,.source-name{width:100%}.daily-list{max-height:300px}}.expenses-history{animation:fadeIn .3s ease-in}.history-title{color:var(--text-primary);font-size:2rem;margin-bottom:2rem}.history-tabs{border-bottom:2px solid var(--border-color);display:flex;gap:1rem;margin-bottom:2rem}.tab-button{background:none;border:none;border-bottom:3px solid #0000;color:var(--text-secondary);cursor:pointer;font-size:1rem;font-weight:500;margin-bottom:-2px;padding:.75rem 1.5rem;transition:all .2s}.tab-button:hover{color:var(--text-primary)}.tab-button.active{border-bottom-color:var(--primary-color);color:var(--primary-color)}.history-content{margin-top:1rem}.history-list{display:flex;flex-direction:column;gap:1rem}.history-group{background-color:var(--bg-card);border-radius:8px;box-shadow:var(--shadow-lg);overflow:hidden}.group-header{align-items:center;background-color:var(--bg-secondary);cursor:pointer;display:flex;justify-content:space-between;padding:1.5rem;transition:background-color .2s}.group-header:hover{background-color:var(--border-color)}.group-info{display:flex;flex-direction:column;gap:.5rem}.group-info h3{color:var(--text-primary);font-size:1.2rem;margin:0}.group-total{color:var(--primary-color);font-size:1.5rem;font-weight:600}.expand-icon{color:var(--text-secondary);font-size:.8rem}.group-expenses{display:flex;flex-direction:column;gap:.75rem;padding:1rem}.expense-item{align-items:center;background-color:var(--bg-primary);border-left:3px solid var(--primary-color);border-radius:6px;display:flex;justify-content:space-between;padding:1rem}.expense-details{display:flex;flex:1 1;flex-direction:column;gap:.25rem}.expense-name{color:var(--text-primary);font-size:1rem;font-weight:500}.expense-date{font-size:.85rem}.expense-category{color:var(--text-secondary);font-style:italic}.expense-amount{align-items:center;color:var(--text-primary);display:flex;font-size:1.2rem;font-weight:600;gap:1rem}.delete-btn{background:none;border:none;cursor:pointer;font-size:1.2rem;opacity:.7;padding:.25rem;transition:opacity .2s}.delete-btn:hover{opacity:1}.empty-message{font-size:1.1rem}.empty-message,.loading{color:var(--text-secondary);padding:3rem;text-align:center}.loading{font-size:1.2rem}@media (max-width:768px){.history-title{font-size:1.5rem;margin-bottom:1.5rem}.history-tabs{gap:.5rem;margin-bottom:1.5rem}.tab-button{font-size:.9rem;padding:.625rem 1rem}.expense-item{align-items:flex-start;flex-direction:column;gap:.75rem;padding:.875rem}.expense-amount{font-size:1.1rem;justify-content:space-between;width:100%}.group-header{padding:1rem}.group-info h3{font-size:1rem}.group-total{font-size:1.2rem}.group-expenses{padding:.75rem}}@media (max-width:480px){.history-title{font-size:1.25rem;margin-bottom:1rem}.tab-button{font-size:.85rem;padding:.5rem .75rem}.group-header{flex-wrap:wrap;padding:.875rem}.group-info h3{font-size:.95rem}.group-total{font-size:1.1rem}.expense-item{padding:.75rem}.expense-name{font-size:.95rem}.expense-category,.expense-date{font-size:.8rem}.expense-amount{font-size:1rem}}.rooms-container{animation:fadeIn .3s ease-in;margin:0 auto;max-width:1200px;padding:2rem}.rooms-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:2rem}.rooms-title{color:var(--text-primary);font-size:2rem;margin:0}.btn-create-room{background-color:var(--primary-color);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem 1.5rem;transition:background-color .2s}.btn-create-room:hover{background-color:var(--primary-hover)}.empty-state{font-size:1.1rem;padding:4rem 2rem}.rooms-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.room-card{background-color:var(--bg-card);border-left:4px solid var(--primary-color);border-radius:8px;box-shadow:var(--shadow-lg);cursor:pointer;padding:1.5rem;transition:transform .2s,box-shadow .2s}.room-card:hover{box-shadow:var(--shadow-xl);transform:translateY(-2px)}.room-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1rem}.room-card-name{color:var(--text-primary);flex:1 1;font-size:1.25rem;margin:0}.room-card-actions{align-items:center;display:flex;gap:.5rem}.room-creator-badge{background-color:var(--primary-color);border-radius:12px;color:#fff;font-size:.75rem;font-weight:500;padding:.25rem .75rem}.btn-delete-room{align-items:center;background-color:initial;border:none;border-radius:4px;cursor:pointer;display:flex;font-size:1.2rem;justify-content:center;padding:.25rem .5rem;transition:background-color .2s}.btn-delete-room:hover{background-color:#ef44441a}.room-card-info{display:flex;flex-direction:column;gap:.5rem}.room-info-item{align-items:center;display:flex;justify-content:space-between}.room-info-label{color:var(--text-secondary);font-size:.9rem}.room-info-value{color:var(--text-primary);font-weight:500}.create-room-form{display:flex;flex-direction:column;gap:1.5rem}@media (max-width:768px){.rooms-container{padding:1rem}.rooms-title{font-size:1.5rem}.rooms-grid{grid-template-columns:1fr}.room-card{padding:1.25rem}}.room-analytics{margin-bottom:2rem}.analytics-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1rem}.analytics-title{color:var(--text-primary);font-size:1.5rem;margin:0}.btn-reset-all{align-items:center;background-color:#ef4444;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:all .2s}.btn-reset-all:hover:not(:disabled){background-color:#dc2626;box-shadow:0 2px 8px #ef44444d;transform:translateY(-1px)}.btn-reset-all:disabled{cursor:not-allowed;opacity:.6}.analytics-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.analytics-card{background-color:var(--bg-card);border-left:4px solid var(--primary-color);border-radius:8px;box-shadow:var(--shadow-md);padding:1.25rem}.analytics-card.highlight{border-left-color:#667eea;border-left-color:var(--accent-color,#667eea)}.analytics-card-label{color:var(--text-secondary);font-size:.9rem;font-weight:500;margin-bottom:.5rem}.analytics-card-value{color:var(--text-primary);font-size:1.5rem;font-weight:600}.analytics-card-value.negative{color:#ef4444}.analytics-card.net-balance{border-left-color:#f59e0b}.analytics-card-value.positive{color:#10b981}.debt-breakdown-section{background-color:var(--bg-card);border-radius:8px;box-shadow:var(--shadow-md);margin-top:2rem;padding:1.5rem}.debt-breakdown-title{color:var(--text-primary);font-size:1.2rem;font-weight:600;margin-bottom:1rem}.debt-breakdown-list{display:flex;flex-direction:column;gap:.75rem}.debt-breakdown-item{align-items:center;background-color:#f9fafb;background-color:var(--bg-secondary,#f9fafb);border-radius:6px;display:flex;justify-content:space-between;padding:.75rem}.debt-member-name{color:var(--text-primary);font-weight:500}.debt-amount{font-size:1.1rem;font-weight:600}.debt-amount.pending{color:#ef4444}.debt-amount.paid{color:#10b981}.debt-breakdown-total{align-items:center;background-color:#667eea;background-color:var(--primary-color,#667eea);border-radius:6px;color:#fff;display:flex;font-weight:600;justify-content:space-between;margin-top:.5rem;padding:1rem}.debt-total-label{font-size:1.1rem}.debt-total-amount{font-size:1.3rem}.debt-breakdown-empty{color:var(--text-secondary);padding:1rem;text-align:center}@media (max-width:768px){.analytics-grid{grid-template-columns:1fr}.analytics-card{padding:1rem}.analytics-card-value{font-size:1.25rem}.debt-breakdown-section{padding:1rem}}.expense-filters{background-color:var(--bg-primary);border-radius:6px;margin-bottom:2rem;padding:1rem}.filter-row{grid-gap:1rem;align-items:end;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.filter-group{display:flex;flex-direction:column;gap:.5rem}.filter-group label{color:var(--text-primary);font-size:.9rem;font-weight:500}.filter-group input,.filter-group select{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:.9rem;min-height:44px;padding:.75rem}.filter-group input:focus,.filter-group select:focus{border-color:var(--primary-color);outline:none}.btn-clear-filters{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);cursor:pointer;font-size:.9rem;font-weight:500;min-height:44px;padding:.75rem 1rem;transition:background-color .2s}.btn-clear-filters:hover{background-color:var(--border-color)}.expenses-list{display:flex;flex-direction:column;gap:1.5rem}.expense-card{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;padding:1.5rem}.expense-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1rem}.expense-main-info{flex:1 1}.expense-description{color:var(--text-primary);font-size:1.25rem;margin:0 0 .5rem}.expense-meta{display:flex;flex-wrap:wrap;gap:1rem}.expense-date{color:var(--text-secondary);font-size:.9rem}.expense-category{background-color:var(--bg-secondary);border-radius:12px;color:var(--text-primary);font-size:.85rem;font-weight:500;padding:.25rem .75rem}.expense-amount-info{text-align:right}.expense-total{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin-bottom:.25rem}.expense-paid-by{color:var(--text-secondary);font-size:.9rem;margin-bottom:.5rem}.btn-delete-expense{background-color:#ef4444;background-color:var(--danger-color,#ef4444);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.85rem;font-weight:500;margin-top:.5rem;padding:.5rem 1rem;transition:background-color .2s}.btn-delete-expense:hover{background-color:#dc2626}.expense-split-section{border-top:1px solid var(--border-color);padding-top:1rem}.split-section-title{color:var(--text-primary);font-size:1rem;font-weight:600;margin:0 0 1rem}.split-details-list{display:flex;flex-direction:column;gap:.75rem}.split-detail-item{align-items:center;background-color:var(--bg-card);border-radius:6px;display:flex;flex-wrap:wrap;gap:.75rem;justify-content:space-between;padding:.75rem}.split-member-info{flex:1 1}.split-member-name{align-items:center;color:var(--text-primary);display:flex;flex-wrap:wrap;font-weight:500;gap:.5rem}.split-badge{border-radius:10px;font-size:.7rem;font-weight:600;padding:.2rem .5rem}.split-badge.you{background-color:var(--primary-color);color:#fff}.split-badge.payer{background-color:#10b981;color:#fff}.split-amount-info{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem}.partial-payment-input-group,.payment-action-buttons{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.partial-payment-input{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:.9rem;min-height:36px;padding:.5rem;width:120px}.partial-payment-input:focus{border-color:var(--primary-color);outline:none}.btn-partial-payment{background-color:#dbeafe;border:none;border-radius:6px;color:#1e40af;cursor:pointer;font-size:.85rem;font-weight:500;padding:.5rem 1rem;transition:background-color .2s;white-space:nowrap}.btn-partial-payment:hover:not(:disabled){background-color:#bfdbfe}.btn-partial-payment:disabled{cursor:not-allowed;opacity:.6}.btn-save-partial{background-color:#10b981;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.85rem;font-weight:500;padding:.5rem 1rem;transition:background-color .2s;white-space:nowrap}.btn-save-partial:hover:not(:disabled){background-color:#059669}.btn-save-partial:disabled{cursor:not-allowed;opacity:.6}.btn-cancel-partial{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);cursor:pointer;font-size:.85rem;font-weight:500;padding:.5rem 1rem;transition:background-color .2s;white-space:nowrap}.btn-cancel-partial:hover:not(:disabled){background-color:var(--border-color)}.btn-cancel-partial:disabled{cursor:not-allowed;opacity:.6}.split-status{font-weight:600;min-width:120px;text-align:right}.split-status.paid{color:#10b981}.split-status.pending{color:#ef4444}.btn-status-toggle{border:none;border-radius:6px;cursor:pointer;font-size:.85rem;font-weight:500;padding:.5rem 1rem;transition:background-color .2s;white-space:nowrap}.btn-status-toggle.paid{background-color:#fef3c7;color:#92400e}.btn-status-toggle.paid:hover:not(:disabled){background-color:#fde68a}.btn-status-toggle.pending{background-color:#fee2e2;color:#991b1b}.btn-status-toggle.pending:hover:not(:disabled){background-color:#fecaca}.btn-status-toggle:disabled{cursor:not-allowed;opacity:.6}.empty-state{font-size:1rem;padding:3rem 2rem}@media (max-width:768px){.room-expense-history{overflow-x:visible;padding:0;width:100%}.expense-filters{margin-bottom:1.5rem;padding:.75rem}.filter-row{gap:.75rem;grid-template-columns:1fr}.expenses-list{gap:1rem}.expense-card{box-sizing:border-box;padding:1rem;width:100%}.expense-header{flex-direction:column;gap:.75rem}.expense-amount-info{text-align:left;width:100%}.split-detail-item{align-items:flex-start;flex-direction:column;gap:.75rem}.split-amount-info{justify-content:space-between;width:100%}.split-status{text-align:left;word-break:break-word}.btn-status-toggle{margin-top:.5rem;width:100%}.payment-action-buttons{flex-direction:column;gap:.5rem;width:100%}.btn-partial-payment,.btn-status-toggle{width:100%}}.history-overlay{align-items:center;background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;overflow-y:auto;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.history-modal{background-color:var(--bg-primary);border-radius:12px;box-shadow:0 4px 20px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:900px;width:100%}.history-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:1.5rem}.history-header h2{color:var(--text-primary);font-size:1.5rem;margin:0}.btn-close-history{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:1.5rem;line-height:1;padding:.5rem;transition:color .2s}.btn-close-history:hover{color:var(--text-primary)}.history-filters{background-color:var(--bg-secondary);border-bottom:1px solid var(--border-color);padding:1.5rem}.history-filters .filter-row{grid-gap:1rem;align-items:end;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.history-filters .filter-group{display:flex;flex-direction:column;gap:.5rem}.history-filters .filter-group label{color:var(--text-primary);font-size:.9rem;font-weight:500}.history-filters .filter-group input,.history-filters .filter-group select{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:.9rem;min-height:44px;padding:.75rem}.history-filters .filter-group input:focus,.history-filters .filter-group select:focus{border-color:var(--primary-color);outline:none}.history-filters .btn-clear-filters{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);cursor:pointer;font-size:.9rem;padding:.75rem 1.5rem;transition:all .2s;white-space:nowrap}.history-filters .btn-clear-filters:hover{background-color:var(--bg-primary);border-color:var(--primary-color)}.history-content{flex:1 1;overflow-y:auto;padding:1.5rem}.history-cards{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.history-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;cursor:pointer;padding:1rem;transition:all .2s}.history-card:hover{border-color:var(--primary-color);box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.history-card.archived{background-color:var(--bg-secondary);opacity:.8}.history-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:.5rem}.history-card-member{display:flex;flex-direction:column;gap:.25rem}.member-name{font-weight:600}.archived-badge{background-color:#10b981;border-radius:4px;color:#fff;display:inline-block;font-size:.75rem;font-weight:500;padding:.25rem .5rem}.history-card-amount{color:var(--primary-color);font-size:1.25rem;font-weight:700}.history-card-date{color:var(--text-secondary);font-size:.9rem}.empty-state{color:var(--text-secondary);padding:3rem;text-align:center}.expense-detail-overlay{align-items:center;background-color:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1001}.expense-detail-modal{background-color:var(--bg-primary);border-radius:12px;box-shadow:0 4px 20px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:600px;width:100%}.expense-detail-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:1.5rem}.expense-detail-header h3{color:var(--text-primary);font-size:1.25rem;margin:0}.btn-close-detail{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:1.5rem;line-height:1;padding:.5rem;transition:color .2s}.btn-close-detail:hover{color:var(--text-primary)}.expense-detail-content{flex:1 1;overflow-y:auto;padding:1.5rem}.detail-section{margin-bottom:2rem}.detail-section:last-child{margin-bottom:0}.detail-section h4{color:var(--text-primary);font-size:1.1rem;margin:0 0 1rem}.detail-item{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:.75rem 0}.detail-item:last-child{border-bottom:none}.detail-label{color:var(--text-secondary);font-weight:500}.detail-value{color:var(--text-primary);font-weight:500}.detail-value.all-paid{color:#10b981}.detail-value.pending{color:#f59e0b}.payment-status-list{display:flex;flex-direction:column;gap:.75rem}.payment-status-item{align-items:center;background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:6px;display:flex;justify-content:space-between;padding:.75rem}.payment-member-info{align-items:center;display:flex;gap:.5rem}.payment-member-name{color:var(--text-primary);font-weight:500}.payer-badge{background-color:var(--primary-color);border-radius:4px;color:#fff;display:inline-block;font-size:.75rem;font-weight:500;margin-left:.5rem;padding:.25rem .5rem}.payment-amount-info{align-items:center;display:flex}.payment-status{border-radius:4px;font-size:.9rem;font-weight:600;padding:.25rem .75rem}.payment-status.paid{background-color:#d1fae5;color:#065f46}.payment-status.pending{background-color:#fef3c7;color:#92400e}@media (max-width:768px){.history-overlay{padding:0;z-index:9999}.history-modal{border-radius:0;display:flex;flex-direction:column;height:100vh;max-height:100vh;max-width:100%;width:100vw}.history-header{flex-shrink:0;padding:1rem}.history-header h2{font-size:1.25rem}.history-filters{flex-shrink:0;padding:1rem}.history-content{-webkit-overflow-scrolling:touch;flex:1 1;overflow-y:auto;padding:1rem}.history-cards,.history-filters .filter-row{gap:.75rem;grid-template-columns:1fr}.history-filters .btn-clear-filters{width:100%}.expense-detail-overlay{padding:0;z-index:10000}.expense-detail-modal{border-radius:0;display:flex;flex-direction:column;height:100vh;max-height:100vh;max-width:100%;width:100vw}.expense-detail-header{flex-shrink:0;padding:1rem}.expense-detail-content{-webkit-overflow-scrolling:touch;flex:1 1;overflow-y:auto;padding:1rem}}.room-detail-container{animation:fadeIn .3s ease-in;margin:0 auto;max-width:1200px;padding:2rem 2rem 5rem}.room-detail-header{margin-bottom:2rem}.btn-back{background:none;border:none;color:var(--primary-color);cursor:pointer;font-size:1rem;margin-bottom:.5rem;padding:.5rem 0;transition:opacity .2s}.btn-back:hover{opacity:.8}.room-detail-title{color:var(--text-primary);font-size:2rem;margin:0}.room-detail-section{background-color:var(--bg-card);border-radius:8px;box-shadow:var(--shadow-lg);margin-bottom:2rem;padding:1.5rem}.section-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1.5rem}.section-header-actions{align-items:center;display:flex;gap:.75rem}.btn-history{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);cursor:pointer;font-size:.9rem;font-weight:500;padding:.5rem 1rem;transition:all .2s}.btn-history:hover{background-color:var(--bg-primary);border-color:var(--primary-color);color:var(--primary-color)}.section-title{color:var(--text-primary);font-size:1.5rem;margin:0}.btn-add-expense,.btn-add-member{background-color:var(--primary-color);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;padding:.5rem 1rem;transition:background-color .2s}.btn-add-expense:hover,.btn-add-member:hover{background-color:var(--primary-hover)}.members-list{display:flex;flex-direction:column;gap:1rem}.member-card{align-items:center;background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;display:flex;justify-content:space-between;padding:1rem}.member-info{flex:1 1}.member-name-row{align-items:center;display:flex;gap:.5rem;margin-bottom:.25rem}.member-name{color:var(--text-primary);font-size:1rem;font-weight:500}.member-email{color:var(--text-secondary);font-size:.9rem}.member-badge{border-radius:12px;font-size:.75rem;font-weight:500;padding:.25rem .5rem}.member-badge.you{background-color:var(--primary-color);color:#fff}.member-badge.creator{background-color:#667eea;background-color:var(--accent-color,#667eea);color:#fff}.btn-remove-member{background-color:#ef4444;background-color:var(--danger-color,#ef4444);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.85rem;font-weight:500;padding:.5rem 1rem;transition:background-color .2s}.btn-remove-member:hover{background-color:#dc2626}.add-member-form{display:flex;flex-direction:column;gap:1.5rem}.form-hint{color:var(--text-secondary);display:block;font-size:.85rem;margin-top:.25rem}@media (max-width:768px){.room-detail-container{box-sizing:border-box;min-height:100vh;overflow-x:hidden;padding:1rem 1rem 6rem}.room-detail-title{font-size:1.5rem}.section-title{font-size:1.25rem}.room-detail-section{box-sizing:border-box;display:block;margin-bottom:1.5rem;overflow:visible;padding:1rem;width:100%}.section-header{align-items:flex-start;flex-direction:column;gap:1rem}.section-header-actions{display:flex;gap:.75rem;justify-content:flex-start;width:100%}.btn-history{align-items:center;display:flex;font-size:.9rem;justify-content:center;min-width:120px;padding:.75rem 1rem;width:auto}.member-card{align-items:flex-start;flex-direction:column;gap:.75rem}.btn-remove-member{width:100%}}
/*# sourceMappingURL=main.b2b423e8.css.map*/