body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f8f9fa;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box}#root{min-height:100vh}.App{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0 auto;max-width:1200px;padding:20px}.App-header{margin-bottom:30px;text-align:center}.App-header h1{color:#333;margin:0}.wallet-section{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:1px solid #ddd;border-radius:12px;margin-bottom:30px;padding:20px}.wallet-connect-options{text-align:center}.connect-btn{background:linear-gradient(135deg,#007bff,#0056b3);border:none;border-radius:8px;box-shadow:0 4px 12px #007bff4d;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:15px 30px;transition:all .3s}.connect-btn:hover:not(:disabled){box-shadow:0 6px 16px #007bff66;transform:translateY(-2px)}.connect-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.wallet-description{color:#6c757d;font-size:14px;line-height:1.5;margin-top:15px}.wallet-info{background:#fff;border:1px solid #e9ecef;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:20px}.wallet-header{align-items:center;border-bottom:1px solid #e9ecef;display:flex;gap:15px;margin-bottom:15px;padding-bottom:15px}.wallet-icon{font-size:24px}.wallet-name{color:#333;flex:1 1;font-size:18px;font-weight:600}.disconnect-btn{background:#dc3545;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:background-color .3s}.disconnect-btn:hover{background:#c82333}.wallet-details p{color:#495057;font-size:14px;margin:8px 0}.supported{color:#28a745;font-weight:700}.not-supported{color:#dc3545;font-weight:700}.status{animation:slideIn .3s ease-out;border-radius:8px;font-weight:500;margin-bottom:20px;padding:15px 20px}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.status.info{background:#d1ecf1;border:1px solid #bee5eb;color:#0c5460}.status.success{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.status.error{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.tab-navigation{background:#fff;border-bottom:2px solid #dee2e6;border-radius:8px 8px 0 0;display:flex;gap:0;margin-bottom:20px;overflow:hidden}.tab-navigation button{background:#f8f9fa;border:none;border-bottom:3px solid #0000;color:#6c757d;cursor:pointer;flex:1 1;font-size:16px;padding:15px 25px;transition:all .3s}.tab-navigation button:hover{background:#e9ecef;color:#495057}.tab-navigation button.active{background:#fff;border-bottom-color:#007bff;color:#007bff;font-weight:600}.batch-approval-section,.single-approval-section,.transfer-section{background:#fff;border:1px solid #ddd;border-radius:0 0 8px 8px;box-shadow:0 2px 8px #0000001a;padding:25px}.batch-approval-section h3,.single-approval-section h3,.transfer-section h3{color:#333;font-size:24px;margin:0 0 10px}.section-description{background:#f8f9fa;border-left:4px solid #007bff;border-radius:6px;color:#6c757d;font-size:14px;line-height:1.5;margin-bottom:20px;padding:12px 16px}.approval-item{grid-gap:12px;align-items:center;background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;display:grid;gap:12px;grid-template-columns:1fr 1fr 120px 100px auto;margin-bottom:15px;padding:15px}.approval-item input{border:1px solid #ced4da;border-radius:6px;font-size:14px;padding:10px 12px;transition:border-color .3s}.approval-item input:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40;outline:none}.remove-btn{background:#dc3545;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:10px 15px;transition:background-color .3s}.remove-btn:hover{background:#c82333}.approval-controls{border-top:1px solid #e9ecef;display:flex;flex-wrap:wrap;gap:15px;margin-top:25px;padding-top:20px}.add-btn{background:#6c757d;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:12px 20px;transition:background-color .3s}.add-btn:hover{background:#5a6268}.batch-btn{background:linear-gradient(135deg,#28a745,#20c997);border:none;border-radius:6px;box-shadow:0 2px 8px #28a7454d;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .3s}.batch-btn:hover:not(:disabled){box-shadow:0 4px 12px #28a74566;transform:translateY(-1px)}.batch-btn:disabled{background:#6c757d;box-shadow:none;cursor:not-allowed;transform:none}.form-group{display:flex;flex-direction:column;gap:15px;max-width:500px}.form-group input{border:1px solid #ced4da;border-radius:6px;font-size:14px;padding:12px 16px;transition:border-color .3s}.form-group input:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40;outline:none}.approve-btn{background:linear-gradient(135deg,#17a2b8,#138496);border:none;border-radius:6px;box-shadow:0 2px 8px #17a2b84d;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .3s}.approve-btn:hover:not(:disabled){box-shadow:0 4px 12px #17a2b866;transform:translateY(-1px)}.approve-btn:disabled{background:#6c757d;box-shadow:none;cursor:not-allowed;transform:none}.transfer-btn{background:linear-gradient(135deg,#fd7e14,#e96100);border:none;border-radius:6px;box-shadow:0 2px 8px #fd7e144d;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .3s}.transfer-btn:hover:not(:disabled){box-shadow:0 4px 12px #fd7e1466;transform:translateY(-1px)}.transfer-btn:disabled{background:#6c757d;box-shadow:none;cursor:not-allowed;transform:none}@media (max-width:768px){.App{padding:10px}.approval-item{gap:10px;grid-template-columns:1fr}.approval-controls{flex-direction:column}.tab-navigation{flex-wrap:wrap}.tab-navigation button{flex:none;min-width:120px}.wallet-header{flex-wrap:wrap;gap:10px}.wallet-name{flex-basis:100%;order:-1}}@media (max-width:480px){.tab-navigation button{font-size:14px;padding:12px 15px}.batch-approval-section,.single-approval-section,.transfer-section{padding:15px}.approval-item{padding:10px}}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.approve-btn:disabled,.batch-btn:disabled,.connect-btn:disabled,.transfer-btn:disabled{animation:pulse 1.5s infinite}@keyframes checkmark{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.status.success:before{animation:checkmark .5s ease-out;content:"✅ "}.status.error:before{content:"❌ "}.status.info:before{content:"ℹ️ "}