body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;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}.app{background:linear-gradient(135deg,#667eea,#764ba2);display:flex;flex-direction:column;font-size:14px;min-height:100vh}.app,.app-header{text-align:center}.app-header{background:#fffffffa;box-shadow:0 2px 10px #0000001a;padding:15px 20px}.app-header h1{color:#2c3e50;font-size:1.6em;font-weight:700;margin:0}.app-header p{color:#6c757d;font-size:.9em;margin:5px 0 0}.app-content{align-items:center;display:flex;flex:1 1;flex-direction:column;padding:15px}.dashboard{flex-direction:column}.account-status-centered,.dashboard{align-items:center;display:flex;max-width:500px;width:100%}.account-status-centered{justify-content:center;margin-bottom:20px;padding:0 10px}.status-badge-large{border-radius:25px;box-shadow:0 4px 15px #00000026;font-size:1em;font-weight:700;padding:12px 25px;text-align:center}.status-badge-large.owner{background:linear-gradient(135deg,gold,orange);border:2px solid gold;color:#8b4513}.status-badge-large.user{background:linear-gradient(135deg,#6c757d,#495057);border:2px solid #6c757d;color:#fff}.info-card{background:#fff;border:1px solid #eaeaea;border-radius:15px;box-shadow:0 8px 25px #0000001a;margin-bottom:25px;max-width:500px;overflow:hidden;padding:0;width:100%}.section-tabs{background:#f8f9fa;border-bottom:1px solid #e9ecef;display:flex}.section-tab{background:#0000;border:none;border-bottom:3px solid #0000;color:#6c757d;cursor:pointer;flex:1 1;font-size:.9em;font-weight:600;padding:16px 20px;transition:all .3s ease}.section-tab.active{background:#fff;border-bottom:3px solid #667eea;color:#667eea}.section-tab:hover:not(.active){background:#e9ecef;color:#495057}.section-content{padding:25px}.section-content h2{color:#2c3e50;font-size:1.4em;font-weight:700;margin-bottom:20px;text-align:center}.section-content h3{color:#2c3e50;font-size:1.2em;font-weight:600;margin-bottom:15px;text-align:center}.price-rate-section{background:linear-gradient(135deg,#f8f9ff,#f0f2ff);border:1px solid #e6e8ff;border-radius:12px;margin-bottom:20px;padding:20px}.price-item,.rate-item{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px;padding:8px 0}.price-item:last-child,.rate-item:last-child{margin-bottom:0}.price-label,.rate-label{color:#667eea;font-size:.9em;font-weight:600}.price-value,.rate-value{color:#2c3e50;font-size:1em;font-weight:700}.compact-info-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin:20px 0;text-align:center}.info-item{background:#f8f9fa;border:1px solid #e9ecef;border-radius:10px;padding:15px;transition:all .2s ease}.info-item:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.info-item.highlight{background:linear-gradient(135deg,#28a745,#20c997);box-shadow:0 4px 15px #28a7454d;color:#fff}.info-label{color:#6c757d;font-size:.8em;font-weight:600;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.info-item.highlight .info-label{color:#ffffffe6}.info-value{color:#2c3e50;font-size:1em;font-weight:700}.info-item.highlight .info-value{color:#fff;font-size:1.1em}.balance-highlight{color:#fff!important;font-size:1.3em!important;font-weight:900!important;letter-spacing:.5px;text-shadow:0 2px 4px #0000004d}.buy-section{margin:25px 0;text-align:center}.buy-section h3{color:#2c3e50;margin-bottom:15px}.buy-input-group{align-items:center;display:flex;flex-direction:column;gap:12px;justify-content:center}.buy-input-group .input-field{border:2px solid #e9ecef;border-radius:10px;font-size:.95em;max-width:250px;padding:12px 15px;text-align:center;transition:all .3s ease;width:100%}.buy-input-group .input-field:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.buy-input-group .buy-button{background:linear-gradient(135deg,#28a745,#20c997);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:.95em;font-weight:600;max-width:250px;padding:12px 20px;transition:all .3s ease;width:100%}.buy-input-group .buy-button:hover:not(:disabled){background:linear-gradient(135deg,#218838,#1e9e8a);box-shadow:0 6px 20px #28a74566;transform:translateY(-2px)}.buy-input-group .buy-button:active{transform:translateY(0)}.estimated-amount{animation:fadeIn .3s ease;background:#28a7451a;border:1px solid #28a74533;border-radius:8px;color:#28a745;font-size:.95em;font-weight:600;margin-top:12px;padding:10px 15px;text-align:center}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.quick-actions{background:linear-gradient(135deg,#f8f9ff,#f0f2ff);border:1px solid #e6e8ff;border-radius:12px;margin:25px 0;padding:20px;text-align:center}.quick-actions h3{color:#2c3e50;margin-bottom:20px}.action-buttons-row{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin-bottom:15px}.action-button{border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:.9em;font-weight:600;min-width:140px;padding:12px 20px;transition:all .3s ease;-webkit-user-select:none;user-select:none}.action-button:disabled{box-shadow:none!important;cursor:not-allowed;opacity:.6;transform:none!important}.action-button:active{transform:translateY(0)}.action-button.refresh-button{background:linear-gradient(135deg,#17a2b8,#138496)}.action-button.refresh-button:hover:not(:disabled){background:linear-gradient(135deg,#138496,#117a8b);box-shadow:0 6px 20px #17a2b866;transform:translateY(-2px)}.action-button.import-button{background:linear-gradient(135deg,#6f42c1,#5a2d9c)}.action-button.import-button:hover:not(:disabled){background:linear-gradient(135deg,#5a2d9c,#4a2580);box-shadow:0 6px 20px #6f42c166;transform:translateY(-2px)}.action-button.transfer-button{background:linear-gradient(135deg,#007bff,#0056b3)}.action-button.transfer-button:hover:not(:disabled){background:linear-gradient(135deg,#0056b3,#004085);box-shadow:0 6px 20px #007bff66;transform:translateY(-2px)}.action-button.price-button{background:linear-gradient(135deg,#fd7e14,#e55a00)}.action-button.price-button:hover:not(:disabled){background:linear-gradient(135deg,#e55a00,#cc4c00);box-shadow:0 6px 20px #fd7e1466;transform:translateY(-2px)}.action-button.withdraw-button{background:linear-gradient(135deg,#dc3545,#c82333)}.action-button.withdraw-button:hover:not(:disabled){background:linear-gradient(135deg,#c82333,#a71e2a);box-shadow:0 6px 20px #dc354566;transform:translateY(-2px)}.quick-actions-note{color:#6c757d;font-size:.8em;font-style:italic;margin:0}.import-info-section{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:1px solid #dee2e6;border-radius:12px;margin-top:20px;padding:20px}.import-info-section h3{color:#495057;margin-bottom:15px}.import-info-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr}.import-info-item{align-items:center;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;padding:10px 0}.import-info-item:last-child{border-bottom:none}.import-label{color:#6c757d;font-size:.8em;font-weight:600;text-transform:uppercase}.import-value{color:#495057;cursor:pointer;font-size:.85em;font-weight:600;transition:color .2s ease;-webkit-user-select:none;user-select:none}.import-value:hover{color:#667eea}.import-value.copyable{align-items:center;background:#667eea1a;border-radius:6px;cursor:pointer;display:inline-flex;gap:6px;padding:6px 12px;transition:all .2s ease}.import-value.copyable:hover{background:#667eea33;transform:translateY(-1px)}.welcome-section{align-items:center;display:flex;justify-content:center;min-height:70vh;text-align:center}.welcome-card{background:#fff;border:1px solid #eaeaea;border-radius:20px;box-shadow:0 10px 30px #0000001a;max-width:450px;padding:30px;text-align:center}.welcome-card h2{color:#2c3e50;font-size:1.6em;margin-bottom:15px}.welcome-card p{color:#6c757d;font-size:1em;line-height:1.5;margin-bottom:25px}.metamask-prompt{background:linear-gradient(135deg,#fff9f2,#fff0e0);border:2px solid #ffd9b3;border-radius:15px;margin:25px 0;padding:25px;text-align:center}.metamask-header{align-items:center;display:flex;gap:10px;justify-content:center;margin-bottom:15px}.metamask-icon{font-size:2em}.metamask-prompt h3{color:#e2761b;font-size:1.3em;margin-bottom:10px}.metamask-prompt p{color:#666;font-size:.95em;margin-bottom:20px}.metamask-install-button{background:linear-gradient(135deg,#f6851b,#e2761b);border-radius:10px;box-shadow:0 4px 15px #f6851b4d;color:#fff;display:inline-block;font-size:1em;font-weight:600;margin:10px 0;padding:15px 30px;text-decoration:none;transition:all .3s ease}.metamask-install-button:hover{box-shadow:0 8px 25px #f6851b66;color:#fff;transform:translateY(-3px)}.metamask-note{color:#888;font-size:.85em;margin-top:15px}.connect-prompt{background:linear-gradient(135deg,#f0f8ff,#e6f3ff);border:2px solid #cce5ff;border-radius:15px;margin:25px 0;padding:25px;text-align:center}.connect-header{align-items:center;display:flex;gap:10px;justify-content:center;margin-bottom:15px}.connect-icon{font-size:2em}.connect-prompt h3{color:#667eea;font-size:1.3em;margin-bottom:10px}.connect-prompt p{color:#666;font-size:.95em;margin-bottom:20px}.connect-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;box-shadow:0 4px 15px #667eea4d;color:#fff;cursor:pointer;font-size:1em;font-weight:600;margin:15px 0;padding:15px 30px;transition:all .3s ease}.connect-button:hover{box-shadow:0 8px 25px #667eea66;transform:translateY(-3px)}.about-content,.intro-text{text-align:center}.intro-text{color:#6c757d;font-size:1em;line-height:1.6;margin-bottom:25px;margin-left:auto;margin-right:auto;max-width:500px}.value-props-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:25px 0}.value-prop-card{background:linear-gradient(135deg,#f8f9ff,#f0f2ff);border:1px solid #e6e8ff;border-radius:12px;padding:20px;text-align:center;transition:all .3s ease}.value-prop-card:hover{box-shadow:0 8px 25px #667eea26;transform:translateY(-3px)}.value-prop-icon{font-size:2em;margin-bottom:12px}.value-prop-card h4{color:#2c3e50;font-size:1em;font-weight:700;margin-bottom:8px}.value-prop-card p{color:#6c757d;font-size:.85em;line-height:1.4;margin:0}.steps-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin:25px 0}.step-card{background:#fff;border:1px solid #e9ecef;border-radius:12px;padding:20px;text-align:center;transition:all .3s ease}.step-card:hover{box-shadow:0 6px 20px #0000001a;transform:translateY(-2px)}.step-number{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;height:35px;justify-content:center;margin:0 auto 12px;width:35px}.step-card h4,.step-number{font-size:1em;font-weight:700}.step-card h4{color:#2c3e50;margin-bottom:10px}.step-card p{color:#6c757d;font-size:.85em;line-height:1.4;margin:0}.token-details-grid{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:1px solid #dee2e6;border-radius:12px;margin:20px 0;padding:20px}.token-detail-item{align-items:center;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;padding:10px 0}.token-detail-item:last-child{border-bottom:none}.detail-label{color:#6c757d;font-size:.85em;font-weight:600;text-transform:uppercase}.detail-value{color:#495057;font-size:.9em;font-weight:700}.features-list{background:linear-gradient(135deg,#f0f8ff,#e6f3ff);border:1px solid #cce5ff;border-radius:12px;margin:20px 0;padding:20px}.feature-item{align-items:center;border-bottom:1px solid #d1ecff;display:flex;gap:15px;padding:12px 0}.feature-item:last-child{border-bottom:none}.feature-icon{font-size:1.2em;text-align:center;width:30px}.feature-text{color:#495057;flex:1 1;font-size:.9em;font-weight:600;text-align:left}.about-section{margin-bottom:30px}.about-section:last-child{margin-bottom:0}.about-section h2{color:#2c3e50;font-size:1.5em;font-weight:700;margin-bottom:20px}.about-section h3{color:#667eea;font-size:1.3em;font-weight:700;margin-bottom:20px}.actions-section{max-width:500px;text-align:center;width:100%}.actions-section h3{color:#2c3e50;font-size:1.3em;margin-bottom:20px;text-align:center}.transaction-section{background:#f8f9fa;border-radius:12px;margin:20px 0;padding:20px;text-align:center}.input-group{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-bottom:15px}.input-field{border:2px solid #e9ecef;border-radius:10px;flex:1 1;font-size:.9em;min-width:140px;padding:12px;transition:all .3s ease}.input-field:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.input-field:disabled{background:#f8f9fa;cursor:not-allowed;opacity:.7}.owner-section{background:linear-gradient(135deg,#fff9e6,#fff3cd);border-left:4px solid #ffc107}.contract-balance{align-items:center;background:#fff3cd;border:1px solid #ffeaa7;border-radius:8px;display:flex;font-size:.9em;font-weight:600;justify-content:space-between;margin-top:15px;padding:12px}.error-section{margin:15px 0;max-width:500px;width:100%}.error{background:#f8d7da;border:1px solid #f5c6cb;border-radius:8px;color:#721c24;padding:12px}.app-footer,.error{font-size:.85em;text-align:center}.app-footer{background:#fffffffa;color:#6c757d;margin-top:auto;padding:15px}.loading-overlay{align-items:center;background:#000000b3;bottom:0;color:#fff;display:flex;flex-direction:column;font-weight:600;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#667eea;height:50px;margin-bottom:20px;width:50px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.transaction-status{animation:slideDown .3s ease;border-radius:10px;box-shadow:0 6px 20px #0000001a;font-size:.95em;font-weight:600;margin:0 15px 20px;max-width:500px;padding:15px 25px;text-align:center;width:100%}.transaction-status.success{background:linear-gradient(135deg,#28a745,#20c997);border:1px solid #28a745;color:#fff}.transaction-status.error{background:linear-gradient(135deg,#dc3545,#c82333);border:1px solid #dc3545;color:#fff}.transaction-status.info{background:linear-gradient(135deg,#17a2b8,#138496);border:1px solid #17a2b8;color:#fff}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.app{font-size:13px}.section-tabs{flex-direction:column}.section-tab{max-width:100%;padding:14px 16px}.input-group{flex-direction:column}.input-field{min-width:100%}.compact-info-grid{gap:12px;grid-template-columns:1fr}.action-buttons-row{align-items:center;flex-direction:column}.action-button{max-width:250px;width:100%}.contract-balance{flex-direction:column;gap:10px}.import-info-item,.price-item,.rate-item{flex-direction:column;gap:5px;text-align:center}.value-props-grid{gap:12px;grid-template-columns:1fr}.steps-grid{gap:15px;grid-template-columns:1fr}.token-detail-item{gap:5px}.feature-item,.token-detail-item{flex-direction:column;text-align:center}.feature-item{gap:8px}.step-card,.value-prop-card{padding:15px}.connect-prompt,.metamask-prompt{margin:20px 0;padding:20px}}@media (max-width:480px){.transaction-status{font-size:.9em;margin:0 10px 15px;padding:12px 20px}.buy-section{margin:20px 0}.estimated-amount{font-size:.9em;padding:8px 12px}.buy-input-group .buy-button,.buy-input-group .input-field{max-width:100%}.about-section{margin-bottom:25px}.about-section h2{font-size:1.3em}.about-section h3{font-size:1.1em}.welcome-card{margin:10px;padding:20px}.connect-prompt,.metamask-prompt{padding:15px}.app-header{padding:12px 15px}.app-header h1{font-size:1.4em}}
/*# sourceMappingURL=main.34aac498.css.map*/