  *,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
  html{-webkit-text-size-adjust:100%;height:100%}
  body{font-family:-apple-system,'SF Pro Display','Helvetica Neue',Helvetica,Arial,sans-serif;background:#F3F4F6;color:#1C1C1E;min-height:100%;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior:none}
  @keyframes sp{to{transform:rotate(360deg)}}
  input,select,textarea{font-family:inherit;font-size:16px!important;-webkit-appearance:none;appearance:none}
  input:focus,select:focus,textarea:focus{border-color:#1971F5!important;box-shadow:0 0 0 3px rgba(25,113,245,0.12)}
  ::-webkit-scrollbar{width:4px;height:4px}
  ::-webkit-scrollbar-track{background:transparent}
  ::-webkit-scrollbar-thumb{background:#D1D5DB;border-radius:2px}
  .ef{background:transparent;border:1.5px solid transparent;border-radius:8px;padding:6px 8px;font-size:14px!important;font-weight:600;color:#1C1C1E;outline:none;width:100%;transition:border-color 0.15s,background 0.15s}
  .ef:hover,.ef:focus{background:#fff;border-color:#E5E7EB}
  .ef:focus{border-color:#1971F5!important;box-shadow:0 0 0 3px rgba(25,113,245,0.12)}
  .ef::placeholder{color:#C7CCD4;font-weight:500}
  .touch-ghost{position:fixed;z-index:9999;pointer-events:none;opacity:0.85;transform:rotate(2deg) scale(1.05);transition:none}
  .sector-drop-highlight{background:rgba(25,113,245,0.08)!important;border-color:rgba(25,113,245,0.4)!important}
  @media(max-width:768px){
    .desktop-stats{display:none!important}
    .mobile-stats{display:flex!important}
    .header-actions{display:none!important}
    .mobile-fab{display:flex!important}
    .sector-scroll{flex-direction:column!important}
    .sector-col{max-width:none!important;min-width:0!important;flex:none!important;width:100%!important}
    .legend-row{display:none!important}
  }
  @media(min-width:769px){
    .mobile-stats{display:none!important}
    .mobile-fab{display:none!important}
  }
  /* iPad / Tablet (769px – 1024px) */
  @media(min-width:769px) and (max-width:1024px){
    .sector-scroll{flex-wrap:wrap!important;overflow-x:visible!important}
    .sector-col{flex:1 1 45%!important;max-width:48%!important;min-width:280px!important}
    .header-actions{flex-wrap:wrap!important;gap:6px!important}
    .header-actions button{font-size:12px!important;padding:7px 10px!important}
    .desktop-stats{flex-wrap:wrap!important;gap:16px!important}
    .desktop-stats>div:first-child{gap:16px!important}
  }
  /* iPad landscape / small desktop (1025px – 1280px) */
  @media(min-width:1025px) and (max-width:1280px){
    .sector-col{flex:1 1 230px!important;max-width:340px!important}
    .header-actions{flex-wrap:wrap!important}
  }
