:root{
  --bg:#edf2f6;
  --panel:#fff;
  --panel-soft:#f7f9fb;
  --ink:#18222c;
  --muted:#5f7080;
  --line:#cfd8e1;
  --line-strong:#aebbc7;
  --blue:#0b3558;
  --blue-2:#164f7b;
  --blue-soft:#e6eef5;
  --green:#1f6b3d;
  --amber:#8b5c00;
  --red:#9d2d2d;
  --shadow:0 12px 30px rgba(17,42,63,.08);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:linear-gradient(180deg,#edf2f6 0,#f6f8fa 240px,#edf2f6 100%);color:var(--ink);font:15px/1.55 "Segoe UI",Arial,Helvetica,sans-serif}
button,input{font:inherit}
button{touch-action:manipulation}
.wrap{width:min(1180px,calc(100% - 32px));margin:auto}
.flagline{height:7px;display:grid;grid-template-columns:repeat(3,1fr)}.flagline i:nth-child(1){background:#111}.flagline i:nth-child(2){background:#b00000}.flagline i:nth-child(3){background:#d5a100}
.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.97);border-bottom:1px solid var(--line);box-shadow:0 4px 14px rgba(17,42,63,.05);backdrop-filter:blur(12px)}
.utilitybar{display:flex;gap:8px;align-items:center;padding:7px 0 0;font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.utilitydot{opacity:.5}.header-spacer{flex:1}.text-btn{border:0;background:transparent;color:var(--blue);font-weight:700;cursor:pointer;padding:4px 0}
.header-main{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:10px 0 14px}.brand{display:flex;align-items:center;gap:13px;color:inherit;text-decoration:none}.brand img{border:1px solid var(--line);border-radius:10px;background:#fff}.brand strong{display:block;font-size:20px}.brand small{display:block;color:var(--muted);font-size:13px;margin-top:1px}.main-nav{display:flex;gap:8px;flex-wrap:wrap}.nav-btn{border:1px solid var(--line);background:#fff;color:var(--ink);padding:10px 14px;border-radius:8px;font-weight:700;cursor:pointer}.nav-btn:hover{border-color:var(--blue);color:var(--blue)}.nav-btn.active{background:var(--blue);border-color:var(--blue);color:#fff}
.main{padding:26px 0 64px}.intro-panel,.search-card,.offline-panel,.detail-panel,.catalog-panel{background:var(--panel);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow)}
.intro-panel{display:flex;justify-content:space-between;gap:22px;align-items:flex-start;padding:26px;margin-bottom:16px}.intro-copy{max-width:860px}.eyebrow{margin:0 0 7px;color:var(--blue);text-transform:uppercase;letter-spacing:.09em;font-size:12px;font-weight:800}.intro-panel h1{margin:0 0 10px;font-size:clamp(30px,4.8vw,48px);line-height:1.08;letter-spacing:-.025em}.intro-panel p{margin:0;color:var(--muted);font-size:16px}.status-badge{flex:0 0 auto;border:1px solid #a9c7b4;background:#eef8f1;color:var(--green);border-radius:999px;padding:7px 11px;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.status-badge.offline{background:#fff4e2;border-color:#e0c38c;color:var(--amber)}
.search-card{padding:20px 22px;margin-bottom:16px;display:grid;grid-template-columns:minmax(220px,.7fr) minmax(0,1.8fr);gap:22px;align-items:end}.search-copy h2{margin:0 0 4px;font-size:20px}.search-copy p{margin:0;color:var(--muted);font-size:13px}.search-shell{position:relative;display:grid;grid-template-columns:1fr auto;gap:8px}.search-shell input{width:100%;min-width:0;height:54px;border:1px solid var(--line-strong);border-radius:9px;padding:0 15px;font-size:20px;font-weight:700;outline:none;background:#fff}.search-shell input:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(11,53,88,.11)}.primary-btn,.secondary-btn{height:44px;border-radius:8px;padding:0 16px;font-weight:800;cursor:pointer}.primary-btn{border:1px solid var(--blue);background:var(--blue);color:#fff}.primary-btn:hover{background:var(--blue-2)}.secondary-btn{border:1px solid var(--line-strong);background:#fff;color:var(--ink)}.search-shell>.primary-btn{height:54px}.live-results{position:absolute;z-index:60;left:0;right:0;top:62px;background:#fff;border:1px solid var(--line-strong);border-radius:10px;box-shadow:var(--shadow);max-height:430px;overflow:auto}.live-item{width:100%;display:grid;grid-template-columns:88px 1fr auto;gap:12px;align-items:center;padding:12px 13px;border:0;border-bottom:1px solid var(--line);background:#fff;text-align:left;cursor:pointer}.live-item:last-child{border-bottom:0}.live-item:hover,.live-item.active{background:#f1f6fa}.live-main strong{display:block}.live-main small{display:block;color:var(--muted);margin-top:2px}.live-state{font-size:12px;color:var(--muted);text-align:right}
.plate{display:inline-flex;align-items:center;justify-content:center;min-width:64px;height:36px;padding:0 9px 0 20px;border:2px solid #17212a;border-radius:5px;background:#fff;color:#111;font-weight:900;font-size:16px;letter-spacing:.05em;position:relative}.plate:before{content:"D";position:absolute;left:0;top:0;bottom:0;width:15px;background:#07539a;color:#fff;font:700 9px/1 Arial;display:flex;align-items:center;justify-content:center;letter-spacing:0;border-radius:2px 0 0 2px}
.offline-panel{padding:24px;margin-bottom:16px;border-left:5px solid var(--blue)}.offline-head{display:flex;justify-content:space-between;gap:24px;align-items:flex-start}.offline-head h2{margin:0 0 7px;font-size:25px}.offline-head p{margin:0;color:var(--muted);max-width:760px}.offline-state{flex:0 0 auto;border:1px solid var(--line);background:var(--panel-soft);border-radius:8px;padding:9px 11px;font-weight:800;font-size:13px}.progress-wrap{margin:20px 0 14px}.progress-track{height:12px;background:#dfe6ec;border-radius:999px;overflow:hidden}.progress-track span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--blue),#2d78ae);transition:width .18s ease}.progress-meta{display:flex;justify-content:space-between;color:var(--muted);font-size:12px;margin-top:7px}.offline-actions{display:flex;gap:8px;flex-wrap:wrap}.notice{margin:14px 0 0!important;padding:10px 12px;background:#f5f7f9;border:1px solid var(--line);border-radius:8px;font-size:13px!important;color:var(--muted)!important}
.detail-panel{padding:24px;margin-bottom:16px;scroll-margin-top:100px}.detail-hero{display:flex;justify-content:space-between;gap:18px;border-bottom:2px solid var(--line);padding-bottom:16px;margin-bottom:18px}.detail-title{display:flex;gap:16px;align-items:flex-start}.detail-title .plate{height:48px;min-width:82px;font-size:23px}.detail-title h2{margin:0;font-size:31px}.detail-title p{margin:3px 0 0;color:var(--muted)}.close-detail{width:40px;height:40px;border:1px solid var(--line);border-radius:8px;background:#f4f6f8;cursor:pointer;font-size:22px}.facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.fact{border:1px solid var(--line);background:var(--panel-soft);border-radius:9px;padding:11px}.fact span{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin-bottom:3px}.fact strong{font-size:14px}.detail-block{border-top:1px solid var(--line);margin-top:16px;padding-top:16px}.detail-block h3{margin:0 0 10px;font-size:18px;color:var(--blue)}.chips{display:flex;flex-wrap:wrap;gap:7px}.chip{padding:6px 9px;border:1px solid #c7d7e5;background:#edf4fa;border-radius:999px;color:#284a66;font-size:13px}.area{border:1px solid var(--line);border-radius:10px;overflow:hidden;margin-top:10px}.area-head{background:#f2f5f8;padding:11px 13px;font-weight:800}.municipality-list{padding:8px}.municipality{border:1px solid var(--line);border-radius:8px;margin:7px 0;background:#fff}.municipality summary{cursor:pointer;padding:10px 12px;font-weight:800}.municipality-body{padding:0 12px 12px;color:var(--muted)}.municipality-meta{display:flex;gap:8px;flex-wrap:wrap;font-size:12px;margin-bottom:8px}.localities{display:flex;flex-wrap:wrap;gap:6px}.locality{border:1px solid var(--line);background:#f8fafb;border-radius:6px;padding:4px 7px;font-size:12px;color:var(--ink)}.raw summary{cursor:pointer;font-weight:800;color:var(--blue)}.raw pre{background:#0d1720;color:#eaf0f4;border-radius:9px;padding:13px;overflow:auto;font-size:12px}
.catalog-panel{padding:22px}.section-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-end;border-bottom:2px solid var(--line);padding-bottom:13px;margin-bottom:16px}.section-head h2{margin:0;font-size:28px}.section-meta{color:var(--muted);font-size:13px}.letter-nav{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:18px}.letter-nav button{width:36px;height:36px;border:1px solid var(--line-strong);border-radius:7px;background:#fff;font-weight:800;cursor:pointer}.letter-nav button:hover{border-color:var(--blue);color:var(--blue)}.group{scroll-margin-top:100px;margin-bottom:26px}.group-head{display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--line);padding-bottom:8px;margin-bottom:10px}.group-head h3{margin:0;font-size:23px}.group-head span{color:var(--muted);font-size:12px}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.card{border:1px solid var(--line);border-radius:9px;background:#fff;padding:10px;text-align:left;cursor:pointer}.card:hover{border-color:var(--blue);box-shadow:0 5px 14px rgba(11,53,88,.08)}.card-top{display:flex;align-items:center;gap:9px;margin-bottom:6px}.card .plate{height:28px;min-width:50px;font-size:13px;padding-left:18px}.card strong{font-size:14px;line-height:1.25}.card small{display:block;color:var(--muted);line-height:1.35}.state-block{border:1px solid var(--line);border-radius:10px;overflow:hidden;margin-bottom:10px}.state-head{width:100%;display:flex;justify-content:space-between;gap:14px;align-items:center;padding:13px 15px;border:0;background:#f7f9fb;text-align:left;cursor:pointer}.state-head strong{font-size:17px}.state-head small{color:var(--muted)}.state-content{padding:12px;background:#fff}
.site-footer{border-top:1px solid var(--line);background:#f7f9fb;color:var(--muted);padding:22px 0 32px}.footer-grid{display:flex;justify-content:space-between;gap:24px}.footer-grid strong{color:var(--ink)}.footer-grid p{margin:3px 0 0}.noscript{padding:20px;background:#fff3cd;color:#664d03}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:920px){.cards{grid-template-columns:repeat(3,minmax(0,1fr))}.facts{grid-template-columns:repeat(2,minmax(0,1fr))}.search-card{grid-template-columns:1fr}}
@media(max-width:720px){.header-main{flex-direction:column;align-items:flex-start}.main-nav{width:100%}.nav-btn{flex:1}.intro-panel,.offline-head{flex-direction:column}.live-item{grid-template-columns:78px 1fr}.live-state{display:none}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-grid{flex-direction:column}.detail-hero{flex-direction:column}}
@media(max-width:500px){.wrap{width:min(100% - 18px,1180px)}.main{padding-top:14px}.intro-panel,.search-card,.offline-panel,.detail-panel,.catalog-panel{padding:16px}.brand strong{font-size:17px}.brand small{font-size:11px}.brand img{width:44px;height:44px}.intro-panel h1{font-size:29px}.search-shell{grid-template-columns:1fr}.search-shell>.primary-btn{height:44px}.live-results{top:106px}.cards{grid-template-columns:1fr}.facts{grid-template-columns:1fr}.section-head{flex-direction:column;align-items:flex-start}.detail-title{flex-direction:column}}
.card{text-decoration:none;color:inherit}.detail-link{color:var(--blue);font-weight:800;text-decoration:none}.detail-link:hover{text-decoration:underline}.special-note{padding:10px 12px;border:1px solid var(--line);background:#f7f9fb;border-radius:8px;color:var(--muted)}