:root{--bg:#f4f6f8;--panel:#fff;--ink:#172033;--muted:#667085;--line:#e4e7ec;--blue:#2563eb;--purple:#7c3aed;--orange:#d97706;--green:#067647;--red:#b42318}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font:14px/1.45 Arial,Helvetica,sans-serif;color:var(--ink);background:var(--bg)}
button,input,select{font:inherit}.top{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 20px;background:#111827;color:#fff}.top h1{font-size:20px;margin:0}.top p{margin:2px 0 0;color:#cbd5e1;font-size:12px}.top-actions,.actions{display:flex;gap:7px;flex-wrap:wrap}.btn{border:1px solid #d0d5dd;border-radius:8px;padding:8px 10px;background:white;color:#344054;cursor:pointer}.btn:hover{background:#f8fafc}.btn.dark{background:#1f2937;color:#fff;border-color:#475467}
.notice{padding:9px 16px;background:#fffaeb;border-bottom:1px solid #fedf89;color:#7a2e0e}.stats{display:flex;gap:7px;flex-wrap:wrap;padding:9px 14px;background:#fff;border-bottom:1px solid var(--line)}.stat{font-size:12px;padding:6px 9px;border:1px solid var(--line);border-radius:8px;background:#f8fafc}.stat b{font-size:14px}
.shell{display:grid;grid-template-columns:305px minmax(0,1fr);height:calc(100vh - 110px)}.filters{background:#fff;border-right:1px solid var(--line);padding:14px;overflow:auto}.filter-title{display:flex;justify-content:space-between;align-items:center}.filter-title h2{font-size:14px}.linkbtn{border:0;background:none;color:#475467;text-decoration:underline;cursor:pointer;font-size:12px}.filters>label{display:block;margin:0 0 10px;font-size:11px;font-weight:bold;text-transform:uppercase;letter-spacing:.035em;color:#475467}.filters input[type=search],.filters select{display:block;width:100%;margin-top:5px;padding:9px;border:1px solid #d0d5dd;border-radius:8px;background:#fff}.filters fieldset{border:1px solid var(--line);border-radius:9px;margin:0 0 10px;padding:8px}.filters legend{font-size:11px;font-weight:bold;color:#475467}.check{display:flex!important;align-items:center;gap:7px;margin:5px 0!important;font-size:12px!important;text-transform:none!important;letter-spacing:0!important;font-weight:normal!important;color:#344054!important}.help{font-size:12px;background:#f8fafc;border:1px solid var(--line);padding:9px;border-radius:8px}.help p{margin:4px 0 0;color:#667085}
.maincol{min-width:0;display:grid;grid-template-rows:48% 52%}.map-panel{position:relative;min-height:260px;background:#eef2f6}.map-panel #map{width:100%;height:100%}.fallback{position:absolute;inset:0;background:#eef2f6;overflow:hidden}.fallback img{width:100%;height:100%;object-fit:cover}.fallback-note{position:absolute;left:10px;bottom:10px;background:rgba(255,255,255,.94);padding:7px 9px;border-radius:8px;font-size:11px}.map-legend{position:absolute;right:10px;bottom:10px;z-index:500;background:rgba(255,255,255,.94);padding:6px 8px;border-radius:8px;font-size:11px;box-shadow:0 2px 8px rgba(0,0,0,.08)}.dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin:0 4px 0 8px}.dot:first-child{margin-left:0}.dot.dsaa{background:var(--blue)}.dot.art{background:var(--purple)}.dot.eu{background:var(--orange)}
.results-panel{overflow:auto;padding:12px}.results-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}.results-head h2{font-size:14px;margin:0}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(295px,1fr));gap:9px}.card{background:#fff;border:1px solid var(--line);border-radius:10px;padding:11px;cursor:pointer}.card:hover{border-color:#98a2b3;box-shadow:0 4px 14px rgba(16,24,40,.06)}.card-top{display:flex;justify-content:space-between;gap:8px}.card h3{font-size:14px;margin:0 0 2px}.meta{font-size:12px;color:var(--muted)}.spec{font-weight:bold;margin:7px 0}.tags{display:flex;gap:5px;flex-wrap:wrap;margin-top:7px}.tag{display:inline-flex;align-items:center;font-size:10px;padding:3px 7px;border-radius:999px;background:#f2f4f7;color:#344054}.tag.dsaa{background:#eff6ff;color:#1d4ed8}.tag.art{background:#f5f3ff;color:#6d28d9}.tag.eu{background:#fff7ed;color:#b45309}.tag.ok{background:#ecfdf3;color:#067647}.tag.warn{background:#fffaeb;color:#b54708}.iconbtn{border:1px solid var(--line);background:#fff;border-radius:7px;cursor:pointer;padding:5px 7px}.iconbtn.active{background:#fff7ed;border-color:#fdb022}.card-actions{display:flex;justify-content:space-between;align-items:center;margin-top:9px}
.drawer{position:fixed;right:0;top:0;z-index:3000;width:min(620px,100vw);height:100vh;background:#fff;box-shadow:-10px 0 35px rgba(0,0,0,.18);overflow:auto;transform:translateX(105%);transition:.2s}.drawer.open{transform:translateX(0)}.drawer-head{position:sticky;top:0;z-index:2;display:flex;justify-content:space-between;gap:10px;padding:14px 16px;background:#fff;border-bottom:1px solid var(--line)}.drawer-head h2{font-size:17px;margin:0}.drawer-head p{margin:2px 0 0;color:#667085}.close{border:0;background:#f2f4f7;border-radius:8px;width:34px;height:34px;font-size:19px;cursor:pointer}.drawer-body{padding:15px}.hero{padding:12px;border:1px solid var(--line);border-radius:10px;background:#f8fafc}.hero .big{font-size:16px;font-weight:bold}.section{margin:16px 0}.section h3{font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:#475467}.detail-grid{display:grid;grid-template-columns:145px 1fr;border:1px solid var(--line);border-radius:9px;overflow:hidden}.detail-grid>div{padding:8px 10px;border-bottom:1px solid var(--line)}.detail-grid .k{font-size:11px;font-weight:bold;color:#475467;background:#f8fafc}.detail-grid .v{word-break:break-word}.links{display:flex;gap:7px;flex-wrap:wrap}.alink{display:inline-block;padding:8px 10px;border-radius:8px;background:#1f2937;color:#fff;text-decoration:none;font-size:12px}.alink.secondary{background:#eef2ff;color:#3730a3}
.modal{position:fixed;inset:0;z-index:4000;background:rgba(17,24,39,.48);padding:3vh;overflow:auto}.modal-card{max-width:1100px;margin:auto;background:#fff;border-radius:12px;box-shadow:0 20px 60px rgba(0,0,0,.25);overflow:hidden}.modal-head{display:flex;justify-content:space-between;align-items:center;padding:13px 15px;border-bottom:1px solid var(--line)}.modal-head h2{font-size:16px;margin:0}.compare-wrap{overflow:auto;padding:12px}.compare-table{border-collapse:collapse;width:100%;min-width:780px}.compare-table th,.compare-table td{border:1px solid var(--line);padding:8px;vertical-align:top;text-align:left}.compare-table th{background:#f8fafc;font-size:12px}.compare-table td:first-child{font-weight:bold;width:150px;background:#fbfcfd}.empty{padding:30px;text-align:center;color:#667085}
@media(max-width:900px){.shell{display:block;height:auto}.filters{border-right:0;border-bottom:1px solid var(--line)}.maincol{height:950px;grid-template-rows:42% 58%}.top{align-items:flex-start}.drawer{width:100vw}}@media(max-width:560px){.top{padding:12px}.top h1{font-size:16px}.top-actions{display:none}.grid{grid-template-columns:1fr}.results-head{align-items:flex-start;flex-direction:column}.detail-grid{grid-template-columns:115px 1fr}.maincol{height:1100px}}