:root {
    --primary: #1c75bc;
    --primary-dark: #145a8f;
    --accent: #00a1e0;
    --text: #1d1f23;
    --muted: #6b7280;
    --bg: #f5f7fb;
    --surface: #ffffff;
    --border: #e5e7eb;
    --radius: 12px;
    --shadow: 0 6px 20px rgba(16,24,40,.08);
    --shadow-soft: 0 2px 10px rgba(16,24,40,.06);
    --container: 1200px;
    /*--map-tiles-filter: brightness(0.6) invert(1) contrast(3) hue-rotate(600deg) saturate(0.7) brightness(1);*/
}

body{
    margin:0;
    font-family:Inter,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
    color:var(--text);
    background:var(--bg);
    line-height:1.6
}
.table-wrap{
    background:var(--surface);
    border:1px solid var(--border);
    border-radius:var(--radius);
    box-shadow:var(--shadow-soft);
    overflow:hidden
}
.table{
    width:100%;
    border-collapse:separate;
    border-spacing:0;
    font-size:.95rem
}
.table thead th{
    background:linear-gradient(to bottom,#f8fafc,#f3f6fb);
    color:#0f172a;text-align:left;
    font-weight:600;
    padding:14px 16px;
    border-bottom:1px solid var(--border);
    position:sticky;top:0;
    z-index:1
}
.table tbody tr{
    transition:background .15s ease,box-shadow .15s ease
}
.table tbody tr:nth-child(even){
    background:#fbfdff
}
.table tbody tr:hover{
    background:#eef6ff
}
.table td{
    padding:14px 16px;
    border-bottom:1px solid var(--border);
    vertical-align:middle
}
.btn-primary{
    background:var(--primary);
    border-color:var(--primary)
}
.btn-primary:hover{
    background:var(--primary-dark);
    border-color:var(--primary-dark)
}
/*@media (prefers-color-scheme: dark) {
    .map-tiles {
        filter: var(--map-tiles-filter, none);
    }
}*/