body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#1a1a1a;background-color:#f8fdf8;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root{flex-direction:column;min-height:100vh;display:flex}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:root{--primary-color:#2e7d32;--primary-light:#4caf50;--primary-dark:#1b5e20;--secondary-color:#ff9800;--secondary-light:#ffb74d;--secondary-dark:#f57c00;--background-color:#f8fdf8;--surface-color:#fff;--text-primary:#1a1a1a;--text-secondary:#666;--text-light:#888;--error-color:#d32f2f;--success-color:#388e3c;--warning-color:#f57c00;--border-color:#e0e0e0;--border-radius:12px;--shadow:0 4px 12px #00000014;--shadow-hover:0 8px 24px #0000001f;--spacing-xs:8px;--spacing-sm:16px;--spacing-md:24px;--spacing-lg:32px;--spacing-xl:48px}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--background-color);color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6}.app{flex-direction:column;min-height:100vh;display:flex}.app-header{background:linear-gradient(135deg, var(--primary-dark), var(--primary-color));color:#fff;padding:var(--spacing-md) var(--spacing-lg);justify-content:center;align-items:center;display:flex;box-shadow:0 2px 8px #0000001a}.logo-container{align-items:center;gap:var(--spacing-md);width:100%;max-width:1200px;margin:0 auto;display:flex}.logo-placeholder{width:60px;height:60px;box-shadow:var(--shadow);background-color:#fff;border-radius:50%;justify-content:center;align-items:center;display:flex}.logo-text{font-size:32px}.header-text h1{margin-bottom:4px;font-size:28px;font-weight:700}.tagline{opacity:.9;font-size:16px;font-weight:300}.app-main{padding:var(--spacing-xl) var(--spacing-lg);flex:1;width:100%;max-width:1200px;margin:0 auto}.container{background-color:var(--surface-color);border-radius:var(--border-radius);box-shadow:var(--shadow);padding:var(--spacing-xl);margin-bottom:var(--spacing-xl)}.phone-input-container h2{color:var(--primary-dark);margin-bottom:var(--spacing-xs);font-size:28px}.subtitle{color:var(--text-secondary);margin-bottom:var(--spacing-sm);font-size:16px}.org-info{border-radius:var(--border-radius);padding:var(--spacing-sm) var(--spacing-md);margin-bottom:var(--spacing-lg);border-left:4px solid var(--primary-color);background-color:#2e7d3214}.org-info p{margin:0;font-size:15px}.org-info small{color:var(--text-light);font-size:13px}.phone-example{color:var(--text-light);margin-top:8px;font-size:14px}.phone-example code{color:var(--primary-dark);background-color:#2e7d321a;border-radius:4px;padding:2px 6px;font-family:monospace}.phone-form{gap:var(--spacing-md);flex-direction:column;max-width:500px;display:flex}.form-group{gap:var(--spacing-xs);flex-direction:column;display:flex}.form-group label{color:var(--text-primary);font-weight:600}.phone-input,.org-input{border:2px solid var(--border-color);border-radius:var(--border-radius);padding:14px 16px;font-size:16px;transition:all .3s}.phone-input:focus,.org-input:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 3px #2e7d321a}.hint{color:var(--text-light);font-size:14px}.error-message{color:var(--error-color);padding:var(--spacing-sm);border-radius:var(--border-radius);border-left:4px solid var(--error-color);background-color:#d32f2f1a;font-weight:500}.submit-button{background:linear-gradient(135deg, var(--primary-color), var(--primary-light));color:#fff;border-radius:var(--border-radius);cursor:pointer;margin-top:var(--spacing-sm);border:none;padding:16px 24px;font-size:16px;font-weight:600;transition:all .3s}.submit-button:hover:not(:disabled){background:linear-gradient(135deg, var(--primary-dark), var(--primary-color));box-shadow:var(--shadow-hover);transform:translateY(-2px)}.submit-button:disabled{opacity:.6;cursor:not-allowed}.info-box{border-radius:var(--border-radius);padding:var(--spacing-md);margin-top:var(--spacing-xl);border-left:4px solid var(--primary-color);background-color:#2e7d320d}.info-box h3{color:var(--primary-dark);margin-bottom:var(--spacing-sm)}.info-box ul{padding-left:var(--spacing-lg);color:var(--text-secondary)}.info-box li{margin-bottom:var(--spacing-xs)}.balance-display{animation:.5s fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.loading{text-align:center;padding:var(--spacing-xl)}.spinner{border:4px solid #2e7d321a;border-top-color:var(--primary-color);width:60px;height:60px;margin:0 auto var(--spacing-md);border-radius:50%;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.balance-header{margin-bottom:var(--spacing-lg);justify-content:space-between;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.phone-info{color:var(--text-secondary);font-size:16px}.reset-button{color:var(--primary-color);border:2px solid var(--primary-color);border-radius:var(--border-radius);cursor:pointer;background-color:#0000;padding:10px 20px;font-weight:600;transition:all .3s}.reset-button:hover{background-color:#2e7d321a}.reset-button.small{padding:6px 12px;font-size:14px}.balances-grid{gap:var(--spacing-md);margin-bottom:var(--spacing-xl);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));display:grid}.balance-card{background-color:var(--surface-color);border-radius:var(--border-radius);box-shadow:var(--shadow);padding:var(--spacing-md);border-top:4px solid var(--primary-color);transition:transform .3s,box-shadow .3s}.balance-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-4px)}.balance-card-header{align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);display:flex}.balance-icon{font-size:24px}.balance-card h3{color:var(--text-primary);font-size:18px}.balance-type{color:var(--text-secondary);margin-bottom:var(--spacing-md);font-size:14px}.balance-amount{align-items:baseline;gap:var(--spacing-xs);margin-bottom:var(--spacing-md);display:flex}.amount{color:var(--primary-dark);font-size:32px;font-weight:700}.currency{color:var(--text-secondary);font-size:20px}.balance-id{color:var(--text-light);text-overflow:ellipsis;background-color:#00000008;border-radius:4px;padding:4px 8px;font-family:monospace;font-size:12px;overflow:hidden}.balance-card-footer{gap:var(--spacing-sm);margin-top:var(--spacing-md);display:flex}.action-button{background-color:var(--primary-color);color:#fff;cursor:pointer;border:none;border-radius:8px;flex:1;padding:10px;font-weight:600;transition:background-color .3s}.action-button:hover{background-color:var(--primary-dark)}.action-button.secondary{color:var(--primary-color);border:2px solid var(--primary-color);background-color:#0000}.action-button.secondary:hover{background-color:#2e7d321a}.balance-summary{background:linear-gradient(135deg, var(--primary-dark), var(--primary-color));color:#fff;border-radius:var(--border-radius);padding:var(--spacing-lg);text-align:center}.total-amount{margin:var(--spacing-sm) 0;font-size:48px;font-weight:700}.summary-info{opacity:.9;font-size:16px}.error{border-radius:var(--border-radius);padding:var(--spacing-xl);border-left:4px solid var(--error-color);background-color:#d32f2f0d}.error h2{color:var(--error-color);margin-bottom:var(--spacing-md)}.error-details{border-radius:var(--border-radius);padding:var(--spacing-md);margin-bottom:var(--spacing-lg);background-color:#fff}.error-details p{margin-bottom:var(--spacing-xs)}.empty{text-align:center;padding:var(--spacing-xl)}.empty h2{color:var(--text-secondary);margin-bottom:var(--spacing-sm)}.demo-info{border-radius:var(--border-radius);padding:var(--spacing-lg);border-left:4px solid var(--secondary-color);margin-top:var(--spacing-xl);background-color:#ff98000d}.demo-info h3{color:var(--secondary-dark);margin-bottom:var(--spacing-sm)}.demo-info ul{padding-left:var(--spacing-lg);margin-bottom:var(--spacing-md)}.demo-info li{margin-bottom:var(--spacing-xs);color:var(--text-secondary)}.note{color:var(--text-light);font-size:14px;font-style:italic}.app-footer{background-color:var(--primary-dark);color:#fff;padding:var(--spacing-lg);text-align:center;margin-top:auto}.footer-links{margin-top:var(--spacing-sm)}.footer-links a{color:#fffc;margin:0 var(--spacing-sm);text-decoration:none;transition:color .3s}.footer-links a:hover{color:#fff;text-decoration:underline}@media (width<=768px){.app-header{padding:var(--spacing-md)}.logo-container{text-align:center;gap:var(--spacing-sm);flex-direction:column}.header-text h1{font-size:24px}.app-main,.container{padding:var(--spacing-md)}.balances-grid{grid-template-columns:1fr}.balance-header{align-items:flex-start;gap:var(--spacing-sm);flex-direction:column}.balance-card-footer{flex-direction:column}.total-amount{font-size:36px}}@media (width<=480px){.phone-form{gap:var(--spacing-sm)}.phone-input,.org-input{padding:12px}.submit-button{padding:14px}}