.login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;min-height:-webkit-fill-available;background:linear-gradient(135deg,#4a90e2,#357abd);-webkit-overflow-scrolling:touch;padding:1rem;overflow-y:auto}.login-box{background:#fff;padding:2rem;border-radius:8px;box-shadow:0 4px 6px #0000001a;width:100%;max-width:400px}.login-logo{font-size:3rem;text-align:center;margin-bottom:1rem;width:80px;height:80px;margin:0 auto 1rem;background:linear-gradient(135deg,#4a90e2,#357abd);border-radius:12px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 8px #4a90e24d}.login-box h1{text-align:center;margin-bottom:2rem;color:#333}.form-group input{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:4px;font-size:1rem}button{width:100%;padding:.75rem;background:#4a90e2;color:#fff;border:none;border-radius:4px;font-size:1rem;cursor:pointer;transition:background .2s}button:hover:not(:disabled){background:#357abd}button:disabled{opacity:.6;cursor:not-allowed}.hint{margin-top:1rem;text-align:center;color:#888;font-size:.85rem}.expense-list-container{max-width:1200px;margin:0 auto;padding:1rem;-webkit-overflow-scrolling:touch;overflow-y:auto;min-height:100vh}.header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.header-title{flex:1;min-width:200px}.header-totals{flex:1;min-width:250px;display:flex;flex-direction:column;gap:.5rem}.total-display{background:#4a90e2;color:#fff;padding:.75rem 1rem;border-radius:6px;display:flex;align-items:center;gap:.5rem;font-size:.95rem}.total-label{font-weight:500}.total-amount{font-weight:700;font-size:1.1rem}.total-count{font-size:.85rem;opacity:.9;margin-left:auto}.admin-totals{background:#f8f9fa;border:1px solid #dee2e6;border-radius:6px;padding:.75rem;display:flex;flex-direction:column;gap:.5rem;max-height:200px;overflow-y:auto;-webkit-overflow-scrolling:touch}.user-total{display:flex;align-items:center;gap:.5rem;padding:.4rem 0;border-bottom:1px solid #e9ecef;font-size:.9rem}.user-total:last-child{border-bottom:none}.user-name{font-weight:600;color:#333;min-width:100px}.user-amount{font-weight:700;color:#4a90e2}.user-count{color:#666;font-size:.85rem;margin-left:auto}.grand-total{margin-top:.5rem;padding-top:.5rem;border-top:2px solid #4A90E2;display:flex;align-items:center;gap:.5rem;font-weight:700}.grand-total .total-label{color:#333}.grand-total .total-amount{color:gold;font-size:1.2rem}.header-title{display:flex;align-items:center;gap:.75rem;flex:1;min-width:200px}.logo{font-size:2rem;width:48px;height:48px;background:linear-gradient(135deg,#4a90e2,#357abd);border-radius:8px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px #4a90e24d}.header h1{color:#333;margin:0;margin-bottom:.25rem}.logged-in-user{color:#666;font-size:.85rem;margin:0;font-weight:400}.logged-in-user strong{color:#4a90e2;font-weight:600}.header-actions{display:flex;gap:1rem;flex-shrink:0}@media (max-width: 768px){.header{flex-direction:column}.header-totals{width:100%;order:2}.header-actions{width:100%;order:3;flex-wrap:wrap}.admin-totals{max-height:150px}}.btn-primary{padding:.75rem 1.5rem;background:#4a90e2;color:#fff;border:none;border-radius:4px;font-size:1rem;cursor:pointer;transition:background .2s}.btn-primary:hover{background:#357abd}.btn-secondary{padding:.75rem 1.5rem;background:#6c757d;color:#fff;border:none;border-radius:4px;font-size:1rem;cursor:pointer;transition:background .2s}.btn-secondary:hover{background:#5a6268}.expenses-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;-webkit-overflow-scrolling:touch;transform:translateZ(0);will-change:transform}.expense-card{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 4px #0000001a;cursor:pointer;transition:transform .2s,box-shadow .2s;-webkit-overflow-scrolling:touch;transform:translateZ(0);will-change:transform;-webkit-tap-highlight-color:transparent}.expense-card:hover{transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.expense-image{width:100%;height:200px;overflow:hidden;background:#f0f0f0}.expense-image img{width:100%;height:100%;object-fit:cover}.expense-info{padding:1rem}.expense-info h3{margin-bottom:.5rem;color:#333;font-size:1.1rem}.expense-info .price{font-size:1.5rem;font-weight:700;color:gold;margin-bottom:.25rem}.expense-info .date{color:#888;font-size:.9rem}.expense-info .owner{color:#666;font-size:.85rem;margin-top:.25rem;font-style:italic}.expense-actions{padding:.5rem 1rem;display:flex;gap:.5rem;border-top:1px solid #eee}.btn-edit-small,.btn-delete-small{padding:.4rem .8rem;border:none;border-radius:4px;cursor:pointer;font-size:.9rem;flex:1}.btn-edit-small{background:#4a90e2;color:#fff}.btn-edit-small:hover{background:#357abd}.btn-delete-small{background:#dc3545;color:#fff}.btn-delete-small:hover{background:#c82333}.empty-state{grid-column:1 / -1;text-align:center;padding:4rem 2rem;color:#888}.empty-state p{margin-bottom:1.5rem;font-size:1.1rem}.loading{text-align:center;padding:4rem;color:#888}@media (max-width: 768px){.expenses-grid{grid-template-columns:1fr}}.expense-detail-container{max-width:800px;margin:0 auto;padding:1rem;-webkit-overflow-scrolling:touch;overflow-y:auto;min-height:100vh;min-height:-webkit-fill-available}.detail-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.detail-actions{display:flex;gap:1rem}.btn-edit{padding:.5rem 1rem;background:#4a90e2;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:1rem}.btn-edit:hover{background:#357abd}.btn-delete{padding:.5rem 1rem;background:#dc3545;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:1rem}.btn-delete:hover:not(:disabled){background:#c82333}.btn-delete:disabled{opacity:.6;cursor:not-allowed}.expense-detail{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 4px #0000001a}.detail-image{width:100%;height:400px;overflow:hidden;background:#f0f0f0}.detail-image img{width:100%;height:100%;object-fit:cover}.detail-info{padding:2rem}.detail-info h1{margin-bottom:1rem;color:#333;font-size:2rem}.detail-price{font-size:2.5rem;font-weight:700;color:gold;margin-bottom:2rem}.detail-meta{display:flex;flex-direction:column;gap:1rem}.meta-item{display:flex;gap:1rem}.meta-label{font-weight:600;color:#555;min-width:100px}.meta-value{color:#333}.loading,.error-state{text-align:center;padding:4rem;color:#888}.error-state p{margin-bottom:1.5rem;font-size:1.1rem}.attachments{margin-top:2rem;padding-top:2rem;border-top:1px solid #e0e0e0}.attachments h2{margin-bottom:1.5rem;color:#333;font-size:1.5rem}.attachments h3{margin-top:1.5rem;margin-bottom:1rem;color:#555;font-size:1.2rem}.images-section{margin-bottom:2rem}.images-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem;margin-top:1rem}.image-thumbnail{position:relative;width:100%;aspect-ratio:1;border-radius:8px;overflow:hidden;cursor:pointer;box-shadow:0 2px 4px #0000001a;transition:transform .2s,box-shadow .2s}.image-thumbnail:hover{transform:scale(1.05);box-shadow:0 4px 8px #0003}.image-thumbnail img{width:100%;height:100%;object-fit:cover}.image-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.7),transparent);padding:.5rem;color:#fff;font-size:.85rem}.image-name{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.documents-section{margin-top:2rem}.documents-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}.document-item{background:#f8f9fa;border-radius:6px;padding:0;border:1px solid #e0e0e0}.document-link{display:flex;align-items:center;gap:.75rem;padding:1rem;text-decoration:none;color:#333;transition:background .2s}.document-link:hover{background:#e9ecef}.document-icon{font-size:1.5rem;flex-shrink:0}.document-name{flex:1;font-weight:500;word-break:break-word}.document-badge{background:#dc3545;color:#fff;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:700;flex-shrink:0}.image-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem;cursor:pointer}.image-modal-content{position:relative;max-width:90vw;max-height:90vh;cursor:default}.image-modal-content img{max-width:100%;max-height:90vh;object-fit:contain;border-radius:8px}.image-modal-close{position:absolute;top:-40px;right:0;background:#ffffffe6;border:none;width:40px;height:40px;border-radius:50%;font-size:2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#333;line-height:1;transition:background .2s}.image-modal-close:hover{background:#fff}@media (max-width: 768px){.detail-info{padding:1.5rem}.detail-info h1{font-size:1.5rem}.detail-price{font-size:2rem}.images-gallery{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.75rem}.image-modal{padding:1rem}.image-modal-close{top:-35px;width:35px;height:35px;font-size:1.5rem}}.add-expense-container{max-width:600px;margin:0 auto;padding:1rem;-webkit-overflow-scrolling:touch;overflow-y:auto;min-height:100vh;min-height:-webkit-fill-available}.add-expense-box{background:#fff;padding:2rem;border-radius:8px;box-shadow:0 2px 4px #0000001a}.form-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.form-header h1{color:#333}.btn-back{padding:.5rem 1rem;background:#6c757d;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:1rem}.btn-back:hover{background:#5a6268}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;color:#555;font-weight:500}.form-group input[type=text],.form-group input[type=number],.form-group input[type=date]{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:4px;font-size:1rem}.form-group input[type=file]{width:100%;padding:.5rem;border:1px solid #ddd;border-radius:4px;font-size:1rem}.form-group input:focus{outline:none;border-color:#4a90e2}.image-preview{margin-top:1rem;width:100%;max-width:300px;border-radius:4px;overflow:hidden}.image-preview img{width:100%;height:auto;display:block}.btn-submit{width:100%;padding:.75rem;background:#4a90e2;color:#fff;border:none;border-radius:4px;font-size:1rem;cursor:pointer;transition:background .2s}.btn-submit:hover:not(:disabled){background:#357abd}.btn-submit:disabled{opacity:.6;cursor:not-allowed}.error{color:#e74c3c;margin-bottom:1rem;text-align:center;font-size:.9rem}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:beige;overflow-x:hidden;overflow-y:auto;position:relative;height:100%;-webkit-overflow-scrolling:touch;touch-action:pan-y pan-x}#root{min-height:100vh;min-height:-webkit-fill-available;position:relative;overflow-x:hidden;overflow-y:auto}