:root { --bg:#f8fafc; --card:#fff; --text:#1e293b; --muted:#64748b; --accent:#0f766e; --border:#e2e8f0; }
* { box-sizing:border-box; margin:0; padding:0; }
body { font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif; background:var(--bg); color:var(--text); line-height:1.6; }
.container { max-width:960px; margin:0 auto; padding:16px; }
header { background:var(--card); border-bottom:1px solid var(--border); padding:16px 0; }
header .container { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:12px; }
.logo { font-size:1.3rem; font-weight:700; color:var(--accent); text-decoration:none; }
.logo span { font-weight:400; color:var(--muted); }
nav a { color:var(--muted); text-decoration:none; margin-left:16px; font-size:.9rem; }
nav a:hover { color:var(--accent); }
main { padding:24px 0; }
h1 { font-size:1.6rem; margin-bottom:8px; color:var(--text); }
h2 { font-size:1.2rem; margin:24px 0 12px; color:var(--text); }
p { color:var(--muted); margin-bottom:12px; }
a { color:var(--accent); }
.card { background:var(--card); border:1px solid var(--border); border-radius:10px; padding:20px; margin-bottom:16px; }
.card h3 { margin-bottom:6px; }
.card p { font-size:.9rem; margin-bottom:4px; }
.grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(260px,1fr)); gap:12px; }
.chip { display:inline-block; background:#f1f5f9; border:1px solid var(--border); border-radius:20px; padding:3px 10px; font-size:.8rem; color:var(--muted); margin:2px; }
.search-box { display:flex; gap:8px; max-width:560px; margin:20px 0; }
.search-box input { flex:1; padding:10px 14px; border:1px solid var(--border); border-radius:8px; font-size:1rem; }
.search-box button { padding:10px 20px; background:var(--accent); color:#fff; border:none; border-radius:8px; font-size:1rem; cursor:pointer; }
.section-label { font-size:.8rem; text-transform:uppercase; letter-spacing:.05em; color:var(--muted); margin-bottom:8px; }
table { width:100%; border-collapse:collapse; background:var(--card); border-radius:10px; overflow:hidden; }
th,td { padding:10px 12px; text-align:left; border-bottom:1px solid var(--border); font-size:.9rem; }
th { background:#f1f5f9; font-weight:600; }
tr:hover { background:#f8fafc; }
.footer-links { margin-top:10px; }
.footer-links a { color:var(--muted); text-decoration:none; margin:0 4px; }
.footer-links a:hover { color:var(--accent); text-decoration:underline; }
.footer { border-top:1px solid var(--border); padding:24px 0; margin-top:40px; text-align:center; color:var(--muted); font-size:.85rem; }
.disclaimer { background:#fffbeb; border:1px solid #fde68a; border-radius:8px; padding:12px 16px; font-size:.85rem; color:#92400e; margin:16px 0; }
.pagination { display:flex; gap:12px; justify-content:center; margin:24px 0; }
.pagination a { padding:6px 14px; border:1px solid var(--border); border-radius:6px; background:var(--card); text-decoration:none; }
.pagination a:hover { background:#f1f5f9; }
.empty { text-align:center; padding:40px; color:var(--muted); }
.badge { display:inline-block; padding:2px 8px; border-radius:12px; font-size:.75rem; font-weight:600; }
.badge.success { background:#dcfce7; color:#166534; }
.badge.warn { background:#fef3c7; color:#92400e; }
.badge.danger { background:#fee2e2; color:#991b1b; }
.geo-summary { background:#f0fdfa; border-left:4px solid var(--accent); border-radius:8px; padding:14px 18px; margin:12px 0 20px; font-size:.95rem; line-height:1.7; }
@media (max-width:640px){ .grid { grid-template-columns:1fr; } nav a { margin-left:8px; } }