@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&display=swap";.wallet-adapter-button{background-color:transparent;border:none;color:#fff;cursor:pointer;display:flex;align-items:center;font-family:DM Sans,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:16px;font-weight:600;height:48px;line-height:48px;padding:0 24px;border-radius:4px}.wallet-adapter-button-trigger{background-color:#512da8}.wallet-adapter-button:not([disabled]):focus-visible{outline-color:#fff}.wallet-adapter-button:not([disabled]):hover{background-color:#1a1f2e}.wallet-adapter-button[disabled]{background:#404144;color:#999;cursor:not-allowed}.wallet-adapter-button-end-icon,.wallet-adapter-button-start-icon,.wallet-adapter-button-end-icon img,.wallet-adapter-button-start-icon img{display:flex;align-items:center;justify-content:center;width:24px;height:24px}.wallet-adapter-button-end-icon{margin-left:12px}.wallet-adapter-button-start-icon{margin-right:12px}.wallet-adapter-collapse{width:100%}.wallet-adapter-dropdown{position:relative;display:inline-block}.wallet-adapter-dropdown-list{position:absolute;z-index:99;display:grid;grid-template-rows:1fr;grid-row-gap:10px;padding:10px;top:100%;right:0;margin:0;list-style:none;background:#2c2d30;border-radius:10px;box-shadow:0 8px 20px #0009;opacity:0;visibility:hidden;transition:opacity .2s ease,transform .2s ease,visibility .2s;font-family:DM Sans,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif}.wallet-adapter-dropdown-list-active{opacity:1;visibility:visible;transform:translateY(10px)}.wallet-adapter-dropdown-list-item{display:flex;flex-direction:row;justify-content:center;align-items:center;border:none;outline:none;cursor:pointer;white-space:nowrap;box-sizing:border-box;padding:0 20px;width:100%;border-radius:6px;font-size:14px;font-weight:600;height:37px;color:#fff}.wallet-adapter-dropdown-list-item:not([disabled]):hover{background-color:#1a1f2e}.wallet-adapter-modal-collapse-button svg{align-self:center;fill:#999}.wallet-adapter-modal-collapse-button.wallet-adapter-modal-collapse-button-active svg{transform:rotate(180deg);transition:transform ease-in .15s}.wallet-adapter-modal{position:fixed;top:0;left:0;right:0;bottom:0;opacity:0;transition:opacity linear .15s;background:#00000080;z-index:1040;overflow-y:auto}.wallet-adapter-modal.wallet-adapter-modal-fade-in{opacity:1}.wallet-adapter-modal-button-close{display:flex;align-items:center;justify-content:center;position:absolute;top:18px;right:18px;padding:12px;cursor:pointer;background:#1a1f2e;border:none;border-radius:50%}.wallet-adapter-modal-button-close:focus-visible{outline-color:#fff}.wallet-adapter-modal-button-close svg{fill:#777;transition:fill .2s ease 0s}.wallet-adapter-modal-button-close:hover svg{fill:#fff}.wallet-adapter-modal-overlay{background:#00000080;position:fixed;top:0;left:0;bottom:0;right:0}.wallet-adapter-modal-container{display:flex;margin:3rem;min-height:calc(100vh - 6rem);align-items:center;justify-content:center}@media (max-width: 480px){.wallet-adapter-modal-container{margin:1rem;min-height:calc(100vh - 2rem)}}.wallet-adapter-modal-wrapper{box-sizing:border-box;position:relative;display:flex;align-items:center;flex-direction:column;z-index:1050;max-width:400px;border-radius:10px;background:#10141f;box-shadow:0 8px 20px #0009;font-family:DM Sans,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;flex:1}.wallet-adapter-modal-wrapper .wallet-adapter-button{width:100%}.wallet-adapter-modal-title{font-weight:500;font-size:24px;line-height:36px;margin:0;padding:64px 48px 48px;text-align:center;color:#fff}@media (max-width: 374px){.wallet-adapter-modal-title{font-size:18px}}.wallet-adapter-modal-list{margin:0 0 12px;padding:0;width:100%;list-style:none}.wallet-adapter-modal-list .wallet-adapter-button{font-weight:400;border-radius:0;font-size:18px}.wallet-adapter-modal-list .wallet-adapter-button-end-icon,.wallet-adapter-modal-list .wallet-adapter-button-start-icon,.wallet-adapter-modal-list .wallet-adapter-button-end-icon img,.wallet-adapter-modal-list .wallet-adapter-button-start-icon img{width:28px;height:28px}.wallet-adapter-modal-list .wallet-adapter-button span{margin-left:auto;font-size:14px;opacity:.6}.wallet-adapter-modal-list-more{cursor:pointer;border:none;padding:12px 24px 24px 12px;align-self:flex-end;display:flex;align-items:center;background-color:transparent;color:#fff}.wallet-adapter-modal-list-more svg{transition:all .1s ease;fill:#fff;margin-left:.5rem}.wallet-adapter-modal-list-more-icon-rotate{transform:rotate(180deg)}.wallet-adapter-modal-middle{width:100%;display:flex;flex-direction:column;align-items:center;padding:0 24px 24px;box-sizing:border-box}.wallet-adapter-modal-middle-button{display:block;cursor:pointer;margin-top:48px;width:100%;background-color:#512da8;padding:12px;font-size:18px;border:none;border-radius:8px;color:#fff}.status-open{color:#03dac6!important}.status-closed{color:#cf6679!important}.status-enrolled{color:#03dac6!important}.status-not-enrolled{color:#b3b3b3!important}.penalty-warning{color:#cf6679}.no-penalty{color:#03dac6}.stat-detail{font-size:.8rem;color:#b3b3b3;margin-top:4px;font-style:italic}.quick-amounts{display:flex;gap:8px;margin:12px 0}.input-with-btn{display:flex;gap:8px;align-items:center}.input-with-btn input{flex:1;background:#2c2c2c99;border:1px solid rgba(51,51,51,.5);border-radius:8px;color:#fff;padding:12px 16px;font-size:1rem}.input-with-btn input:focus{border-color:#4292d399;outline:none}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.wallet-adapter-dropdown{background-color:var(--bg-secondary)!important;border:1px solid var(--border)!important;border-radius:8px!important;margin-bottom:28px!important}.wallet-adapter-dropdown-list{background-color:var(--bg-secondary)!important;border:1px solid var(--border)!important;border-radius:8px!important}.wallet-adapter-dropdown-list-item{background-color:var(--bg-secondary)!important;color:var(--text-primary)!important}.wallet-adapter-dropdown-list-item:hover{background-color:var(--input-bg)!important}.wallet-adapter-button{background:linear-gradient(to left,var(--accent-dark),var(--accent))!important;color:#fff!important;border:1px solid var(--border)!important;border-radius:5px!important;padding:.75rem 1.5rem!important;font-size:1rem!important;cursor:pointer!important;transition:all .1s!important}.wallet-adapter-button:hover{background:linear-gradient(to right,var(--accent-dark),var(--accent))!important;border:1px solid #000!important}.wallet-adapter-button:disabled{background-color:#555!important;cursor:not-allowed!important}.wallet-adapter-modal{background-color:var(--bg-primary)!important}.wallet-adapter-modal-overlay{background-color:#000000b3!important}.wallet-adapter-modal-container{background-color:var(--bg-secondary)!important;border:1px solid var(--border)!important;border-radius:8px!important;color:var(--text-primary)!important}.wallet-adapter-modal-title{color:var(--accent)!important}.wallet-adapter-modal-list{background-color:var(--bg-secondary)!important}.wallet-adapter-modal-list-item{background-color:var(--bg-secondary)!important;color:var(--text-primary)!important;border-radius:4px!important;margin-bottom:.5rem!important}.wallet-adapter-modal-list-item:hover{background-color:var(--input-bg)!important}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.wallet-info-card{background:linear-gradient(135deg,#1e1e2e,#181825);border:1px solid #313244;border-radius:16px;padding:20px;margin-bottom:24px;box-shadow:0 8px 24px #0000004d}.wallet-header{display:flex;align-items:center;gap:16px}.wallet-icon{font-size:24px;padding:12px;background:#a6e3a11a;border-radius:12px;border:1px solid rgba(166,227,161,.2)}.wallet-details{flex:1}.wallet-details h3{margin:0 0 8px;color:#a6e3a1;font-size:18px;font-weight:600}.wallet-name{color:#cdd6f4;font-size:16px;font-weight:500;margin-bottom:4px}.wallet-address{color:#9399b2;font-family:Courier New,monospace;font-size:14px;cursor:pointer;display:flex;align-items:center;gap:8px;transition:color .2s ease}.wallet-address:hover{color:#a6e3a1}.copy-hint{font-size:12px;opacity:0;transition:opacity .2s ease}.wallet-address:hover .copy-hint{opacity:1}.connection-status{width:100%;display:flex;justify-content:center;margin-bottom:0!important;align-items:center;gap:8px;color:#a6e3a1;font-size:14px;font-weight:500}.status-indicator{width:8px;height:8px;border-radius:50%;background:#a6e3a1;animation:pulse 2s infinite}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.balance-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.balance-item{display:flex;flex-direction:column;gap:4px;padding:16px;background:#31324480;border-radius:12px;border:1px solid #313244}.balance-label{font-size:14px;color:#9399b2;font-weight:500}.balance-value{font-size:20px;color:#cdd6f4;font-weight:600}.input-with-max{position:relative;display:flex;align-items:center}.input-with-max input{flex:1;padding-right:60px}.max-btn{position:absolute;right:8px;background:linear-gradient(135deg,#a6e3a1,#94e2d5);color:#181825;border:none;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease}.max-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #a6e3a14d}.staking-history{margin-top:32px;background:linear-gradient(135deg,#1e1e2e,#181825);border:1px solid #313244;border-radius:16px;padding:24px}.staking-history h3{margin:0 0 20px;color:#a6e3a1;font-size:20px;font-weight:600}.history-table{background:#3132444d;border-radius:12px;overflow:hidden;border:1px solid #313244}.table-header{display:grid;grid-template-columns:1fr 1fr .8fr .8fr 1fr;gap:16px;padding:16px;background:#a6e3a11a;font-weight:600;color:#a6e3a1;font-size:14px;border-bottom:1px solid #313244}.table-row{display:grid;grid-template-columns:1fr 1fr .8fr .8fr 1fr;gap:16px;padding:16px;border-bottom:1px solid rgba(49,50,68,.5);color:#cdd6f4;font-size:14px;transition:background .2s ease}.table-row:hover{background:#31324480}.col{display:flex;align-items:center}.status{padding:4px 8px;border-radius:6px;font-size:12px;font-weight:500}.status.active{background:#a6e3a133;color:#a6e3a1;border:1px solid rgba(166,227,161,.3)}.status.inactive{background:#f38ba833;color:#f38ba8;border:1px solid rgba(243,139,168,.3)}.tx-btn{background:#94e2d51a;color:#94e2d5;border:1px solid rgba(148,226,213,.3);padding:4px 8px;border-radius:6px;font-size:12px;cursor:pointer;transition:all .2s ease;font-family:Courier New,monospace}.tx-btn:hover{background:#94e2d533;transform:translateY(-1px)}.history-note{margin-top:16px;text-align:center;color:#9399b2;font-size:14px;font-style:italic}.quick-stake-section{margin-top:32px;background:linear-gradient(135deg,#1e1e2e,#181825);border:1px solid #313244;border-radius:16px;padding:24px}.quick-stake-section h3{margin:0 0 20px;color:#a6e3a1;font-size:20px;font-weight:600}.quick-buttons{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px}.quick-btn{background:linear-gradient(135deg,#a6e3a11a,#94e2d51a);border:1px solid rgba(166,227,161,.3);color:#a6e3a1;padding:16px;border-radius:12px;cursor:pointer;transition:all .2s ease;text-align:center;display:flex;flex-direction:column;gap:4px}.quick-btn:hover{background:linear-gradient(135deg,#a6e3a133,#94e2d533);transform:translateY(-2px);box-shadow:0 8px 24px #a6e3a133}.quick-btn small{color:#9399b2;font-size:12px}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.info-item{background:#3132444d;border:1px solid #313244;border-radius:12px;padding:20px}.info-item h4{margin:0 0 12px;color:#a6e3a1;font-size:16px;font-weight:600}.info-item ul{margin:0;padding-left:20px;color:#cdd6f4}.info-item li{margin-bottom:8px;line-height:1.5}.connect-info{text-align:center;margin-bottom:32px}.connect-info h3{color:#a6e3a1;font-size:24px;margin-bottom:12px}.connect-info p{color:#9399b2;font-size:16px;margin-bottom:24px}.staking-rules{background:#3132444d;border:1px solid #313244;border-radius:12px;padding:20px;text-align:left;max-width:500px;margin:0 auto}.staking-rules h4{color:#a6e3a1;margin:0 0 16px;font-size:18px}.staking-rules ul{margin:0;padding-left:20px;color:#cdd6f4}.staking-rules li{margin-bottom:8px;line-height:1.5}@media (max-width: 768px){.wallet-header{flex-direction:column;align-items:flex-start;gap:12px}.balance-grid{grid-template-columns:1fr}.table-header,.table-row{grid-template-columns:1fr;gap:8px}.col{padding:4px 0;border-bottom:1px solid rgba(49,50,68,.3)}.col:last-child{border-bottom:none}.quick-buttons,.info-grid{grid-template-columns:1fr}}.node-keys-container{max-width:1400px;margin:0 auto;padding:24px;background:linear-gradient(135deg,#0a0a0a,#1a1a1a);min-height:100vh}.section-header{text-align:center;margin-bottom:40px;padding:32px 0;background:linear-gradient(135deg,#4292d31a,#2b5fc01a);border-radius:20px;border:1px solid rgba(66,146,211,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.section-header h2{margin:0 0 12px;font-size:2.5rem;font-weight:700;background:linear-gradient(135deg,#4292d3,#03dac6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 30px rgba(66,146,211,.3)}.section-header p{margin:0;font-size:1.1rem;color:#b3b3b3;font-weight:300;letter-spacing:.5px}.wallet-connect-section{text-align:center;padding:60px 40px;background:#1e1e1ecc;border-radius:16px;border:1px solid #333333;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.wallet-connect-section p{font-size:1.2rem;color:#b3b3b3;margin-bottom:24px}.loading-container{text-align:center;padding:80px 40px;background:#1e1e1e99;border-radius:16px;border:1px solid #333333}.loading-spinner{width:50px;height:50px;border:4px solid rgba(66,146,211,.2);border-top:4px solid #4292d3;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 20px}.loading-spinner.small{width:20px;height:20px;border-width:2px;margin:0 8px 0 0;display:inline-block;vertical-align:middle}.node-keys-content{display:flex;flex-direction:column;gap:32px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-bottom:40px}.stats-grid.small{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.stat-card{background:linear-gradient(135deg,#1e1e1ee6,#2d2d2de6);border:1px solid rgba(66,146,211,.3);border-radius:16px;padding:28px 24px;text-align:center;position:relative;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#4292d3,#03dac6,#4292d3);animation:shimmer 3s ease-in-out infinite}@keyframes shimmer{0%,to{opacity:.5}50%{opacity:1}}.stat-card:hover{transform:translateY(-4px);border-color:#4292d399;box-shadow:0 12px 40px #4292d333}.stat-value{font-size:2.2rem;font-weight:700;color:#fff;margin-bottom:8px;background:linear-gradient(135deg,#4292d3,#03dac6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-label{font-size:.95rem;color:#b3b3b3;font-weight:400;text-transform:uppercase;letter-spacing:1px}.keys-section{margin-bottom:40px}.keys-section h3{font-size:1.5rem;font-weight:600;margin-bottom:24px;color:#fff;display:flex;align-items:center;gap:12px}.keys-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:24px}.key-card{background:linear-gradient(135deg,#1e1e1ef2,#282828f2);border-radius:16px;padding:24px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);overflow:hidden}.key-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:16px;padding:1px;background:linear-gradient(135deg,transparent,rgba(66,146,211,.3),transparent);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask-composite:xor;pointer-events:none}.key-card.available{border:1px solid rgba(3,218,198,.4);margin-bottom:10px}.key-card.available:hover{transform:translateY(-4px);border-color:#03dac699;box-shadow:0 12px 40px #03dac633}.key-card.claimed{border:1px solid rgba(66,146,211,.4);opacity:.85}.key-card.claimed:hover{transform:translateY(-2px);border-color:#4292d399;box-shadow:0 8px 32px #4292d326}.key-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid rgba(51,51,51,.5)}.key-id{font-size:.9rem;color:#b3b3b3;font-weight:500;font-family:Monaco,Menlo,monospace}.key-status{font-size:.8rem;font-weight:600;padding:6px 12px;border-radius:20px;text-transform:uppercase;letter-spacing:.5px}.key-status.available{background:#03dac633;color:#03dac6;border:1px solid rgba(3,218,198,.4)}.key-status.claimed{background:#4292d333;color:#4292d3;border:1px solid rgba(66,146,211,.4)}.key-content{display:flex;flex-direction:column;gap:16px}.key-field{display:flex;flex-direction:column;gap:8px}.key-field label{font-size:.85rem;color:#b3b3b3;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.key-value{display:flex;align-items:center;gap:12px;background:#2c2c2ccc;border:1px solid #333333;border-radius:8px;padding:12px 16px;transition:all .2s ease}.key-value:hover{border-color:#4292d366;background:#2c2c2c}.key-text{flex:1;font-family:Monaco,Menlo,monospace;font-size:.9rem;color:#fff;word-break:break-all}.copy-btn{background:#4292d31a;border:1px solid rgba(66,146,211,.3);color:#4292d3;border-radius:6px;padding:8px 10px;font-size:.9rem;cursor:pointer;transition:all .2s ease;flex-shrink:0}.copy-btn:hover{background:#4292d333;border-color:#4292d380;transform:scale(1.05)}.key-actions{margin-top:8px}.claim-btn{width:100%;background:linear-gradient(135deg,#03dac6,#4292d3);border:none;color:#fff;font-weight:600;padding:14px 24px;border-radius:10px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);font-size:1rem;display:flex;align-items:center;justify-content:center;gap:8px}.claim-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #03dac666;background:linear-gradient(135deg,#02c4b7,#3a7bc4)}.claim-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.history-section{background:linear-gradient(135deg,#1e1e1ee6,#191919e6);border:1px solid #333333;border-radius:16px;padding:32px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.history-section h3{font-size:1.5rem;font-weight:600;margin-bottom:24px;color:#fff;display:flex;align-items:center;gap:12px}.history-table{display:flex;flex-direction:column;gap:2px;background:#12121299;border-radius:12px;overflow:hidden}.table-header{display:grid;grid-template-columns:1fr 1.5fr 1fr 1fr;gap:16px;padding:16px 20px;background:#4292d31a;font-weight:600;font-size:.9rem;color:#4292d3;text-transform:uppercase;letter-spacing:.5px}.table-row{display:grid;grid-template-columns:1fr 1.5fr 1fr 1fr;gap:16px;padding:16px 20px;background:#1e1e1ecc;transition:all .2s ease;border-bottom:1px solid rgba(51,51,51,.3)}.tx-link{background:#4292d31a;border:1px solid rgba(66,146,211,.3);color:#4292d3;padding:6px 12px;border-radius:6px;font-family:Monaco,Menlo,monospace;font-size:.8rem;cursor:pointer;transition:all .2s ease}.tx-link:hover{background:#4292d333;border-color:#4292d380;transform:scale(1.05)}.platform-stats{background:linear-gradient(135deg,#121212e6,#1e1e1ee6);border:1px solid rgba(66,146,211,.2);border-radius:16px;padding:32px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.platform-stats h3{font-size:1.5rem;font-weight:600;margin-bottom:24px;color:#fff;display:flex;align-items:center;gap:12px;text-align:center;justify-content:center}.empty-state{text-align:center;padding:80px 40px;background:linear-gradient(135deg,#1e1e1ecc,#141414cc);border:2px dashed rgba(66,146,211,.3);border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.empty-icon{font-size:4rem;margin-bottom:24px;opacity:.7}.empty-state h3{font-size:1.8rem;font-weight:600;color:#fff;margin-bottom:16px}.empty-state p{font-size:1.1rem;color:#b3b3b3;margin-bottom:32px;line-height:1.6}.stake-button{background:linear-gradient(135deg,#4292d3,#03dac6);border:none;color:#fff;font-weight:600;padding:16px 32px;border-radius:12px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);font-size:1.1rem}.stake-button:hover{transform:translateY(-3px);box-shadow:0 12px 35px #4292d366;background:linear-gradient(135deg,#3a7bc4,#02c4b7)}@media (max-width: 1200px){.keys-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}}@media (max-width: 768px){.node-keys-container{padding:16px}.section-header{padding:24px 16px;margin-bottom:24px}.section-header h2{font-size:2rem}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.keys-grid{grid-template-columns:1fr;gap:16px}.key-card{padding:20px}.table-header,.table-row{grid-template-columns:1fr;gap:8px;text-align:left}.table-header span,.table-row span{padding:4px 0;border-bottom:1px solid rgba(51,51,51,.3)}.table-header span:last-child,.table-row span:last-child{border-bottom:none}.history-section,.platform-stats{padding:24px 20px}}@media (max-width: 480px){.section-header h2{font-size:1.8rem}.stats-grid{grid-template-columns:1fr}.stat-card{padding:20px 16px}.key-card{padding:16px}.empty-state{padding:60px 24px}.empty-icon{font-size:3rem}.empty-state h3{font-size:1.5rem}}.staking-container{max-width:1400px;margin:0 auto;padding:24px;background:linear-gradient(135deg,#0a0a0a,#1a1a1a);min-height:100vh}.staking-form-container{display:flex;flex-direction:column;gap:32px}.wallet-info-card{background:linear-gradient(135deg,#1e1e1ef2,#282828f2);border:1px solid rgba(66,146,211,.3);border-radius:20px;padding:28px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:relative;overflow:hidden}.wallet-info-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#4292d3,#03dac6,#4292d3);animation:shimmer 3s ease-in-out infinite}.wallet-header{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.wallet-icon{font-size:2.5rem;background:linear-gradient(135deg,#4292d333,#03dac633);border:1px solid rgba(66,146,211,.4);border-radius:16px;padding:16px;display:flex;align-items:center;justify-content:center}.wallet-details{flex:1;min-width:200px}.wallet-details h3{margin:0 0 8px;font-size:1.3rem;color:#fff;font-weight:600}.wallet-name{font-size:1rem;color:#4292d3;font-weight:500;margin-bottom:6px}.wallet-address{font-family:Monaco,Menlo,monospace;font-size:.9rem;color:#b3b3b3;cursor:pointer;transition:all .2s ease;padding:8px 12px;background:#2c2c2c99;border-radius:8px;border:1px solid rgba(51,51,51,.5);display:inline-block}.wallet-address:hover{color:#03dac6;border-color:#03dac666;background:#2c2c2ce6}.copy-hint{margin-left:8px;font-size:.8rem;opacity:.7}.status-indicator{width:12px;height:12px;border-radius:50%;background:#03dac6;box-shadow:0 0 10px #03dac680;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}}.balance-card{background:linear-gradient(135deg,#121212e6,#1e1e1ee6);border:1px solid rgba(3,218,198,.2);border-radius:20px;padding:32px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.balance-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px}.balance-item{display:flex;flex-direction:column;gap:8px;background:#28282899;border:1px solid rgba(51,51,51,.5);border-radius:12px;padding:20px;transition:all .3s ease}.balance-item:hover{transform:translateY(-2px);border-color:#4292d366;box-shadow:0 8px 25px #4292d326}.balance-label{font-size:.9rem;color:#b3b3b3;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.balance-value{font-size:1.4rem;font-weight:700;color:#fff;background:linear-gradient(135deg,#4292d3,#03dac6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.staking-form{background:linear-gradient(135deg,#1e1e1ef2,#191919f2);border:1px solid rgba(66,146,211,.3);border-radius:20px;padding:32px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.input-group{margin-bottom:28px}.input-group label{display:block;font-size:1rem;color:#fff;font-weight:600;margin-bottom:12px;text-transform:uppercase;letter-spacing:.5px}.input-with-max{display:flex;gap:12px;align-items:center}.input-with-max input{flex:1;background:#2c2c2ccc;border:2px solid rgba(51,51,51,.5);border-radius:12px;padding:16px 20px;font-size:1.1rem;color:#fff;transition:all .3s ease;font-family:Monaco,Menlo,monospace}.input-with-max input:focus{outline:none;border-color:#4292d3;box-shadow:0 0 0 3px #4292d333;background:#2c2c2c}.input-with-max input::placeholder{color:#b3b3b399}.max-btn{background:linear-gradient(135deg,#03dac61a,#4292d31a);border:2px solid rgba(3,218,198,.4);color:#03dac6;border-radius:12px;padding:0 24px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px}.max-btn:hover:not(:disabled){background:linear-gradient(135deg,#03dac633,#4292d333);border-color:#03dac699;transform:scale(1.05)}.max-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.input-hint{display:block;margin-top:8px;font-size:.85rem;color:#b3b3b3;font-style:italic}.calculation-preview{background:linear-gradient(135deg,#03dac60d,#4292d30d);border:1px solid rgba(3,218,198,.2);border-radius:16px;padding:24px;margin:24px 0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.preview-item{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid rgba(51,51,51,.3);font-size:1rem}.preview-item:last-child{border-bottom:none}.preview-item span:first-child{color:#b3b3b3;font-weight:500}.preview-item span:last-child{color:#fff;font-weight:600;font-family:Monaco,Menlo,monospace}.stake-button{width:100%;background:linear-gradient(135deg,#03dac6,#4292d3);border:none;color:#fff;font-weight:700;padding:18px 32px;border-radius:16px;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);font-size:1.2rem;text-transform:uppercase;letter-spacing:1px;display:flex;align-items:center;justify-content:center;gap:12px;position:relative;overflow:hidden}.stake-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .6s ease}.stake-button:hover:not(:disabled):before{left:100%}.stake-button:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 15px 40px #03dac666;background:linear-gradient(135deg,#02c4b7,#3a7bc4)}.stake-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.staking-history{background:linear-gradient(135deg,#121212e6,#191919e6);border:1px solid rgba(51,51,51,.5);border-radius:20px;padding:32px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.staking-history h3{font-size:1.5rem;font-weight:600;margin-bottom:24px;color:#fff;display:flex;align-items:center;gap:12px}.history-table{background:#12121299;border-radius:12px;overflow:hidden}.table-header{display:grid;grid-template-columns:1.2fr 1fr .8fr .8fr 1fr;gap:16px;padding:16px 20px;background:#4292d31a;font-weight:600;font-size:.9rem;color:#4292d3;text-transform:uppercase;letter-spacing:.5px}.table-row{display:grid;grid-template-columns:1.2fr 1fr .8fr .8fr 1fr;gap:16px;padding:16px 20px;background:#1e1e1ecc;transition:all .2s ease;border-bottom:1px solid rgba(51,51,51,.3)}.table-row:hover{background:#282828e6;transform:translate(4px)}.table-row:last-child{border-bottom:none}.col{display:flex;align-items:center;color:#fff;font-size:.9rem}.status{padding:4px 12px;border-radius:20px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status.active{background:#03dac633;color:#03dac6;border:1px solid rgba(3,218,198,.4)}.status.inactive{background:#cf667933;color:#cf6679;border:1px solid rgba(207,102,121,.4)}.tx-btn{background:#4292d31a;border:1px solid rgba(66,146,211,.3);color:#4292d3;padding:6px 12px;border-radius:6px;font-family:Monaco,Menlo,monospace;font-size:.8rem;cursor:pointer;transition:all .2s ease}.tx-btn:hover{background:#4292d333;border-color:#4292d380;transform:scale(1.05)}.quick-stake-section{background:linear-gradient(135deg,#191919e6,#121212e6);border:1px solid rgba(3,218,198,.2);border-radius:20px;padding:32px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.quick-stake-section h3{font-size:1.5rem;font-weight:600;margin-bottom:24px;color:#fff;display:flex;align-items:center;gap:12px}.quick-buttons{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.quick-btn{background:linear-gradient(135deg,#03dac61a,#4292d31a);border:2px solid rgba(3,218,198,.3);color:#03dac6;padding:20px;border-radius:16px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-align:center;display:flex;flex-direction:column;gap:8px;font-weight:600;font-size:1rem}.quick-btn:hover:not(:disabled){background:linear-gradient(135deg,#03dac633,#4292d333);border-color:#03dac680;transform:translateY(-3px);box-shadow:0 12px 30px #03dac633}.quick-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.quick-btn small{color:#b3b3b3;font-size:.85rem;font-weight:400}.info-section{background:linear-gradient(135deg,#1e1e1ee6,#141414e6);border:1px solid rgba(51,51,51,.5);border-radius:20px;padding:32px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.info-section h3{font-size:1.5rem;font-weight:600;margin-bottom:24px;color:#fff;display:flex;align-items:center;gap:12px}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.info-item{background:#28282899;border:1px solid rgba(51,51,51,.5);border-radius:16px;padding:24px;transition:all .3s ease}.info-item:hover{transform:translateY(-2px);border-color:#4292d366;box-shadow:0 8px 25px #4292d31a}.info-item h4{margin:0 0 16px;color:#4292d3;font-size:1.1rem;font-weight:600;display:flex;align-items:center;gap:8px}.info-item ul{margin:0;padding-left:20px;color:#b3b3b3;line-height:1.6}.info-item li{margin-bottom:8px}@media (max-width: 1200px){.balance-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.quick-buttons{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}}@media (max-width: 768px){.staking-container{padding:16px}.wallet-header{flex-direction:column;align-items:flex-start;gap:16px}.wallet-icon{font-size:2rem;padding:12px}.balance-grid{grid-template-columns:1fr;gap:12px}.input-with-max{flex-direction:column;gap:12px}.max-btn{padding:16px}.table-header,.table-row{grid-template-columns:1fr;gap:8px;text-align:left}.col{padding:4px 0;border-bottom:1px solid rgba(51,51,51,.3)}.col:last-child{border-bottom:none}.quick-buttons,.info-grid{grid-template-columns:1fr}.wallet-info-card,.balance-card,.staking-form,.staking-history,.quick-stake-section,.info-section{padding:24px 20px}}@media (max-width: 480px){.staking-container{padding:12px}.section-header h2{font-size:2rem}.wallet-details h3{font-size:1.1rem}.balance-value{font-size:1.2rem}.stake-button{font-size:1rem;padding:16px 24px}.quick-btn{padding:16px}}.wallet-adapter-modal-list-more{padding:12px}.wallet-actions{display:flex;flex-direction:column;align-items:flex-end;gap:12px;min-width:140px}.disconnect-btn{background:linear-gradient(135deg,#cf66791a,#f472821a);border:1px solid rgba(207,102,121,.4);color:#cf6679;border-radius:8px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:6px;text-transform:uppercase;letter-spacing:.5px}.disconnect-btn:hover{background:linear-gradient(135deg,#cf667933,#f4728233);border-color:#cf667999;transform:scale(1.05);box-shadow:0 4px 12px #cf66794d}.disconnect-btn:active{transform:scale(.98)}.connection-status{display:flex;align-items:center;gap:8px;font-size:.9rem;color:#03dac6;font-weight:500}.wallet-balance{gap:8px;color:#03dac6}@media (max-width: 768px){.wallet-actions{flex-direction:row;align-items:center;justify-content:space-between;width:100%;min-width:auto}.wallet-header{flex-direction:column;align-items:stretch;gap:16px}.disconnect-btn{padding:10px 20px;font-size:.9rem}}@media (max-width: 480px){.wallet-actions{flex-direction:column;align-items:stretch;gap:12px}.connection-status{justify-content:center}.disconnect-btn{width:100%;justify-content:center}}:root{--bg-primary: #121212;--bg-secondary: #1e1e1e;--text-primary: #ffffff;--text-secondary: #b3b3b3;--accent: #4292d3;--accent-hover: #5490c4;--accent-dark: #2b5fc0;--error: #cf6679;--success: #03dac6;--border: #333333;--input-bg: #2c2c2c}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:Roboto,Segoe UI,sans-serif;margin:0;padding:0;box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}.container{width:100%;max-width:1200px;margin:0 auto;margin-top:7rem;padding:1rem;display:flex;flex-direction:column;align-items:center;justify-content:center}.card{background-color:var(--bg-secondary);border-radius:8px;padding:1.5rem;margin-bottom:1.5rem;box-shadow:0 4px 6px #0000004d;overflow:hidden;width:100%;max-width:800px}.logo-img{width:3rem;margin-bottom:-.2rem}.form-container{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%}.form-group{margin-bottom:1rem;width:100%}.card-header{border-bottom:1px solid var(--border);margin-bottom:1.5rem;padding-bottom:.75rem;text-align:center}.card-header h3{margin-top:0;font-size:1.5rem;color:var(--accent)}input{width:100%;padding:.75rem;margin-bottom:.5rem;background-color:var(--input-bg);border:1px solid var(--border);border-radius:4px;color:var(--text-primary);font-size:1rem;box-sizing:border-box}input:focus{outline:none;border-color:var(--accent)}.button-container{display:flex;justify-content:center;align-items:center;width:100%;margin-top:1rem}button{background:linear-gradient(to left,var(--accent-dark),var(--accent));color:#fff;border:1px solid var(--border);border-radius:5px;padding:.75rem 1.5rem;font-size:1rem;cursor:pointer;transition:all .1s;max-width:100%;text-align:center;outline:none}button:hover{background:linear-gradient(to right,var(--accent-dark),var(--accent));border:1px solid #000}button:disabled{background-color:#555;cursor:not-allowed}.status{padding:.75rem;border-radius:4px;word-break:break-word;width:100%;text-align:center}.status.success{background-color:#03dac61a;color:var(--success)}.status.error{background-color:#cf66791a;color:var(--error)}.address-display{background-color:var(--input-bg);padding:.75rem;border-radius:4px;font-family:monospace;overflow:hidden;text-overflow:ellipsis;margin-bottom:1rem;word-break:break-all}hr{border:none;border-top:1px solid var(--border);margin:2rem 0}h1,h2,h3{color:var(--text-primary)}.header{display:flex;align-items:center;justify-content:center;margin-bottom:2rem;width:100%;max-width:500px}.header h1{margin:0;color:var(--accent)}.logo{margin-right:1rem;font-size:2rem}.nav-tabs{display:flex;justify-content:center;width:100%;max-width:500px;margin-bottom:2rem;border-radius:8px;box-shadow:0 2px 4px #0003}.nav-tab{background:linear-gradient(to left,#1a1a1a,transparent);color:var(--text-secondary);border:1px solid #333;padding:1rem 2rem;font-size:1rem;cursor:pointer;transition:all .1s;flex:1;text-align:center;border-bottom:3px solid transparent;outline:none;margin:5px}.nav-tab:hover{background:linear-gradient(to right,#1a1a1a,#ffffff0d);color:var(--text-primary)}.nav-tab.active{background:linear-gradient(to left,#000,#4292d31a);color:var(--accent);border:1px solid var(--accent);border-bottom:2px solid var(--accent)}.wallet-badge{display:flex;align-items:center;justify-content:center;background-color:var(--bg-secondary);padding:.5rem 1rem;border-radius:20px;margin-bottom:1rem;box-shadow:0 2px 4px #0003;border:1px solid var(--border);max-width:500px;width:100%}.wallet-icon{margin-right:.5rem;font-size:1.2rem}.wallet-address{font-family:monospace;color:var(--text-secondary)}.info-text{text-align:center;color:var(--text-secondary);margin-bottom:1.5rem}@media (max-width: 600px){.card,.nav-tabs,.wallet-badge,.header{max-width:100%}.container{padding:.5rem}.card{padding:1rem}input,button{font-size:.9rem}.nav-tabs{flex-direction:column}.nav-tab{border-bottom:none;border-left:3px solid transparent}.nav-tab.active{border-bottom:none;border-left:3px solid var(--accent)}}.input-help{font-size:.8rem;color:var(--text-secondary);margin-top:.25rem;display:block}.subtitle{color:var(--text-secondary);font-size:.9rem;margin-top:.5rem}.supply-info{display:flex;flex-direction:column;align-items:center;margin-bottom:1.5rem}.supply-display{background-color:var(--input-bg);border:1px solid var(--border);border-radius:8px;padding:1.5rem;margin-bottom:1rem;text-align:center;width:100%;max-width:400px}.supply-display h4{margin:0 0 .5rem;color:var(--text-secondary);font-size:1rem;font-weight:400}.supply-amount{font-size:1.8rem;font-weight:700;color:var(--accent);margin:0}.loading{color:var(--text-secondary);font-style:italic;font-size:1.2rem}.refresh-btn{background:linear-gradient(to left,#1a1a1a,var(--bg-secondary));color:var(--text-primary);border:1px solid var(--border);border-radius:5px;padding:.5rem 1rem;font-size:.9rem;cursor:pointer;transition:all .1s;box-shadow:-.3rem -.1rem .5rem #1a1a1a;outline:none}.refresh-btn:hover{background:linear-gradient(to right,#1a1a1a,var(--bg-secondary));box-shadow:.2rem 0 .5rem #1a1a1a;border:1px solid #4a4a4a}.refresh-btn:disabled{background-color:var(--bg-secondary);color:var(--text-secondary);cursor:not-allowed}.warning-text{color:var(--error);font-size:.8rem;margin-top:.25rem}.info-text{color:var(--text-secondary);font-size:.85rem;margin-top:.25rem}.balance-info{color:var(--success);font-size:.8rem;margin-top:.25rem;display:block}.error-message{color:var(--error);font-size:.8rem;margin-top:.25rem;display:block}.input-error{border-color:var(--error)!important}.amount-input-container{display:flex;align-items:center;gap:.5rem}.amount-input-container input{flex:1;margin-bottom:0}.max-btn{background:linear-gradient(to left,#02b8a3,var(--success));color:#fff;border:1px solid var(--border);border-radius:5px;padding:.5rem 1rem;font-size:.8rem;cursor:pointer;transition:all .1s;min-width:60px;box-shadow:-.3rem -.1rem .5rem #02b8a3;outline:none}.max-btn:hover{background:linear-gradient(to right,#02b8a3,var(--success));box-shadow:.2rem 0 .5rem #02b8a3;border:1px solid #4dd4c7}.max-btn:disabled{background-color:#555;cursor:not-allowed}.address-input-container{display:flex;align-items:center;gap:.5rem}.address-input-container input{flex:1;margin-bottom:0}.generate-btn{background:linear-gradient(to left,#999999,var(--text-secondary));color:var(--bg-primary);border:1px solid var(--border);border-radius:5px;padding:.75rem 1rem;font-size:.9rem;cursor:pointer;transition:all .1s;min-width:100px;box-shadow:-.3rem -.1rem .5rem #999;outline:none}.generate-btn:hover{background:linear-gradient(to right,#999999,var(--text-secondary));box-shadow:.2rem 0 .5rem #999;border:1px solid var(--text-primary)}.generate-btn:disabled{background-color:#555;color:var(--text-secondary);cursor:not-allowed}.faucet-info{background-color:var(--input-bg);border:1px solid var(--border);border-radius:8px;padding:1rem;margin-bottom:1rem;text-align:center}.faucet-amount{display:flex;justify-content:center;align-items:center;gap:.5rem;margin-bottom:.5rem}.amount-label{color:var(--text-secondary);font-size:.9rem}.amount-value{color:var(--accent);font-size:1.2rem;font-weight:700}.faucet-note{color:var(--text-secondary);font-size:.8rem;display:block}.warning-section{background-color:#cf66791a;border:1px solid var(--error);border-radius:8px;padding:1rem;margin-top:1rem}.warning-section p{margin:0;font-size:.9rem;color:var(--error)}.init-btn{background:linear-gradient(to left,#02b8a3,var(--success));color:#fff;box-shadow:-.5rem -.15rem 1rem #02b8a3}.init-btn:hover{background:linear-gradient(to right,#02b8a3,var(--success));box-shadow:.3rem 0 1rem #02b8a3;border:1px solid #4dd4c7}.mint-btn{background:linear-gradient(to left,#02b8a3,var(--success));color:#fff;box-shadow:-.5rem -.15rem 1rem #02b8a3}.mint-btn:hover{background:linear-gradient(to right,#02b8a3,var(--success));box-shadow:.3rem 0 1rem #02b8a3;border:1px solid #4dd4c7}.transfer-btn{background:linear-gradient(to left,var(--accent-dark),var(--accent));color:#fff;box-shadow:-.5rem -.15rem 1rem var(--accent-dark)}.transfer-btn:hover{background:linear-gradient(to right,var(--accent-dark),var(--accent));box-shadow:.3rem 0 1rem var(--accent-dark);border:1px solid var(--accent-hover)}.burn-btn{background:linear-gradient(to left,#b85450,var(--error));color:#fff;box-shadow:-.5rem -.15rem 1rem #b85450}.burn-btn:hover{background:linear-gradient(to right,#b85450,var(--error));box-shadow:.3rem 0 1rem #b85450;border:1px solid #e87983}.faucet-btn{background:linear-gradient(to left,var(--accent-dark),var(--accent));color:#fff;box-shadow:-.5rem -.15rem 1rem var(--accent-dark)}.faucet-btn:hover{background:linear-gradient(to right,var(--accent-dark),var(--accent));box-shadow:.3rem 0 1rem var(--accent-dark);border:1px solid var(--accent-hover)}@media (max-width: 600px){.amount-input-container,.address-input-container{flex-direction:column}.amount-input-container input,.address-input-container input,.max-btn,.generate-btn{width:100%}.supply-display{padding:1rem}.supply-amount{font-size:1.5rem}.faucet-amount{flex-direction:column;gap:.25rem}.nav-tabs{flex-wrap:wrap;gap:.25rem}.nav-tab{flex:1;min-width:90px;font-size:.8rem}}.loading-spinner{animation:spin 1s linear infinite;font-size:1.2em;margin-right:.5rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.connection-status{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.5rem;background-color:#4292d31a;border-radius:4px;border:1px solid var(--border)}.status-indicator{font-size:.8rem}.status-indicator.connected{color:var(--success)}.status-indicator.disconnected{color:var(--error)}.status-text{font-weight:500;color:var(--text-primary)}.reconnect-info{color:var(--text-secondary);font-size:.8rem}.input-with-validation{position:relative;display:flex;align-items:center}.input-with-validation input{padding-right:2.5rem;margin-bottom:0}.input-with-validation input.invalid{border-color:var(--error);background-color:#cf66791a}.validation-icon{position:absolute;right:.75rem;font-size:1rem;z-index:1}.production-badge{background-color:var(--error);color:#fff;padding:.2rem .5rem;border-radius:3px;font-size:.7rem;font-weight:700;text-transform:uppercase}.production-warning{background-color:#cf66791a;color:var(--error);padding:.75rem;border-radius:4px;border:1px solid var(--error);margin-top:1rem;text-align:center;font-size:.9rem}.dev-info{background-color:#4292d31a;color:var(--accent);padding:.75rem;border-radius:4px;border:1px solid var(--accent);margin-top:1rem;text-align:center;font-size:.9rem}.rate-limit-info{margin:1rem 0;padding:.75rem;background-color:#4292d31a;border-radius:4px;border:1px solid var(--border)}.rate-limit-stats{display:flex;flex-direction:column;gap:.5rem}.remaining-requests{color:var(--text-primary);font-weight:500;font-size:.9rem}.rate-limit-bar{width:100%;height:6px;background-color:var(--border);border-radius:3px;overflow:hidden}.rate-limit-fill{height:100%;background:linear-gradient(to right,var(--error),var(--success));transition:width .3s ease}.error-text{color:var(--error);font-weight:500}.warning-text{color:#ffa726}button.disabled{background:#555;color:#999;cursor:not-allowed;transform:none}button:disabled:hover{transform:none;background:#555}@media (max-width: 768px){.connection-status{flex-direction:column;align-items:flex-start;gap:.25rem}.rate-limit-stats{font-size:.8rem}.production-warning,.dev-info{padding:.5rem;font-size:.8rem}.validation-icon{right:.5rem}.input-with-validation input{padding-right:2rem}}