.App{text-align:center;max-width:1200px;margin:0 auto;padding:20px}.App-header{background-color:#282c34;padding:20px;color:#fff;border-radius:8px;margin-bottom:20px}.App-header h1{margin:0 0 20px;font-size:2.5rem}.connection-info{display:flex;align-items:center;justify-content:center;gap:15px}.connection-info button{background-color:#61dafb;color:#282c34;border:none;padding:10px 20px;border-radius:5px;cursor:pointer;font-weight:700;transition:background-color .3s}.connection-info button:hover{background-color:#21a1c4}.connection-info button:disabled{background-color:#666;cursor:not-allowed}.admin-badge{background-color:#ff6b6b;color:#fff;padding:4px 8px;border-radius:4px;font-size:.8rem;font-weight:700}.error-message{background-color:#ffebee;color:#c62828;padding:15px;border-radius:5px;margin:10px 0;border-left:4px solid #c62828;text-align:left;white-space:pre-line}.success-message{background-color:#e8f5e8;color:#2e7d32;padding:15px;border-radius:5px;margin:10px 0;border-left:4px solid #2e7d32;text-align:left;white-space:pre-line}.snackbar{position:fixed;left:24px;bottom:24px;transform:none;background:#323232;color:#fff;padding:12px 16px;border-radius:4px;box-shadow:0 6px 18px #00000059;display:flex;align-items:center;gap:12px;z-index:100;opacity:0;pointer-events:none;transition:opacity .16s ease,transform .16s ease}.snackbar.show{opacity:1;transform:translate(-50%) translateY(0)}.snackbar.error{background:#c62828}.snackbar.success{background:#2e7d32}.snackbar__message{font-weight:500}.snackbar__action{background:transparent;color:#fff;border:none;font-weight:700;min-width:auto;padding:0 4px;pointer-events:auto}.main-content{display:flex;flex-direction:column;gap:30px}.contract-status,.user-data,.betting-section,.withdraw-section,.lv-rewards-section,.view-functions,.admin-functions{background-color:#f5f5f5;padding:20px;border-radius:8px;border:1px solid #ddd}.contract-status h2,.user-data h2,.betting-section h2,.withdraw-section h2,.lv-rewards-section h2,.view-functions h2,.admin-functions h2{margin-top:0;color:#333;border-bottom:2px solid #61dafb;padding-bottom:10px}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px;margin-top:15px}.info-grid>div{background-color:#fff;padding:10px;border-radius:5px;border:1px solid #ccc;font-weight:700}.view-grid,.admin-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-top:15px}.view-group,.admin-group{background-color:#fff;padding:15px;border-radius:5px;border:1px solid #ccc}.view-group h3,.admin-group h3{margin-top:0;color:#555;border-bottom:1px solid #eee;padding-bottom:5px}.form-group{margin:15px 0;text-align:left}.form-group label{display:block;margin-bottom:5px;font-weight:700;color:#333}.form-group input,.form-group select{width:100%;padding:8px 12px;border:1px solid #ccc;border-radius:4px;font-size:14px;box-sizing:border-box}.form-group input:focus,.form-group select:focus{outline:none;border-color:#61dafb;box-shadow:0 0 5px #61dafb4d}button{background-color:#61dafb;color:#282c34;border:none;padding:10px 16px;border-radius:5px;cursor:pointer;font-weight:700;margin:5px;transition:all .3s;min-width:120px}button:hover{background-color:#21a1c4;transform:translateY(-1px)}button:disabled{background-color:#ccc;color:#666;cursor:not-allowed;transform:none}button:active{transform:translateY(0)}.betting-section{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.betting-section h2{color:#fff;border-bottom-color:#fff}.betting-section .form-group label{color:#fff}.trade-card{background:#0f172a;color:#e2e8f0;border:1px solid #243045;border-radius:12px;padding:16px;max-width:420px;margin:0 auto}.trade-card__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.tabs{display:grid;grid-template-columns:1fr 1fr;position:relative;gap:0;padding:4px;border-radius:14px;border:1px solid #243045;background:#0b1222;overflow:hidden}.tab-indicator{position:absolute;top:4px;left:4px;width:calc(50% - 4px);height:calc(100% - 8px);background:#1d2a44;border-radius:12px;transition:transform .22s ease}.tab{background:transparent;color:#94a3b8;padding:10px 18px;border-radius:10px;min-width:auto;transition:background .18s ease,color .18s ease,transform .12s ease;position:relative;z-index:1;border:none}.tab.active{background:#1d2a44;color:#e2e8f0;border-color:transparent;transform:translateY(-1px)}.market-select label{display:block;font-size:12px;color:#94a3b8;margin-bottom:4px}.market-select select{background:#0b1222;color:#e2e8f0;border:1px solid #243045;border-radius:8px;padding:6px 10px}.market-badge{font-weight:800;font-size:22px;color:#e5eefc;letter-spacing:.5px}.direction-toggle{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px}.dir-btn{border-radius:10px;padding:12px 10px;background:#1e293b;color:#94a3b8;border:1px solid #243045;transition:background .18s ease,color .18s ease,border-color .18s ease,transform .12s ease;overflow:hidden}.dir-btn.up.selected{background:#14532d;color:#4ade80;border-color:#14532d;border-left:3px solid #14532d;transform:translateY(-1px)}.dir-btn.down.selected{background:#7f1d1d;color:#fca5a5;border-color:#7f1d1d;border-left:3px solid #7f1d1d;transform:translateY(-1px)}.dir-btn:hover{background:#233249;color:#cbd5e1}.dir-btn:focus-visible{outline:2px solid #60a5fa;outline-offset:2px}.dir-btn.up.selected:hover,.dir-btn.up.selected:focus-visible{background:#14532d;color:#4ade80;border-color:#14532d}.dir-btn.down.selected:hover,.dir-btn.down.selected:focus-visible{background:#7f1d1d;color:#fca5a5;border-color:#7f1d1d}div.snackbar-container{position:fixed!important;right:24px!important;bottom:24px!important;left:auto!important;top:auto!important;width:auto!important;height:auto!important;max-width:420px!important;max-height:80vh!important;display:block!important;pointer-events:none!important;z-index:2147483646!important}div.snackbar-container .snackbar{pointer-events:none!important;right:24px!important;bottom:24px!important;left:auto!important;top:auto!important;width:auto!important;height:auto!important;z-index:1!important}div.walletlink-ui-container{position:fixed!important;right:24px!important;bottom:24px!important;left:auto!important;top:auto!important;width:auto!important;height:auto!important;pointer-events:none!important;z-index:2147483645!important}div.walletlink-ui-container *,div.snackbar-container *{pointer-events:none!important}[class*=snackbar i][class*=container i],[id*=snackbar i],[class*=walletlink i][class*=container i]{position:fixed!important;right:24px!important;bottom:24px!important;left:auto!important;top:auto!important;max-width:420px!important;max-height:80vh!important;pointer-events:none!important;z-index:2147483645!important}.amount-group{text-align:left}.amount-label{margin-bottom:8px;font-weight:700}.amount-input{display:flex;align-items:center;background:transparent;border:none;border-radius:0;padding:0;justify-content:flex-end}.currency-prefix{color:#64748b;margin-right:8px;font-size:32px;font-weight:800}.amount-input input{flex:1;background:transparent;border:none;color:#e2e8f0;font-size:32px;font-weight:700;text-align:right}.amount-input input:focus{outline:none;box-shadow:none}.amount-input input::-moz-placeholder{color:#94a3b8}.amount-input input::placeholder{color:#94a3b8}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.quick-chips{margin-top:10px;display:flex;gap:8px}.payout-panel{margin-top:16px;background:#0b1222;border:1px solid #243045;border-radius:12px;padding:14px 16px;overflow:hidden;max-height:0;opacity:0;transform:translateY(-6px);transition:max-height .3s ease,opacity .22s ease,transform .22s ease,padding .2s ease}.payout-panel.open{max-height:140px;opacity:1;transform:translateY(0)}.payout-row{display:flex;align-items:baseline;justify-content:space-between}.payout-label{color:#e2e8f0;font-weight:700;letter-spacing:.3px}.payout-amount{color:#22c55e;font-weight:700;font-size:32px}.payout-sub{margin-top:6px;color:#94a3b8;font-size:12px}.chip{background:#0b1222;color:#cbd5e1;border:1px solid #243045;border-radius:999px;padding:6px 10px;min-width:auto;transition:background .16s ease,color .16s ease,transform .12s ease}.primary-action{width:100%;margin-top:16px;background:#3b82f6;color:#fff;transition:background .18s ease,transform .12s ease,box-shadow .18s ease}.tos-note{margin-top:12px;font-size:12px;color:#94a3b8}.tos-note a{color:#60a5fa}.trade-body{display:grid;grid-template-columns:1fr;gap:16px}.instrument-summary{display:flex;justify-content:space-between;align-items:baseline;background:#0b1222;border:1px solid #243045;border-radius:10px;padding:10px 12px}.instrument-summary .symbol{font-weight:700}.instrument-summary .last-price{font-size:18px}.instrument-summary .last-price.pulse{animation:pulse .6s ease}.instrument-summary .unit{font-size:12px;color:#94a3b8;margin-left:4px}.instrument-summary .change{color:#94a3b8}.trade-form{display:grid;grid-template-columns:1fr 1fr;gap:12px 16px}.form-field label{display:block;margin-bottom:6px;font-weight:700}.form-field input,.form-field select{width:100%;padding:8px 10px;background:#0b1222;color:#e2e8f0;border:1px solid #243045;border-radius:8px}.field-error{margin-top:6px;color:#fca5a5;font-size:12px}.quote-panel{background:#0b1222;border:1px solid #243045;border-radius:10px;padding:10px 12px}.quote-panel ul{list-style:none;padding:0;margin:0}.quote-panel li{display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px dashed #1f2b40}.quote-panel li:last-child{border-bottom:none}.skeleton{width:100%;height:60px;background:linear-gradient(90deg,#101a2d,#0f172a,#101a2d);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:8px}@keyframes pulse{0%{color:#e2e8f0}20%{color:#93c5fd}to{color:#e2e8f0}}.btn-loading{display:inline-flex;align-items:center;gap:8px}.btn-spinner{width:16px;height:16px;border-radius:999px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;animation:spin .7s linear infinite}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}@keyframes shimmer{0%{background-position:0% 0}to{background-position:-200% 0}}.trade-footer{margin-top:12px}.trade-links{display:flex;justify-content:space-between;margin-top:8px}.link-btn{background:transparent;border:none;color:#60a5fa;min-width:auto;padding:0}.helper-text{margin-top:8px;color:#94a3b8;font-size:12px}@media (max-width: 640px){.trade-form{grid-template-columns:1fr}.sticky-cta{position:sticky;bottom:8px}}.withdraw-section{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff}.withdraw-section h2{color:#fff;border-bottom-color:#fff}.lv-rewards-section{background:linear-gradient(135deg,#4facfe,#00f2fe);color:#fff}.lv-rewards-section h2{color:#fff;border-bottom-color:#fff}.lv-rewards-section .form-group label{color:#fff}.admin-functions{background:linear-gradient(135deg,#fa709a,#fee140);color:#333}.admin-functions h2{color:#333;border-bottom-color:#333}@media (max-width: 768px){.App{padding:10px}.App-header h1{font-size:2rem}.connection-info{flex-direction:column;gap:10px}.info-grid,.view-grid,.admin-grid{grid-template-columns:1fr}.form-group input,.form-group select{font-size:16px}}.loading{display:inline-block;width:20px;height:20px;border:3px solid #f3f3f3;border-top:3px solid #61dafb;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.text-center{text-align:center}.text-left{text-align:left}.mb-0{margin-bottom:0}.mt-0{margin-top:0}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}::-webkit-scrollbar-thumb{background:#61dafb;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#21a1c4}