:root{--bg: #f4f6fc;--panel: #ffffff;--text: #0c1020;--muted: #5b6478;--line: rgba(46, 107, 255, .16);--header-bg: rgba(255, 255, 255, .85);--row-hover: rgba(46, 107, 255, .06);--input-bg: #ffffff;--link: #2e6bff;--sh1: rgba(46, 107, 255, .08);--sh2: rgba(46, 107, 255, .2);--glow1: rgba(46, 107, 255, .1);--glow2: rgba(236, 107, 255, .08);--scroll-track: rgba(46, 107, 255, .08);--cyan: #22ccff;--violet: #8a64ff;--magenta: #ec6bff;--grad: linear-gradient(105deg, #22ccff, #8a64ff, #ec6bff);--green: #16a34a;--amber: #ca8a04;--gray: #6b7280;--wa: #25d366;--fb: #1877f2;--gold: #f5b301}.dark{--bg: #04050d;--panel: #10131f;--text: #f4f6ff;--muted: #8b94b3;--line: rgba(138, 100, 255, .18);--header-bg: rgba(4, 5, 13, .85);--row-hover: rgba(138, 100, 255, .06);--input-bg: #10131f;--link: #22ccff;--sh1: rgba(138, 100, 255, .08);--sh2: rgba(138, 100, 255, .22);--glow1: rgba(46, 107, 255, .12);--glow2: rgba(236, 107, 255, .1);--scroll-track: rgba(138, 100, 255, .1)}*{box-sizing:border-box;margin:0}html,body{height:100%}body{background:radial-gradient(60% 40% at 15% 0%,var(--glow1),transparent 60%),radial-gradient(50% 40% at 100% 0%,var(--glow2),transparent 60%),var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;overflow:hidden;transition:background-color .3s,color .3s}#root{height:100dvh}.app{display:flex;flex-direction:column;height:100%}a{color:var(--link);text-decoration:none}a:hover{text-decoration:underline}button{font:inherit;cursor:pointer;color:inherit}input[type=checkbox]{width:15px;height:15px;accent-color:var(--violet);cursor:pointer}::view-transition-old(root),::view-transition-new(root){animation:none;mix-blend-mode:normal}.top{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:13px 22px;border-bottom:1px solid var(--line);background:var(--header-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.brand{font-weight:800;font-size:18px;letter-spacing:.01em}.brand em{font-style:normal;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.brand small{font-weight:600;font-size:12px;color:var(--muted);margin-left:8px}.top .spacer{flex:1}.usage{font:500 12.5px JetBrains Mono,monospace;color:var(--muted);white-space:nowrap}.usage b{color:var(--link)}.btn{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:10px;padding:8px 14px;font-weight:600;font-size:14px;transition:border-color .2s,transform .1s}.btn:hover{border-color:var(--violet);text-decoration:none}.btn:active{transform:scale(.98)}.btn.grad{background:var(--grad);border:0;color:#06070f;font-weight:800}.btn.danger{border-color:color-mix(in srgb,var(--magenta) 45%,transparent);color:var(--magenta)}.btn:disabled{opacity:.55;cursor:not-allowed}.toggler{display:inline-flex;align-items:center;justify-content:center;width:37px;height:37px;border:1px solid var(--line);border-radius:10px;background:var(--panel);color:var(--text);transition:border-color .2s,transform .15s}.toggler:hover{border-color:var(--violet)}.toggler:active{transform:scale(.88) rotate(-12deg)}.controls{display:flex;flex-wrap:wrap;gap:9px;align-items:center;padding:12px 22px 0}.controls.filters{padding-bottom:10px}.controls .lead{color:var(--muted);font-size:14px}select,input[type=text],input[list]{background:var(--input-bg);color:var(--text);border:1px solid var(--line);border-radius:9px;padding:8px 11px;font-size:14px;outline:none}select:focus,input:focus{border-color:var(--violet)}.controls .sep{flex:1;min-width:8px}.count{font:600 12px JetBrains Mono,monospace;color:var(--muted);white-space:nowrap}.chip{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:999px;padding:7px 13px;font-size:13px;font-weight:600;color:var(--muted);background:var(--panel);transition:all .18s}.chip:hover{border-color:var(--violet)}.chip.on{color:var(--text);border-color:var(--violet);background:color-mix(in srgb,var(--violet) 14%,transparent)}.chip.on svg{color:var(--gold)}.toast{margin:10px 22px 0;padding:10px 14px;border-radius:10px;background:color-mix(in srgb,var(--cyan) 9%,transparent);border:1px solid color-mix(in srgb,var(--cyan) 30%,transparent);color:var(--link);font-size:13.5px}.table-wrap{flex:1;min-height:0;margin-top:10px;overflow-x:scroll;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--violet) var(--scroll-track)}.table-wrap::-webkit-scrollbar{height:12px;width:12px}.table-wrap::-webkit-scrollbar-track{background:var(--scroll-track)}.table-wrap::-webkit-scrollbar-thumb{background:linear-gradient(105deg,#2cf,#8a64ff,#ec6bff);border-radius:999px;border:2.5px solid transparent;background-clip:padding-box}.table-wrap::-webkit-scrollbar-corner{background:transparent}.grid{min-width:1830px;padding:0 22px 8px}.row{display:grid;grid-template-columns:36px 40px 74px 200px 130px 230px 130px 118px 56px 56px 190px 200px 64px 74px 56px 130px 44px;align-items:center;border-bottom:1px solid color-mix(in srgb,var(--line) 60%,transparent)}.row.head{position:sticky;top:0;z-index:5;font:700 11.5px JetBrains Mono,monospace;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);background:var(--bg);border-bottom:1px solid var(--line)}.row.head .c{padding:12px 8px}.row .c{padding:10px 8px;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row:not(.head):hover{background:var(--row-hover)}.c.wrap{white-space:normal}.row.fav{background:color-mix(in srgb,var(--gold) 7%,transparent)}.row.fav:hover{background:color-mix(in srgb,var(--gold) 11%,transparent)}.row.sel{background:color-mix(in srgb,var(--violet) 10%,transparent)}.row.sel:hover{background:color-mix(in srgb,var(--violet) 14%,transparent)}.score{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:26px;border-radius:7px;font-weight:800;font-size:13px;color:#fff}.score.hi{background:var(--green)}.score.mid{background:var(--amber)}.score.lo{background:var(--gray)}.muted{color:var(--muted);opacity:.7;font-style:italic;font-size:12px}.lnk{display:inline-flex;align-items:center;gap:5px}.wa{color:var(--wa)}.fb{color:var(--fb)}.ig{color:var(--magenta)}.maps{color:var(--violet)}.iconbtn{background:none;border:0;display:inline-flex;padding:3px;border-radius:6px;color:var(--muted);transition:color .15s,transform .1s}.iconbtn:active{transform:scale(.82)}.iconbtn.star.on{color:var(--gold)}.iconbtn.del:hover{color:var(--magenta)}input.cell,select.cell{width:100%;background:transparent;border:1px solid transparent;border-radius:6px;padding:5px 6px;color:var(--text);font-size:12.5px}input.cell:hover,select.cell:hover{border-color:var(--line)}input.cell:focus,select.cell:focus{border-color:var(--violet);background:var(--panel)}.shimmer{display:inline-block;width:70%;height:12px;border-radius:5px;background:linear-gradient(90deg,var(--sh1) 25%,var(--sh2) 37%,var(--sh1) 63%);background-size:400% 100%;animation:sh 1.3s ease infinite}@keyframes sh{0%{background-position:100% 0}to{background-position:-100% 0}}.empty{display:flex;flex-direction:column;align-items:center;gap:12px;padding:70px 20px;color:var(--muted);text-align:center;line-height:1.5}.empty svg{width:32px;height:32px;opacity:.55}.login-wrap{height:100dvh;display:grid;place-items:center;padding:20px}.login-toggler{position:fixed;top:16px;right:18px}.login-card{width:min(390px,100%);background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:34px 30px 26px;display:flex;flex-direction:column;gap:14px;box-shadow:0 30px 80px -30px #00000080,0 0 60px -30px color-mix(in srgb,var(--violet) 50%,transparent)}.login-brand{font-weight:800;font-size:30px;letter-spacing:.01em;text-align:center}.login-brand em{font-style:normal;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.login-sub{text-align:center;color:var(--muted);font-size:13px;margin-top:-8px}.login-field{display:flex;align-items:center;gap:10px;margin-top:8px;border:1px solid var(--line);border-radius:11px;padding:0 13px;background:var(--input-bg)}.login-field svg{color:var(--muted);flex:none}.login-field input{flex:1;border:0;outline:none;background:transparent;color:var(--text);font-size:15px;padding:13px 0}.login-field:focus-within{border-color:var(--violet)}.login-error{color:var(--magenta);font-size:13px;text-align:center}.login-btn{justify-content:center;padding:12px;font-size:15px}.login-hint{text-align:center;color:var(--muted);font-size:11.5px}@media (max-width: 720px){.top,.controls{padding-left:12px;padding-right:12px}.toast{margin:8px 12px 0}.grid{padding:0 12px 8px}.controls .sep{display:none}.controls select,.controls input[type=text],.controls input[list]{flex:1 1 130px;min-width:0}.usage{order:10;width:100%}}
