*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}[x-cloak]{display:none!important}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:Geist,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-feature-settings:"ss01","ss02";background:radial-gradient(ellipse at 50% 0%,rgba(88,101,242,.04) 0%,transparent 50%),#0c0d0f;color:#e3e5e8;min-height:100vh;line-height:1.5;font-size:.875rem}a{color:inherit;text-decoration:none}img{display:block}@keyframes fade-in{0%{opacity:0}}@keyframes fade-out{to{opacity:0}}@keyframes slide-from-right{0%{transform:translate(90px)}}@keyframes slide-to-left{to{transform:translate(-90px)}}.slide-it{view-transition-name:slide-it}#dashboard_content{view-transition-name:dashboard-content}::view-transition-old(dashboard-content){animation:.15s cubic-bezier(.4,0,.2,1) both fade-out}::view-transition-new(dashboard-content){animation:.2s cubic-bezier(.4,0,.2,1) 60ms both fade-in}::view-transition-old(slide-it){animation:.18s cubic-bezier(.4,0,1,1) both fade-out,.6s cubic-bezier(.4,0,.2,1) both slide-to-left}::view-transition-new(slide-it){animation:.42s cubic-bezier(0,0,.2,1) 90ms both fade-in,.6s cubic-bezier(.4,0,.2,1) both slide-from-right}@keyframes card-enter{0%{opacity:0;transform:translateY(10px)}}@keyframes card-highlight{0%{background:#5865f214}to{background:#111316}}@keyframes float-orb{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-25px) scale(1.05)}66%{transform:translate(-20px,15px) scale(.95)}}@keyframes login-appear{0%{opacity:0;transform:scale(.96)}}@keyframes status-ring{0%{transform:scale(.8);opacity:1}to{transform:scale(2.2);opacity:0}}@keyframes mark-pulse{0%,to{box-shadow:0 0 20px -5px #5865f266}50%{box-shadow:0 0 30px -3px #5865f299}}.header{position:sticky;top:0;z-index:50;background:#111316d9;-webkit-backdrop-filter:blur(12px) saturate(1.5);backdrop-filter:blur(12px) saturate(1.5);border-bottom:1px solid rgba(255,255,255,.06)}.header:after{content:"";position:absolute;bottom:-1px;left:50%;transform:translate(-50%);width:200px;height:1px;background:linear-gradient(90deg,transparent,rgba(88,101,242,.35),transparent);pointer-events:none}.header__inner{display:flex;align-items:center;justify-content:space-between;max-width:800px;margin:0 auto;padding:0 20px;height:52px}.header__logo{display:flex;align-items:center;gap:8px}.header__logo-mark{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:#5865f2;color:#fff;font-size:.6875rem;font-weight:700;border-radius:6px;letter-spacing:.02em}.header__logo-text{font-size:.875rem;font-weight:600;color:#e3e5e8;letter-spacing:-.02em}.header__nav{display:flex;align-items:center;gap:16px}.header__link{font-size:.8125rem;font-weight:500;color:#8b8f96;transition:color .15s cubic-bezier(.4,0,.2,1)}.header__link:hover{color:#e3e5e8}.header__link--muted{color:#3a3d44}.header__link--muted:hover{color:#d83c3e}.header__sep{width:1px;height:16px;background:#2a2d33}.login{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 52px);padding:20px;position:relative;overflow:hidden}.login:before,.login:after{content:"";position:absolute;border-radius:50%;filter:blur(80px);pointer-events:none;will-change:transform}.login:before{width:500px;height:500px;background:radial-gradient(circle,rgba(88,101,242,.12) 0%,transparent 70%);top:-15%;right:-5%;animation:float-orb 20s ease-in-out infinite}.login:after{width:400px;height:400px;background:radial-gradient(circle,rgba(35,165,89,.08) 0%,transparent 70%);bottom:-10%;left:-5%;animation:float-orb 25s ease-in-out infinite reverse}.login__card{position:relative;z-index:1;width:380px;max-width:100%;background:#111316b3;-webkit-backdrop-filter:blur(24px) saturate(1.3);backdrop-filter:blur(24px) saturate(1.3);border:1px solid rgba(255,255,255,.07);border-radius:16px;padding:40px 32px;text-align:center;box-shadow:0 0 0 1px #0000004d,0 25px 60px -15px #00000080,0 0 80px -20px #5865f20f;animation:login-appear .6s cubic-bezier(0,0,.2,1) both}.login__header{display:flex;flex-direction:column;align-items:center;gap:16px;margin-bottom:12px;animation:card-enter .5s cubic-bezier(0,0,.2,1) .12s both}.login__mark{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:#5865f2;color:#fff;font-size:1rem;font-weight:700;border-radius:8px;box-shadow:0 0 24px -4px #5865f280;animation:mark-pulse 3s ease-in-out .8s infinite}.login__title{font-size:1.25rem;font-weight:700;letter-spacing:-.03em;color:#e3e5e8}.login__desc{font-size:.8125rem;color:#8b8f96;line-height:1.6;margin-bottom:24px;animation:card-enter .5s cubic-bezier(0,0,.2,1) .22s both}.login__alert{display:flex;align-items:center;gap:8px;background:#d83c3e14;border:1px solid rgba(216,60,62,.15);color:#d83c3e;padding:8px 12px;border-radius:6px;font-size:.6875rem;margin-bottom:20px;text-align:left;animation:card-enter .5s cubic-bezier(0,0,.2,1) .28s both}.login__alert svg{flex-shrink:0}.login__btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;background:#5865f2;color:#fff;padding:12px 20px;border-radius:8px;font-size:.875rem;font-weight:600;transition:background .15s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1),transform .15s cubic-bezier(.4,0,.2,1);animation:card-enter .5s cubic-bezier(0,0,.2,1) .32s both}.login__btn:hover{background:#4752c4;box-shadow:0 0 0 3px #5865f233,0 0 24px -4px #5865f266;transform:translateY(-1px)}.login__btn:active{transform:translateY(0)}.login__btn svg{flex-shrink:0;opacity:.9}.login__footer{margin-top:20px;font-size:.6875rem;color:#3a3d44;animation:card-enter .5s cubic-bezier(0,0,.2,1) .38s both}.dashboard{display:flex;height:calc(100vh - 52px)}.sidebar{width:220px;flex-shrink:0;display:flex;flex-direction:column;gap:12px;padding:16px;border-right:1px solid rgba(255,255,255,.06);overflow-y:auto;position:relative}.sidebar:before{content:"";position:absolute;top:0;right:0;width:1px;height:60px;background:linear-gradient(180deg,rgba(88,101,242,.3),transparent);pointer-events:none}.sidebar::-webkit-scrollbar{width:4px}.sidebar::-webkit-scrollbar-track{background:transparent}.sidebar::-webkit-scrollbar-thumb{background:#2a2d33;border-radius:2px}.sidebar__header{display:flex;flex-direction:column;gap:8px}.dashboard__content{flex:1;min-width:0;display:flex;flex-direction:column}.dashboard__title-group{display:flex;align-items:center;gap:8px}.dashboard__title{font-size:1rem;font-weight:600;letter-spacing:-.02em}.dashboard__status{display:flex;align-items:center;gap:6px}.status-dot{width:7px;height:7px;border-radius:9999px;background:#3a3d44;position:relative}.status-dot--on{background:#23a559;box-shadow:0 0 6px 1px #23a55966}.status-dot--on:before{content:"";position:absolute;inset:-3px;border-radius:9999px;border:1.5px solid rgba(35,165,89,.4);animation:status-ring 2.5s ease-out infinite}.status-dot--off{background:#d83c3e}.dashboard__status-text{font-size:.6875rem;font-weight:500;color:#8b8f96}.dashboard__user{display:flex;align-items:center;gap:8px}.dashboard__avatar{width:28px;height:28px;border-radius:9999px}.dashboard__username{font-size:.8125rem;font-weight:500;color:#8b8f96}.filters__group{display:flex;flex-direction:column;gap:6px}.filters__group--monitors{flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:column}.filters__group-head{display:flex;align-items:center;justify-content:space-between}.filters__label{font-size:.625rem;font-weight:600;color:#3a3d44;text-transform:uppercase;letter-spacing:.05em}.filters__checks{display:flex;flex-direction:column;gap:3px}.filters__checks--wrap{flex:1;overflow-y:auto;min-height:0}.filters__checks--wrap::-webkit-scrollbar{width:4px}.filters__checks--wrap::-webkit-scrollbar-track{background:transparent}.filters__checks--wrap::-webkit-scrollbar-thumb{background:#2a2d33;border-radius:2px}.filters__toggle{appearance:none;background:none;border:none;color:#5865f2;font-family:Geist,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.625rem;font-weight:500;cursor:pointer;padding:0}.filters__toggle:hover{text-decoration:underline}.check{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:6px;border:1px solid rgba(255,255,255,.06);background:#1c1e22;cursor:pointer;transition:all .15s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;user-select:none}.check:hover{border-color:#3a3d44}.check--active{border-color:#5865f266;background:#5865f214}.check__input{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.check__box{width:12px;height:12px;border-radius:3px;border:1.5px solid #3a3d44;flex-shrink:0;transition:all .15s cubic-bezier(.4,0,.2,1);position:relative}.check--active .check__box{background:#5865f2;border-color:#5865f2}.check--active .check__box:after{content:"";position:absolute;top:1px;left:3px;width:4px;height:6px;border:solid #fff;border-width:0 1.5px 1.5px 0;transform:rotate(45deg)}.check__text{font-size:.625rem;font-weight:500;color:#8b8f96;white-space:nowrap}.check--active .check__text{color:#e3e5e8}.filters__search{appearance:none;background:#1c1e22;border:1px solid rgba(255,255,255,.06);border-radius:6px;color:#e3e5e8;font-family:Geist,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.6875rem;padding:6px 12px;outline:none;width:100%;transition:border-color .15s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1)}.filters__search:focus{border-color:#5865f2;box-shadow:0 0 0 2px #5865f21a}.filters__search::placeholder{color:#3a3d44}.feed{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:1px;background:#ffffff0f}.feed::-webkit-scrollbar{width:6px}.feed::-webkit-scrollbar-track{background:transparent}.feed::-webkit-scrollbar-thumb{background:#2a2d33;border-radius:3px}.feed::-webkit-scrollbar-thumb:hover{background:#3a3d44}.feed__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;gap:12px;color:#3a3d44;font-size:.8125rem}.feed__empty svg{opacity:.4}.card{display:flex;gap:12px;padding:12px 16px;background:#111316;border-left:3px solid transparent;transition:background .15s cubic-bezier(.4,0,.2,1),box-shadow .15s cubic-bezier(.4,0,.2,1)}.card:hover{background:#1c1e22}.card--new{border-left-color:#23a559}.card--new .card__badge{background:#23a5591f;color:#23a559;box-shadow:0 0 10px -3px #23a55940}.card--new:hover{box-shadow:inset 3px 0 8px -4px #23a55926}.card--restock{border-left-color:#5865f2}.card--restock .card__badge{background:#5865f21f;color:#5865f2;box-shadow:0 0 10px -3px #5865f240}.card--restock:hover{box-shadow:inset 3px 0 8px -4px #5865f226}.card--price_drop{border-left-color:#e8a517}.card--price_drop .card__badge{background:#e8a5171f;color:#e8a517;box-shadow:0 0 10px -3px #e8a51740}.card--price_drop:hover{box-shadow:inset 3px 0 8px -4px #e8a51726}.feed .card{animation:card-enter .3s cubic-bezier(0,0,.2,1) both}.feed .card--fresh{animation:card-enter .3s cubic-bezier(0,0,.2,1) both,card-highlight 1.5s ease-out .25s}.card__img{width:44px;height:44px;object-fit:cover;border-radius:6px;flex-shrink:0;background:#1c1e22}.card__body{min-width:0;flex:1}.card__meta{display:flex;align-items:center;gap:8px;margin-bottom:2px}.card__badge{display:inline-flex;padding:1px 6px;border-radius:3px;font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;background:#3a3d4426;color:#8b8f96}.card__source{font-size:.625rem;color:#3a3d44;margin-left:auto;font-weight:500}.card__title{font-size:.8125rem;font-weight:500;color:#e3e5e8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.4}.card__title a{transition:color .15s cubic-bezier(.4,0,.2,1)}.card__title a:hover{color:#5865f2}.card__pricing{display:flex;align-items:center;gap:8px;margin-top:2px}.card__price{font-size:.6875rem;font-weight:600;color:#8b8f96}.card__was{font-size:.6875rem;color:#3a3d44;text-decoration:line-through}.card__tags{display:flex;gap:4px;margin-top:4px;flex-wrap:wrap}.card__tag{display:inline-flex;padding:0 5px;border-radius:3px;font-size:.625rem;font-weight:500;background:#1c1e22;color:#8b8f96;border:1px solid rgba(255,255,255,.06)}.history{display:flex;height:calc(100vh - 52px)}.history__content{flex:1;min-width:0;display:flex;flex-direction:column}.history__list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:1px;background:#ffffff0f}.history__list::-webkit-scrollbar{width:6px}.history__list::-webkit-scrollbar-track{background:transparent}.history__list::-webkit-scrollbar-thumb{background:#2a2d33;border-radius:3px}.history__list::-webkit-scrollbar-thumb:hover{background:#3a3d44}.history__list .card{animation:card-enter .3s cubic-bezier(0,0,.2,1) both}.history__list .card:nth-child(1){animation-delay:25ms}.history__list .card:nth-child(2){animation-delay:50ms}.history__list .card:nth-child(3){animation-delay:75ms}.history__list .card:nth-child(4){animation-delay:.1s}.history__list .card:nth-child(5){animation-delay:125ms}.history__list .card:nth-child(6){animation-delay:.15s}.history__list .card:nth-child(7){animation-delay:175ms}.history__list .card:nth-child(8){animation-delay:.2s}.history__list .card:nth-child(9){animation-delay:225ms}.history__list .card:nth-child(10){animation-delay:.25s}.history__list .card:nth-child(11){animation-delay:275ms}.history__list .card:nth-child(12){animation-delay:.3s}.history__list .card:nth-child(13){animation-delay:325ms}.history__list .card:nth-child(14){animation-delay:.35s}.history__list .card:nth-child(15){animation-delay:375ms}.history__list .card:nth-child(16){animation-delay:.4s}.history__list .card:nth-child(17){animation-delay:425ms}.history__list .card:nth-child(18){animation-delay:.45s}.history__list .card:nth-child(19){animation-delay:475ms}.history__list .card:nth-child(20){animation-delay:.5s}.history__pagination{display:flex;align-items:center;justify-content:center;gap:12px;padding:12px 16px;border-top:1px solid rgba(255,255,255,.06);background:#111316}.history__page-btn{appearance:none;display:inline-flex;align-items:center;gap:4px;background:#1c1e22;border:1px solid rgba(255,255,255,.06);border-radius:6px;color:#8b8f96;font-family:Geist,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.6875rem;font-weight:500;padding:5px 12px;cursor:pointer;transition:all .15s cubic-bezier(.4,0,.2,1)}.history__page-btn:hover:not(:disabled){border-color:#5865f2;color:#e3e5e8;box-shadow:0 0 8px -2px #5865f233}.history__page-btn:disabled{opacity:.35;cursor:not-allowed}.history__page-btn svg{flex-shrink:0}.history__page-info{font-size:.6875rem;font-weight:500;color:#3a3d44}
