:root{--bg:#eef7f6;--card:#fff;--text:#102a43;--muted:#627d98;--teal:#0f766e;--teal2:#14b8a6;--blue:#1d4ed8;--line:#d9e8e6;--shadow:0 18px 45px #0f766e24}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input{font:inherit}button{cursor:pointer}.app{flex-direction:column;min-height:100vh;display:flex}.topbar{z-index:10;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid var(--line);background:#ffffffe6;justify-content:space-between;align-items:center;gap:18px;padding:14px 20px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:12px;min-width:280px;display:flex}.brand img{object-fit:contain;border-radius:14px;width:54px;height:54px;box-shadow:0 8px 22px #00000014}.brand h1{margin:0;font-size:20px;line-height:1.1}.brand p{color:var(--muted);margin:4px 0 0;font-size:12px}nav{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}nav button,.secondary{border:1px solid var(--line);color:var(--text);background:#fff;border-radius:999px;padding:9px 13px}nav button.active{border-color:var(--teal2);color:var(--teal);background:#e6fffb;font-weight:700}main{flex:1;width:min(1180px,100%);margin:0 auto;padding:26px 18px 42px}.hero{grid-template-columns:1.25fr .75fr;align-items:center;gap:24px;display:grid}.heroText,.logoCard,.panel,.card,.stat{background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:26px}.heroText{padding:34px}.pill{color:var(--teal);background:#e6fffb;border-radius:999px;padding:7px 11px;font-size:13px;font-weight:800;display:inline-block}h2{letter-spacing:-.04em;margin:18px 0 14px;font-size:clamp(28px,5vw,48px);line-height:1.05}p{line-height:1.55}.heroText p,.muted,.sectionHead p,.empty{color:var(--muted)}.actions{flex-wrap:wrap;gap:12px;margin-top:22px;display:flex}.actions.vertical{flex-direction:column}.primary{color:#fff;background:linear-gradient(135deg, var(--teal), var(--blue));border:0;border-radius:999px;padding:11px 17px;font-weight:800}.logoCard{text-align:center;padding:24px}.logoCard img{border-radius:28px;width:min(320px,100%)}.cardsGrid{grid-column:1/-1;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.card{text-align:left;padding:20px;transition:transform .18s,box-shadow .18s}.card:hover{transform:translateY(-3px)}.card h3,.panel h3{margin:0 0 8px}.card p{color:var(--muted);margin:0}.page{gap:20px;display:grid}.sectionHead{border:1px solid var(--line);box-shadow:var(--shadow);background:linear-gradient(135deg,#fff,#e6fffb);border-radius:26px;padding:26px}.sectionHead h2{margin:0 0 10px}.sectionHead p{margin:0}.twoCol{grid-template-columns:.9fr 1.1fr;align-items:start;gap:18px;display:grid}.panel{padding:22px}label{color:var(--muted);gap:7px;margin:11px 0;font-weight:650;display:grid}input{border:1px solid var(--line);width:100%;color:var(--text);background:#fbffff;border-radius:14px;padding:11px 12px}.miniGrid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.uploadBox{border:1px dashed var(--teal2);background:#f0fdfa;border-radius:18px;margin-top:18px;padding:14px}.uploadBox p{color:var(--muted);margin:5px 0 10px;font-size:13px}.row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:14px 0;display:flex}.row:last-child{border-bottom:0}.row p{color:var(--muted);margin:4px 0 0;font-size:14px}.row span{color:var(--teal);background:#e6fffb;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:800}.statGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.stat{padding:20px}.stat strong{color:var(--teal);margin-bottom:5px;font-size:30px;display:block}.stat span{color:var(--muted)}.visitorCard{text-align:center;max-width:520px;margin:0 auto}.bigIcon{background:linear-gradient(135deg, var(--teal2), var(--blue));color:#fff;border-radius:50%;place-items:center;width:74px;height:74px;margin:0 auto 12px;font-size:42px;display:grid}.statusBox,.coords{border:1px solid var(--line);color:var(--muted);background:#f8fafc;border-radius:16px;margin-top:14px;padding:12px}.codePanel pre{white-space:pre-wrap;margin:0}footer{color:var(--muted);border-top:1px solid var(--line);background:#fff9;justify-content:space-between;gap:12px;padding:16px 20px;font-size:12px;display:flex}@media (width<=840px){.topbar{flex-direction:column;align-items:flex-start}nav{justify-content:flex-start}.hero,.twoCol{grid-template-columns:1fr}.cardsGrid,.statGrid{grid-template-columns:1fr 1fr}}@media (width<=560px){main{padding:14px 10px 32px}.topbar{padding:12px}.brand{min-width:0}.brand img{width:46px;height:46px}.brand h1{font-size:17px}nav{grid-template-columns:1fr 1fr;width:100%;display:grid}nav button{border-radius:14px}.heroText,.sectionHead,.panel{border-radius:22px;padding:18px}.cardsGrid,.statGrid,.miniGrid{grid-template-columns:1fr}.row{flex-direction:column;align-items:flex-start}footer{flex-direction:column}}