:root{--bg: #06090a;--bg-sidebar: #080b0b;--surface: #0d1412;--surface-2: #0a110f;--surface-hover: #101a16;--border: #1b2621;--border-soft: rgba(255, 255, 255, .06);--green: #3ee08f;--green-2: #2fce7f;--green-deep: #12251b;--green-ink: #052012;--text: #e9f1ec;--text-dim: #93a49b;--text-mute: #5d6d65;--blue: #4b93f7;--orange: #f5a524;--teal: #2dd4bf;--red: #f26060;--radius: 14px;--radius-sm: 10px;--font: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--shadow: 0 18px 50px rgba(0, 0, 0, .45)}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}input{font-family:inherit}::selection{background:#3ee08f47}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.logo{display:inline-flex;align-items:center;gap:0;font-weight:800;font-size:20px;letter-spacing:-.02em}.logo .mark{width:34px;height:34px;display:grid;place-items:center;margin-right:10px;background:linear-gradient(150deg,#46e79a,#23b56e);clip-path:polygon(25% 5%,75% 5%,100% 50%,75% 95%,25% 95%,0 50%);color:#05130c}.logo b{color:#fff;font-weight:800}.logo span{color:var(--green);font-weight:800}.auth-wrap{min-height:100%;display:grid;place-items:center;padding:32px 18px;position:relative;background:radial-gradient(1100px 620px at 50% -10%,rgba(62,224,143,.1),transparent 60%),var(--bg)}.auth-brand{position:fixed;top:26px;left:30px}.auth-card{width:100%;max-width:430px;background:linear-gradient(180deg,#131b18eb,#0a0f0deb);border:1px solid var(--border);border-radius:22px;padding:34px 34px 26px;box-shadow:var(--shadow)}.auth-pill{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;font-weight:700;color:var(--green);background:#3ee08f1a;border:1px solid rgba(62,224,143,.22);padding:6px 12px;border-radius:999px}.auth-title{font-size:34px;font-weight:800;letter-spacing:-.03em;margin:18px 0 6px}.auth-sub{color:var(--text-dim);font-size:15px;margin-bottom:22px}.tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;background:var(--surface-2);border:1px solid var(--border);border-radius:12px;padding:5px;margin-bottom:18px}.tabs button{padding:11px 0;border-radius:8px;font-weight:700;font-size:14.5px;color:var(--text-dim);transition:.15s}.tabs button.active{background:linear-gradient(180deg,var(--green),var(--green-2));color:var(--green-ink)}.btn-google{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;background:#fff;color:#111;font-weight:700;font-size:15px;padding:13px;border-radius:12px;transition:.15s}.btn-google:hover{background:#f0f0f0}.gbtn{display:flex;justify-content:center;min-height:44px}.divider{display:flex;align-items:center;gap:12px;color:var(--text-mute);font-size:12.5px;margin:18px 0}.divider:before,.divider:after{content:"";height:1px;flex:1;background:var(--border)}.field{position:relative;margin-bottom:12px}.field .ic{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--text-mute);display:flex}.field input{width:100%;background:var(--surface-2);border:1px solid var(--border);color:var(--text);border-radius:12px;padding:14px 44px;font-size:15px;outline:none;transition:.15s}.field input::placeholder{color:var(--text-mute)}.field input:focus{border-color:#3ee08f80;box-shadow:0 0 0 3px #3ee08f1a}.field .eye{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:var(--text-mute);padding:4px}.field .eye:hover{color:var(--text-dim)}.pw-meter{display:flex;gap:6px;align-items:center;margin:4px 2px 12px}.pw-meter .bar{height:4px;flex:1;border-radius:3px;background:var(--border);transition:.2s}.pw-meter .label{font-size:12px;color:var(--text-mute);margin-left:6px;font-weight:600}.auth-row{display:flex;align-items:center;justify-content:space-between;margin:4px 0 18px}.check{display:inline-flex;align-items:center;gap:9px;font-size:14px;color:var(--text-dim);-webkit-user-select:none;user-select:none}.check input{position:absolute;opacity:0}.check .box{width:20px;height:20px;border-radius:6px;border:1px solid var(--border);display:grid;place-items:center;background:var(--surface-2);transition:.15s}.check input:checked+.box{background:var(--green);border-color:var(--green);color:var(--green-ink)}.link-green{color:var(--green);font-weight:600;font-size:14px}.btn-primary{width:100%;padding:15px;border-radius:12px;font-weight:800;font-size:15.5px;color:var(--green-ink);background:linear-gradient(180deg,var(--green),var(--green-2));box-shadow:0 10px 26px #3ee08f38;transition:.15s;display:flex;align-items:center;justify-content:center;gap:9px}.btn-primary:hover{filter:brightness(1.04)}.btn-primary:disabled{opacity:.7;cursor:default}.btn-primary.ok{background:linear-gradient(180deg,#35d07f,#24bd70)}.auth-legal{text-align:center;color:var(--text-mute);font-size:12.5px;margin-top:16px}.auth-legal a{color:var(--green)}.form-err{color:var(--red);font-size:13.5px;margin:-2px 2px 12px;min-height:1px}.dash{display:grid;grid-template-columns:244px 1fr;min-height:100%}.sidebar{background:var(--bg-sidebar);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:20px 16px;position:sticky;top:0;height:100vh}.side-logo{padding:4px 8px 22px}.side-label{font-size:11px;letter-spacing:.16em;color:var(--text-mute);font-weight:700;padding:0 10px 10px}.nav{display:flex;flex-direction:column;gap:4px}.nav a,.nav .nav-item{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:10px;color:var(--text-dim);font-weight:600;font-size:14.5px;position:relative;transition:.15s;width:100%;text-align:left}.nav a .ni,.nav .nav-item .ni{display:flex;color:var(--text-mute)}.nav a:hover,.nav .nav-item:hover{background:var(--surface-hover);color:var(--text)}.nav a.active{background:#3ee08f14;color:#fff}.nav a.active .ni{color:var(--green)}.nav a.active:before{content:"";position:absolute;left:-16px;top:8px;bottom:8px;width:3px;border-radius:0 3px 3px 0;background:var(--green)}.nav .badge{margin-left:auto;background:var(--green);color:var(--green-ink);font-size:12px;font-weight:800;padding:2px 9px;border-radius:999px}.scanner{margin-top:auto;border:1px solid rgba(62,224,143,.25);border-radius:14px;padding:14px;background:#3ee08f0a}.scanner .top{display:flex;align-items:center;justify-content:space-between}.scanner .st{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:800;letter-spacing:.06em;color:var(--green)}.scanner .dot{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px #3ee08f2e}.scanner .re{color:var(--green);display:flex}.scanner .next{font-size:13.5px;color:var(--text-dim);margin:10px 0 8px}.scanner .next b{color:#fff}.scanner .next-prof{font-size:11.5px;color:var(--text-mute);margin:2px 0 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.scanner .track{height:6px;border-radius:4px;background:#ffffff14;overflow:hidden}.scanner .fill{height:100%;background:linear-gradient(90deg,var(--green),var(--green-2));border-radius:4px}.user{display:flex;align-items:center;gap:11px;padding:12px 6px 2px;margin-top:12px}.user .av{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;font-weight:800;color:#2a0f12;background:linear-gradient(150deg,#ff8a80,#f2545b)}.user .nm{font-weight:700;font-size:14px}.user .pl{color:var(--green);font-size:12px;font-weight:700}.user .chev{margin-left:auto;color:var(--text-mute)}.user .logout{margin-left:auto;color:var(--text-mute);padding:6px;border-radius:8px}.user .logout:hover{color:var(--red);background:var(--surface-hover)}.main{min-width:0}.topbar{display:flex;align-items:center;gap:18px;padding:22px 30px;border-bottom:1px solid var(--border);position:sticky;top:0;background:#06090ad9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:5}.topbar h1{font-size:24px;font-weight:800;letter-spacing:-.02em}.topbar .subtitle{color:var(--text-dim);font-size:13.5px;margin-top:3px}.topbar .grow{flex:1}.search{position:relative}.search .ic{position:absolute;left:13px;top:50%;transform:translateY(-50%);color:var(--text-mute);display:flex}.search input{background:var(--surface);border:1px solid var(--border);border-radius:11px;color:var(--text);padding:11px 14px 11px 40px;width:260px;outline:none;font-size:14px}.search input:focus{border-color:#3ee08f66}.icon-btn{width:42px;height:42px;border-radius:11px;border:1px solid var(--border);background:var(--surface);display:grid;place-items:center;color:var(--text-dim);position:relative}.icon-btn:hover{color:var(--text)}.icon-btn .n{position:absolute;top:8px;right:9px;width:7px;height:7px;background:var(--green);border-radius:50%}.btn-new{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(180deg,var(--green),var(--green-2));color:var(--green-ink);font-weight:800;font-size:14px;padding:11px 18px;border-radius:11px}.btn-new:hover{filter:brightness(1.05)}.content{padding:24px 30px 40px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px}.statcard{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:18px}.statcard .head{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.statcard .ic{width:40px;height:40px;border-radius:11px;display:grid;place-items:center}.statcard .tag{font-size:11.5px;font-weight:800;letter-spacing:.04em}.statcard .tag.up{color:var(--green)}.statcard .tag.live{color:var(--green);display:inline-flex;align-items:center;gap:5px}.statcard .tag.live:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--green)}.statcard .val{font-size:30px;font-weight:800;letter-spacing:-.02em}.statcard .cap{color:var(--text-dim);font-size:13.5px;margin-top:3px}.grid-2{display:grid;grid-template-columns:1fr 340px;gap:16px;align-items:start}@media (max-width: 1180px){.grid-2{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,1fr)}}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.panel .ph{display:flex;align-items:center;gap:12px;padding:18px 20px;border-bottom:1px solid var(--border)}.panel .ph h2{font-size:16px;font-weight:800}.chip-live{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:800;color:var(--green);background:#3ee08f1a;padding:3px 9px;border-radius:999px}.chip-live:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--green);animation:pulse 1.6s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.seg{margin-left:auto;display:flex;gap:4px;background:var(--surface-2);border:1px solid var(--border);border-radius:9px;padding:4px}.seg button{padding:6px 12px;font-size:12.5px;font-weight:700;color:var(--text-dim);border-radius:6px}.seg button.active{background:var(--green);color:var(--green-ink)}.hits{padding:6px 8px}.hit{display:flex;align-items:center;gap:14px;padding:13px 12px;border-radius:11px;transition:.12s}.hit:hover{background:var(--surface-hover)}.hit+.hit{border-top:1px solid var(--border-soft)}.hit .thumb{width:44px;height:44px;border-radius:11px;display:grid;place-items:center;flex-shrink:0}.hit .body{min-width:0;flex:1}.hit .t{display:flex;align-items:center;gap:9px}.hit .t .name{font-weight:700;font-size:14.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cat{font-size:10.5px;font-weight:800;letter-spacing:.03em;padding:2px 7px;border-radius:6px;flex-shrink:0}.hit .meta{display:flex;align-items:center;gap:10px;color:var(--text-mute);font-size:12.5px;margin-top:4px}.hit .meta .d{display:inline-flex;align-items:center;gap:5px}.hit .price{text-align:right;flex-shrink:0}.hit .price .lb{font-size:10px;font-weight:800;letter-spacing:.08em;color:var(--text-mute)}.hit .price .v{font-size:17px;font-weight:800;color:var(--green)}.empty{padding:40px;text-align:center;color:var(--text-mute);font-size:14px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:18px 20px}.card .ch{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.card .ch h3{font-size:15px;font-weight:800}.card .ch .muted{color:var(--text-dim);font-size:12.5px;font-weight:600}.bars{display:flex;align-items:flex-end;gap:10px;height:92px}.bars .bar-cell{flex:1;height:100%;display:flex;align-items:flex-end}.bars .bar-cell .col{width:100%;border-radius:6px 6px 3px 3px;background:linear-gradient(180deg,#3ee08fd9,#3ee08f40);transition:height .3s ease}.bars .bar-cell .col.on{background:linear-gradient(180deg,var(--green),var(--green-2))}.bar-labels{display:flex;gap:10px;margin-top:8px}.bar-labels span{flex:1;text-align:center;font-size:11px;color:var(--text-mute);font-weight:600}.bar-labels span.on{color:var(--green)}.profiles{display:flex;flex-direction:column;gap:12px;margin-top:4px}.profile{display:flex;align-items:center;gap:12px}.profile .pic{width:38px;height:38px;border-radius:11px;background:var(--surface-2);border:1px solid var(--border);display:grid;place-items:center;color:var(--green);flex-shrink:0}.profile .nm{font-weight:700;font-size:14px}.profile .ct{color:var(--text-mute);font-size:12.5px;margin-top:1px}.switch{margin-left:auto;width:42px;height:24px;border-radius:999px;background:var(--border);position:relative;transition:.18s;flex-shrink:0}.switch.on{background:var(--green)}.switch .knob{position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:.18s}.switch.on .knob{left:21px}.settings{max-width:640px;display:flex;flex-direction:column;gap:16px}.sect{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:22px}.sect-h{display:flex;align-items:flex-start;gap:13px;margin-bottom:16px}.sect-h .si{width:40px;height:40px;border-radius:11px;flex-shrink:0;display:grid;place-items:center;background:color-mix(in srgb,var(--green) 14%,transparent);color:var(--green)}.sect-h h2{font-size:16px;font-weight:800}.sect-h p{color:var(--text-dim);font-size:13px;margin-top:2px}.in:disabled{opacity:.6;cursor:not-allowed}.set-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:16px}.btn-primary.sm,.btn-ghost.sm{width:auto;padding:10px 18px;font-size:14px;display:inline-flex;align-items:center;gap:7px;box-shadow:none}.hint{color:var(--text-mute);font-size:12px;margin:6px 2px 4px;line-height:1.4}.range{width:100%;margin:8px 0 2px;accent-color:var(--green)}.plan-row{display:flex;align-items:center;justify-content:space-between;gap:14px;background:var(--surface-2);border:1px solid var(--border);border-radius:12px;padding:16px}.plan-name{font-weight:800;font-size:16px}.plan-desc{color:var(--text-dim);font-size:13px;margin-top:2px}.danger-zone{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:14px;padding:16px;border:1px solid rgba(242,96,96,.3);border-radius:12px;background:#f260600d}.dz-title{font-weight:700;color:var(--red)}.dz-desc{color:var(--text-dim);font-size:12.5px;margin-top:2px}.danger-btn{display:inline-flex;align-items:center;gap:7px;background:var(--red);color:#fff;font-weight:700;font-size:13.5px;padding:10px 16px;border-radius:10px;flex-shrink:0}.danger-btn:hover{filter:brightness(1.08)}.smodal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;display:grid;place-items:center;padding:24px}.smodal{width:100%;max-width:940px;height:min(80vh,720px);background:linear-gradient(180deg,#0f1613,#0b110f);border:1px solid var(--border);border-radius:18px;box-shadow:var(--shadow);display:flex;flex-direction:column;overflow:hidden}.smodal-head{display:flex;align-items:center;gap:12px;padding:18px 22px;border-bottom:1px solid var(--border)}.smodal-head h2{font-size:18px;font-weight:800}.smodal-head .x{margin-left:auto;color:var(--text-mute);font-size:16px;width:32px;height:32px;border-radius:8px}.smodal-head .x:hover{color:var(--text);background:var(--surface-hover)}.smodal-cols{display:grid;grid-template-columns:230px 1fr;flex:1;min-height:0}.smodal-nav{border-right:1px solid var(--border);padding:14px;display:flex;flex-direction:column;gap:4px;overflow-y:auto}.smodal-nav button{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:9px;color:var(--text-dim);font-weight:600;font-size:14px;text-align:left;width:100%}.smodal-nav button svg{color:var(--text-mute);flex-shrink:0}.smodal-nav button:hover{background:var(--surface-hover);color:var(--text)}.smodal-nav button.active{background:#3ee08f1a;color:#fff}.smodal-nav button.active svg{color:var(--green)}.smodal-body{padding:24px 28px;overflow-y:auto}.sblock+.sblock{margin-top:24px;padding-top:24px;border-top:1px solid var(--border-soft)}.sblock h3{font-size:15.5px;font-weight:800}.sblock .desc{color:var(--text-dim);font-size:13px;margin:3px 0 14px}@media (max-width: 720px){.smodal{height:90vh}.smodal-cols{grid-template-columns:1fr;grid-template-rows:auto 1fr}.smodal-nav{flex-direction:row;overflow-x:auto;border-right:none;border-bottom:1px solid var(--border)}.smodal-nav button{white-space:nowrap}}.toast{position:fixed;top:18px;left:50%;transform:translate(-50%);z-index:9999;padding:12px 20px;border-radius:11px;font-weight:700;font-size:14px;color:#fff;box-shadow:var(--shadow)}.toast.ok{background:#16a34a}.toast.err{background:#dc2626}.loader{min-height:100%;display:grid;place-items:center;color:var(--text-mute)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;display:grid;place-items:center;padding:20px}.modal{width:100%;max-width:480px;background:linear-gradient(180deg,#101714,#0b110f);border:1px solid var(--border);border-radius:18px;padding:24px;box-shadow:var(--shadow)}.modal-head{display:flex;align-items:center;justify-content:space-between}.modal-head h2{font-size:19px;font-weight:800}.modal .x{color:var(--text-mute);font-size:16px;width:30px;height:30px;border-radius:8px}.modal .x:hover{color:var(--text);background:var(--surface-hover)}.modal-sub{color:var(--text-dim);font-size:13.5px;margin:6px 0 18px}.lbl{display:block;font-size:12.5px;font-weight:700;color:var(--text-dim);margin:12px 2px 6px}.in{width:100%;background:var(--surface-2);border:1px solid var(--border);color:var(--text);border-radius:10px;padding:12px 13px;font-size:14.5px;outline:none}.in:focus{border-color:#3ee08f80;box-shadow:0 0 0 3px #3ee08f1a}select.in{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.row2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.modal-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-top:22px}.btn-ghost{padding:12px 18px;border-radius:10px;font-weight:700;font-size:14px;color:var(--text-dim);border:1px solid var(--border)}.btn-ghost:hover{color:var(--text);background:var(--surface-hover)}.url-preview{margin-top:12px;padding:10px 12px;border-radius:9px;background:#3ee08f0f;border:1px solid rgba(62,224,143,.2);color:var(--text-dim);font-size:12.5px;word-break:break-all}.url-preview span{color:var(--green);font-weight:700;margin-right:6px}.ship-check{margin:14px 2px 2px;font-size:14px}.adv-toggle{margin-top:14px;color:var(--green);font-size:13px;font-weight:600}.adv-toggle:hover{text-decoration:underline}.filter-chips{display:flex;flex-wrap:wrap;gap:8px;padding:14px 20px 4px}.chip{padding:7px 14px;border-radius:999px;font-size:13px;font-weight:700;color:var(--text-dim);background:var(--surface-2);border:1px solid var(--border)}.chip:hover{color:var(--text)}.chip.on{background:#3ee08f1f;border-color:#3ee08f66;color:var(--green)}.page-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:18px;flex-wrap:wrap}.page-lead{color:var(--text-dim);font-size:14px}.profile-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}.profile-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:18px}.pc-top{display:flex;align-items:center;gap:12px}.pc-top .pic{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;flex-shrink:0}.pc-name{min-width:0;flex:1}.pc-name .nm{font-weight:800;font-size:15px}.pc-name .ct{color:var(--text-mute);font-size:12.5px;margin-top:3px;display:flex;align-items:center;gap:6px}.pc-url{display:flex;align-items:center;gap:6px;color:var(--text-dim);font-size:12.5px;margin:14px 0;padding:9px 11px;background:var(--surface-2);border:1px solid var(--border);border-radius:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pc-url:hover{color:var(--green)}.pc-foot{display:flex;align-items:center;justify-content:space-between}.pc-foot .muted{color:var(--text-mute);font-size:12px}.del{display:inline-flex;align-items:center;gap:6px;color:var(--text-mute);font-size:12.5px;font-weight:600;padding:6px 10px;border-radius:8px}.del:hover{color:var(--red);background:#f2606014}