:root{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#0f172a;background-color:#f9fafb}body,html,#root{margin:0;padding:0;width:100%;height:100%}*{box-sizing:border-box}button{padding:8px 16px;border-radius:6px;border:1px solid rgba(255,255,255,.2);background:#2563eb;color:#f8fafc;font-size:.95rem;cursor:pointer;transition:background .2s ease,transform .2s ease}button:hover:not(:disabled){background:#1d4ed8;transform:translateY(-1px)}button:disabled{opacity:.6;cursor:not-allowed}.app{display:flex;flex-direction:column;height:100%}.app__header{padding:12px 20px;background:#1f2937;color:#f9fafb;display:flex;align-items:center;justify-content:space-between}.header-brand{display:flex;align-items:center;gap:16px}.app__title{margin:0;font-size:1.1rem;font-weight:600}.home-link{color:#f9fafb;text-decoration:none;font-size:.95rem;padding:6px 10px;border-radius:6px;border:1px solid rgba(255,255,255,.25);transition:background-color .2s ease,color .2s ease,border-color .2s ease}.home-link:hover,.home-link:focus{background-color:#ffffff26;color:#fff;border-color:#fff6}.app__content{flex:1;display:flex;position:relative;overflow:hidden}.map-wrapper{flex:1;position:relative;background:#cbd5f5}.map-container{position:absolute;top:0;right:0;bottom:0;left:0}.header-actions{display:flex;gap:12px}.data-drawer{width:320px;max-width:80%;background:#fff;box-shadow:-4px 0 24px #0f172a1f;transform:translate(100%);transition:transform .25s ease;display:flex;flex-direction:column;border-left:1px solid #e2e8f0;z-index:12}.data-drawer.open{transform:translate(0)}.data-drawer__header{display:flex;justify-content:space-between;align-items:flex-start;padding:16px 20px;border-bottom:1px solid #e2e8f0;background:#f8fafc}.data-drawer__header h2{margin:0;font-size:1rem}.data-drawer__header p{margin:4px 0 0;font-size:.85rem;color:#475569}.data-drawer__body{padding:16px 20px;overflow-y:auto;flex:1}.status{margin:0;font-weight:500}.status--loading{color:#2563eb}.status--info{color:#0f766e}.status--error{color:#dc2626}.status--ready{color:#16a34a}.data-summary{display:flex;gap:12px;font-size:.85rem;color:#475569;margin-bottom:12px}.poi-list{margin:0;padding:0;list-style:none;display:grid;gap:12px}.poi-list li{padding:10px 12px;border:1px solid #e2e8f0;border-radius:8px;background:#f8fafc;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.poi-list strong{display:block;font-weight:600;margin-bottom:4px;color:#0f172a}.poi-list li:hover{box-shadow:0 6px 12px #0f172a1f;transform:translateY(-2px)}.poi-list li.selected{border-color:#2563eb;box-shadow:0 8px 16px #2563eb2e;transform:translateY(-2px)}.poi-list__meta{display:flex;flex-direction:column;gap:4px;font-size:.85rem;color:#475569}.marker-bar{position:relative;width:20px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;pointer-events:auto;transition:transform .2s ease}.marker-bar__column{width:12px;border-radius:6px 6px 0 0;box-shadow:none;transition:background .2s ease,transform .2s ease}.marker-bar__base{width:26px;height:3px;margin-top:0;border-radius:1px;background:#4c1d95a6}.marker-bar--selected{transform:translateY(-4px) scale(1.1)}.marker-tooltip{min-width:180px;max-width:240px;font-size:.85rem;color:#0f172a;line-height:1.4}.marker-tooltip strong{display:block;font-weight:600;margin-bottom:6px}.drawer-hint{font-size:.85rem;color:#64748b;margin-top:16px}