*{box-sizing:border-box}body{margin:0;background:#f5f7fa;color:#17202a;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}html,body,#root{min-height:100%}button,input,select{font:inherit}.app{display:grid;grid-template-columns:248px 1fr;min-height:100vh}.sidebar{background:#111827;color:#fff;padding:22px 18px}.brand{align-items:center;display:flex;font-size:20px;font-weight:700;gap:10px;margin-bottom:28px}nav{display:grid;gap:8px}nav a{align-items:center;border-radius:8px;color:#cbd5e1;display:flex;gap:10px;padding:11px 12px;text-decoration:none}nav a.active,nav a:hover{background:#263244;color:#fff}main{min-width:0;padding:12px 16px}.page-shell{display:grid;gap:18px}.map-page{gap:12px;grid-template-rows:auto minmax(0,1fr) auto;height:calc(100vh - 24px);overflow:hidden}.toolbar{align-items:center;display:flex;gap:20px;justify-content:space-between}.toolbar.compact{align-items:end}h1{font-size:32px;letter-spacing:0;line-height:1.1;margin:0 0 8px}p{color:#5b6675;margin:0}.selected-panel,.chart-panel,.metric-list{background:#fff;border:1px solid #dce4ef;border-radius:8px;box-shadow:0 10px 30px #1118270f;padding:16px}.selected-panel{display:grid;gap:10px;min-width:360px}.status-picker{align-items:end;display:flex;gap:8px}.status-picker label{display:grid;flex:1;gap:6px;min-width:0}.status-picker span{color:#667085;font-size:12px}.table-filters{align-items:end;display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.table-filters label{display:grid;gap:6px}.table-filters span{color:#667085;font-size:12px}input,select{background:#fff;border:1px solid #cdd7e3;border-radius:6px;color:#17202a;min-height:38px;padding:7px 10px;width:100%}.icon-button{align-items:center;background:#edf2f7;border:1px solid #d5dee9;border-radius:6px;color:#263244;display:inline-flex;height:38px;justify-content:center;width:38px}.map-viewport{background:#d9ecf6;border:1px solid #c7dae7;border-radius:8px;box-shadow:0 10px 30px #1118270f;min-height:0;overflow:hidden;position:relative}.world-map{cursor:grab;display:block;height:100%;touch-action:none;-webkit-user-select:none;user-select:none;width:100%}.world-map:active{cursor:grabbing}.map-controls{align-items:center;background:#ffffffeb;border:1px solid #d5dee9;border-radius:8px;box-shadow:0 8px 24px #1118271f;display:flex;gap:6px;padding:6px;position:absolute;right:14px;top:14px;z-index:2}.map-controls button,.map-controls span{align-items:center;background:#f8fafc;border:1px solid #d5dee9;border-radius:6px;color:#263244;display:inline-flex;height:34px;justify-content:center;width:34px}.map-controls button{cursor:pointer}.map-controls button:hover{background:#eef4fb}.ocean{fill:#d9ecf6}.graticule{fill:none;opacity:.6;stroke:#b8d0de;stroke-dasharray:5 9}.country{cursor:pointer;outline:none;stroke:#fff;stroke-linejoin:round;stroke-width:.7;transition:fill .15s ease;vector-effect:non-scaling-stroke}.country:focus{outline:none}.country-outline{fill:none;filter:drop-shadow(0 5px 8px rgb(17 24 39 / 20%));pointer-events:none;stroke:#17202a;stroke-linejoin:round;stroke-width:1.8;vector-effect:non-scaling-stroke}.country:focus+.country-outline{stroke:#111827}.country-label{dominant-baseline:central;fill:#17202a;font-size:9px;font-weight:800;pointer-events:none;text-anchor:middle;text-shadow:0 1px 2px white}.country-label.is-hidden{display:none}.legend{display:flex;flex-wrap:wrap;gap:6px 16px;line-height:1.25;min-height:0}.legend span,.metric{align-items:center;display:flex;gap:8px}.legend i,.metric i{border-radius:999px;display:inline-block;height:12px;width:12px}.countries-table{background:#fff;border:1px solid #dce4ef;border-collapse:collapse;border-radius:8px;overflow:hidden;width:100%}th,td{border-bottom:1px solid #e4eaf1;padding:12px;text-align:left;vertical-align:middle}th{background:#f8fafc;font-size:13px}th button{background:transparent;border:0;color:#344054;cursor:pointer;font-weight:700;padding:0}.stats-grid{display:grid;gap:18px;grid-template-columns:minmax(0,1fr) 360px}.metric-list{align-content:start;display:grid;gap:12px}.metric{justify-content:space-between}.metric span{flex:1}.continent-stats{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.continent-card{background:#fff;border:1px solid #dce4ef;border-radius:8px;box-shadow:0 10px 30px #1118270f;display:grid;gap:12px;padding:14px}.continent-card header{align-items:center;display:flex;justify-content:space-between}.continent-card h2{font-size:18px;line-height:1.2;margin:0}.continent-card header strong{color:#344054;font-size:15px}.continent-metrics{display:grid;gap:8px}.continent-metric{align-items:start;display:grid;gap:8px;grid-template-columns:12px minmax(0,1fr) auto}.continent-metric i{border-radius:999px;display:inline-block;height:10px;margin-top:4px;width:10px}.continent-metric span{color:#344054;font-size:13px;line-height:1.25}.continent-metric strong{font-size:13px}.state{background:#fff;border:1px solid #dce4ef;border-radius:8px;padding:20px}.state.error{border-color:#f0b4b4;color:#9a3412}@media (max-width: 860px){.app{grid-template-columns:1fr}.sidebar{align-items:center;display:flex;gap:14px;justify-content:space-between;padding:12px 14px;position:static}.brand{font-size:18px;margin-bottom:0}.brand svg{height:20px;width:20px}nav{display:flex;gap:6px;overflow-x:auto}nav a{flex:0 0 auto;padding:9px 10px;white-space:nowrap}.toolbar,.stats-grid{grid-template-columns:1fr}.toolbar{align-items:stretch;display:grid}.selected-panel{min-width:0}.map-viewport{min-height:520px}}@media (max-width: 560px){body{font-size:15px}.app{min-height:100svh}.sidebar{align-items:stretch;display:grid;gap:10px;padding:10px}.brand{justify-content:center}nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible}nav a{font-size:13px;justify-content:center;padding:9px 6px}nav a svg{display:none}main{padding:10px}.page-shell{gap:12px}.map-page{height:auto;min-height:calc(100svh - 104px);overflow:visible}.toolbar,.toolbar.compact{align-items:stretch;display:grid;gap:10px}h1{font-size:26px;margin-bottom:5px}p{font-size:14px;line-height:1.35}.selected-panel,.chart-panel,.metric-list,.continent-card{padding:12px}.selected-panel{gap:8px;min-width:0}.status-picker{display:grid}.map-viewport{height:min(62svh,560px);min-height:390px}.map-controls{right:8px;top:8px}.map-controls button,.map-controls span{height:32px;width:32px}.legend{display:grid;font-size:13px;gap:8px;grid-template-columns:1fr}.table-filters{display:grid;gap:8px;justify-content:stretch}.countries-table,.countries-table thead,.countries-table tbody,.countries-table tr,.countries-table th,.countries-table td{display:block;width:100%}.countries-table{background:transparent;border:0;overflow:visible}.countries-table thead{display:none}.countries-table tr{background:#fff;border:1px solid #dce4ef;border-radius:8px;box-shadow:0 10px 30px #1118270f;margin-bottom:10px;overflow:hidden}.countries-table td{align-items:center;border-bottom:1px solid #e4eaf1;display:grid;gap:10px;grid-template-columns:82px minmax(0,1fr);padding:10px 12px}.countries-table td:before{color:#667085;font-size:12px;font-weight:700}.countries-table td:nth-child(1):before{content:"Флаг"}.countries-table td:nth-child(2):before{content:"Страна"}.countries-table td:nth-child(3):before{content:"Регион"}.countries-table td:nth-child(4):before{content:"Цвет"}.countries-table td:last-child{border-bottom:0}.countries-table .status-picker span{display:none}.stats-grid{gap:12px;grid-template-columns:1fr}.chart-panel{min-height:260px;overflow:hidden}.metric-list,.continent-metrics{gap:9px}.metric,.continent-metric{font-size:14px}.continent-stats{gap:10px;grid-template-columns:1fr}}@media (max-width: 380px){nav a{font-size:12px}.countries-table td{grid-template-columns:68px minmax(0,1fr)}.map-viewport{min-height:350px}}