@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{--bg-primary:#0a0a0f;--bg-secondary:#12121a;--bg-card:#ffffff0a;--bg-card-hover:#ffffff12;--bg-glass:#ffffff0f;--bg-glass-strong:#ffffff1a;--text-primary:#f0f0f5;--text-secondary:#8e8ea0;--text-muted:#5a5a6e;--accent:#6c5ce7;--accent-light:#a29bfe;--accent-glow:#6c5ce74d;--green:#00d2a0;--green-bg:#00d2a01f;--yellow:#ffc53d;--yellow-bg:#ffc53d1f;--red:#ff6b6b;--red-bg:#ff6b6b1f;--border:#ffffff0f;--border-hover:#ffffff1f;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-full:9999px;--shadow-sm:0 2px 8px #0000004d;--shadow-md:0 4px 24px #0006;--shadow-lg:0 8px 40px #00000080;--shadow-glow:0 0 30px var(--accent-glow);--transition-fast:.15s ease;--transition-normal:.25s ease;--transition-slow:.4s cubic-bezier(.16, 1, .3, 1);--font:"Inter", -apple-system, BlinkMacSystemFont, sans-serif}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font);background:var(--bg-primary);color:var(--text-primary);min-height:100dvh;line-height:1.5;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(60% 50% at 20% 20%,#6c5ce714 0%,#0000 60%),radial-gradient(50% 40% at 80% 80%,#00d2a00d 0%,#0000 60%);position:fixed;inset:0}#root{z-index:1;flex-direction:column;min-height:100dvh;display:flex;position:relative}a{color:var(--accent-light);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--accent)}img{max-width:100%;display:block}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{border-radius:var(--radius-full);background:#ffffff1a}::-webkit-scrollbar-thumb:hover{background:#fff3}.app-container{padding:var(--space-md);padding-bottom:calc(70px + var(--space-md));flex:1;width:100%;max-width:480px;margin:0 auto}.page-header{margin-bottom:var(--space-lg)}.page-title{letter-spacing:-.02em;background:linear-gradient(135deg, var(--text-primary) 0%, var(--text-secondary) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:800}.page-subtitle{color:var(--text-muted);margin-top:var(--space-xs);font-size:.85rem}.glass-card{background:var(--bg-card);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-md);transition:all var(--transition-normal)}.glass-card:hover{background:var(--bg-card-hover);border-color:var(--border-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.glass-card--no-hover:hover{box-shadow:none;transform:none}.btn{justify-content:center;align-items:center;gap:var(--space-sm);border-radius:var(--radius-md);font-family:var(--font);cursor:pointer;transition:all var(--transition-normal);white-space:nowrap;border:none;outline:none;padding:12px 24px;font-size:.9rem;font-weight:600;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--accent) 0%, #8b5cf6 100%);color:#fff;box-shadow:0 4px 15px var(--accent-glow)}.btn-primary:hover{box-shadow:0 6px 25px var(--accent-glow);transform:translateY(-2px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:var(--bg-glass-strong);color:var(--text-primary);border:1px solid var(--border)}.btn-secondary:hover{border-color:var(--border-hover);background:#ffffff26}.btn-danger{background:var(--red-bg);color:var(--red);border:1px solid #ff6b6b33}.btn-danger:hover{background:#ff6b6b33}.btn-sm{border-radius:var(--radius-sm);padding:8px 16px;font-size:.8rem}.btn-block{width:100%}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.input-group{margin-bottom:var(--space-md)}.input-label{color:var(--text-secondary);margin-bottom:var(--space-sm);text-transform:uppercase;letter-spacing:.05em;font-size:.8rem;font-weight:600;display:block}.input-field{background:var(--bg-glass);border:1px solid var(--border);border-radius:var(--radius-md);width:100%;color:var(--text-primary);font-family:var(--font);transition:all var(--transition-fast);outline:none;padding:12px 16px;font-size:.95rem}.input-field::placeholder{color:var(--text-muted)}.input-field:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.input-row{gap:var(--space-md);grid-template-columns:1fr 1fr;display:grid}.badge{border-radius:var(--radius-full);letter-spacing:.02em;align-items:center;gap:4px;padding:4px 10px;font-size:.72rem;font-weight:600;display:inline-flex}.badge--great{background:var(--green-bg);color:var(--green)}.badge--good{background:var(--yellow-bg);color:var(--yellow)}.badge--bad{background:var(--red-bg);color:var(--red)}.badge--active{background:var(--green-bg);color:var(--green)}.badge--paused{color:var(--text-muted);background:#ffffff14}.stats-grid{gap:var(--space-sm);grid-template-columns:repeat(2,1fr);display:grid}.stat-item{background:var(--bg-glass);border-radius:var(--radius-md);padding:var(--space-md);text-align:center}.stat-value{color:var(--text-primary);letter-spacing:-.02em;font-size:1.25rem;font-weight:700}.stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-top:2px;font-size:.7rem}.empty-state{text-align:center;padding:var(--space-2xl) var(--space-lg)}.empty-state__icon{margin-bottom:var(--space-md);opacity:.5;font-size:3rem}.empty-state__title{color:var(--text-secondary);margin-bottom:var(--space-sm);font-size:1.1rem;font-weight:600}.empty-state__text{color:var(--text-muted);margin-bottom:var(--space-lg);font-size:.85rem}.skeleton{background:linear-gradient(90deg, var(--bg-glass) 25%, var(--bg-glass-strong) 50%, var(--bg-glass) 75%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.5s ease-in-out infinite skeleton-shimmer}@keyframes skeleton-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.loader-spinner{border:3px solid var(--border);border-top-color:var(--accent);width:32px;height:32px;margin:var(--space-xl) auto;border-radius:50%;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.navbar{z-index:100;-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--border);padding:var(--space-sm) 0;padding-bottom:max(var(--space-sm), env(safe-area-inset-bottom));background:#0a0a0fd9;position:fixed;bottom:0;left:0;right:0}.navbar__inner{justify-content:space-around;max-width:480px;margin:0 auto;display:flex}.navbar__item{border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);font-size:.65rem;font-weight:500;font-family:var(--font);background:0 0;border:none;flex-direction:column;align-items:center;gap:2px;padding:6px 12px;text-decoration:none;display:flex}.navbar__item:hover{color:var(--text-secondary)}.navbar__item--active{color:var(--accent-light)}.navbar__icon{font-size:1.3rem;line-height:1}.monitor-card{cursor:pointer;margin-bottom:var(--space-md);position:relative;overflow:hidden}.monitor-card__header{margin-bottom:var(--space-sm);justify-content:space-between;align-items:flex-start;display:flex}.monitor-card__name{color:var(--text-primary);margin-right:var(--space-sm);flex:1;font-size:.95rem;font-weight:600}.monitor-card__stats{gap:var(--space-lg);margin-top:var(--space-sm);display:flex}.monitor-card__stat{flex-direction:column;display:flex}.monitor-card__stat-value{font-size:1.1rem;font-weight:700}.monitor-card__stat-label{color:var(--text-muted);font-size:.7rem}.monitor-card__footer{margin-top:var(--space-md);padding-top:var(--space-sm);border-top:1px solid var(--border);color:var(--text-muted);justify-content:space-between;align-items:center;font-size:.75rem;display:flex}.monitor-card__new-badge{background:var(--accent);color:#fff;border-radius:var(--radius-full);text-align:center;min-width:20px;padding:2px 8px;font-size:.7rem;font-weight:600}.listing-card{gap:var(--space-md);margin-bottom:var(--space-md);cursor:pointer;display:flex}.listing-card__image{border-radius:var(--radius-md);background:var(--bg-glass);flex-shrink:0;width:90px;height:90px;overflow:hidden}.listing-card__image img{object-fit:cover;width:100%;height:100%}.listing-card__image-placeholder{opacity:.3;justify-content:center;align-items:center;width:100%;height:100%;font-size:2rem;display:flex}.listing-card__info{flex-direction:column;flex:1;justify-content:space-between;min-width:0;display:flex}.listing-card__title{color:var(--text-primary);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.85rem;font-weight:500;line-height:1.3;display:-webkit-box;overflow:hidden}.listing-card__price-row{align-items:center;gap:var(--space-sm);margin-top:var(--space-xs);display:flex}.listing-card__price{font-size:1.05rem;font-weight:700}.listing-card__meta{gap:var(--space-md);color:var(--text-muted);margin-top:auto;font-size:.72rem;display:flex}.price-widget{margin-bottom:var(--space-md)}.price-widget__header{margin-bottom:var(--space-md);justify-content:space-between;align-items:center;display:flex}.price-widget__title{font-size:.9rem;font-weight:600}.price-widget__main-price{letter-spacing:-.03em;background:linear-gradient(135deg, var(--accent-light) 0%, var(--green) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:800}.chart-container{background:var(--bg-glass);border-radius:var(--radius-md);padding:var(--space-md);margin-bottom:var(--space-md)}.chart-container__title{color:var(--text-secondary);margin-bottom:var(--space-md);font-size:.8rem;font-weight:600}.tabs{gap:var(--space-xs);margin-bottom:var(--space-md);background:var(--bg-glass);border-radius:var(--radius-md);padding:3px;display:flex}.tab{text-align:center;color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast);font-size:.78rem;font-weight:500;font-family:var(--font);background:0 0;border:none;flex:1;padding:8px}.tab--active{background:var(--accent);color:#fff;font-weight:600}.tab:hover:not(.tab--active){color:var(--text-secondary)}.toggle-row{padding:var(--space-md) 0;border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;display:flex}.toggle-row__label{font-size:.9rem;font-weight:500}.toggle-row__desc{color:var(--text-muted);margin-top:2px;font-size:.75rem}.toggle{flex-shrink:0;width:44px;height:24px;position:relative}.toggle input{opacity:0;width:0;height:0}.toggle__slider{background:var(--bg-glass-strong);border-radius:var(--radius-full);cursor:pointer;transition:background var(--transition-fast);position:absolute;inset:0}.toggle__slider:before{content:"";background:var(--text-muted);width:18px;height:18px;transition:all var(--transition-fast);border-radius:50%;position:absolute;bottom:3px;left:3px}.toggle input:checked+.toggle__slider{background:var(--accent)}.toggle input:checked+.toggle__slider:before{background:#fff;transform:translate(20px)}.page-enter{animation:pageIn .3s var(--transition-slow) forwards}@keyframes pageIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (width>=768px){.app-container{max-width:600px;padding:var(--space-xl)}}