:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.5;font-weight:400;color:#213547;background-color:#f8f9fa;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:#f8f9fa}h1,h2,h3,h4,h5,h6{margin:0;font-weight:600;line-height:1.2}p{margin:0}a{color:#d2691e;text-decoration:none}a:hover{color:#ff8c00}button{border-radius:6px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background:linear-gradient(135deg,#ff8c00,#d2691e);color:#fff;cursor:pointer;transition:background .25s,transform .2s,box-shadow .2s;box-shadow:0 2px 4px #d2691e4d}button:hover:not(:disabled){background:linear-gradient(135deg,gold,#ff8c00);transform:translateY(-1px);box-shadow:0 4px 8px #d2691e66}button:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}button:focus,button:focus-visible{outline:2px solid #FFD700;outline-offset:2px}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.summary-page{max-width:1000px;margin:0 auto}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.header-left{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.summary-page h1{color:#333;font-size:2.2rem;margin:0}.refresh-button{background:#4caf50;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .2s ease;display:flex;align-items:center;gap:.5rem}.refresh-button:hover:not(:disabled){background:#45a049;transform:translateY(-1px)}.refresh-button:disabled{background:#ccc;cursor:not-allowed;opacity:.7}.refresh-button:disabled:hover{transform:none}.background-update-indicator{display:flex;align-items:center;gap:.5rem;color:#666;font-size:.85rem;font-weight:500;opacity:.8}.spinner{width:14px;height:14px;border:2px solid #e3e3e3;border-top:2px solid #4CAF50;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.page-header{flex-direction:column;text-align:center}.header-left{flex-direction:column;gap:.5rem}.summary-page h1{font-size:1.8rem}.background-update-indicator{font-size:.8rem}}.summary-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-bottom:2rem}.summary-card{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 4px 12px #0000001a;border:1px solid #e1e5e9;transition:transform .2s ease,box-shadow .2s ease;display:block}.summary-card:hover{transform:translateY(-4px)}.clickable-card{text-decoration:none;color:inherit;cursor:pointer}.clickable-card:hover{transform:translateY(-6px);box-shadow:0 6px 20px #00000026}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:2px solid}.summary-card h3{margin:0;font-size:1.3rem;text-align:center;flex:1}.card-arrow{font-size:1.5rem;font-weight:700;opacity:.6;transition:all .2s ease}.clickable-card:hover .card-arrow{opacity:1;transform:translate(4px)}.donation-card .card-header{border-bottom-color:#228b22}.donation-card h3{color:#228b22}.expense-card .card-header{border-bottom-color:#dc143c}.expense-card h3{color:#dc143c}.net-card h3{color:#d2691e;margin:0 0 1.5rem;font-size:1.3rem;text-align:center;padding-bottom:.75rem;border-bottom:2px solid #D2691E}.summary-stats{display:flex;flex-direction:column;gap:1rem}.stat{display:flex;justify-content:space-between;align-items:center}.stat-label{font-weight:500;color:#666;font-size:.95rem}.stat-value{font-weight:600;font-size:1.1rem;color:#333}.stat-value.positive{color:#28a745}.stat-value.negative{color:#dc3545}@media (max-width: 768px){.summary-page h1{font-size:1.8rem}.summary-cards{grid-template-columns:1fr;gap:1rem}.summary-card{padding:1.5rem}}@media (max-width: 480px){.summary-card{padding:1rem}.stat{flex-direction:column;align-items:flex-start;gap:.25rem}.stat-value{font-size:1rem}}.mobile-table{display:flex;flex-direction:column;gap:1rem}.mobile-table-row{cursor:pointer;transition:transform .2s ease}.mobile-table-row:hover{transform:translateY(-2px)}.mobile-table-card{background:#fff;border-radius:12px;padding:1.5rem 2.5rem 1.5rem 1.5rem;box-shadow:0 2px 8px #0000001a;border:1px solid #e1e5e9;position:relative;transition:box-shadow .2s ease}.mobile-table-row:hover .mobile-table-card{box-shadow:0 4px 16px #00000026}.mobile-table-field{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem;gap:1rem}.mobile-table-field:last-of-type{margin-bottom:0}.field-label{font-weight:600;color:#555;font-size:.9rem;min-width:80px;flex-shrink:0}.field-value{color:#333;font-size:.95rem;text-align:right;word-break:break-word;line-height:1.4}.mobile-table-arrow{position:absolute;top:50%;right:1rem;transform:translateY(-50%);font-size:1.2rem;color:#d2691e;font-weight:700}.no-data{text-align:center;padding:3rem 1rem;color:#888;background:#fff;border-radius:12px;border:1px solid #e1e5e9}@media (max-width: 480px){.mobile-table-card{padding:1rem}.mobile-table-field{flex-direction:column;align-items:flex-start;gap:.25rem}.field-value{text-align:left}.mobile-table-arrow{top:1rem;right:1rem;transform:none}}.detail-view{max-width:800px;margin:0 auto}.detail-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.back-button{background:#6c757d;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:6px;cursor:pointer;font-size:.95rem;font-weight:500;transition:background-color .2s}.back-button:hover{background:#5a6268}.navigation-buttons{display:flex;align-items:center;gap:1rem}.nav-button{background:linear-gradient(135deg,#ff8c00,#d2691e);color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-size:.9rem;transition:background .2s,box-shadow .2s;box-shadow:0 2px 4px #d2691e33}.nav-button:hover:not(:disabled){background:linear-gradient(135deg,gold,#ff8c00);box-shadow:0 4px 8px #d2691e4d}.nav-button:disabled{background:#ccc;cursor:not-allowed}.item-counter{font-size:.9rem;color:#666;white-space:nowrap}.detail-content{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 2px 8px #0000001a;border:1px solid #e1e5e9}.detail-title{margin:0 0 2rem;color:#333;font-size:1.5rem;text-align:center;border-bottom:2px solid #D2691E;padding-bottom:1rem}.detail-fields{display:flex;flex-direction:column;gap:1.5rem}.detail-field{display:flex;flex-direction:column;gap:.5rem}.detail-label{font-weight:600;color:#555;font-size:.95rem;margin-bottom:.25rem}.detail-value{background:#f8f9fa;padding:1rem;border-radius:6px;border:1px solid #e9ecef;color:#333;font-size:.95rem;line-height:1.5;white-space:pre-wrap;word-break:break-word;min-height:20px}@media (max-width: 768px){.detail-header{flex-direction:column;align-items:stretch}.navigation-buttons{justify-content:center}.detail-content{padding:1.5rem}.detail-title{font-size:1.3rem}}@media (max-width: 480px){.detail-view{padding:0}.detail-content{padding:1rem;border-radius:8px}.navigation-buttons{flex-direction:column;gap:.5rem}.nav-button{width:100%}.back-button{width:100%;text-align:center}}.app{min-height:100vh;display:flex;flex-direction:column}.navbar{background:linear-gradient(135deg,#ff8c00,#d2691e,#b8860b);color:#fff;padding:0;box-shadow:0 4px 15px #d2691e4d}.nav-container{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem}.nav-brand{display:flex;align-items:center;gap:1rem}.nav-logo{height:50px;width:50px;border-radius:50%;background:#fff;padding:2px}.nav-title-container{display:flex;flex-direction:column;gap:.25rem}.nav-title{margin:0;font-size:1.4rem;font-weight:700;color:gold;text-shadow:1px 1px 2px rgba(0,0,0,.3)}.nav-subtitle{margin:0;font-size:.85rem;color:#ffffffe6;font-weight:400}.nav-links{display:flex;gap:1.5rem}.nav-link{color:#fff;text-decoration:none;padding:.5rem 1rem;border-radius:6px;transition:background-color .2s;font-weight:500;border:1px solid rgba(255,215,0,.2)}.nav-link:hover{background-color:#ffd70033;color:gold}.main-content{flex:1;max-width:1200px;margin:0 auto;padding:1.5rem;width:100%;box-sizing:border-box}.page-container{width:100%}.page-header{margin-bottom:1.5rem;text-align:center}.page-header h1{margin:0 0 .5rem;color:#333;font-size:2rem}.data-count{margin:0;color:#666;font-size:.9rem}.loading,.error,.no-data{text-align:center;padding:3rem 1rem}.loading{color:#666;font-size:1.1rem}.error{color:#e74c3c}.error h3{margin:0 0 1rem;color:#c0392b}.error button{margin-top:1rem;padding:.5rem 1rem;background:#e74c3c;color:#fff;border:none;border-radius:4px;cursor:pointer}.no-data{color:#888}@media (max-width: 768px){.nav-container{flex-direction:column;gap:1rem;text-align:center}.nav-brand{justify-content:center}.nav-title{font-size:1rem}.nav-subtitle{font-size:.8rem}.nav-links{gap:1rem}.main-content{padding:1rem}.page-header h1{font-size:1.5rem}}@media (max-width: 480px){.nav-logo{height:40px;width:40px}.nav-links{flex-wrap:wrap;justify-content:center;gap:.5rem;width:100%}.nav-link{text-align:center;padding:.5rem .75rem}}