:root{--bg: #0b0d10;--card: #12161c;--text: #e6edf3;--muted: #9aa4af;--accent: #66e0ff;--danger: #ff6b6b;--gold: #f5c542;--success: #4ade80;--warning: #fbbf24;--border: rgba(255,255,255,.06);--card-hover: #1a1f27}*{box-sizing:border-box;margin:0;padding:0}body{font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial;color:var(--text);background:radial-gradient(1000px 600px at 20% -10%,#1b2433 0%,transparent 65%),radial-gradient(800px 500px at 120% 10%,#0f1a2b 0%,transparent 60%),linear-gradient(180deg,#0b0d10,#0e1218 45%,#0b0d10);min-height:100vh}.app{min-height:100vh}.navbar{background:linear-gradient(180deg,#12161ce6,#0a0e12d1);border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}.navbar h1{font-size:1.5rem;color:var(--accent)}.nav-actions{display:flex;gap:1rem;align-items:center;flex-wrap:wrap;justify-content:flex-end}@media(max-width:768px){.navbar{padding:1rem}.nav-actions{gap:.5rem}}.btn{border:1px solid #2b3645;background:#161c24;color:var(--text);padding:.75rem 1rem;border-radius:12px;font-weight:600;cursor:pointer;transition:.2s;font-size:.9rem}.btn:hover{transform:translateY(-1px);border-color:#3a4a60}.btn.primary{background:linear-gradient(135deg,#2a9df4,#1464f0 60%,#7b5cff);border:none}.btn.danger{background:var(--danger);border:none}.btn.small{padding:.5rem .75rem;font-size:.85rem}.container{max-width:1400px;margin:0 auto;padding:2rem}.card{background:linear-gradient(180deg,#12161ce6,#0a0e12d1);border:1px solid var(--border);border-radius:20px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 20px 50px #0000008c,inset 0 1px #ffffff08;padding:1.5rem}.pairs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:1.5rem;margin-top:2rem}@media(max-width:768px){.pairs-grid{grid-template-columns:1fr}}.pair-card{position:relative}.pair-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.pair-title{font-size:1.25rem;font-weight:700;color:var(--accent)}.delete-btn{padding:.5rem;background:transparent;border:1px solid var(--border);border-radius:8px;cursor:pointer;color:var(--danger);transition:.2s}.delete-btn:hover{background:#ff6b6b1a}.stat-row{display:flex;gap:.75rem;margin:.75rem 0}.stat{flex:1;padding:1rem;border:1px solid var(--border);background:linear-gradient(180deg,#0d131ae6,#0a0e12e6);border-radius:14px}.stat-label{color:var(--muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;margin-bottom:.5rem}.stat-value{font-size:1.25rem;font-weight:800}.result-value{font-size:1.5rem;font-weight:900;color:var(--gold);text-shadow:0 0 18px rgba(245,197,66,.35)}.trend-up{color:var(--success)!important;text-shadow:0 0 18px rgba(74,222,128,.35)!important}.trend-down{color:var(--danger)!important;text-shadow:0 0 18px rgba(255,107,107,.35)!important}.form-group{margin-bottom:1rem}.form-label{display:block;font-size:.9rem;color:var(--muted);margin-bottom:.5rem}.form-input{width:100%;padding:.875rem 1rem;border-radius:14px;border:1px solid var(--border);background:#0c1116;color:var(--text);font-size:1rem;outline:none;transition:border-color .2s,box-shadow .2s}.form-input:focus{border-color:var(--accent);box-shadow:0 0 0 4px #66e0ff1f}.auth-container{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:2rem}.auth-card{width:100%;max-width:420px}.auth-title{font-size:2rem;margin-bottom:.5rem;text-align:center}.auth-subtitle{color:var(--muted);text-align:center;margin-bottom:2rem}.auth-link{color:var(--accent);text-decoration:none}.auth-link:hover{text-decoration:underline}.loading{display:flex;justify-content:center;align-items:center;min-height:50vh;color:var(--muted);font-size:1.1rem}.error{background:#ff6b6b1a;border:1px solid var(--danger);border-radius:12px;padding:1rem;color:var(--danger);margin:1rem 0}.badge{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:999px;font-size:.85rem;font-weight:600;white-space:nowrap;flex-shrink:0}.badge.free{background:#9e9e9e33;color:#9e9e9e}.badge.pro{background:#2a9df433;color:var(--accent)}.badge.premium{background:#f5c54233;color:var(--gold)}.add-pair-section{position:relative;z-index:100;margin-bottom:2rem}.add-pair-form{display:flex;gap:1rem;flex-wrap:wrap;align-items:end}.add-pair-form .form-group{overflow:visible;flex:1;min-width:150px;margin-bottom:0}.alert-badge{position:absolute;top:1rem;right:1rem;background:var(--danger);color:#fff;padding:.25rem .5rem;border-radius:999px;font-size:.75rem;font-weight:700}.source-label{font-size:.75rem;color:#7f8a96;margin-top:.25rem}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.update-indicator{font-size:.7rem;color:var(--success);display:flex;align-items:center;gap:.25rem}.update-indicator:before{content:"";width:6px;height:6px;background:var(--success);border-radius:50%;display:inline-block;animation:blink 2s ease-in-out infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.pulse-update{animation:pulse-border .3s ease-out}@keyframes pulse-border{0%{box-shadow:0 20px 50px #0000008c,inset 0 1px #ffffff08,0 0 0 3px var(--accent)}to{box-shadow:0 20px 50px #0000008c,inset 0 1px #ffffff08}}.connection-status{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#ffffff0d;border-radius:999px;font-size:.85rem}.connection-status.connected{color:var(--success)}.connection-status.disconnected{color:var(--danger)}.connection-dot{width:8px;height:8px;border-radius:50%;background:currentColor}.connection-status.connected .connection-dot{animation:blink 2s ease-in-out infinite}.result-stat{background:linear-gradient(180deg,#f5c54214,#f5c5420a);border:1px solid rgba(245,197,66,.2)}.countdown-timer{position:relative;display:flex;align-items:center;justify-content:center;width:40px;height:40px}.countdown-text{position:absolute;font-size:.7rem;font-weight:700;color:var(--accent);pointer-events:none}.countdown-timer svg{transform:rotate(0)}.token-select{position:relative;width:100%}.token-select-input-wrapper{position:relative}.token-select-input{width:100%;padding:.75rem;border:1px solid rgba(255,255,255,.1);border-radius:.5rem;background:#0003;color:var(--text);font-size:.95rem;transition:all .2s}.token-select-input:focus{outline:none;border-color:var(--accent);background:#0000004d}.token-select-selected{position:absolute;top:50%;left:.75rem;transform:translateY(-50%);display:flex;align-items:center;gap:.5rem;pointer-events:none}.token-symbol{font-weight:600;color:var(--text)}.token-name{color:var(--muted);font-size:.9rem}.token-badge{background:var(--accent);color:#fff;padding:.125rem .375rem;border-radius:.25rem;font-size:.7rem;font-weight:600}.token-badge-small{background:rgba(var(--accent-rgb),.2);color:var(--accent);padding:.125rem .375rem;border-radius:.25rem;font-size:.65rem;font-weight:600}.token-select-dropdown{position:absolute;top:calc(100% + .5rem);left:0;right:0;background:#0a0e12fa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:.5rem;box-shadow:0 8px 24px #0006;max-height:400px;overflow:hidden;z-index:9999;display:flex;flex-direction:column}.token-select-options{overflow-y:auto;flex:1}.token-option{padding:.75rem 1rem;display:flex;align-items:center;gap:.75rem;cursor:pointer;transition:background .15s;border-bottom:1px solid rgba(255,255,255,.05)}.token-option:last-child{border-bottom:none}.token-option:hover{background:#ffffff0d}.token-option-symbol{font-weight:600;min-width:80px;color:var(--text)}.token-option-name{flex:1;color:var(--muted);font-size:.9rem}.token-option-empty{padding:2rem 1rem;text-align:center;color:var(--muted)}.token-option-empty div{margin-bottom:1rem}.token-select-footer{padding:.75rem 1rem;border-top:1px solid rgba(255,255,255,.1);background:#0003}.contract-input-modal{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:10000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.contract-input-content{background:#0a0e12fa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:2rem;border-radius:1rem;border:1px solid rgba(255,255,255,.1);max-width:500px;width:90%;box-shadow:0 20px 60px #0009}.contract-input-content h3{margin:0 0 .5rem;color:var(--text)}.token-select-options::-webkit-scrollbar{width:8px}.token-select-options::-webkit-scrollbar-track{background:#0003}.token-select-options::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.token-select-options::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.subscription-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;max-width:1200px;margin:0 auto}.subscription-card{background:linear-gradient(180deg,#12161ce6,#0a0e12d1);border:2px solid var(--border);border-radius:20px;padding:2rem;display:flex;flex-direction:column;position:relative;transition:all .3s ease}.subscription-card:hover{transform:translateY(-4px);box-shadow:0 20px 60px #0009}.subscription-card.highlight{border-color:var(--accent);box-shadow:0 0 30px #8b5cf64d}.subscription-card.current{border-color:var(--success)}.popular-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:var(--accent);color:#fff;padding:.35rem 1rem;border-radius:20px;font-size:.75rem;font-weight:700;letter-spacing:.5px}.current-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:var(--success);color:#fff;padding:.35rem 1rem;border-radius:20px;font-size:.75rem;font-weight:700;letter-spacing:.5px}.subscription-header{text-align:center;margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid var(--border)}.subscription-header h2{font-size:1.8rem;margin-bottom:.5rem;color:var(--text)}.subscription-header .description{color:var(--muted);margin-bottom:1.5rem;font-size:.95rem}.price{display:flex;align-items:baseline;justify-content:center;gap:.25rem}.price .amount{font-size:3rem;font-weight:700;color:var(--accent)}.price .interval{font-size:1.1rem;color:var(--muted)}.features-list{list-style:none;padding:0;margin:0 0 2rem;flex:1}.features-list li{padding:.75rem 0;display:flex;align-items:center;gap:.75rem;font-size:.95rem;border-bottom:1px solid rgba(255,255,255,.05)}.features-list li:last-child{border-bottom:none}.features-list li.included{color:var(--text)}.features-list li.not-included{color:var(--muted);opacity:.5}.features-list .icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-weight:700;flex-shrink:0}.features-list li.included .icon{background:#22c55e33;color:var(--success)}.features-list li.not-included .icon{background:#ef44441a;color:#ef4444}.subscription-footer{margin-top:auto}.subscription-footer .btn{width:100%;padding:1rem;font-size:1rem;font-weight:600}.faq-section{max-width:1200px;margin:0 auto}.faq-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.faq-item{padding:1.5rem}.faq-item h3{margin:0 0 .75rem;color:var(--text);font-size:1.1rem}.faq-item p{margin:0;line-height:1.6}@media(max-width:768px){.subscription-grid{grid-template-columns:1fr}.price .amount{font-size:2.5rem}}.change-badge{font-size:.85rem;font-weight:600;padding:.25rem .5rem;border-radius:.375rem;display:inline-flex;align-items:center;gap:.25rem}.change-badge.positive{background:#22c55e26;color:#22c55e}.change-badge.negative{background:#ef444426;color:#ef4444}@keyframes timestampFadeIn{0%{opacity:0}to{opacity:1}}.timestamp-fade{animation:timestampFadeIn 1s ease-in}