:root{--bg:#061421;--panel:#0a1c2b;--panel2:#0d2334;--line:#17374a;--text:#e6f2f8;--muted:#7591a3;--cyan:#17c8ff;--green:#27d69b;--orange:#ff9f1a;--red:#ff4d5e;--purple:#a67cff;--shadow:0 18px 50px rgba(0,0,0,.22)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:linear-gradient(180deg,#06141f,#071824 45%,#06131e);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:14px}.hidden{display:none!important}button,input,select{font:inherit}.topbar{height:64px;display:flex;align-items:center;gap:32px;padding:0 28px;border-bottom:1px solid var(--line);background:rgba(5,25,35,.92);position:sticky;top:0;z-index:10;backdrop-filter:blur(18px)}.brand{font-size:21px;font-weight:800;letter-spacing:-.8px}.brand span{color:#d9f9ff}.brand b{color:var(--orange)}nav{display:flex;gap:26px}nav a{color:var(--muted);text-decoration:none;font-weight:650}nav a.active,nav a:hover{color:white}.top-actions{margin-left:auto;display:flex;align-items:center;gap:12px}.api-state{font-size:12px;color:var(--muted)}.button{border:1px solid var(--line);border-radius:10px;padding:9px 14px;background:#102b3d;color:white;cursor:pointer;font-weight:700}.button:hover{border-color:#2b607b}.button.primary{background:linear-gradient(135deg,#08aeea,#1e9deb);border-color:#2cc7ff}.button.ghost{background:transparent}.button:disabled{opacity:.5;cursor:not-allowed}main{max-width:1800px;margin:auto;padding:22px 26px 60px}.hero-row{display:flex;gap:24px;align-items:flex-end;justify-content:space-between;margin-bottom:18px}.breadcrumb{color:var(--muted);font-size:12px}.hero-row h1{margin:12px 0 6px;font-size:28px}.hero-row p{margin:0;color:var(--muted);max-width:800px}.summary-card{min-width:190px;background:linear-gradient(135deg,#0c2737,#0a1c2b);border:1px solid var(--line);border-radius:14px;padding:16px 18px;box-shadow:var(--shadow)}.summary-card span,.summary-card small{display:block;color:var(--muted)}.summary-card strong{font-size:28px;color:var(--cyan);display:block;margin:4px 0}.notice{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:14px 18px;border:1px solid #6a5122;background:rgba(85,60,10,.22);border-radius:12px;margin-bottom:16px}.notice p{margin:4px 0 0;color:#c6af7c}.notice code{color:#ffd27a}.category-strip,.quick-filters{display:flex;gap:8px;overflow:auto;scrollbar-width:thin;padding:10px 0}.category,.quick{white-space:nowrap;border:1px solid var(--line);background:#0a1b29;color:var(--muted);border-radius:9px;padding:8px 12px;cursor:pointer}.category.active,.quick.active{background:#0e3b58;color:var(--cyan);border-color:#16668c;box-shadow:inset 0 -2px var(--cyan)}.quick.warning{color:#ffbd4d}.quick.danger{color:#ff7f8a}.filter-panel{display:grid;grid-template-columns:minmax(280px,1fr) 220px auto auto;gap:10px;align-items:center;background:var(--panel);border:1px solid var(--line);border-radius:13px;padding:12px;margin-top:8px}.search-box{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:9px;padding:0 12px;background:#071622}.search-box input{width:100%;padding:10px 0;background:transparent;border:0;outline:0;color:white}.search-box span{font-size:20px;color:var(--muted)}select,.advanced input{border:1px solid var(--line);background:#071622;color:white;border-radius:9px;padding:10px 11px;outline:0}.advanced{grid-column:1/-1;display:grid;grid-template-columns:repeat(5,minmax(150px,1fr)) auto;gap:10px;padding-top:10px;border-top:1px solid var(--line)}.advanced label{color:var(--muted);font-size:12px;display:flex;flex-direction:column;gap:6px}.advanced .check{flex-direction:row;align-items:center;align-self:end;height:40px}.data-bar{display:flex;justify-content:space-between;align-items:center;padding:12px 4px;color:var(--muted)}.data-bar strong{color:var(--cyan);margin-right:14px}.legend{display:flex;gap:16px}.legend span{display:flex;align-items:center;gap:6px;font-size:12px}.dot{width:7px;height:7px;border-radius:50%}.dot.verified{background:var(--green)}.dot.calculated{background:var(--cyan)}.dot.missing{background:#566a78}.table-card{background:rgba(7,23,35,.82);border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:var(--shadow)}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;min-width:1420px}thead{background:#0a2030;color:#6f91a7;text-transform:uppercase;font-size:11px;letter-spacing:.06em}th,td{padding:13px 12px;border-bottom:1px solid #102e40;text-align:left;vertical-align:middle}tbody tr:hover{background:rgba(15,48,67,.45)}th.rank,td.rank{width:42px;text-align:right;color:#6b8a9e}.product-col{min-width:330px}.product-cell{display:flex;gap:12px;align-items:center}.product-image{width:54px;height:54px;object-fit:cover;border-radius:10px;background:#0d2637;border:1px solid var(--line)}.product-info{min-width:0}.product-title{display:block;max-width:330px;color:#21bfff;text-decoration:none;font-weight:750;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-meta{margin-top:5px;color:var(--muted);font-size:12px;display:flex;gap:8px}.score{display:flex;align-items:center;gap:8px}.score-ring{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;font-weight:850;background:conic-gradient(var(--green) calc(var(--score)*1%),#173646 0);position:relative}.score-ring:after{content:"";position:absolute;inset:4px;background:#081927;border-radius:50%}.score-ring span{position:relative;z-index:1;font-size:11px}.confidence{font-size:10px;color:var(--muted)}.status{display:inline-flex;padding:5px 8px;border-radius:7px;font-size:12px;font-weight:800}.status.NEW{background:rgba(166,124,255,.15);color:#c2a8ff}.status.ENTER_NOW{background:rgba(39,214,155,.15);color:var(--green)}.status.HOT{background:rgba(255,159,26,.15);color:var(--orange)}.status.WATCH{background:rgba(23,200,255,.12);color:var(--cyan)}.status.SATURATING,.status.AVOID{background:rgba(255,77,94,.14);color:#ff7180}.value-main{font-weight:800;color:#d8eaf2}.value-positive{color:var(--green)}.value-negative{color:var(--red)}.sub{display:block;color:#5f7d90;font-size:11px;margin-top:3px}.spark{width:96px;height:32px}.missing-value{color:#526c7d;font-size:12px}.commission strong{color:var(--green)}.external{width:36px;height:36px;border:1px solid var(--line);border-radius:9px;display:grid;place-items:center;color:#7ba0b4;text-decoration:none}.empty{text-align:center;padding:70px 20px}.empty-icon{font-size:50px;color:#31586e}.empty h3{margin:8px}.empty p{color:var(--muted)}.guide{margin-top:28px}.guide h2{font-size:20px}.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.guide article{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:16px}.guide article strong{color:var(--cyan)}.guide article p{color:var(--muted);line-height:1.6;margin-bottom:0}.toast{position:fixed;right:22px;bottom:22px;max-width:420px;background:#0e2b3c;border:1px solid #2b607b;border-radius:12px;padding:14px 18px;box-shadow:var(--shadow);z-index:20}.toast.error{border-color:#8b3440;color:#ffadb5}
@media(max-width:900px){.topbar nav{display:none}.api-state{display:none}main{padding:16px 12px 45px}.hero-row{align-items:stretch;flex-direction:column}.summary-card{min-width:0}.filter-panel{grid-template-columns:1fr 1fr}.search-box{grid-column:1/-1}.advanced{grid-template-columns:1fr 1fr}.legend{display:none}.guide-grid{grid-template-columns:1fr}}@media(max-width:560px){.topbar{padding:0 12px}.brand{font-size:18px}.button{padding:8px 10px}.filter-panel{grid-template-columns:1fr}.filter-panel>*{grid-column:1}.advanced{grid-template-columns:1fr}.notice{align-items:flex-start;flex-direction:column}.hero-row h1{font-size:23px}}

.site-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px 28px;border-top:1px solid var(--line);background:#06141f;color:var(--muted)}.site-footer div{display:flex;flex-direction:column;gap:3px}.site-footer strong{color:#d9edf5}.site-footer nav{display:flex;gap:18px}.site-footer a{color:#9eb9c7;text-decoration:none;font-weight:650}.site-footer a:hover{color:var(--cyan)}@media(max-width:700px){.site-footer{align-items:flex-start;flex-direction:column;padding:22px 16px}.site-footer nav{flex-direction:column;gap:8px}}